:root{--bg:#0e1117;--panel:#141925;--text:#f2f5fb;--muted:#aeb9cf;--accent:#4aa3ff;--ok:#28c990;--warn:#f5a524;--danger:#ef5b5b;--line:#273044;--slot:#111726;--control:#1a2030;--tab:#1a2435;--gap:18px;--radius:14px;--cell:clamp(54px,4.8vh,70px);--scale:1;--f-base:clamp(14px,1.2vw,20px);--f-lg-base:clamp(18px,1.8vw,28px);--f-xl-base:clamp(24px,2.4vw,36px);--f:calc(var(--f-base)*var(--scale));--f-lg:calc(var(--f-lg-base)*var(--scale));--f-xl:calc(var(--f-xl-base)*var(--scale));--elev-1: 0 2px 8px rgba(0,0,0,.25);--elev-2: 0 6px 20px rgba(0,0,0,.35);--text-high: #fff;--text-med: #C8D2E0;--text-muted: #9aa8be;--pill-fg: #1A2233;--pill-meta-fg: #2C3A52;--accent-home: #4CC9F0;--accent-travel: #F72585;--accent-flex: #B8F35B;--accent-charge: #FFB703;--accent-triage: #06D6A0;--accent-other: #A29BFE;--right-sidebar-w:clamp(260px,300px,420px);--halo: 0 0 0 1px currentColor inset, 0 0 18px rgba(0,0,0,.18);--z-base: 1;--z-sticky: 100;--z-dropdown: 500;--z-modal: 1000;--z-toast: 1100;--z-drag: 1200;--zone-fg: #f2f5fb;--card-border: rgba(0,0,0,.08);--shadow: 0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);--ring: rgba(0,120,212,.45);--zone-bg-1:#60a5fa;--zone-bg-2:#3b82f6;--zone-bg-3:#2563eb;--zone-bg-4:#f87171;--zone-bg-5:#ef4444;--zone-bg-6:#34d399;--zone-bg-7:#10b981;--zone-bg-8:#a78bfa;--nurse-bg-1:#93c5fd;--nurse-bg-2:#60a5fa;--nurse-bg-3:#3b82f6;--nurse-bg-4:#fca5a5;--nurse-bg-5:#f87171;--nurse-bg-6:#86efac;--nurse-bg-7:#34d399;--nurse-bg-8:#c4b5fd}:root[data-theme=light]{--bg:#f7f9fc;--panel:#ffffff;--control:#f0f2f7;--tab:#e2e6ef;--line:#c5d0e1;--text-high:#1A2233;--text-med:#2C3A52;--text-muted:#54627A;--pill-fg:#1A2233;--pill-meta-fg:#2C3A52;--elev-1: 0 2px 8px rgba(0,0,0,.08);--elev-2: 0 6px 20px rgba(0,0,0,.12);--zone-fg: #0a0a0a;--zone-bg-1:#B3E5FC;--zone-bg-2:#FFE0B2;--zone-bg-3:#B2DFDB;--zone-bg-4:#FFCCBC;--zone-bg-5:#F8E1EF;--zone-bg-6:#BBDEFB;--zone-bg-7:#FFF9C4;--zone-bg-8:#E0E0E0;--nurse-bg-1:#56B4E9;--nurse-bg-2:#E69F00;--nurse-bg-3:#009E73;--nurse-bg-4:#D55E00;--nurse-bg-5:#CC79A7;--nurse-bg-6:#0072B2;--nurse-bg-7:#F0E442;--nurse-bg-8:#7F7F7F}:root[data-contrast=high]{--line: var(--text-high);--text-muted: var(--text-med)}*{box-sizing:border-box}html,body{height:100%;overflow:auto}body{margin:0;background:var(--bg);color:var(--text-high);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{width:100%;padding:var(--gap)}#app{padding:clamp(18px,3vw,64px)}header{display:grid;grid-template-columns:1fr auto auto;gap:var(--gap);align-items:center;margin-bottom:var(--gap);position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg)}.title{font-size:var(--f-xl);font-weight:800;letter-spacing:.2px}.subtitle{color:var(--text-muted);font-size:var(--f)}.time-block{text-align:right}.clock-big{font-size:var(--f-xl);font-weight:700;line-height:1}.date-small{font-size:var(--f);color:var(--text-muted)}.actions{display:flex;gap:var(--gap);align-items:center}#tabs{display:flex;gap:var(--gap);margin-bottom:var(--gap);border-bottom:1px solid var(--line);padding-bottom:6px}#tabs [role=tab]{background:transparent;border:none;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;padding:10px 14px;cursor:pointer;color:var(--text-muted);font-weight:700}#tabs [role=tab].active{background:var(--panel);color:var(--text-high);border-color:var(--accent);box-shadow:var(--shadow)}#tabs [role=tab]:hover{color:var(--text-high)}.page-intro{margin-bottom:var(--gap)}.intro-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.intro-title{font-size:var(--f-lg);font-weight:700}.intro-help{color:var(--accent);text-decoration:none;font-weight:700}.intro-list{margin:8px 0 0 18px;padding:0;display:grid;gap:4px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;margin-bottom:var(--gap);box-shadow:var(--elev-1)}.board-toolbar__actions{display:flex;gap:8px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap)}.panel-header .small{margin:4px 0 0}.role-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn-pill{border-radius:999px;padding:6px 12px;font-weight:600}.btn-pill.active{background:var(--accent);color:var(--text-high);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-high);border-color:var(--line)}.small{font-size:.9em}.layout{display:grid;grid-template-columns:1fr var(--right-sidebar-w);gap:var(--gap)}.layout[data-testid=main-board]{min-height:100vh;background:var(--panel)}.layout[data-testid=main-board] .col{height:auto;overflow:visible}.panel{background:var(--panel);color:var(--text-high);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--elev-1);display:flex;flex-direction:column;min-height:0}.panel h3{color:var(--text-high);font-size:clamp(14px,.95vw,16px)}.panel .muted{color:var(--text-muted)}.col{display:flex;flex-direction:column;gap:var(--gap)}.col>.panel{flex:0 0 auto}#incoming-panel,#offgoing-panel{flex:1}.zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(6px,1vw,10px);max-width:1400px;margin:0 auto;flex:1;grid-auto-rows:auto}@media (max-width:900px){.layout,.zones-grid{grid-template-columns:1fr}}.widget{background:linear-gradient(0deg,#0000000a,#0000000a),var(--control);border:1px dashed var(--line);border-radius:12px;padding:8px 10px;margin-top:8px}.widget .title{font-weight:600;color:var(--text-high);display:flex;align-items:center;gap:6px}.widget .sub{color:var(--text-med);font-size:.85em}.weather-card{display:flex;flex-direction:column;gap:8px}.weather-current{display:flex;align-items:center;gap:8px}.weather-current .temp{font-size:2em;font-weight:600}.weather-current svg{width:48px;height:48px}.weather-hourly{display:flex;justify-content:space-between;font-size:.8em}.weather-hourly .hour{display:flex;flex-direction:column;align-items:center;gap:2px}.weather-hourly .hour svg{width:24px;height:24px}.form-row{margin:8px 0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:10px}.btn-row{display:flex;gap:8px;margin-top:8px}.input,input,select,textarea{background:var(--control);color:var(--text-high);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.panel textarea{flex:1}.btn{background:var(--tab);border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.muted{color:var(--text-muted)}.single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.assignments{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.assignment-card{background:var(--control);border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-height:84px;box-shadow:var(--elev-1)}.chips{margin-left:auto;display:flex;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:#ffffff0f;color:var(--text-med);border:1px solid var(--line);font-size:.75em;line-height:1}.chip .icon{font-size:var(--nurse-icon-size,1em)}.chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media print{#widgets,.widget{display:none!important}.zone-card,.nurse-card{background:var(--panel)!important;color:var(--text-high)!important;box-shadow:none!important}}.overlay,.backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.overlay:not(.open),.backdrop:not(.open),.modal-backdrop:not(.open){pointer-events:none;opacity:0}.backdrop{background:#0009;transition:opacity .2s}.offcanvas{position:fixed;top:0;right:0;bottom:0;width:300px;background:var(--panel);transform:translate(100%);pointer-events:none;transition:transform .3s;z-index:var(--z-modal)}.offcanvas.open{transform:translate(0);pointer-events:auto}@media (prefers-reduced-motion: reduce){.offcanvas{transition:none}}.drag-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-drag)}.dropdown{position:absolute;z-index:var(--z-dropdown)}.toast{position:fixed;z-index:var(--z-toast)}.draft-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:12px;height:100%}.draft-layout .panel{display:flex;flex-direction:column}.roster-panel{overflow:hidden}.settings-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:16px}.roster-box{max-height:60vh;overflow-y:auto}.roster-row{display:flex;align-items:center;justify-content:space-between;padding:4px;cursor:pointer}.roster-row.selected{background:var(--tab)}.settings-pane{display:flex;flex-direction:column;gap:16px}.settings-pane .zones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.settings-pane .zones-grid .form-row{margin:0}.settings-pane .zone-card{border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--panel)}.settings-pane .zone-card h4{margin:0 0 4px}.roster-controls{display:flex;flex-direction:column;gap:6px}#roster-list{list-style:none;padding:0;margin:8px 0;flex:1;overflow:auto}#roster-list li{padding:4px 6px;border-radius:6px;cursor:grab}#roster-list li.selected{background:var(--control)}.board-panel{overflow:auto}.zone{margin-bottom:8px}.zone h4{display:flex;justify-content:space-between;align-items:center;margin:0}.zone .slots{min-height:40px;border:1px dashed var(--line);padding:4px;border-radius:8px}.slot{padding:4px 6px;margin:2px 0;background:var(--control);border-radius:6px;cursor:grab}.flags-panel ul{list-style:none;padding:0;margin:0;flex:1;overflow:auto}.flags-panel li{padding:4px 0}.manage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.manage-dialog{background:var(--panel);padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:340px}.manage-dialog label{display:flex;flex-direction:column;gap:4px}.manage-dialog .dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.manage-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.role-chip{align-self:flex-start;padding:2px 6px;border:1px solid var(--card-border);border-radius:4px;font-weight:600}.staff-type{color:var(--text-med);font-size:.85em}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manage-col{display:flex;flex-direction:column;gap:8px}.manage-col label.mod{flex-direction:row;align-items:center}.manage-col label.mod .icon{margin-right:4px}.assign-dialog{min-width:400px}.assign-cols{display:flex;gap:8px}.assign-col{flex:1;max-height:200px;overflow-y:auto;border:1px solid var(--card-border);border-radius:4px}.assign-item{padding:4px 8px;cursor:pointer}.assign-item:hover{background:var(--control)}.assign-item.selected{background:var(--accent);color:#fff}.assign-details{font-size:.9em;margin-top:8px;min-height:1.2em}.history-box{border:1px solid var(--card-border);padding:8px;border-radius:4px;margin-top:8px}.banner{background:var(--danger);color:var(--text);padding:8px;text-align:center}.toast{position:fixed;top:16px;right:16px;background:#0009;color:var(--text);padding:8px 12px;border-radius:8px;z-index:var(--z-modal)}.phys-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.phys-modal{background:var(--panel);padding:16px;border-radius:8px;max-width:320px;max-height:80vh;overflow:auto}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:8px 0}.preset-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:8px;padding:6px;background:var(--control)}.swatches{display:flex;gap:4px}.swatch{flex:1;height:12px;border-radius:4px}.preset-meta{display:flex;flex-direction:column;font-size:.85em}.boot-status{font:14px system-ui;padding:8px;color:#444}.min-h-40{min-height:40px}.flex-col{display:flex;flex-direction:column}.h-full{height:100%}.overflow-auto{overflow:auto}.gap-8{gap:8px}.mt-auto{margin-top:auto}.app-footer{padding:8px;text-align:center;color:var(--text-muted);font-size:.85em}.zone-card{position:relative;background:var(--panel);color:var(--text-high);border:1px solid var(--card-border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.zone-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--zone-color, var(--zone-bg-1));border-top-left-radius:16px;border-top-right-radius:16px}.zone-card__title{font-weight:700;font-size:clamp(1.25rem,1.2rem + .4vw,1.5rem);margin:0 0 12px;letter-spacing:-.2px}.zone-card__body{display:flex;flex-direction:column;gap:10px;min-height:60px;padding:10px;position:relative}.zone-card__body:empty{border:2px dashed var(--card-border);border-radius:8px}.nurse-row{display:flex;align-items:center;gap:8px}.nurse-card{background:var(--control);border:1px solid var(--card-border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);flex:1;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.nurse-card__text{display:flex;flex-direction:column;min-width:0}.nurse-row .btn{flex-shrink:0}.nurse-card__name{font-weight:600;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nurse-card__meta{color:var(--text-med);font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between}.nurse-card__rf{margin-left:8px}.nurse-card__comment{color:var(--text-med);font-size:var(--comment-text-size, .85em);display:flex;align-items:center;gap:4px}.nurse-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.zone-card__edit{position:absolute;top:8px;right:8px;padding:6px 10px;cursor:pointer}.zone-card__add{position:absolute;padding:8px 12px;border-radius:10px;cursor:pointer;background:var(--tab);border:1px solid var(--line);color:var(--text-high)}.zone-card__add--small{top:8px;right:40px;font-size:1.2rem}.zone-card__add--large{position:static;transform:none;margin-top:10px;font-size:1rem}.zone-card__edit{background:var(--tab);border:1px solid var(--line);border-radius:10px;color:var(--text-high)}.zone-card__edit:hover,.zone-card__add:hover{background:var(--control)}.recent-assignment{animation:zone-glow 1s ease-in-out infinite alternate}.zone-card--empty{border-style:dashed}.zone-card__empty{color:var(--text-muted);text-align:center;padding:10px;border:1px dashed var(--line);border-radius:10px}.nurse-row--hidden{display:none}.nurse-card[data-role=nurse]{border-left:4px solid var(--zone-bg-2)}.nurse-card[data-role=tech]{border-left:4px solid var(--zone-bg-6)}@keyframes zone-glow{0%{box-shadow:0 0 0 2px var(--ring)}to{box-shadow:0 0 0 6px var(--ring)}}.history-nav{display:flex;gap:8px;margin-bottom:12px}.history-nav button{padding:4px 8px}.history-table{width:100%;border-collapse:collapse;font-size:.9em}.history-table th,.history-table td{border:1px solid var(--line,#ccc);padding:4px;text-align:left}.history-table thead{background:var(--control,#f5f5f5)}.history-box{border:1px solid var(--card-border,#ccc);padding:8px;border-radius:4px;margin-top:8px}.history-calendar .form-row,.history-nurse .form-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.next-shift{display:flex;flex-direction:column;gap:var(--gap)}.next-shift-body{display:flex;gap:var(--gap)}.next-shift .staff-panel{flex:1;display:flex;flex-direction:column;gap:var(--gap)}.next-shift .assign-cols{flex:1;display:flex;gap:var(--gap)}.next-shift .assign-col{flex:1;overflow-y:auto}.next-shift .assign-panel{flex:2;display:flex;flex-direction:column;gap:var(--gap)}.next-shift .actions{display:flex;gap:var(--gap)}.next-shift table{width:100%;border-collapse:collapse}.next-shift th,.next-shift td{padding:.25rem;text-align:left}.next-shift .zone-drop{border:2px dashed var(--accent);min-height:3rem;padding:.5rem;background:#4aa3ff26;border-radius:8px}.next-shift .zone-drop.empty{opacity:.7;background:var(--control)}.next-shift .zone-cell{display:flex;align-items:center;gap:var(--gap)}.next-shift .zone-cell .zone-drop{flex:1}.next-shift .zone-clear{padding:.25rem .5rem}