/* AquaFlow V34.2.164 – Admin shortcuts synchronized with staff compact cards.
   Scope: admin Overview ONLY. No mutations/permissions/handlers changed. */
.management-mode #overview .management-command-center {
  grid-template-columns:minmax(0,1fr) 240px;
  align-items:start;
  gap:10px;
}
.management-mode #overview .management-command-intro {display:none}
.management-mode #overview .management-command-actions-six {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  min-width:0;
}
.management-mode #overview .management-command-actions-six .management-command {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  box-sizing:border-box;
  position:relative;
  min-width:0;
  min-height:78px;
  height:auto;
  padding:7px 9px 8px;
  gap:3px;
  border:1px solid #d3e4f1;
  border-radius:12px;
  background:#f7fafc;
  color:#153b62;
  box-shadow:0 2px 8px rgba(15,67,118,.07);
  text-align:left;
  white-space:normal;
  overflow:visible;
}
.management-mode #overview .management-command-actions-six .management-command>span {
  display:grid;
  flex:0 0 22px;
  width:22px;height:22px;
  grid-row:auto;
  place-items:center;
  border-radius:7px;
  background:#e7f2fd;
  color:#1978ca;
  font-size:15px;
  line-height:1;
  font-weight:800;
}
.management-mode #overview .management-command-actions-six .management-command strong {
  display:block;
  width:100%;
  min-width:0;
  align-self:auto;
  color:inherit;
  font-size:clamp(11.4px,3vw,13px)!important;
  font-weight:800;
  letter-spacing:-.018em;
  line-height:1.16;
  white-space:normal;
  overflow-wrap:break-word;
  overflow:visible;
  text-overflow:clip;
}
.management-mode #overview .management-command-actions-six .management-command small {
  display:block;
  width:100%;
  min-width:0;
  align-self:auto;
  margin:0;
  color:#647c92;
  font-size:clamp(9.6px,2.6vw,10.5px)!important;
  font-weight:550;
  line-height:1.18;
  white-space:normal;
  overflow-wrap:break-word;
  overflow:visible;
  text-overflow:clip;
}
.management-mode #overview .management-command-actions-six .command-delivery {background:#086bcf;color:#fff;border-color:#086bcf}
.management-mode #overview .management-command-actions-six .command-payment {background:#079969;color:#fff;border-color:#079969}
.management-mode #overview .management-command-actions-six .command-empty {background:#ee820b;color:#fff;border-color:#ee820b}
.management-mode #overview .management-command-actions-six .command-delivery>span,
.management-mode #overview .management-command-actions-six .command-payment>span,
.management-mode #overview .management-command-actions-six .command-empty>span {background:rgba(255,255,255,.18);color:#fff}
.management-mode #overview .management-command-actions-six :is(.command-delivery,.command-payment,.command-empty) small {color:#fff}
.management-mode #overview .management-command-actions-six .management-command:focus-visible {
  outline:3px solid #5aa9ff;
  outline-offset:2px;
}
.management-mode #overview .management-command-actions-six .management-command[hidden],
.management-mode #overview .management-command-actions-six .management-command.is-hidden {display:none!important}
@media(max-width:1050px){
 .management-mode #overview .management-command-center {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
 .management-mode #overview .management-command-center {gap:5px;margin:6px 0 10px;padding:0;border:0;box-shadow:none;background:transparent}
 .management-mode #overview .management-command-actions-six {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .management-mode #overview .management-command-actions-six .management-command {
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;
   justify-content:flex-start!important;min-height:78px!important;height:auto!important;max-height:none!important;
   grid-template-columns:none!important;grid-template-rows:none!important;
   gap:3px!important;padding:7px 8px 8px!important;border-radius:12px!important;
 }
 .management-mode #overview .management-command-actions-six .management-command>span {
   display:grid!important;grid-row:auto!important;width:22px!important;height:22px!important;font-size:15px!important;
 }
 .management-mode #overview .management-command-actions-six .management-command strong {
   align-self:auto!important;font-size:clamp(11.4px,3vw,13px)!important;white-space:normal!important;line-height:1.16!important;
 }
 .management-mode #overview .management-command-actions-six .management-command small {
   display:block!important;font-size:clamp(9.6px,2.6vw,10.5px)!important;line-height:1.18!important;white-space:normal!important;
 }
}
@media(max-width:349px){
 .management-mode #overview .management-command-actions-six {grid-template-columns:repeat(2,minmax(0,1fr))}
 .management-mode #overview .management-command-actions-six .management-command {min-height:68px!important;padding:6px 8px!important}
 .management-mode #overview .management-command-actions-six .management-command strong{font-size:12.5px!important}
 .management-mode #overview .management-command-actions-six .management-command small{font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){
 .management-mode #overview .management-command-actions-six .management-command{transition:none!important;transform:none!important}
}

/* Reuse the exact vector symbols from the driver command cards. */
.management-mode #overview .management-command-actions-six .management-command>span {font-size:0!important}
.management-mode #overview .management-command-actions-six .management-command>span::before {content:"";display:block;width:15px;height:15px;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.management-mode #overview .management-command-actions-six .command-delivery>span::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h11v11H3zM14%2010h4l3%204v3h-7%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h11v11H3zM14%2010h4l3%204v3h-7%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.management-mode #overview .management-command-actions-six .command-payment>span::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18M17%207H9.5a3.5%203.5%200%200%200%200%207h5a3.5%203.5%200%200%201%200%207H6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18M17%207H9.5a3.5%203.5%200%200%200%200%207h5a3.5%203.5%200%200%201%200%207H6%22%2F%3E%3C%2Fsvg%3E")}
.management-mode #overview .management-command-actions-six .command-empty>span::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-4%209%204v10l-9%204-9-4V7ZM3%207l9%204%209-4M12%2011v10%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-4%209%204v10l-9%204-9-4V7ZM3%207l9%204%209-4M12%2011v10%22%2F%3E%3C%2Fsvg%3E")}
.management-mode #overview .management-command-actions-six .command-receipt>span::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4h12v17M16%2011h4v10M2%2021h20M8%208h3M8%2012h3M8%2016h3%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4h12v17M16%2011h4v10M2%2021h20M8%208h3M8%2012h3M8%2016h3%22%2F%3E%3C%2Fsvg%3E")}
.management-mode #overview .management-command-actions-six .command-customers>span::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206M17%2014a5%205%200%200%201%204%205v1%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2a6%206%200%200%201%2012%200v2M16%205a3%203%200%200%201%200%206M17%2014a5%205%200%200%201%204%205v1%22%2F%3E%3C%2Fsvg%3E")}
.management-mode #overview .management-command-actions-six .command-expense>span::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h12v20l-3-2-3%202-3-2-3%202V2ZM9%207h6M9%2011h6M9%2015h4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h12v20l-3-2-3%202-3-2-3%202V2ZM9%207h6M9%2011h6M9%2015h4%22%2F%3E%3C%2Fsvg%3E")}
