/* AquaFlow V34.2.165 — compact, full-width "Về công ty" action.
   Scoped to staff overview: fixes flex-basis:0 text collapse and the resulting
   several-hundred-pixel card on mobile. Business rules and visibility stay in
   trip-close.js; no changes to stock, trip completion, or RBAC. */
body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish[hidden],
body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish.is-hidden,
body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish[aria-hidden="true"] {
  display:none!important;
}

@media (max-width:760px) {
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) {
    display:flex!important;
    box-sizing:border-box!important;
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:8px 12px!important;
    overflow:hidden!important;
    border-radius:13px!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) > .staff-command-icon {
    display:grid!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    place-items:center!important;
    border-radius:10px!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) > span:last-child {
    display:flex!important;
    box-sizing:border-box!important;
    flex:1 1 0%!important;
    flex-flow:column nowrap!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:2px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) strong,
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) small {
    display:block!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) strong {
    font-size:14px!important;
    line-height:1.16!important;
    font-weight:850!important;
  }
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish:not([hidden]):not(.is-hidden) small {
    font-size:11px!important;
    line-height:1.2!important;
    color:#526e89!important;
  }
  /* Old global ".staff-command-bar :after" adds arrows to nested text too. */
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish > span::after,
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish strong::after,
  body:is(.staff-mode,[data-role="staff"]) #overview .staff-command-bar .staff-command-finish small::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)::after {
    content:"›"!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    align-self:center!important;
    margin-left:auto!important;
    color:#7891a9!important;
    font-size:22px!important;
    line-height:1!important;
  }
}