:root{color-scheme:light;--color-bg: #f5f5ed;--color-bg-glow: #e9efd9;--color-panel: #fffef9;--color-glass: #fffef9;--color-glass-solid: #fffef9;--color-border: #dedfd3;--color-border-control: #868b79;--color-divider: #e3e5d8;--color-surface: #f1f3e8;--color-control: #fffef9;--color-hover: #e8edda;--color-inset: #e9eedf;--color-text: #25372e;--color-muted: #606a5b;--color-brand: #355b40;--color-brass: #857131;--color-success: #247348;--color-warning: #8a5a08;--color-danger: #b53c37;--color-info: #326d91;--color-info-text: #285b7a;--color-served: #98552a;--color-agent: #69528b;--color-on-action: #ffffff;--color-brand-soft: #e4edcb;--color-success-soft: #e4f3e9;--color-warning-soft: #fff2d6;--color-danger-soft: #fce9e6;--color-info-soft: #e8f2f8;--color-agent-soft: #f0eaf8;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-md: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-display: 2rem;--text-hero: clamp(2rem, 4vw, 3.5rem);--text-metric: 3rem;--tracking-display: -.055em;--color-shine-citrus: #edf5b7;--color-shine-peach: #ffe2cf;--color-shine-mint: #dff2e8;--color-sun: #f2c64b;--leading-tight: 1.2;--leading-body: 1.5;--tracking-label: .04em;--weight-normal: 400;--weight-medium: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-control: 1.5rem;--radius-card: 1rem;--radius-panel: 1.75rem;--radius-device: 2rem;--radius-pill: 999px;--shadow-panel: 0 2px 12px rgba(71, 45, 22, .04);--shadow-device: 0 4px 20px rgba(71, 45, 22, .08);--glass-filter: none;--duration-fast: .15s;--duration-enter: .25s;--duration-feedback: .7s;--ease-out: cubic-bezier(.2, .8, .2, 1);--control-height: 2.5rem;--control-compact: 2rem;--target-touch: 2.75rem;--z-connectors: 10;--z-hud: 11;--z-device: 12;--z-inspector: 13;--z-screen: 40;--z-toast: 50;--auth-bg: var(--color-bg);--glass-bg: var(--color-glass);--glass-solid: var(--color-glass-solid);--glass-brd: var(--color-border);--amber: var(--color-brand);--brass: var(--color-brass);--mint: var(--color-success);--gold: var(--color-warning);--red: var(--color-danger);--ink: var(--color-text);--muted: var(--color-muted);--ui: var(--font-ui);--mono: var(--font-mono)}:root[data-theme=dark]{color-scheme:dark;--color-shine-citrus: #394129;--color-shine-peach: #49392c;--color-shine-mint: #2c4037;--color-bg: #211b17;--color-bg-glow: #33271e;--color-panel: #302720;--color-glass: #302720;--color-glass-solid: #302720;--color-border: #574536;--color-border-control: #a38b72;--color-divider: #584737;--color-surface: #3a3027;--color-control: #392e25;--color-hover: #4b3b2d;--color-inset: #241e19;--color-text: #f8eddc;--color-muted: #cbbba6;--color-brand: #e9b578;--color-brass: #c69a5b;--color-success: #9aca9d;--color-warning: #edc574;--color-danger: #f4a39a;--color-info: #9dc3df;--color-info-text: #b0cee4;--color-served: #e6ad7c;--color-agent: #d0b7e2;--color-on-action: #2d2118;--color-brand-soft: #4b3827;--color-success-soft: #2c4030;--color-warning-soft: #483b24;--color-danger-soft: #4e302b;--color-info-soft: #2c3c48;--color-agent-soft: #403249;--shadow-panel: 0 2px 12px rgba(0, 0, 0, .12);--shadow-device: 0 4px 20px rgba(0, 0, 0, .18)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui)}button,input,select,textarea{font:inherit}button{touch-action:manipulation}a{color:var(--color-brand)}:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}:is(input,select,textarea){accent-color:var(--color-brand)}option{background:var(--color-panel);color:var(--color-text)}:is(.ui-panel,.glass,.auth-card,.team-panel,.con-card){background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--color-text)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:is(.ui-panel,.glass,.auth-card,.team-panel,.con-card){background:var(--color-glass);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}}.ui-panel{padding:var(--space-6)}:is(.ui-card,.card,.dev-task,.team-row){background:var(--color-surface);border-radius:var(--radius-card)}.ui-card{padding:var(--space-3)}:is(.ui-btn,.auth-btn,.team-btn,.team-close,.con-btn,.con-pill,.dev-cta,.minibtn,.acts button,.iacts button,:where(#controls) button,.seg button){font:var(--weight-medium) var(--text-md)/var(--leading-tight) var(--font-ui);min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-control);color:var(--color-text);cursor:pointer}:is(.ui-btn,.auth-btn,.team-btn,.team-close,.con-btn,.con-pill,.dev-cta,.minibtn,.acts button,.iacts button,:where(#controls) button,.seg button):hover:not(:disabled){background:var(--color-hover)}:is(.ui-btn--primary,.auth-btn.primary,.team-btn.primary,.con-btn.primary,.dev-cta){background:var(--color-brand);color:var(--color-on-action);border-color:transparent}:is(.ui-btn--success,.acts .accept,.acts .approve,.iacts button){background:var(--color-success);color:var(--color-on-action);border-color:transparent}:is(.ui-btn--danger,.team-btn.danger,.acts .reject){background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger)}:is(.ui-btn--primary,.auth-btn.primary,.team-btn.primary,.con-btn.primary,.dev-cta):hover:not(:disabled){background:var(--color-brand);filter:brightness(1.06)}:is(.ui-btn--success,.acts .accept,.acts .approve,.iacts button):hover:not(:disabled){background:var(--color-success);filter:brightness(1.06)}:is(.ui-btn--danger,.team-btn.danger,.acts .reject):hover:not(:disabled){background:var(--color-danger-soft);filter:brightness(1.06)}:is(.ui-btn--compact,.acts button,.iacts button,.dev-cta,.minibtn,:where(#controls) button,.seg button,.con-btn.sm){min-height:var(--control-compact);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}button:disabled{opacity:.55;cursor:not-allowed;filter:none}:is(.ui-input,.team-input,.con-input,.auth-card input[type=email]){min-height:var(--control-height);min-width:0;max-width:100%;font:var(--text-base)/var(--leading-body) var(--font-ui);color:var(--color-text);background:var(--color-control);border:1px solid var(--color-border-control);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3)}:is(.ui-input,.team-input,.con-input,.auth-card input[type=email]):focus{border-color:var(--color-brand)}:is(.ui-badge,.pill,.auth-pill,.team-tag,.con-tag){display:inline-block;font:var(--weight-medium) var(--text-xs)/var(--leading-body) var(--font-ui);padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-brand);background:var(--color-brand-soft)}:is(.ui-badge--success,.pill.auto){color:var(--color-success);background:var(--color-success-soft)}:is(.ui-badge--warning){color:var(--color-warning);background:var(--color-warning-soft)}:is(.ui-badge--danger,.team-tag.suspended,.team-tag.expired){color:var(--color-danger);background:var(--color-danger-soft)}:is(.ui-badge--info,.pill.suggest){color:var(--color-info-text);background:var(--color-info-soft)}:is(.ui-badge--agent,.pill.agent,.team-tag.agent){color:var(--color-agent);background:var(--color-agent-soft)}.ui-stack{display:flex;flex-direction:column;gap:var(--space-3)}.ui-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ui-label{color:var(--color-muted);font-size:var(--text-sm)}.ui-empty,.ui-status{color:var(--color-muted);font-size:var(--text-md);line-height:var(--leading-body);overflow-wrap:anywhere}.ui-status--error{color:var(--color-danger)}.ui-status--success{color:var(--color-success)}.ui-toast{position:fixed;z-index:var(--z-toast);bottom:var(--space-4);right:var(--space-4);max-width:min(24rem,calc(100vw - 2 * var(--space-4)))}@media (pointer: coarse){:is(button,.ui-btn,.ui-input,.team-input,.con-input,.auth-card input[type=email]){min-height:var(--target-touch)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-transparency: reduce){:is(.ui-panel,.glass,.auth-card,.team-panel,.con-card){background:var(--color-panel);backdrop-filter:none;-webkit-backdrop-filter:none}}.ui-details{min-width:0;font:var(--text-md)/var(--leading-body) var(--font-ui)}.ui-details>summary{cursor:pointer;color:var(--color-muted);padding:var(--space-2) 0;min-height:var(--control-height)}.ui-details>summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.ui-details[open]>summary{color:var(--color-text);margin-bottom:var(--space-2)}.ui-details p{overflow-wrap:anywhere}a.ui-btn{display:inline-flex;align-items:center;text-decoration:none}.ui-theme-control{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.ui-theme-control .ui-input{width:auto;font-size:var(--text-md)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--ui)}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes flash{0%{color:var(--amber)}to{color:var(--ink)}}.panel-anim{animation:panelIn var(--duration-enter) var(--ease-out) both}#statsbar{position:fixed;top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:var(--z-device);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);color:var(--ink)}#statsbar .brand{font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:var(--tracking-label)}#statsbar .brand small{display:block;font-weight:var(--weight-normal);font-size:var(--text-xs);color:var(--muted);letter-spacing:var(--tracking-label)}#statsbar .stats{display:flex;gap:var(--space-5);margin-left:auto}.stat{display:flex;align-items:center;gap:var(--space-2)}.stat .ic{font-size:var(--text-md);opacity:.9}.stat .col{display:flex;flex-direction:column;line-height:var(--leading-tight)}.stat .lbl{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.stat .val{font-size:var(--text-base);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.stat .val.flash{animation:flash var(--duration-feedback) ease-out}#advisor{position:fixed;top:72px;right:var(--space-3);z-index:var(--z-hud);width:min(340px,40vw);padding:var(--space-3);color:var(--ink);max-height:calc(100vh - 96px);display:flex;flex-direction:column}.phead{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}#cards{display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden}#cards .empty{color:var(--muted);font-size:var(--text-sm);padding:var(--space-1) var(--space-0)}.card{display:grid;grid-template-columns:34px 1fr;gap:var(--space-2);align-items:start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);border-left:3px solid var(--muted);animation:cardIn var(--duration-enter) var(--ease-out) both}.card.clear{border-left-color:var(--mint)}.card.switch{border-left-color:var(--gold)}.card.slow{border-left-color:var(--red)}.card.reject{border-left-color:var(--red);background:var(--color-danger-soft)}.card .ring{width:34px;height:34px}.card .body .top{display:flex;align-items:baseline;gap:var(--space-1)}.card .body .tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--muted)}.card .body .ttl{font-size:var(--text-md);font-weight:var(--weight-medium)}.card .body .why{font-size:var(--text-xs);color:var(--muted);margin:var(--space-0) 0 0;line-height:var(--leading-body)}.card .acts{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.card.highlight{outline:1px solid var(--amber)}#approvals{position:fixed;top:72px;left:var(--space-3);z-index:var(--z-device);width:min(330px,42vw);padding:var(--space-3);color:var(--ink);max-height:calc(100vh - 210px);display:none;flex-direction:column}#approvals.show{display:flex}#approvals .phead{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}#approvals .count{margin-left:auto;font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}#apprCards{display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden}#apprCards .empty{color:var(--muted);font-size:var(--text-sm);padding:var(--space-1) var(--space-0)}.card.appr{border-left-color:var(--color-agent)}.card .body .who{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-agent);font-weight:var(--weight-bold)}#dock{position:fixed;left:var(--space-3);bottom:var(--space-3);z-index:var(--z-hud);width:min(430px,62vw);display:flex;flex-direction:column;gap:var(--space-2)}#controls{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2)}.seg{display:flex;gap:var(--space-0);background:var(--color-inset);border-radius:var(--radius-control);padding:var(--space-0)}.seg button.on{background:var(--color-brand-soft);color:var(--amber)}#controls .spacer{flex:1}#feed{padding:var(--space-2) var(--space-3);color:var(--muted)}#feed .fhead{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--muted);margin-bottom:var(--space-1)}#feed .fhead button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:var(--text-sm)}#feedList{font:var(--text-sm)/var(--leading-body) var(--mono);max-height:22vh;overflow:hidden}#feedList.collapsed{display:none}#feedList .ev{opacity:.5;transition:opacity var(--duration-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#feedList .ev.fresh{opacity:1;color:var(--color-muted)}#legend{position:fixed;right:var(--space-3);bottom:var(--space-3);z-index:var(--z-hud);padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-xs)}#legend .lhead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--space-1)}#legend .lhead button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:var(--text-sm)}#legendBody{display:grid;grid-template-columns:auto auto;gap:var(--space-0) var(--space-3)}#legendBody.collapsed{display:none}#legendBody .legend-item{display:flex;align-items:center;gap:var(--space-1)}#legendBody canvas{width:20px;height:20px}#connectors{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-connectors);pointer-events:none}#controls button.on{background:var(--color-brand-soft);color:var(--amber);border-color:var(--color-brand)}#inspector{position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);z-index:var(--z-inspector);width:min(360px,78vw);padding:var(--space-3) var(--space-3);color:var(--ink);animation:panelIn var(--duration-enter) ease both}#inspector[hidden]{display:none}#inspector .ihead{display:flex;align-items:center;justify-content:space-between;font-weight:var(--weight-medium);font-size:var(--text-md);margin-bottom:var(--space-1)}#inspector .ihead button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:var(--text-md)}#inspector .irow{font-size:var(--text-sm);color:var(--muted);margin:var(--space-1) 0}#inspector .irow b{color:var(--ink);font-weight:var(--weight-medium)}#inspector .iacts{margin-top:var(--space-2)}#staffpanel{position:fixed;left:50%;transform:translate(-50%);top:70px;z-index:var(--z-device);width:min(440px,88vw);padding:var(--space-2) var(--space-3);color:var(--ink)}#staffpanel[hidden]{display:none}#staffpanel .sp-head{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-medium)}#staffpanel .sp-head .spacer{flex:1}#staffpanel .sp-body{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center}#staffpanel.off .sp-body{display:none}#staffpanel .sp-group{display:flex;align-items:center;gap:var(--space-1)}#staffpanel .sp-lbl{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}#staffpanel .minibtn.on{background:var(--color-brand-soft);color:var(--amber);border-color:var(--color-brand)}#staffpanel .sp-policies{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);width:100%;border-top:1px solid var(--color-divider);padding-top:var(--space-2)}#staffpanel label.chk{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--muted);cursor:pointer}#staffpanel label.chk input{accent-color:var(--amber);margin:0}#staffpanel label.chk.on{color:var(--ink)}.device{position:fixed;z-index:var(--z-device);color:var(--ink);padding:var(--space-3);display:flex;flex-direction:column}.device.hidden{display:none}.device .dev-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.device .dev-avatar{font-size:var(--text-xl);line-height:1}.device .dev-who{display:flex;flex-direction:column;line-height:var(--leading-tight)}.device .dev-name{font-weight:var(--weight-bold);font-size:var(--text-md)}.device .dev-role{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.device .dev-count{margin-left:auto;min-width:24px;text-align:center;font:var(--weight-medium) var(--text-sm) var(--mono);padding:var(--space-0) var(--space-2);border-radius:var(--radius-pill);background:var(--color-control);color:var(--muted)}.device .dev-count.busy{background:var(--color-brand-soft);color:var(--amber)}.device .dev-list{display:flex;flex-direction:column;gap:var(--space-2);overflow-y:auto}.device .dev-empty{color:var(--muted);font-size:var(--text-sm);padding:var(--space-3) var(--space-0);text-align:center}.dev-task{display:grid;grid-template-columns:24px 1fr auto;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-2);border-radius:var(--radius-control);background:var(--color-surface);border-left:3px solid var(--muted)}.dev-task.enter{animation:cardIn var(--duration-enter) var(--ease-out) both}.dev-task .dev-icon{font-size:var(--text-base);text-align:center}.dev-task .dev-info{display:flex;flex-direction:column;line-height:var(--leading-tight);min-width:0}.dev-task .dev-ttl{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-task .dev-sub{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-task.s-in-progress{background:var(--color-brand-soft)}.dev-task.s-pending{opacity:.72}.dev-task.t-seat{border-left-color:var(--color-info)}.dev-task.t-take_order{border-left-color:var(--gold)}.dev-task.t-cook{border-left-color:var(--color-served)}.dev-task.t-serve{border-left-color:var(--mint)}.dev-task.t-switch{border-left-color:var(--brass)}.dev-task.t-clear{border-left-color:var(--mint)}.dev-task.escalated{outline:1px solid var(--red)}.dev-task.escalated .dev-ttl{color:var(--color-danger)}.device-watch{right:var(--space-4);top:50%;transform:translateY(-50%);width:214px;max-height:66vh;border-radius:var(--radius-device);padding:var(--space-4) var(--space-3);box-shadow:var(--shadow-device)}.device-watch:before{content:"";position:absolute;right:-4px;top:calc(50% - 16px);width:4px;height:32px;border-radius:var(--radius-control);background:var(--brass)}.device-watch .dev-list{max-height:52vh}.device-watch .dev-task{grid-template-columns:22px 1fr}.device-watch .dev-task .dev-cta{grid-column:1 / -1;margin-top:var(--space-0)}.device-tablet{left:var(--space-4);top:50%;transform:translateY(-50%);width:min(374px,44vw);max-height:74vh;border-radius:var(--radius-panel);padding:var(--space-3)}.device-tablet .dev-list{max-height:62vh}#controls{flex-wrap:wrap}#cards,#apprCards{overflow-y:auto;min-height:0}.card .body{min-width:0;overflow-wrap:anywhere}.card .body .top,.card .acts{flex-wrap:wrap}.card,.dev-task{border-radius:var(--radius-card)}.seg button{background:transparent;border-color:transparent}#feedList{overflow-y:auto}#feedList .ev{opacity:1}:is(#feedToggle,#legendToggle,#iClose){min-width:var(--control-compact);min-height:var(--control-compact);border-radius:var(--radius-control)}#statsbar{padding:var(--space-3) var(--space-4)}#statsbar nav{font-size:var(--text-sm)}#statsbar .brand small{text-transform:none;letter-spacing:normal}#advisor,#approvals{top:96px;padding:var(--space-4);max-height:calc(100vh - 240px)}#staffpanel{top:96px}#dock{width:min(430px,62vw)}#controls{align-items:start;padding:var(--space-3)}#controls>.ui-details{flex:1}#controls .ui-stack{max-height:35vh;overflow-y:auto}#controls #staffToggle{min-height:var(--control-height);font-size:var(--text-md)}#cards,#apprCards{gap:var(--space-3)}.card{grid-template-columns:auto 1fr;padding:var(--space-3)}.card .body .why{font-size:var(--text-md);margin-top:var(--space-2)}.card .body .tag,.card .body .who{text-transform:none;letter-spacing:normal}.card .ui-details{font-size:var(--text-sm)}#feedList{font-family:var(--font-ui)}#feedList .ev{white-space:normal;margin-bottom:var(--space-2)}.device .dev-task{padding:var(--space-3)}.device .dev-ttl{font-size:var(--text-md);white-space:normal}.device .dev-sub{white-space:normal;line-height:var(--leading-body)}.device .dev-role{text-transform:none;letter-spacing:normal}.device .dev-task.s-pending{opacity:1}@media (max-width: 900px){#statsbar{flex-wrap:wrap;gap:var(--space-2)}#statsbar .stats{gap:var(--space-3)}#advisor,#approvals,#staffpanel{top:144px}}#staffpanel{animation:none}body.dashboard{height:auto;overflow:auto}.dashboard-shell{max-width:1440px;margin:0 auto;padding:var(--space-6) var(--space-8)}.dashboard-nav,.dashboard-intro,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.dashboard-nav{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider)}.dashboard-brand{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-bold);text-decoration:none}.dashboard-brand small{display:block;color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-normal);margin-top:var(--space-1)}.dashboard-intro{padding:var(--space-10) var(--space-2) var(--space-8)}.dashboard h1{font-size:var(--text-hero);font-weight:var(--weight-normal);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:var(--space-2) 0}.dashboard h2{margin:0;font-size:var(--text-lg)}.dashboard .eyebrow{color:var(--color-brand);font-size:var(--text-md);font-weight:var(--weight-medium);margin:0}.dashboard-subtitle,.section-heading p,.metric-note{color:var(--color-muted);font-size:var(--text-md);line-height:var(--leading-body)}.dashboard-subtitle{margin:var(--space-2) 0 0}.dashboard #statsbar{position:static;display:block;padding:0;margin-bottom:var(--space-3)}.dashboard #statsbar .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.dashboard .stat{display:flex;flex-direction:column;align-items:start;gap:var(--space-3);padding:var(--space-5) var(--space-6)}.dashboard .stat .lbl{font-size:var(--text-md);text-transform:none;letter-spacing:normal}.dashboard .stat .val{font-size:var(--text-metric);font-weight:var(--weight-normal);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:var(--space-3)}.floor-section{min-width:0;padding:var(--space-5)}.section-heading{align-items:start;margin-bottom:var(--space-4)}.section-heading p{margin:var(--space-2) 0 0}.scene-stage{position:relative;height:clamp(360px,49vh,560px);overflow:hidden;border-radius:var(--radius-card)}.dashboard #app{position:absolute;top:0;right:0;bottom:0;left:0}.service-sidebar{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dashboard :is(#advisor,#approvals,#dock,#legend,#staffpanel){position:static;width:auto;max-height:none;transform:none;animation:none}.dashboard :is(#advisor,#approvals){padding:var(--space-5)}.dashboard :is(#cards,#apprCards){max-height:360px}.dashboard #dock{gap:var(--space-4)}.dashboard #controls{display:block;padding:var(--space-3) var(--space-5)}.dashboard #controls .ui-stack{max-height:300px}.dashboard #feed{padding:var(--space-3) var(--space-5)}.dashboard #feed .fhead,.dashboard #legend .lhead{font-size:var(--text-md);text-transform:none;letter-spacing:normal;margin:0}.dashboard #legend{padding:var(--space-3) 0 0}.dashboard #legendBody{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);font-size:var(--text-md)}.dashboard #legendBody.collapsed{display:none}.dashboard #inspector{position:absolute;bottom:var(--space-3);padding:var(--space-4);max-height:90%;overflow-y:auto;animation:none}.dashboard #staff-workspace{margin-top:var(--space-6)}.dashboard #staffpanel{padding:var(--space-5);margin-bottom:var(--space-4)}.dashboard #staff-devices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.dashboard .device{position:static;width:auto;max-height:440px;transform:none;box-shadow:var(--shadow-panel);border-radius:var(--radius-panel);padding:var(--space-5)}.dashboard .device-watch:before{display:none}.dashboard .device .dev-list{max-height:340px}.dashboard .device-watch .dev-task{grid-template-columns:24px 1fr auto}.dashboard .device-watch .dev-cta{grid-column:auto}.dashboard .service-details{margin-top:var(--space-6);padding:var(--space-3) var(--space-5);box-shadow:none}.dashboard .service-details p{color:var(--color-muted);font-size:var(--text-md);line-height:var(--leading-body)}.detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.detail-metrics strong{display:block;font-size:var(--text-xl);margin-top:var(--space-2)}@media (max-width: 1000px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.service-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard #approvals.show{grid-column:1 / -1}}@media (max-width: 640px){.dashboard-shell{padding:var(--space-4)}.dashboard-nav,.dashboard-intro{align-items:start;flex-direction:column}.dashboard #statsbar .stats,.service-sidebar,.dashboard #staff-devices,.detail-metrics{grid-template-columns:minmax(0,1fr)}.dashboard .stat{gap:var(--space-2);padding:var(--space-4)}.dashboard .stat .val{font-size:var(--text-xl)}.dashboard .sp-head{flex-wrap:wrap}.floor-section{padding:var(--space-3)}.dashboard .section-heading{flex-wrap:wrap}.dashboard .device-watch .dev-task{grid-template-columns:24px 1fr}.dashboard .device-watch .dev-cta{grid-column:1 / -1}}html:has(>body.dashboard){height:auto;overflow:auto}.dashboard-brand{display:flex;align-items:center;gap:var(--space-3)}.dashboard-brand .brand-wordmark{font-size:var(--text-xl);letter-spacing:var(--tracking-display)}.dashboard-brand small{letter-spacing:normal}.brand-sun{display:grid;place-items:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);background:var(--color-sun);color:var(--color-text);font-size:var(--text-display);font-style:normal}.dashboard h1 em{font-style:normal;color:var(--color-brand)}.dashboard .eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-label)}.dashboard .stat{border-color:transparent;box-shadow:none}.dashboard .stat:nth-child(1){background:var(--color-shine-citrus)}.dashboard .stat:nth-child(2){background:var(--color-shine-mint)}.dashboard .stat:nth-child(3){background:var(--color-shine-peach)}.dashboard .stat .lbl{color:var(--color-text)}.dashboard .floor-section{box-shadow:none}.dashboard .dashboard-nav .ui-btn{border-color:transparent;background:transparent}.dashboard .dashboard-nav .ui-btn:hover{background:var(--color-hover)}.dashboard #staffToggle{padding-inline:var(--space-6)}.dashboard .scene-stage{background:var(--color-inset)}@media (max-width: 640px){.dashboard-intro{padding:var(--space-6) 0}.dashboard #statsbar .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .stat:first-child{grid-column:1 / -1}.dashboard .stat .val{font-size:var(--text-display)}.dashboard .stat .metric-note{font-size:var(--text-sm)}}