/* V34.2.162 — readable compact staff actions on 320px+ mobile screens.
   Presentation only. 3 × 2 layout where readable, 2 × 3 on narrow phones.
   Do not override [hidden], .is-hidden, role permissions, business handlers. */
@media (max-width:760px) {
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    gap:6px!important;
    align-items:stretch!important;
    margin:0 0 12px!important;
    width:100%!important;
    min-width:0!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command:not(.staff-command-finish) {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    height:auto!important;
    min-height:99px!important;
    max-height:none!important;
    min-width:0!important;
    width:100%!important;
    padding:9px 7px 9px!important;
    gap:5px!important;
    border-radius:13px!important;
    overflow:visible!important;
    text-align:left!important;
    position:relative;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-icon {
    display:grid!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    border-radius:8px!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-icon::before {
    width:17px!important;height:17px!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command > span:last-child {
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:2px!important;
    overflow:visible!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    flex:1 1 auto!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command strong {
    display:block!important;
    font-size:clamp(11.5px,3.12vw,14px)!important;
    line-height:1.17!important;
    font-weight:800!important;
    letter-spacing:-.02em!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    max-height:none!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command small,
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command small > span {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
    -webkit-line-clamp:unset!important;
    font-size:clamp(10px,2.7vw,11.5px)!important;
    line-height:1.25!important;
    font-weight:550!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command::after {
    content:none!important;
    display:none!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) {
    grid-column:1/-1!important;
    height:auto!important;
    min-height:44px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command[hidden],
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command.is-hidden,
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command[aria-hidden="true"] {
    display:none!important;
  }
}
@media (max-width:349px) {
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command:not(.staff-command-finish) {
    flex-direction:column!important;
    height:auto!important;
    min-height:88px!important;
    max-height:none!important;
    gap:4px!important;
    padding:8px 9px!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command strong {
    font-size:12.5px!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command small {font-size:11px!important}
}
@media (prefers-reduced-motion:reduce) {
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command {transition:none!important}
}