/* Front Desk shift flow: the same roomy numbered treatment used by Cash Count. */
#view-operationsmode .bp-shift-start-guide{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 12px!important;
  padding:15px 16px!important;
  border:1px solid #CFE6DA!important;
  border-radius:12px!important;
  background:#F7FCF9!important;
  box-shadow:none!important;
}
#view-operationsmode .bp-shift-start-guide>div.bp-ops-howto-step{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  min-width:0!important;
}
#view-operationsmode .bp-shift-start-guide .bp-ops-howto-step>span{
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#0D7959!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:var(--w-strong,600)!important;
  line-height:1!important;
}
#view-operationsmode .bp-shift-start-guide .bp-ops-howto-step>div{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  padding-top:1px!important;
}
#view-operationsmode .bp-shift-start-guide .bp-ops-howto-step b{
  font-size:13px!important;
  line-height:1.25!important;
  color:#214A3C!important;
}
#view-operationsmode .bp-shift-start-guide .bp-ops-howto-step small{
  font-size:11px!important;
  line-height:1.45!important;
  color:#668277!important;
}
#view-operationsmode .bp-shift-start-guide .bp-ops-howto-note{
  grid-column:1/-1!important;
  padding-top:11px!important;
  border-top:1px solid #DCEEE5!important;
  color:#55776A!important;
  font-size:11px!important;
  line-height:1.45!important;
}
#view-operationsmode .bp-shift-start-guide .bp-ops-howto-note b{
  color:#215C47!important;
  font-size:11px!important;
}
@media(max-width:900px){
  #view-operationsmode .bp-shift-start-guide{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #view-operationsmode .bp-shift-start-guide .bp-ops-howto-note{
    grid-column:auto!important;
  }
}
@container bpops (max-width:900px){#view-operationsmode .bp-shift-start-guide{grid-template-columns:1fr!important;
    gap:12px!important;}#view-operationsmode .bp-shift-start-guide .bp-ops-howto-note{grid-column:auto!important;}}