:root{
  --bg:#F2F4EC;--surface:#FFFFFF;--sunk:#E7EBDE;--ink:#23291F;--muted:#626C5A;--line:#D5DBCA;
  --accent:#6B2F5B;--accent-ink:#FFFFFF;--olive:#5B6B35;--amber:#94590A;--red:#B3362B;--amber-soft:#F6E8CF;--red-soft:#F8DFDB;--olive-soft:#E3EACB;
  --display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#161913;--surface:#20241B;--sunk:#2A2F24;--ink:#E9ECE2;--muted:#A1AA96;--line:#383E30;
  --accent:#D9A3CB;--accent-ink:#2A1226;--olive:#AFC27A;--amber:#E6B365;--red:#F0928A;--amber-soft:#3B2E17;--red-soft:#42211D;--olive-soft:#2F3820;color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 var(--body)}
.wrap{max-width:1180px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}
.login{max-width:400px;padding-top:12vh}
.login form,#ov form{display:grid;gap:12px}
.login form{margin-top:24px}
.err{color:var(--red);margin:0}
header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px}
h1{font:italic 500 clamp(1.9rem,5vw,2.8rem)/1.05 var(--display);margin:0;text-wrap:balance}
.sub{color:var(--muted);margin:6px 0 0}
.count{font:500 clamp(2.4rem,6vw,3.4rem)/1 var(--display);color:var(--accent);font-variant-numeric:tabular-nums;text-align:right}
.count small{display:block;font:500 .8rem var(--body);color:var(--muted);margin-top:4px}
nav{display:flex;flex-wrap:wrap;gap:4px 20px;margin:24px 0;border-bottom:1px solid var(--line)}
nav button{all:unset;cursor:pointer;padding:8px 0;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
nav button[aria-current="page"]{color:var(--ink);border-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h2{font:500 1.35rem/1.2 var(--display);margin:0;text-wrap:balance}
h3{font:700 .78rem var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0}
section{display:grid;gap:12px;min-width:0;align-content:start}
.stack{display:grid;gap:32px;min-width:0}
.two{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px}
.lodge{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2.4fr);gap:28px;align-items:start}
.lodge .side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
@media (max-width:820px){.two,.lodge{grid-template-columns:minmax(0,1fr)}.lodge .side{position:static;max-height:none}}
.head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.btn{font:700 .92rem var(--body);padding:8px 14px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.danger{background:transparent;color:var(--red);border-color:var(--red)}
.link{all:unset;cursor:pointer;color:var(--accent);font-weight:500;font-size:.9rem}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rows>li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.grow{flex:1;min-width:0}
.t{font-weight:500;overflow-wrap:anywhere}
.m{color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}
.done .t{text-decoration:line-through;color:var(--muted)}
.when{white-space:nowrap;font-size:.88rem;color:var(--muted);font-variant-numeric:tabular-nums}
.when.late{color:var(--red);font-weight:700}
.when.soon{color:var(--amber);font-weight:700}
.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;background:var(--sunk);color:var(--muted)}
.pill.ok{background:var(--olive-soft);color:var(--olive)}
.pill.warn{background:var(--amber-soft);color:var(--amber)}
.pill.crit{background:var(--red-soft);color:var(--red)}
input[type=checkbox]{width:20px;height:20px;margin:1px 0 0;accent-color:var(--olive);flex:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{font:500 .88rem var(--body);padding:4px 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 24px}
.num b{display:block;font:500 1.55rem/1.15 var(--display);font-variant-numeric:tabular-nums}
.num b.over{color:var(--red)}
.num span{color:var(--muted);font-size:.88rem}
.bar{display:flex;height:14px;border-radius:3px;overflow:hidden;background:var(--sunk);position:relative}
.bar i{display:block;height:100%}
.bar .p{background:var(--olive)}.bar .v{background:var(--amber)}
.bar .mark{position:absolute;top:0;bottom:0;width:2px;background:var(--red)}
.key{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.86rem;color:var(--muted)}
.key i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px}
.prio{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:center;font-size:.9rem}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filters input[type=search],select.inline{font:500 .9rem var(--body);padding:5px 8px;border-radius:5px;border:1px solid var(--line);background:var(--surface);color:var(--ink);max-width:100%}
.filters input[type=search]{min-width:220px}
.tablebox{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:.94rem}
th{font:700 .76rem var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:9px 10px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.c{text-align:center}
tfoot td{font-weight:700;border-bottom:0}
.vendors,.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.rooms{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
.vendor,.room{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 14px;display:grid;gap:6px;align-content:start;min-width:0}
.room.drop{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.vendor .top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.occ{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.occ li{display:flex;gap:6px;align-items:center;font-size:.9rem;background:var(--sunk);border-radius:4px;padding:3px 6px;cursor:grab}
.step{all:unset;cursor:pointer;width:20px;text-align:center;color:var(--muted);font-weight:700}
.tolodge{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tolodge li{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:7px 9px;display:grid;gap:4px;cursor:grab}
.day{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 24px}
@media (max-width:620px){.day{grid-template-columns:minmax(0,1fr)}}
.note{padding:10px 12px;border-radius:6px;background:var(--amber-soft);color:var(--ink);font-size:.92rem;margin:0}
.note.crit{background:var(--red-soft)}
.empty{padding:20px 0;color:var(--muted);margin:0}
#ov{position:fixed;inset:0;background:rgba(15,18,12,.5);display:flex;align-items:flex-start;justify-content:center;overflow:auto;z-index:20;padding:24px 16px}
#ov form{background:var(--surface);border-radius:8px;padding:20px;width:100%;max-width:520px}
label{display:grid;gap:4px;font-weight:500;font-size:.9rem}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#ov input:not([type=checkbox]),#ov select,#ov textarea,.login input{font:400 1rem var(--body);padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);width:100%}
.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.actions .left{margin-right:auto}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:6px;font-size:.92rem;z-index:30;max-width:90vw}