
/* Front Desk checklist: keep controls in a clear top band and give task copy the full width. */
#view-operationsmode .bp-shift-checklist .bp-shift-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto auto auto!important;
  gap:0!important;
  align-items:stretch!important;
  min-width:0!important;
  padding:0!important;
  border:1px solid #dbe5ef!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 1px 2px rgba(18,35,63,.04)!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-main{
  display:contents!important;
  min-width:0!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-actions{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:9px 12px!important;
  background:#f7fafd!important;
  border-bottom:1px solid #e1eaf2!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-top{
  grid-column:1!important;
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  min-height:30px!important;
  margin:0!important;
  padding:9px 14px 3px!important;
  background:transparent!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-main>b{
  grid-column:1!important;
  grid-row:3!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0 14px!important;
  color:#1e3d5b!important;
  font-size:14px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-main>small{
  grid-column:1!important;
  grid-row:4!important;
  display:block!important;
  min-width:0!important;
  margin:6px 14px 0!important;
  color:#6b7f95!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-exception{
  grid-column:1!important;
  grid-row:5!important;
  min-width:0!important;
  margin:8px 14px 0!important;
  overflow-wrap:anywhere!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-linked{
  grid-column:1!important;
  grid-row:6!important;
  min-width:0!important;
  margin:8px 14px 12px!important;
  overflow-wrap:anywhere!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-actions button{
  flex:0 1 auto!important;
  min-height:34px!important;
  min-width:0!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-actions .bp-shift-action-done{
  background:#e8f8ef!important;
  border-color:#a9ddbe!important;
  color:#166a3e!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-actions .bp-shift-module{
  background:#edf5ff!important;
  border-color:#b7d0eb!important;
  color:#245c9a!important;
}
#view-operationsmode .bp-shift-checklist .bp-shift-item-actions button:not(.bp-shift-action-done):not(.bp-shift-module):hover{
  background:#eef5fb!important;
  border-color:#a9c6e2!important;
}
@media(max-width:780px){
  #view-operationsmode .bp-shift-checklist .bp-shift-item-actions{
    gap:6px!important;
    padding:8px 10px!important;
  }
  #view-operationsmode .bp-shift-checklist .bp-shift-item-actions button{
    flex:1 1 118px!important;
    min-height:40px!important;
    justify-content:center!important;
  }
  #view-operationsmode .bp-shift-checklist .bp-shift-item-top{
    padding:8px 11px 3px!important;
  }
  #view-operationsmode .bp-shift-checklist .bp-shift-item-main>b{
    padding:0 11px!important;
  }
  #view-operationsmode .bp-shift-checklist .bp-shift-item-main>small{
    margin-left:11px!important;
    margin-right:11px!important;
  }
  #view-operationsmode .bp-shift-checklist .bp-shift-exception{
    margin-left:11px!important;
    margin-right:11px!important;
  }
  #view-operationsmode .bp-shift-checklist .bp-shift-linked{
    margin-left:11px!important;
    margin-right:11px!important;
  }
}
@container bpops (max-width:780px){#view-operationsmode .bp-shift-checklist .bp-shift-item-actions button{flex:1 1 118px!important;
    min-height:40px!important;
    justify-content:center!important;}}
