:root{--canvas:#e6e9ea;--paper:#f1f3f4;--surface:#fff;--surface-sunk:#e4e9eb;--fill:#c9d0d3;--rule:#d8ddde;--rule-strong:#b6bec1;--ink:#1b2124;--ink-muted:#5b666b;--ink-faint:#8a9499;--accent:#4a7c93;--accent-tint:#dde7eb;--accent-ink:#2f5d70;--accent-strong:#c7d8e0;--accent-dark:#24505f;--accent-on-dark:#8fb3c4;--ok:#1e8e3e;--ok-tint:#e3f1e7;--warn:#c97a00;--warn-tint:#fbeeda;--warn-ink:#8a5400;--bad:#c5221f;--bad-tint:#f9e3e2;--hatch-line:#dde2e4;--hatch-gap:#e9edee;--hatch-week:repeating-linear-gradient(135deg, #dde2e4 0 6px, #e9edee 6px 12px);--hatch-month:repeating-linear-gradient(135deg, #dde2e4 0 8px, #e9edee 8px 16px);--font-ui:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-control:8px;--radius-pill:14px;--radius-device:24px;--radius-control-desk:6px;--h-primary:56px;--h-keypad:76px;--h-row:64px;--h-action:48px;--h-pill:28px;--h-slot:72px;--h-primary-desk:36px;--h-row-desk:44px}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:14px}.brand{font:500 11px var(--font-mono);letter-spacing:.08em;color:var(--ink-muted)}.mono{font-family:var(--font-mono);font-size:12px}.quiet{color:var(--ink-faint)}.ok{color:var(--ok)}.warn{color:var(--warn-ink)}.error{color:var(--bad);margin:0}.note{color:var(--ink-muted);margin:0;line-height:1.5}.office{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.office-nav{background:var(--surface);border-right:1px solid var(--rule);flex-direction:column;gap:18px;padding:20px 0;display:flex}.office-nav>.brand{padding:0 20px}.office-nav ul{flex:1;margin:0;padding:0;list-style:none}.nav-item{height:var(--h-row-desk);line-height:var(--h-row-desk);color:var(--ink);padding:0 20px;text-decoration:none;display:block}.nav-item:hover{background:var(--surface-sunk)}.nav-active{background:var(--accent-tint);color:var(--accent-ink);font-weight:600}.nav-later{color:var(--ink-faint);cursor:default}.nav-later:hover{background:0 0}.office-who{border-top:1px solid var(--rule);flex-direction:column;gap:3px;padding:16px 20px 0;display:flex}.office-who .mono{color:var(--ink-faint)}.link{color:var(--accent);text-align:left;font:inherit;background:0 0;border:0;padding:0}.office-main{flex-direction:column;gap:16px;padding:24px 28px 48px;display:flex}.office-head h1{font:600 22px var(--font-ui);margin:0 0 4px}.grid{border-collapse:collapse;background:var(--surface);border:1px solid var(--rule);width:100%}.grid th{text-align:left;font:500 11px var(--font-mono);letter-spacing:.06em;color:var(--ink-muted);border-bottom:1px solid var(--rule);background:var(--surface);padding:10px 14px;position:sticky;top:0}.grid td{border-bottom:1px solid var(--rule);vertical-align:top;padding:8px 14px}.grid tr:last-child td{border-bottom:0}.grid tr:hover td{background:var(--surface-sunk)}.num{text-align:right;font-family:var(--font-mono)}.tag{min-width:42px;color:var(--ink-faint);display:inline-block}.slots{gap:6px;display:inline-flex}.slot{border:1px solid var(--rule-strong);width:22px;height:22px;font:600 11px var(--font-mono);color:var(--ink-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.slot-optional{color:var(--ink-faint);border-style:dashed}.banner{background:var(--warn-tint);color:var(--warn-ink);border-radius:var(--radius-control-desk);margin:0;padding:10px 14px}.centre{place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-control-desk);flex-direction:column;gap:14px;width:100%;max-width:380px;padding:24px;display:flex}.panel h1{font:600 20px var(--font-ui);margin:0}.field{flex-direction:column;gap:5px;display:flex}.label{font:500 11px var(--font-mono);letter-spacing:.08em;color:var(--ink-muted)}input{height:var(--h-primary-desk);border:1px solid var(--rule-strong);border-radius:var(--radius-control-desk);background:var(--surface);color:var(--ink);font:14px var(--font-ui);padding:0 10px}textarea{border:1px solid var(--rule-strong);border-radius:var(--radius-control-desk);background:var(--surface);color:var(--ink);font:14px var(--font-ui);resize:vertical;padding:8px 10px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-2px}.btn{height:var(--h-primary-desk);border-radius:var(--radius-control-desk);background:var(--accent);color:var(--surface);font:600 14px var(--font-ui);border:0}.btn:disabled{background:var(--fill);color:var(--ink-faint)}.panel.wide{max-width:none}.row-between{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.field.inline{flex-direction:row;align-items:center;gap:10px}.grid.tight td,.grid.tight th{padding:4px 12px}.grid tfoot th{border-top:1px solid var(--rule-strong)}.btn.narrow{align-self:flex-start;padding:0 14px}.quote{border-left:3px solid var(--rule-strong);padding-left:12px;font-style:italic}.slot-done{background:var(--ok-tint);border-color:var(--ok);color:var(--ok)}.dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot-on_track{background:var(--ok)}.dot-at_risk{background:var(--warn)}.dot-late{background:var(--bad)}.dot-not_working{background:var(--rule-strong)}.dot-unknown{background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule-strong)}.bad{color:var(--bad)}.bad-banner{background:var(--bad-tint);color:var(--bad)}.add-row{background:var(--surface-sunk);border-radius:var(--radius-control-desk);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px;display:flex}.add-row .field{min-width:150px}.add-row .note{flex-basis:100%}.role-picks{font:12px var(--font-mono);flex-wrap:wrap;gap:10px;display:flex}.role-picks label{align-items:center;gap:4px;display:inline-flex}input.tiny{text-align:right;width:68px;height:28px}.tiny-select{border:1px solid var(--rule-strong);border-radius:var(--radius-control-desk);background:var(--surface);height:28px}.assign-row{border-bottom:1px solid var(--rule);align-items:baseline;gap:16px;padding:8px 0;display:flex}.assign-row>strong{min-width:220px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--rule);background:var(--surface);border-radius:13px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:13px;display:inline-flex}.chip-primary{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink)}.sheet-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.sheet-grid{table-layout:fixed}.sheet-grid th:first-child,.sheet-grid td:first-child{width:34px}.sheet-grid th:nth-child(3),.sheet-grid td:nth-child(3){width:104px}.sheet-grid th:nth-child(4),.sheet-grid td:nth-child(4){width:48px}.sheet-grid th:nth-child(5),.sheet-grid td:nth-child(5){width:104px}.sheet-grid th:nth-child(6),.sheet-grid td:nth-child(6){width:92px}.sheet-grid th:nth-child(7),.sheet-grid td:nth-child(7){width:104px}.sheet-grid th:nth-child(8),.sheet-grid td:nth-child(8){width:60px}.sheet-grid th:nth-child(9),.sheet-grid td:nth-child(9){width:76px}.sheet-grid th:nth-child(10),.sheet-grid td:nth-child(10){width:156px}.sheet-grid td{vertical-align:middle}.sheet-grid tfoot .mono{font-size:10px;line-height:1.3}.sheet-body{align-items:flex-start;gap:16px;display:flex}.sheet-body>.panel{flex:1;min-width:0}.btn.ghost{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.btn.small{height:28px;padding:0 10px;font-size:12px}.state{height:22px;font:600 11px var(--font-ui);white-space:nowrap;background:var(--fill);color:var(--ink-muted);border-radius:11px;align-items:center;padding:0 8px;display:inline-flex}.state-om_checked{background:var(--accent-tint);color:var(--accent-ink)}.state-qs_checked{background:var(--accent-tint);color:var(--accent-ink);font-weight:700}.state-paid{background:var(--ok-tint);color:var(--ok)}.status-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.drawer{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-control-desk);flex:none;width:320px;max-height:70vh;overflow-y:auto}.drawer-head{border-bottom:1px solid var(--rule);background:var(--surface);padding:14px 20px;position:sticky;top:0}.drawer-row{border-bottom:1px solid var(--rule);flex-direction:column;gap:5px;padding:12px 20px;display:flex}.drawer-row:last-child{border-bottom:0}.drawer-empty{padding:14px 20px}select.tiny-select{font:13px var(--font-ui);color:var(--ink);padding:0 6px}.plan{border:1px solid var(--rule);border-radius:var(--radius-control-desk);overflow:hidden}.plan-row{border-bottom:1px solid var(--rule);background:var(--surface);grid-template-columns:320px repeat(7,minmax(64px,1fr));align-items:center;min-height:56px;display:grid}.plan-row:last-child{border-bottom:0}.plan-label{grid-area:1/1;min-width:0;padding:6px 14px}.plan-day{border-left:1px solid var(--rule);height:100%}.plan-head{background:var(--surface-sunk);z-index:1;min-height:38px;position:sticky;top:0}.plan-head .plan-day{font:500 11px var(--font-mono);letter-spacing:.06em;color:var(--ink-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.plan-head em{font:400 9px var(--font-mono);letter-spacing:.08em;font-style:normal}.plan-off{background:var(--warn-tint);color:var(--warn-ink)}.plan-today{color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule-strong);font-weight:700}.plan-head .plan-today{background:var(--fill)}.plan-group{background:var(--surface-sunk);min-height:32px}.plan-group .plan-label{font:600 11px var(--font-mono);letter-spacing:.05em;color:var(--ink-muted)}.plan-job{grid-template-columns:12px 1fr 62px;align-items:center;gap:10px;display:grid}.plan-job-text{flex-direction:column;gap:2px;min-width:0;display:flex}.plan-job-text .link{font:500 13px var(--font-ui)}.plan-job-text .link:disabled{color:var(--ink)}.plan-job .dot{margin:0}.plan-bar{border-radius:var(--radius-control-desk);background:var(--surface);border:1px solid var(--rule-strong);height:28px;font:11px var(--font-mono);grid-row:1;align-items:center;gap:8px;margin:0 5px;padding:0 8px;display:flex;overflow:hidden}.plan-bar-on_track{border-color:var(--ok)}.plan-bar-at_risk{border-color:var(--warn)}.plan-bar-late{border-color:var(--bad)}.plan-fill{background:var(--fill);border-radius:2px;flex:1;min-width:20px;height:4px}.plan-fill>span{background:var(--ink-faint);border-radius:2px;height:4px;display:block}.plan-bar-on_track .plan-fill>span{background:var(--ok)}.plan-bar-at_risk .plan-fill>span{background:var(--warn)}.plan-bar-late .plan-fill>span{background:var(--bad)}.plan-empty{background:var(--surface);padding:16px}.week-step{gap:4px;display:inline-flex}.undated{margin:0;padding:0;list-style:none}.undated li{border-bottom:1px solid var(--rule);align-items:baseline;gap:14px;padding:8px 0;display:flex}.undated li>span:first-child{min-width:260px}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-form{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.drawer-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tiny-select.tall{height:var(--h-primary-desk);width:100%}