.staff-strip{display:flex;align-items:stretch;gap:9px;min-width:0}
.staff-today-section .staff-row{flex:1 1 auto;min-width:0;gap:9px}
.staff-off-toggle{flex:0 0 58px;min-height:124px;border:1px solid #c8d6cf;border-radius:10px;background:#f4f6f4;color:#45635a;padding:9px 6px;font:800 16px/1.15 inherit;text-align:center;cursor:pointer}
.staff-off-toggle span{display:block}.staff-off-toggle span+span{margin-top:5px}
.staff-off-toggle:hover,.staff-off-toggle:focus-visible{border-color:var(--green);background:#fff;outline:none;box-shadow:0 0 0 3px rgba(53,109,99,.14)}
.staff-today-section .staff-card{display:grid;width:122px;min-width:122px;height:124px;grid-template-rows:auto auto minmax(0,1fr) auto;align-items:start;gap:2px;padding:8px 9px 6px;text-align:left}
.staff-today-section .staff-card.has-queue{padding:6px 7px 3px}
.staff-card-name{display:block;max-width:100%;overflow:hidden;color:#12231f;font-size:22px!important;font-weight:950!important;line-height:1.12;text-overflow:clip;white-space:nowrap}
.staff-card-state{display:block!important;margin:1px 0 0!important;overflow:hidden;color:#687871!important;font-size:11px!important;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.staff-card-place{display:block!important;margin:1px 0 0!important;overflow:hidden;color:#65736e!important;font-size:13px!important;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.staff-card-place:empty{visibility:hidden}
.staff-card-more{display:block!important;align-self:end;justify-self:end;margin:0!important;color:#2f665b!important;font-size:14px!important;font-weight:900;line-height:1.1;text-align:right}
.staff-card:hover .staff-card-more,.staff-card:focus-visible .staff-card-more{color:#173f36!important}
.staff-card.has-queue .staff-card-more{color:#674c7d!important}
.staff-card.busy.has-queue .staff-card-more{color:#8b4609!important}
.staff-today-section .staff-card:not(.busy):not(.staff-state-break):not(.has-queue){background:#fff}
.staff-status-picker{margin-top:12px;padding:12px;border:1px solid #d7e1dc;border-radius:10px;background:#fff}
.staff-status-picker>strong{display:block;font-size:17px}
.staff-status-picker>span{display:block;margin-top:2px;color:var(--muted);font-size:13px}
.staff-status-picker>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.staff-status-picker button{min-height:44px;font-size:15px}
.drawer-subtitle{display:block;margin-top:4px;color:#5f716b;font-size:14px;font-weight:750}
.staff-today-editor:empty{display:none}
.staff-today-form[hidden]{display:none!important}
.staff-live-summary{display:grid;grid-template-columns:72px minmax(210px,auto) minmax(0,1fr);align-items:center;gap:10px;margin-top:11px;padding:12px 14px;border:2px solid #c7d8d1;border-radius:11px;background:#fff}
.staff-live-summary>span{color:#60716b;font-size:12px;font-weight:900;letter-spacing:.08em}
.staff-live-summary>strong{color:#17372f;font-size:20px;line-height:1.2}
.staff-live-summary>small{overflow:hidden;color:#536760;font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.staff-live-summary.working{border-color:#d08a49;background:#fff0dc}
.staff-live-summary.working>strong{color:#874609}
.staff-live-summary.queued{border-color:#80639a;background:#eee6f4}
.staff-live-summary.queued>strong{color:#5e4273}
.staff-live-summary.idle{background:#f6f8f6}
.staff-today-status-drawer{margin-top:12px!important;border:1px solid #cbd9d3;border-radius:11px;background:#f8fbf9;color:var(--ink)!important;overflow:hidden}
.staff-today-status-drawer>summary{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:10px 13px;cursor:pointer;list-style:none}
.staff-today-status-drawer>summary::-webkit-details-marker{display:none}
.staff-today-status-drawer>summary>span{display:flex;min-width:0;flex-direction:column}
.staff-today-status-drawer>summary b{color:#17382f;font-size:17px}
.staff-today-status-drawer>summary small{margin-top:2px;overflow:hidden;color:#60736c;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.staff-today-status-drawer>summary>strong{flex:none;color:#2d6c5e;font-size:14px}
.staff-today-status-drawer>summary>strong:before{content:'▸';margin-right:6px}
.staff-today-status-drawer>summary>strong i{font-style:normal}
.staff-today-status-drawer>summary>strong i:last-child{display:none}
.staff-today-status-drawer[open]>summary{border-bottom:1px solid #d7e1dc;background:#edf5f1}
.staff-today-status-drawer[open]>summary>strong:before{content:'▾'}
.staff-today-status-drawer[open]>summary>strong i:first-child{display:none}
.staff-today-status-drawer[open]>summary>strong i:last-child{display:inline}
.staff-today-status-drawer>.staff-drawer-grid{margin:12px}
.staff-today-status-drawer>.staff-status-picker{margin:12px 12px 0}
.staff-today-status-drawer>.staff-today-editor{margin:12px}
@media(max-width:820px){
  .staff-today-section .staff-card{width:120px;min-width:120px}
  .staff-status-picker>div{display:grid;grid-template-columns:1fr 1fr}
  .staff-status-picker>div button:last-child{grid-column:1/-1}
  .staff-live-summary{grid-template-columns:64px minmax(0,1fr)}
  .staff-live-summary>small{grid-column:1/-1;white-space:normal}
}

/* Selected-date staff facts: never alter the long-term profile or weekly template. */
.staff-save-notice{margin:10px 0;padding:12px 14px;border:1px solid #9ac4b7;border-radius:10px;background:#edf8f4;color:#174f43;font-size:16px;font-weight:850}
.staff-state-form{display:block!important;margin-top:12px;padding:14px;border:1px solid #cadbd4;border-radius:12px;background:#f8fbfa}
.staff-state-form[hidden]{display:none!important}
.staff-state-form>div:first-child p{margin:0;color:#54746b;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.staff-state-form>div:first-child h4{margin:3px 0 0;color:#172c27;font-size:19px}
.daily-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.daily-mode-choice{position:relative;display:block;min-width:0;cursor:pointer}
.daily-mode-choice input{position:absolute;opacity:0;pointer-events:none}
.daily-mode-choice span{display:flex;min-height:78px;flex-direction:column;justify-content:center;padding:10px 12px;border:2px solid #cbd8d3;border-radius:11px;background:#fff;color:#213d36}
.daily-mode-choice b{font-size:17px;line-height:1.2}
.daily-mode-choice small{margin-top:4px;color:#687872;font-size:12px;line-height:1.3}
.daily-mode-choice input:checked+span{border-color:#2f7567;background:#e6f3ee;box-shadow:0 0 0 2px rgba(47,117,103,.1)}
.daily-mode-choice input:focus-visible+span{outline:3px solid rgba(47,117,103,.25);outline-offset:2px}
.daily-fact-toggles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.daily-fact-toggles>label{display:flex;min-height:72px;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #c8d9d2;border-radius:10px;background:#fff;cursor:pointer}
.daily-fact-toggles>label.capacity-fact{border-color:#d5b77b;background:#fffaf0}
.daily-fact-toggles input{width:24px;height:24px;flex:0 0 24px;margin:1px 0 0;accent-color:#2f7567}
.daily-fact-toggles span{display:flex;flex-direction:column}
.daily-fact-toggles b{color:#17352e;font-size:16px;line-height:1.25}
.daily-fact-toggles small{margin-top:3px;color:#69766f;font-size:12px;line-height:1.35}
.staff-state-form>button[type=submit]{min-height:48px;min-width:180px;font-size:17px}

.daily-order-section{padding:14px;border:1px solid #cbdad4;border-radius:12px;background:#f8fbfa}
.daily-order-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.daily-order-heading>div{display:flex;min-width:0;flex-direction:column}
.daily-order-heading strong{color:#17342d;font-size:19px}
.daily-order-heading span{margin-top:2px;color:#61736d;font-size:13px}
.daily-order-heading>button{min-height:46px;white-space:nowrap;font-size:16px}
.daily-order-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px;margin-top:12px}
.daily-order-card{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:2px solid #d1ddd8;border-radius:11px;background:#fff;transition:border-color .16s,background .16s,transform .16s}
.daily-order-card.daily-order-moved{border-color:#2f7567;background:#e9f5f0}
.daily-order-card.dragging{z-index:2;border-color:#aa6417;background:#fff6e7;box-shadow:0 8px 24px rgba(41,58,52,.2);transform:scale(1.02)}
.daily-order-handle{width:42px;height:48px;border:0;border-radius:8px;background:#e3efeb;color:#255e52;font-size:24px;font-weight:900;cursor:grab;touch-action:none}
.daily-order-handle:active{cursor:grabbing}
.daily-order-card>div:nth-child(2){display:flex;min-width:0;flex-direction:column}
.daily-order-card>div:nth-child(2) strong{overflow:visible;color:#142a25;font-size:18px;font-weight:950;text-overflow:clip;white-space:normal;word-break:break-word}
.daily-order-card>div:nth-child(2) span{overflow:visible;color:#5f716b;font-size:12px;font-weight:750;text-overflow:clip;white-space:normal}
.daily-order-buttons{display:flex;gap:4px}
.daily-order-buttons button{width:38px;height:42px;border:1px solid #c8d6d1;border-radius:8px;background:#fff;color:#235c50;font-size:20px;font-weight:950}
.daily-order-buttons button:hover,.daily-order-buttons button:focus-visible{border-color:#2f7567;background:#edf7f3;outline:none}
.off-staff-section{margin-top:14px;padding-top:14px;border-top:1px solid #d7dfdc}
.off-staff-section>div:first-child{display:flex;flex-direction:column}
.off-staff-section>div:first-child strong{font-size:18px}
.off-staff-section>div:first-child span{margin-top:2px;color:#64756f;font-size:13px}
.off-staff-actions{margin-top:10px}
.off-staff-actions button{min-height:44px;font-size:15px}

@media(max-width:1100px){
  .daily-order-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .daily-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .daily-order-list{grid-template-columns:1fr}
  .daily-order-heading{align-items:stretch;flex-direction:column}
  .daily-fact-toggles{grid-template-columns:1fr}
}