.chead{display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;border-radius:var(--r);padding:20px 22px;margin-bottom:14px;box-shadow:var(--sh)}
.bigav{width:64px;height:64px;border-radius:18px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:22px;flex:none}
.chi{flex:1;min-width:0}.chi h2{margin:0;font-size:22px;letter-spacing:-.01em}.chi h2 .muted{color:#b9c7d8;font-weight:500;font-size:16px}.chi p{margin:3px 0 8px;color:#cfd9e6}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chead .pill{background:#ffffff1a;color:#fff}.chead .pill.p-done{background:#1f8a5b55}.chead .pill.p-flag{background:#c0392b88}.chead .pill.p-late{background:#c5a25355;color:#fff}
.svbox{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:#fff;color:var(--navy);border-radius:12px;padding:12px 16px;text-decoration:none;min-width:170px;border-left:5px solid var(--green)}
.svbox small{color:var(--mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.svbox b{font-size:18px}
.sv-over{border-color:var(--red)!important}.sv-d7,.sv-now{border-color:#e0632b!important}.sv-d14{border-color:var(--amber)!important}
.sv{display:inline-flex;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--green-0);color:var(--green);white-space:nowrap}
.sv-over .sv,.sv.sv-over{background:var(--red-0);color:var(--red)}.sv-d7 .sv,.sv-now .sv{background:#fde9df;color:#c2461a}.sv-d14 .sv{background:var(--amber-0);color:var(--amber)}
.tabs{display:flex;gap:4px;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:5px;margin-bottom:18px;box-shadow:var(--sh);scrollbar-width:none}
.tabs a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;text-decoration:none;color:var(--mute);font-weight:600;white-space:nowrap;font-size:13.5px}
.tabs a:hover{background:var(--bg);color:var(--navy)}.tabs a.on{background:var(--navy);color:#fff}.tabs a.on .ic{color:var(--gold)}
.ct{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #eef1f5;position:relative}.ct:last-child{border:0}
.av2{width:38px;height:38px;border-radius:12px;background:var(--gold-0);color:var(--amber);display:grid;place-items:center;font-weight:700;flex:none;font-size:13.5px}
.ctb{flex:1;min-width:0}.ctb small{display:block;color:var(--mute);font-size:12.5px}.ctl{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}.ctl a{display:inline-flex;gap:5px;align-items:center;font-weight:600;text-decoration:none;font-size:13.5px}.ctl .ic{width:14px;height:14px}
.ced{position:static}.ced>summary{list-style:none;cursor:pointer;color:var(--mute);padding:4px;border-radius:8px}.ced>summary::-webkit-details-marker{display:none}.ced>summary:hover{background:var(--bg);color:var(--navy)}
.ced[open]{flex-basis:100%}.ct .ced[open]{position:absolute;inset:auto 0 auto 0;top:100%;z-index:5;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 12px 30px #1f3b5a22}
.ct .ced[open]>summary{position:absolute;right:10px;top:8px}.tbl .ced[open]{text-align:left;min-width:420px}.ced form{margin-top:10px}
.danger{color:var(--red)!important}.code2{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#eef1f5;padding:2px 6px;border-radius:6px;color:var(--navy)}
.tasks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tl{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline}
.task{display:grid;grid-template-columns:24px 1fr;grid-template-areas:"c t" "c f" "c n";gap:4px 10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;transition:.12s;background:#fff}
.task input[type=checkbox]{position:absolute;opacity:0}.task .tk{grid-area:c;width:22px;height:22px;border:1.6px solid #c9d3df;border-radius:7px;display:grid;place-items:center;color:transparent;margin-top:1px}.task .tk .ic{width:15px;height:15px}
.task b{grid-area:t;font-size:13.5px}.task select,.task input[type=text],.task input:not([type]){display:none;height:34px;border:1px solid #d5dde7;border-radius:8px;padding:0 8px;font-size:13px;background:#fff;width:100%}
.task.on{border-color:var(--navy);background:#f6f8fb}.task.on .tk{background:var(--navy);border-color:var(--navy);color:var(--gold)}.task.on select{display:block;grid-area:f}.task.on input:not([type=checkbox]){display:block;grid-area:n}
ul.chk{list-style:none;margin:0;padding:0}ul.chk li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #eef1f5}ul.chk li:last-child{border:0}ul.chk .ic{color:var(--gold);margin-top:2px}ul.chk small{display:block;color:var(--mute)}
.svbig{border-left:5px solid var(--green);background:var(--bg);border-radius:12px;padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.svbig b{font-size:20px;color:var(--navy)}.svbig small{color:var(--mute)}
.why{display:flex;gap:6px;align-items:center;margin:2px 0 0;font-size:13px;color:#c2461a}.why .ic{width:15px;height:15px}
.btn.lg2{height:48px;padding:0 24px;font-size:15px}
.stats.s4{grid-template-columns:repeat(4,1fr)}
.svlist{display:flex;flex-direction:column}.svrow{display:grid;grid-template-columns:38px 1fr 110px 150px 110px;gap:14px;align-items:center;padding:12px 10px 12px 14px;border-left:4px solid var(--green);border-bottom:1px solid #eef1f5}.svrow:last-child{border-bottom:0}
.svn small,.svd small{display:block;color:var(--mute);font-size:12.5px}.svd b{color:var(--navy)}.svrow .sv{justify-self:start}.svrow .btn{justify-self:end}
.svf .card .ch h2 .sn,.sn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--gold-0);color:var(--amber);font-size:12.5px}
.fu{display:grid;grid-template-columns:2.4fr 1fr 1fr;gap:8px}.fu input{height:42px;border:1px solid #d5dde7;border-radius:10px;padding:0 12px;width:100%}
.sigs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sigw{position:relative;border:1.6px dashed #c9d3df;border-radius:14px;padding:10px 12px;background:#fbfcfd}.sigw.signed{border-style:solid;border-color:var(--navy);background:#fff}
.sigl{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sigc{width:100%;height:150px;touch-action:none;display:block;border-bottom:1.5px solid var(--gold);cursor:crosshair}
.sigh{position:absolute;left:0;right:0;top:92px;text-align:center;color:#b6c1cf;pointer-events:none;font-size:13px}.sigw.signed .sigh{display:none}
.dl2{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0}.dl2 dt{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);font-weight:600}.dl2 dd{margin:2px 0 0;white-space:pre-wrap}
.sigshow{display:flex;gap:20px;flex-wrap:wrap}.sigshow>div{flex:1;min-width:180px;border-bottom:1.5px solid var(--gold);padding-bottom:6px}.sigshow img{height:70px;max-width:100%;display:block}.sigshow small{display:block;color:var(--mute)}
.rate{display:flex;gap:6px;align-items:center}.rate input{height:34px;border:1px solid #d5dde7;border-radius:8px;padding:0 8px;width:80px}.rate input+input{width:64px}
.fgrid.g4{grid-template-columns:repeat(4,1fr)}.filters{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.inv{padding:28px}.invh{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--gold);padding-bottom:14px;margin-bottom:16px}.invh img{height:44px}.invh h2{margin:0;color:var(--navy);text-align:right}.invh p{margin:0;color:var(--mute);text-align:right;font-weight:600}
.invm{display:grid;grid-template-columns:1fr auto;gap:20px;margin-bottom:16px}.invm>div{display:flex;flex-direction:column}.invm small{color:var(--mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:4px}
.invt{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--gold);margin-top:6px;padding-top:14px}.invt b{font-size:24px;color:var(--navy)}.invt span{color:var(--mute)}
.warnc{border-color:#f3c7c0}.redt{color:var(--red);display:inline-flex;gap:8px;align-items:center}
.catch{display:flex;flex-direction:column;gap:8px}.crow{display:grid;grid-template-columns:48px 1fr auto 18px;gap:14px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:.12s}.crow:hover{border-color:var(--gold);background:#fffdf8}
.crow small{display:block;color:var(--mute);font-size:12.5px}.cd{width:48px;height:48px;border-radius:12px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.cd b{font-size:18px}.cd small{color:var(--gold-2);font-size:10.5px;text-transform:uppercase;margin-top:2px}
ol.audit{margin:0;padding-left:18px}ol.audit li{padding:6px 0}ol.audit small{display:block;color:var(--mute)}
@media (max-width:1180px){.svrow{grid-template-columns:38px 1fr 110px;}.svrow .sv{grid-column:2}.svrow .btn{grid-column:3;grid-row:2}.fgrid.g4{grid-template-columns:1fr 1fr}}
@media (max-width:820px){.chead{flex-wrap:wrap;padding:16px}.bigav{width:52px;height:52px;font-size:18px}.svbox{width:100%}.tabs a span{display:inline}.tasks,.sigs,.dl2,.fu,.fgrid.g4,.stats.s4{grid-template-columns:1fr 1fr}.tasks,.sigs,.dl2,.fu{grid-template-columns:1fr}
 .svrow{grid-template-columns:38px 1fr;gap:6px 12px}.svrow .svd,.svrow .sv,.svrow .btn{grid-column:2;grid-row:auto;justify-self:start}.invm{grid-template-columns:1fr}.inv{padding:18px}.ct .ced[open]{position:static}}
/* staff late-entry page */
body.sl{background:var(--bg);margin:0;min-height:100vh}.slh{position:sticky;top:0;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;background:var(--navy);color:#fff;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;text-align:center;font-size:17px}
.slb{color:var(--gold);text-decoration:none;text-align:left;font-weight:600}.sltest{background:var(--amber-0);color:var(--amber);text-align:center;font-size:12px;font-weight:700;padding:5px}
.slm{padding:16px;max-width:560px;margin:0 auto}.slsub{color:var(--mute);margin:4px 2px 12px}.slc{display:grid;grid-template-columns:52px 1fr 14px;gap:14px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px;box-shadow:var(--sh);font-size:15px}
.slc small{display:block;color:var(--mute);font-size:13px;margin-top:2px}.slc>span{color:var(--gold);font-size:24px}.slc .cd{width:52px;height:52px}
.slcard,.sladd{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--sh)}.sladd{margin-top:16px}.sladd summary{font-weight:700;color:var(--navy);cursor:pointer}
.slcard label,.sladd label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;margin-top:14px}.slcard textarea,.slcard input:not([type=checkbox]),.sladd input,.sladd select{border:1px solid #d5dde7;border-radius:12px;padding:12px;font-size:16px;background:#fff;width:100%}
.slchk{flex-direction:row!important;align-items:flex-start;font-weight:500!important}.slchk input{width:22px;height:22px;accent-color:var(--navy);flex:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.slbtn{width:100%;height:54px;border:0;border-radius:14px;background:var(--gold);color:var(--navy);font-weight:700;font-size:16px;margin-top:18px}.slghost{width:100%;height:46px;border:0;background:none;color:var(--mute);font-weight:600;margin-top:6px}
.slok{background:var(--green-0);color:var(--green);padding:12px 14px;border-radius:12px;margin-bottom:12px;font-weight:600}.slempty{text-align:center;background:#fff;border-radius:16px;padding:30px;border:1px solid var(--line)}.slempty b{color:var(--navy);font-size:17px}
.svf .bar{position:static}