/* Brand colours come from /theme.css (the company's palette, Company settings): --t-primary, --t-top, --t-top2, --t-page,
   --t-accent. Status colours (done, caution, problem) and the week board's legend colours are fixed on purpose.
   Office layout. The look is the approved mockup's (02_Mockups/aquaworks-office-v3.html): its palette is named once
   here for the office pages, and the week board's rules below are copied from the mockup, colours included,
   so the built board matches what was agreed. Change the look in the mockup first, then here. */
body.office{--bg:var(--t-page,#F1F4F7);--fg:#16222C;--muted:#4B5B69;--card:#fff;--line:#DDE3E9;--brand:var(--t-primary,#1A6FA3);--brand-fg:var(--t-on,#fff);--brand-ink:var(--t-link,var(--t-primary,#1A6FA3));--railfg:var(--t-ontop,#fff);--ok:#0F7A4E;--warn:#95600A;--bad:#A32E1E;--info:#1A5E8A;--warn-bg:#FBF1DC;
  --panel:#fff;--panel2:#F8FAFB;--line2:#C4CFD9;--ink:#16222C;--ink2:#4B5B69;--ink3:#7E8D9A;--rail:var(--t-top,#16283A);--rail2:var(--t-top2,#1E3A52);--railink:#9FB6CA;
  --okw:#E5F3EC;--warnw:#FBF1DC;--badw:#FAE7E3;--infow:#E6F0F7;--op:#1C2128;
  background:var(--bg);color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.office .top{position:sticky;top:0;z-index:40;height:48px;display:flex;align-items:center;gap:14px;padding:0 14px;background:var(--rail);border-bottom:1px solid rgba(0,0,0,.25);color:var(--railfg)}
body.office .top .brand{color:var(--railfg);font-weight:700;font-size:14px;letter-spacing:.3px;text-decoration:none;display:flex;align-items:center;gap:8px}
body.office .top .brand:before{content:"";width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--t-accent,#2E9BD6),var(--t-primary,#0F7A4E))}
body.office .tenant{background:var(--rail2);border:1px solid rgba(127,127,127,.35);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;color:var(--t-ontop-dim,#DCE8F2)}
body.office .brandbox{display:flex;flex-direction:column;justify-content:center;line-height:1.15}
body.office .top .ver{font-size:10.5px;font-weight:600;color:var(--t-ontop-dim,#AFC5D6);padding-left:26px;white-space:nowrap}
body.office .topsp{flex:1}
body.office .top .who{margin:0;color:var(--t-ontop-dim,#AFC5D6);font-size:12px}
body.office .menu{display:none;background:none;border:0;color:var(--railfg);font-size:18px;padding:4px 8px;min-height:0}
.shell{display:grid;grid-template-columns:212px minmax(0,1fr);align-items:start}
.rail{position:sticky;top:48px;height:calc(100vh - 48px);overflow-y:auto;background:var(--rail);padding:8px 0 24px;border-right:1px solid rgba(0,0,0,.25)}
.rail .grp{padding:11px 14px 5px;font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--t-ontop-faint,#5E7F9B);font-weight:700}
.rail .area{display:flex;align-items:center;gap:9px;padding:7px 14px;color:var(--t-ontop-dim,#C9DBE9);text-decoration:none;font-size:13px;font-weight:600}
.rail .area:hover{background:var(--t-hover,#1B3349)}
.rail .area.on{background:var(--rail2);color:var(--railfg);box-shadow:inset 3px 0 0 var(--t-accent,#2E9BD6)}
.rail .area .ic{width:16px;text-align:center;opacity:.85;font-size:13px}
.rail .bdg{margin-left:auto;background:#C0392B;color:#fff;border-radius:9px;font-size:10px;padding:1px 6px;font-weight:700}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  body.office .menu{display:block}
  .rail{display:none;position:fixed;left:0;top:48px;bottom:0;width:240px;height:auto;z-index:35;box-shadow:4px 0 18px rgba(0,0,0,.25)}
  .rail.open{display:block}
}
main.full{max-width:none;margin:0;padding:0 0 60px}
.num{font-variant-numeric:tabular-nums}
main.wide{max-width:1140px;margin:0;padding:20px 20px 96px}
.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.bar input[type=search]{max-width:360px}
.bar label{font-weight:500;display:flex;gap:6px;align-items:center}
.bar label input{width:auto;min-height:0}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
th{color:var(--muted);font-weight:600;background:var(--bg)}
tr.click{cursor:pointer} tr.click:hover td{background:var(--bg)}
tr.off td{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}
.card h2{font-size:17px;margin:0 0 10px}
.form{display:grid;grid-template-columns:140px 1fr;gap:8px 10px;align-items:center}
.form label{font-size:14px}
.form .wide{grid-column:1/-1}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--brand-ink);color:var(--brand-ink);background:none;border-radius:999px;padding:6px 12px;min-height:0;font-weight:500}
.sw{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-weight:700}
.sw[aria-pressed=true]{background:var(--ok);border-color:var(--ok);color:var(--brand-fg)}
.legend{font-size:12px;color:var(--muted)}
.ok{color:var(--ok)} .bad{color:var(--bad)} .warn{color:var(--warn)}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:1px 8px;border-radius:999px;border:1px solid currentColor}
.small{font-size:13px}
.back{display:inline-block;margin-bottom:8px;color:var(--brand-ink);text-decoration:none;font-weight:600}
.saved{font-size:13px;color:var(--ok);margin-left:8px}
.scroll{overflow-x:auto}
@media (max-width:600px){.form{grid-template-columns:1fr}}
input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;accent-color:var(--brand-ink)}
.form label input[type=checkbox]{vertical-align:middle;margin-right:6px}
.row input,.row select{width:auto;flex:1 1 160px}
.row button{flex:0 0 auto}
/* the week board */
table.board{table-layout:fixed;min-width:980px}
table.board th,table.board td{padding:6px;vertical-align:top}
table.board th.tech{width:130px;text-align:left}
table.board td{min-height:60px;height:60px}
table.board th.today{color:var(--brand-ink)} table.board th.past,table.board td.past{opacity:.6}
table.board td.over{outline:2px dashed var(--brand-ink);outline-offset:-3px}
.chip-v{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--brand-ink);border-radius:6px;padding:4px 6px;margin-bottom:4px;font-size:12px;cursor:pointer}
.wkpage .chip.shadow{opacity:.6;background:repeating-linear-gradient(135deg,#F4F6F8,#F4F6F8 6px,#E9EDF1 6px,#E9EDF1 12px);border-left-color:#9AA8B5;cursor:pointer}
.tag.t-shadow{background:#E3E8ED;color:#4B5B69}.tag.t-again{background:#E6F0F7;color:#1A5E8A}
.legend i.lgshadow{background:repeating-linear-gradient(135deg,#F4F6F8,#F4F6F8 3px,#C4CFD9 3px,#C4CFD9 6px)}
.chip-v .cn{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip-v .cs,.chip-v .cf{color:var(--muted);font-size:11px}
.chip-v .cf{color:var(--warn)}
.chip-v.extra{border-left-color:var(--info);border-left-style:dashed}
.chip-v.rolled{border-left-color:var(--warn)}
.chip-v.tapped{border-left-color:var(--ok);opacity:.8}
.chip-v.cancelled{opacity:.5;text-decoration:line-through}
.chip-v.pool{display:inline-block;width:180px;margin-right:6px;vertical-align:top}
.poolwrap{display:flex;flex-wrap:wrap;gap:6px}

/* ---------- the week board (rules from the mockup) ---------- */
.opage{font-size:13px}
.opage .hd{position:sticky;top:48px;z-index:20;background:var(--panel);border-bottom:1px solid var(--line);padding:11px 20px 10px;display:flex;align-items:center;gap:14px}
.opage .hd h1{margin:0;font-size:17px;letter-spacing:-.2px;white-space:pre}
.opage .crumb{font-size:11.5px;color:var(--ink3);margin-bottom:2px}
.opage .sp{flex:1}
.opage .wrap{padding:16px 20px 20px}
.wkrow{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:13px;align-items:start}
.side{position:sticky;top:120px}
.wkpage button{min-height:0;font-family:inherit}
.c1{background:var(--ok);color:#fff;border:0;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}
.c1:hover{background:#0C6741}
.c2{background:var(--op);color:#fff;border:0;border-radius:6px;padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer}
.c2:hover{background:#2C333C}
.c3{background:#EDF1F5;color:var(--ink2);border:0;border-radius:5px;padding:4px 9px;font-size:11.5px;font-weight:600;cursor:pointer}
.c3:hover{background:#E2E8EE;color:var(--ink)}
.opage .card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px}
.opage .card.flush{padding:0}
.opage .card h3{margin:0;padding:10px 13px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink2);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
.opage .pad{padding:13px}
.opage .note{background:var(--infow);border:1px solid #BFD8E9;border-radius:8px;padding:10px 12px;font-size:12.5px;color:#123F5D}
.opage .note b{color:#0C2E46}
.opage .sm{font-size:11.5px;color:var(--ink3)}
.opage .sm b{color:var(--ink)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{display:flex;flex-direction:column;gap:2px}
.kpi .v{font-size:23px;font-weight:700;letter-spacing:-.6px}
.kpi .l{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.kpi .s{font-size:11.5px;color:var(--ink2)}
.wkpage .field{margin-bottom:11px}
.wkpage .field label{display:block;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);font-weight:700;margin-bottom:3px}
.wkpage .inp{width:100%;min-height:0;border:1px solid var(--line2);border-radius:6px;padding:7px 9px;font:inherit;font-size:12.5px;color:var(--ink);background:#fff}
.subchip{display:inline-block;margin:0 5px 5px 0;padding:4px 10px;border-radius:15px;border:1px solid var(--line2);background:#fff;font-size:11.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.subchip.on{background:var(--ok);border-color:var(--ok);color:#fff}
.pill{display:inline-block;border-radius:20px;padding:1.5px 8px;font-size:9.5px;font-weight:700;letter-spacing:.2px}
.p-ok{background:var(--okw);color:var(--ok)}
.p-warn{background:var(--warnw);color:var(--warn)}
.gate{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:7px;font-size:12px;margin-bottom:7px}
.gate .g{font-weight:800;font-size:10px;letter-spacing:.4px;padding:1px 5px;border-radius:3px;white-space:nowrap;margin-top:1px}
.gate .c3{margin-top:5px;background:rgba(255,255,255,.7)}
.gate.hard{background:var(--badw);color:#7A1F12}
.gate.hard .g{background:#A32E1E;color:#fff}
.gate.soft{background:var(--warnw);color:#5F3D03}
.gate.soft .g{background:#95600A;color:#fff}
.gate.pass{background:var(--okw);color:#0A4D31}
.gate.pass .g{background:#0F7A4E;color:#fff}
.gate b{color:inherit}
.wknav{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.wk{background:#EDF1F5;border:0;border-radius:7px;padding:6px 12px;font-size:12.5px;font-weight:700;color:var(--ink2);cursor:pointer;text-align:left}
.wk span{display:block;font-weight:500;font-size:10.5px;color:var(--ink3)}
.wk.on{background:var(--rail);color:var(--railfg)}
.wk.on span{color:var(--t-ontop-dim,#8FB3CC)}
.wkpage .legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11px;color:var(--ink2);align-items:center;margin:9px 0}
.wkpage .legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.boardwrap{overflow-x:auto}
.board{display:grid;min-width:820px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}
.bh{background:var(--panel2);border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:7px 9px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink2)}
.bh:first-child{border-left:0}
.bh .d2{display:block;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink3);font-size:10.5px}
.bh.today{color:var(--brand-ink)} .bh.today .d2{color:var(--brand-ink);font-weight:700}
.tk{border-bottom:1px solid var(--line);padding:8px 9px;background:var(--panel2)}
.tkh{display:flex;gap:7px;align-items:center}
.tk .n{font-weight:700;font-size:12px}
.tk .m{font-size:10.5px;color:var(--ink3);display:flex;align-items:center;gap:4px;margin-top:2px}
.tk.nobody .n{color:var(--warn)}
.pdrag{width:26px;height:26px;border-radius:50%;background:#2E5F84;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none;user-select:none}
.pdrag.none{background:#E8CF9B;color:#5F3D03}
.cell{border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:5px;min-height:74px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cell.past{background:#F6F8FA}
.cell.past .chip{opacity:.7}
.cell.today{background:#F5FAFD}
.cell.can{background:#EAF6EE;box-shadow:inset 0 0 0 2px #7CC29B}
.cell.over.can{background:#D9F0E3;box-shadow:inset 0 0 0 2px #0F7A4E}
.wkpage .chip{display:block;background:#EEF3F7;border:0;border-left:3px solid #8FA9BC;border-radius:4px;padding:4px 6px;font-size:11px;line-height:1.3;cursor:pointer;color:var(--ink);min-width:0}
.wkpage .chip[draggable=true]{cursor:grab}
.wkpage .chip.dragging{opacity:.35}
.wkpage .chip:hover{background:#E3ECF3}
.wkpage .chip.sel{background:#DCEBF6;border-left-color:var(--brand-ink);box-shadow:0 0 0 1.5px #9CC6E2}
.wkpage .chip .a{font-weight:700;display:block;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.wkpage .chip .b{color:var(--ink3);font-size:10px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:1px}
.wkpage .chip.pair{border-left-color:#7A5CB8}
.wkpage .chip.sup{border-left-color:#B8862A}
.wkpage .chip.extra{border-left-color:#2E9BD6;background:#EAF4FB}
.wkpage .chip.roll{border-left-color:#3B5BA9;background:#E4EAF8}   /* rolled: a deeper blue than a standard visit (Scott, 7 Oct 2026); sludge keeps its brown */
.wkpage .chip.done{border-left-color:#0F7A4E;background:#EAF5EF}
.wkpage .chip.bad{border-left-color:#A32E1E;background:#FAEFED}
.wkpage .chip.skip{opacity:.55;border-left-color:#C4CFD9;background:#F4F6F8}
.wkpage .chip.skip .a{text-decoration:line-through}
.wkpage .chip.flo{border:1px dashed var(--line2);border-left:3px solid #7E8D9A;background:#F4F6F8;min-width:150px;max-width:220px}
.wkpage .chip .tag,.wkpage .pool .tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.3px;border-radius:3px;padding:0 4px;border:0}
.t-pair{background:#EDE6F8;color:#5B3E96}
.t-short{background:#F8DFDA;color:#A32E1E}
.t-hard{background:#A32E1E;color:#fff}
.t-extra{background:#DCEBF6;color:#1A5E8A}
.t-roll{background:#D6DFF4;color:#2A447F}
.t-done{background:#E1F0E9;color:#0F7A4E}
.t-skip{background:#E4E9ED;color:#5B6E7E}
.t-flo{background:#E8EEF3;color:#5B6E7E}
.t-lk{background:#E8EEF3;color:#5B6E7E}
.t-draft{background:#F1EDE4;color:#8A7A5C}
.crewrow{display:inline-flex;gap:2px;margin-right:1px}
.cw{width:15px;height:15px;border-radius:50%;background:#C6D3DD;color:#20313E;font-size:8px;font-weight:800;display:inline-grid;place-items:center;letter-spacing:-.3px}
.cw.lead{background:#1A6FA3;color:#fff}
.cw.unl{background:#E8CF9B;color:#5F3D03}
.cw.unl.lead{background:#B8862A;color:#fff}
.poolhd{font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);margin:13px 0 5px}
.pool{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:42px;padding:7px;border:1.5px dashed var(--line2);border-radius:8px;background:var(--panel2)}
.pool .ep{font-size:11.5px;color:var(--ink3)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:22px;background:var(--op);color:#fff;border-radius:9px;padding:10px 14px;font-size:12.5px;box-shadow:0 8px 26px rgba(0,0,0,.3);z-index:90;max-width:760px}
.toast b{color:#8FD9B4} .toast .bad{color:#FF9A8A}
@media (max-width:1000px){.wkrow{grid-template-columns:1fr}.side{position:static}}

/* ---------- every other office screen, in the mockup's look ---------- */
.opage .hd .sub{font-size:12px;color:var(--ink3);margin-top:1px}
.opage .crumb a{color:var(--brand-ink);text-decoration:none} .opage .crumb a:hover{text-decoration:underline}
.opage .wrap>*+*{margin-top:13px}
.opage .wrap>.grid{margin-top:13px}
.opage .grid{gap:13px}
.opage .muted{color:var(--ink3)} .opage .small{font-size:12px}
.opage p{margin:6px 0}
.opage .card>h2:first-child{margin:-13px -13px 13px;padding:10px 13px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink2);border-bottom:1px solid var(--line)}
.opage .card h2{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink2)}
.opage input:not([type=checkbox]):not([type=file]),.opage select,.opage textarea{font:inherit;font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--line2);border-radius:6px;padding:7px 9px;min-height:0}
.opage input:focus,.opage select:focus,.opage textarea:focus{outline:2px solid #9CC6E2;border-color:var(--brand)}
.opage textarea{min-height:70px}
.opage input[type=checkbox]{width:16px;height:16px;accent-color:var(--ok)}
.opage:not(.wkpage) button{font-family:inherit;min-height:0;background:var(--ok);color:#fff;border:0;border-radius:6px;padding:7px 14px;font-size:12.5px;font-weight:600}
.opage:not(.wkpage) button:hover{background:#0C6741}
.opage:not(.wkpage) button.secondary{background:#EDF1F5;color:var(--ink2);border:0;padding:5px 10px;font-size:11.5px;margin-top:0}
.opage:not(.wkpage) button.secondary:hover{background:#E2E8EE;color:var(--ink)}
.opage:not(.wkpage) button.link{background:none;color:var(--brand-ink);padding:2px 0;font-size:12px;font-weight:600}
.opage:not(.wkpage) button.link:hover{text-decoration:underline;background:none}
.opage table{background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:12.5px}
.opage th{font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);font-weight:700;padding:8px 10px;background:var(--panel2);border-bottom:1px solid var(--line);white-space:nowrap}
.opage td{padding:7px 10px;border-bottom:1px solid #EEF2F5;vertical-align:middle;font-size:12.5px}
.opage tbody tr:last-child td{border-bottom:0}
.opage tr.click:hover td{background:#F7FAFC}
.opage tr.off td{color:var(--ink3)}
.opage tfoot td{background:var(--panel2);border-top:1px solid var(--line)}
.opage .card table{border-radius:6px}
.opage .form{grid-template-columns:150px 1fr;gap:8px 12px}
.opage .form label{font-size:12px;font-weight:600;color:var(--ink2)}
.opage .row{gap:8px;margin-top:10px}
.opage .bar label{font-size:12.5px;color:var(--ink2)}
.opage .bar input[type=search]{max-width:340px}
.opage:not(.wkpage) .chip{display:inline-block;margin:0 5px 5px 0;padding:4px 10px;border-radius:15px;border:1px solid var(--line2);background:#fff;font-size:11.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.opage:not(.wkpage) .chip:hover{border-color:var(--brand-ink);color:var(--brand-ink);background:#fff}
.opage:not(.wkpage) .tag{display:inline-block;border:0;border-radius:20px;padding:1.5px 9px;font-size:10.5px;font-weight:700;letter-spacing:.2px;background:#EDF1F5;color:var(--ink2)}
.opage:not(.wkpage) .tag.ok{background:var(--okw);color:var(--ok)} .opage:not(.wkpage) .tag.warn{background:var(--warnw);color:var(--warn)}
.opage:not(.wkpage) button.sw{width:26px;height:26px;border-radius:6px;font-size:11px;border:1px solid var(--line2);background:#fff;color:var(--ink3);padding:0}
.opage:not(.wkpage) button.sw:hover{background:#F1F4F7}
.opage:not(.wkpage) button.sw[aria-pressed=true]{background:var(--ok);border-color:var(--ok);color:#fff}
.opage .legend{font-size:11.5px;color:var(--ink3)}
.opage .saved{font-size:12px} .opage .err{font-size:12.5px}
.opage pre{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11.5px;overflow:auto}
.opage label{font-size:12.5px;font-weight:600;color:var(--ink2)}
.opage label input[type=checkbox]{vertical-align:-3px;margin-right:4px}

/* the boat tick (approved mockup 02_Mockups/aquaworks-week-boat-tick.html) */
.wkpage .chip .tag.t-boat{background:#D6F0EC;color:#0B6E66;display:inline-flex;align-items:center;gap:2px}
.lgboat{display:inline-flex;align-items:center;gap:3px;color:#0B6E66;font-weight:700}
.wkpage .field label.boatck{display:flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;padding:6px 9px;border:1px solid var(--line2);border-radius:6px;background:#fff;margin:0}
.boatck input{width:16px;height:16px;accent-color:#0B6E66;margin:0}

/* Company settings (approved mockup 02_Mockups/aquaworks-company-settings.html) */
.cs-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:13px;align-items:start}
@media (max-width:1050px){.cs-grid{grid-template-columns:1fr}}
.cs-pals{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.opage:not(.wkpage) button.cs-pal{display:block;text-align:left;background:#fff;color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:9px;font-weight:400}
.opage:not(.wkpage) button.cs-pal:hover{border-color:var(--line2);background:#fff}
.opage:not(.wkpage) button.cs-pal.on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.cs-grp{grid-column:1/-1;font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink3);font-weight:700;margin:2px 0 -2px}
.cs-pal b{display:block;font-size:12.5px}.cs-sw{display:flex;height:34px;border-radius:6px;overflow:hidden;margin-bottom:7px;border:1px solid rgba(0,0,0,.06)}.cs-sw i{flex:1}
.cs-logos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cs-lp{border-radius:9px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.cs-lp.light{background:#fff;border:1px solid var(--line)}.cs-lp.dark{background:var(--t-top,#16283A);color:var(--t-ontop-dim,rgba(255,255,255,.75))}
.cs-lp img{max-height:52px;max-width:80%}.cs-lp.dark img{background:#fff;border-radius:6px;padding:3px 7px}
.cs-ph{height:38px;width:120px;border:1.5px dashed currentColor;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:11px;color:var(--ink3)}
.cs-lp.dark .cs-ph{color:var(--t-ontop-dim,rgba(255,255,255,.75))}
.cs-lab{text-transform:uppercase;letter-spacing:.6px;font-weight:700;font-size:10.5px;margin:4px 0 6px}
.cs-prev>div:not(.cs-lab){border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:12px}
.cs-ptop{background:var(--p-primary);color:var(--p-on);display:flex;align-items:center;padding:10px 12px;font-size:12.5px}.cs-ptop b{color:var(--p-on)}
.cs-out{margin-left:auto;border:1.5px solid currentColor;border-radius:7px;padding:2px 8px;font-size:11px;font-weight:700}
.cs-pbody{background:var(--p-page);padding:12px}.cs-q{font-weight:700;margin-bottom:6px}
.cs-prog{height:5px;background:var(--line);border-radius:3px;margin-bottom:10px;overflow:hidden}.cs-prog i{display:block;height:100%;width:45%;background:var(--p-accent)}
.cs-chip{display:inline-block;border:1px solid var(--line2);border-radius:16px;padding:4px 10px;font-size:11.5px;font-weight:650;margin:0 4px 6px 0;background:#fff}
.cs-chip.on{background:var(--p-primary);border-color:var(--p-primary);color:var(--p-on)}
.cs-btn{display:inline-block;background:var(--p-primary);color:var(--p-on);border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700}
.cs-otop{background:var(--p-top);color:var(--p-ontop);font-weight:700;font-size:11.5px;padding:7px 10px}
.cs-orow{display:grid;grid-template-columns:90px 1fr;min-height:80px}.cs-orail{background:var(--p-top);padding:5px 0}
.cs-orail div{font-size:10px;color:var(--p-ontop);opacity:.8;padding:4px 8px;font-weight:600}.cs-orail .on{background:var(--p-top2);color:var(--p-ontop);opacity:1;box-shadow:inset 2px 0 0 var(--p-accent)}
.cs-omain{background:var(--p-page);padding:9px}.cs-vc{border-left:3px solid var(--p-accent);background:#EEF3F7;border-radius:3px;padding:3px 6px;margin-bottom:5px;font-weight:700;font-size:10.5px}
.cs-mail{background:#fff;padding:12px;font-size:12px;color:var(--ink2)}.cs-bar{height:4px;background:var(--p-primary);margin-bottom:10px}
/* standing schedule card (mockup 02_Mockups/aquaworks-standing-schedule.html) */
.ss-sec{padding:10px 0;border-bottom:1px solid #EEF2F5}
.ss-lab{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);font-weight:700;margin:0 0 7px}
.ss-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}
.opage:not(.wkpage) button.ss-chip{background:#fff;color:var(--ink2);border:1px solid var(--line2);border-radius:16px;padding:5px 12px;font-size:12.5px;font-weight:650}
.opage:not(.wkpage) button.ss-chip.on{background:var(--brand);border-color:var(--brand);color:var(--brand-fg)}
.ss-perm{display:flex;gap:9px;align-items:flex-start;margin:10px 0 8px;padding:9px 11px;border:1px solid var(--line2);border-radius:8px;cursor:pointer;max-width:640px}
.ss-sec select{min-width:220px;max-width:320px}
.ss-perm input{width:18px;height:18px;margin:1px 0 0;flex:none}.ss-perm b{display:block;font-size:13px}
/* week board v4 (mockup 02_Mockups/aquaworks-week-board-v4.html; Scott's feedback 5 Oct 2026) */
.wkpage .chip.sel{background:#FFF8E1;border-left-color:#F2A900;box-shadow:0 0 0 3px #F2A900,0 6px 16px rgba(0,0,0,.18);position:relative;z-index:2}
.wkpage .chip.sel::after{content:"SELECTED";position:absolute;top:-8px;right:4px;background:#F2A900;color:#2B1D00;font-size:8.5px;font-weight:800;letter-spacing:.5px;padding:1px 5px;border-radius:3px}
.wkpage .chip.hover{outline:2px dashed #7A5CB8;outline-offset:2px}
.wkpage .card.selcard{border:2px solid #F2A900;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.wkpage .card.selcard h3{background:#F2A900;color:#2B1D00;border-bottom-color:#F2A900}
.wkpage .pdrag[draggable=true]{cursor:grab}.wkpage .pdrag.grab{outline:3px solid #F2A900}
.wkpage .pool.over{background:#EAF4FB;border-color:#2E9BD6}
.wk.empty:not(.on){background:#fff;border:1px dashed var(--line2)}
.crumbrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.wklegend{display:flex;gap:10px;font-size:11px;color:var(--ink2)}.wklegend i{display:inline-block;width:18px;height:11px;border-radius:3px;margin-right:4px;vertical-align:-1px;border:1px solid var(--line2)}
.wklegend .wkl-full{background:#EDF1F5}.wklegend .wkl-empty{background:#fff;border-style:dashed}
.wkpage .hp{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.wkpage .hx{display:inline-flex;align-items:center;gap:5px;background:#EEF3F7;border-radius:14px;padding:3px 4px 3px 9px;font-size:12px;font-weight:600}
.wkpage .hx button{border:0;background:#9AA8B5;color:#fff;border-radius:50%;width:17px;height:17px;font-size:11px;line-height:17px;padding:0;cursor:pointer;min-height:0}
.wkpage select.addh{width:auto;padding:4px 6px;font-size:12px}
/* the Lakes card (site/lakes.js; mockups 02_Mockups/aquaworks-lakes-plan.html and aquaworks-lake-measure.html) */
.ls-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
.ls-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:14px;align-items:start}
@media (max-width:1000px){.ls-grid{grid-template-columns:1fr}}
.ls-plan{background:#FBFCFD;border:1px solid var(--line);border-radius:9px;padding:8px}
.ls-svg{width:100%;height:auto;max-height:720px;display:block}
.ls-lake{fill:#9FCBE6;stroke-width:2.2;cursor:pointer;transition:fill .15s}.ls-lake.osm{stroke:#2E6F95}.ls-lake.naip{stroke:#B7791F;stroke-dasharray:7 4}
.ls-lake:hover{fill:#86BDE0}.ls-lake.sel{fill:#FFE08A;stroke:#C98800;stroke-width:3;stroke-dasharray:none}.ls-lake.dim{opacity:.45}
.ls-lab{cursor:pointer}.ls-ln{font-size:13.5px;font-weight:700;fill:#16222C;paint-order:stroke;stroke:#FBFCFD;stroke-width:4px}.ls-la{font-size:11px;fill:#4B5B69;paint-order:stroke;stroke:#FBFCFD;stroke-width:4px}
.ls-key{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--ink2);padding:6px 2px 2px}.ls-key i{display:inline-block;width:22px;border-top:3px solid #2E6F95;margin-right:5px;vertical-align:3px}.ls-key i.k-naip{border-top:3px dashed #B7791F}
.ls-list{display:grid;gap:6px}
.opage:not(.wkpage) button.ls-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-weight:400}
.opage:not(.wkpage) button.ls-row.sel{border:2px solid #F2A900;background:#FFF8E1}.ls-row.off{opacity:.55}.ls-ac{font-weight:800;text-align:right}
.ls-b{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.3px;border-radius:4px;padding:2px 6px}.ls-osm{background:#E2EEF6;color:#2E6F95}.ls-naip{background:#FBEFD9;color:#8A5A12}.ls-off{background:#EDF1F5;color:#4B5B69}
.ls-det{border-top:1px solid var(--line);margin-top:10px;padding-top:6px}
.ls-k{font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);font-weight:700;margin:12px 0 4px}.ls-big{font-size:22px;font-weight:800}
.ls-warn{background:var(--warn-bg);color:#5F3D03;border-radius:7px;padding:6px 9px;font-size:12px;margin-top:6px}
.ls-sheet{position:fixed;inset:0;z-index:60;background:rgba(15,25,35,.55);display:flex;align-items:center;justify-content:center;padding:18px}
.ls-sh{background:#fff;border-radius:11px;width:min(1180px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.ls-shh{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.ls-shh .sp{flex:1}
.ls-shb{display:grid;grid-template-columns:minmax(0,1fr) 300px;overflow:auto}
@media (max-width:900px){.ls-shb{grid-template-columns:1fr}}
.ls-shmain{padding:12px}.ls-shside{padding:12px 14px;border-left:1px solid var(--line)}
.ls-map{position:relative;aspect-ratio:1/1;max-height:76vh;background:#222;overflow:hidden;cursor:crosshair;margin:0 auto}
.ls-map canvas{position:absolute;inset:0;width:100%;height:100%}
.ls-msg{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:6px 9px;border-radius:6px;max-width:75%}
.ls-pan{position:absolute;right:10px;top:10px;display:grid;grid-template-columns:repeat(3,30px);gap:3px}
.opage .ls-pan button,.opage .ls-zoom button,.ls-pan button,.ls-zoom button{background:rgba(255,255,255,.92);color:#16222C;border:0;border-radius:5px;width:30px;height:30px;padding:0;font-weight:800;min-height:0;cursor:pointer}
.ls-zoom{position:absolute;right:10px;bottom:10px;display:flex;gap:3px}
/* lakes: name with Rename and Remove, add row, removed lakes, saved note (feedback 14) */
.ls-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 2px;font-size:15px}
.opage:not(.wkpage) button.ls-link{background:none;border:0;padding:0;margin:0;color:var(--t-link,#1A5F8A);font-weight:600;font-size:12.5px;text-decoration:underline;cursor:pointer}
.opage:not(.wkpage) button.ls-link.ls-danger{color:#A12A1F}
.ls-add{background:#F6F9FB;border:1px solid var(--line);border-radius:8px;padding:8px;margin:8px 0}
.ls-removed{margin-top:12px}.ls-removed .row{align-items:center;gap:10px;margin:4px 0}
.ls-ok{margin-top:6px;color:#0F7A4E;font-weight:700}
/* the lake mapping review on the Properties page (Scott, 5 Oct 2026) */
.lr-card-wrap{margin-bottom:14px}
.lr-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 4px}
.opage:not(.wkpage) button.lr-r{background:#fff;color:var(--ink);border:1px solid var(--line);padding:4px 9px;margin:0 0 0 4px;font-weight:600;font-size:12px}
.opage:not(.wkpage) button.lr-r.on{background:var(--t-primary,#1A5F8A);color:#fff;border-color:transparent}
.lr-status{font-size:12.5px;color:var(--ink2,#4B5B69);background:#F6F9FB;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:6px 0}
.lr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}
.lr-card{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}
.lr-h a{font-weight:700;font-size:14px}.lr-amber{color:#95600A;font-weight:600}
.lr-svg{width:100%;height:auto;background:#F6F9FB;border-radius:6px;margin:6px 0}
.lr-ring{stroke:#C4CFD9;stroke-dasharray:4 4}.lr-ring.on{stroke:#7E8D9A;stroke-dasharray:none}
.lr-w{fill:#fff;fill-opacity:.45;stroke:#7E8D9A;stroke-width:1;cursor:pointer}.lr-w.other{stroke:#C9B37A}
.lr-w.on{fill:#2E9BD6;fill-opacity:.75;stroke:#1A5F8A;stroke-width:1.6}
.lr-lab{font-size:12px;font-weight:700;fill:#16222C;pointer-events:none}.lr-dot{fill:#C0392B}
.lr-row{display:grid;grid-template-columns:18px 110px 1fr;gap:6px;align-items:center;padding:3px 0;border-top:1px solid #EEF2F5}
.lr-row input[type=text]{padding:3px 6px;margin:0}.lr-ok{color:#0F7A4E;font-weight:700}
.lr-tail{margin-top:10px}
.lr-w.rm{fill:#fff;stroke:#A12A1F;stroke-dasharray:4 3;stroke-width:1.4}.lr-row.rm input[type=text]{text-decoration:line-through}.lr-chg{color:#95600A}
.ls-hist{display:inline-block;margin-left:6px}.ls-hist summary{cursor:pointer}
/* a disabled button looks disabled in every palette (feedback 15) */
button:disabled,button[disabled]{opacity:.45;cursor:not-allowed}
.ls-hit{fill:none;stroke:transparent;stroke-width:12;cursor:pointer;pointer-events:stroke}
/* Daily Chemical Usage */
.cu-bar{flex-wrap:wrap;gap:8px;align-items:center}.cu-bar label{display:flex;gap:6px;align-items:center}
td.num{text-align:right;font-variant-numeric:tabular-nums}.cu-table tr.cu-first td{border-top:2px solid var(--line)}tr.cu-total td{font-weight:700;border-top:2px solid var(--line)}
/* the printed Daily Chemical Usage (only on paper / PDF) */
#pr-root{display:none}
@media print{
  @page{size:letter;margin:0.45in 0.5in 0.5in;@bottom-right{content:"Page " counter(page) " of " counter(pages);font:8pt Inter,Helvetica,Arial,sans-serif;color:#777}}
  body>*:not(#pr-root){display:none!important}
  #pr-root{display:block;-webkit-print-color-adjust:exact;print-color-adjust:exact;font:9.5pt/1.35 Inter,'Helvetica Neue',Helvetica,Arial,sans-serif;color:#1b2329;--acc:var(--t-primary,#1A5F8A)}
  #pr-root table{border-radius:0!important;overflow:visible!important;box-shadow:none!important;background:none!important;border:0!important}
  #pr-root th,#pr-root td{border:0!important;background:none!important;border-radius:0!important}
  .rp-page{width:100%;border-collapse:collapse}.rp-page>thead td,.rp-page>tfoot td,.rp-page>tbody>tr>td{padding:0}
  .rp-head{display:flex;align-items:center;gap:14px;padding-bottom:9px;border-bottom:2.5px solid var(--acc)!important;margin-bottom:12px}
  .rp-logo{height:46px;width:auto}.rp-co{flex:1}.rp-name{font-size:14pt;font-weight:700;letter-spacing:.2px}.rp-sub{font-size:8pt;color:#5d6a72;margin-top:2px}
  .rp-title{text-align:right;font-size:13pt;font-weight:700;color:var(--acc)}.rp-made{font-size:7.5pt;font-weight:400;color:#7a868d;margin-top:2px}
  .rp-foot{display:flex;justify-content:space-between;border-top:1px solid #c9d2d7!important;margin-top:12px;padding-top:4px;font-size:7.5pt;color:#7a868d}
  .rp-break{break-before:page}
  .rp-date{font-size:15pt;font-weight:700;margin:2px 0 8px}
  .rp-tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}
  .rp-tile{border:1px solid #d5dde1!important;border-radius:6px;padding:7px 10px}.rp-tile:first-child{border-color:var(--acc)!important;background:#f3f7fa!important}
  .rp-tl{font-size:7pt;text-transform:uppercase;letter-spacing:.6px;color:#6b787f;font-weight:700}.rp-big{font-size:15pt;font-weight:700;font-variant-numeric:tabular-nums;margin:1px 0}.rp-ts{font-size:7.5pt;color:#6b787f}
  .rp-usedbox{border:1px solid #d5dde1!important;border-radius:6px;padding:6px 10px;margin-bottom:10px}
  .rp-ul{font-size:7pt;text-transform:uppercase;letter-spacing:.6px;color:#6b787f;font-weight:700;margin-bottom:3px}
  .rp-ug{display:grid;grid-template-columns:repeat(3,1fr);gap:1px 18px}.rp-used{display:flex;justify-content:space-between;gap:8px;font-size:8.5pt;border-bottom:1px dotted #d5dde1!important;padding:1px 0}.rp-used b{font-variant-numeric:tabular-nums;white-space:nowrap}
  .rp-tab{width:100%;border-collapse:collapse;table-layout:fixed}
  .rp-tab th{font-size:7pt;text-transform:uppercase;letter-spacing:.6px;color:#6b787f;text-align:left;padding:4px 6px;border-bottom:1.5px solid #1b2329!important}
  .rp-tab td{padding:3.5px 6px;vertical-align:top;border-bottom:1px solid #e6ebee!important}
  .rp-tab .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
  .rp-site{break-inside:avoid}.rp-tab tr.rp-sh td{padding-top:9px;border-bottom:1px solid #9fb0b9!important;background:#f3f7fa!important;font-size:10pt}
  .rp-tab tr.rp-gap td{height:12px;padding:0;border-bottom:0!important}
  .rp-who{color:#6b787f;font-size:8pt}.rp-epa{color:#8a969c;font-size:7pt}.rp-unk{color:#8a969c;font-style:italic}
  .rp-tab tr.rp-total td{border-top:2px solid #1b2329!important;border-bottom:0!important;font-weight:700;font-size:11pt;padding-top:6px}
  .rp-note{font-size:7.5pt;color:#7a868d;margin-top:6px}
}

/* timesheets */
.ts-table tr.ts-p td{border-top:2px solid var(--line)}.ts-ot{color:#95600A;font-weight:700}.ts-days{width:100%;margin:6px 0 10px;background:#F8FAFB}.ts-days input,.ts-days select{margin:0;padding:3px 5px}.ts-open td{background:#FBF1DC}
.ts-table tr.ts-p{cursor:pointer}.ts-table tr.ts-p:hover td{background:#F6F9FB}

/* report tables: centred under the header, numbers lined up on the decimal point (feedback 20) */
.cc{text-align:center!important}.dn{display:inline-block;text-align:right;font-variant-numeric:tabular-nums}.du{display:inline-block;text-align:left;padding-left:.3em}
/* the open/close marker on a person's line (feedback 21) */
.ts-table tr.ts-p > td:first-child > b::before{content:'\25B8\00a0';color:var(--muted,#6b787f)}.ts-table tr.ts-p.open > td:first-child > b::before{content:'\25BE\00a0'}
.ts-hint{margin:4px 0 8px}button.ts-un{margin:0 0 0 6px;padding:3px 10px;font-size:12px}
.cm-items td{padding-top:0!important;border-top:0!important;text-align:left!important}.cm-it{font-weight:400;display:inline-flex;gap:5px;align-items:center;margin:2px 14px 2px 0;font-size:12px;white-space:nowrap}.cm-it input{width:auto;margin:0}.cm-it.off{color:#8a959b;text-decoration:line-through}

/* the three kinds of appointment on the week board (Scott, 5 Oct 2026) */
.wkpage .chip.k-sludge{background:#F6EEE4;border-left:4px solid #8A5A2B}.wkpage .chip.k-repair{background:#EFEAFA;border-left:4px solid #5B3FA8}
.wkpage .chip .kl{display:block;font-size:9px;font-weight:800;letter-spacing:.5px}.wkpage .chip.k-sludge .kl{color:#8A5A2B}.wkpage .chip.k-repair .kl{color:#5B3FA8}
.wkpage .chip .kn{display:block;font-size:10.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk.drop{outline:2px dashed #5B3FA8;outline-offset:2px}
.kseg{display:flex;border:1px solid var(--line2);border-radius:7px;overflow:hidden}.kseg button{flex:1;border:0;border-left:1px solid var(--line2);background:#fff;padding:7px 4px;font-size:12px;font-weight:700;color:var(--ink2);cursor:pointer;min-height:0;margin:0}
.kseg button:first-child{border-left:0}.kseg button.on{background:var(--rail);color:var(--railfg)}.kseg button.on.k-sludge{background:#8A5A2B}.kseg button.on.k-repair{background:#5B3FA8}
.kindhd{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:4px 8px;border-radius:5px;margin-bottom:10px;display:inline-block}.kindhd.k-sludge{background:#F6EEE4;color:#8A5A2B}.kindhd.k-repair{background:#EFEAFA;color:#5B3FA8}
.hck{display:inline-flex;gap:4px;align-items:center;margin:2px 10px 2px 0;font-size:12px;font-weight:400}.hck input{width:auto;margin:0}

.progbox{background:#F6EEE4;border-left:4px solid #8A5A2B;border-radius:6px;padding:8px 10px;margin-bottom:12px}
.planout{margin:10px 0}.plt{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:6px}.plt td{padding:3px 4px;border-bottom:1px solid var(--line)}
.ptg{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;margin-right:3px}.ptg.m{background:#E3EEF8;color:#1F5F93}.ptg.d{background:#F6EEE4;color:#8A5A2B}

/* the review queue and performance history */
.rail .area.sub{padding-left:30px;font-weight:500;font-size:12.5px}
.rq-row{display:grid;grid-template-columns:1fr 80px 190px;gap:12px;padding:11px 12px;border-top:1px solid var(--line);align-items:center}.rq-row.c{background:#FFFAF0}
.rq-t{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.rq-why{color:#95600A;font-weight:700;font-size:12.5px;margin-top:3px}.rq-c{color:#8a1c14}
.rq-sc{text-align:center}.rq-sc b{display:block;font-size:22px}.rq-sc small{font-size:10px;font-weight:700;color:var(--muted)}
.rq-act{display:flex;gap:6px;justify-content:flex-end}.rq-act button{margin:0}
.rq-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.4px;padding:1px 6px;border-radius:7px}.rq-s{background:#F6EEE4;color:#8A5A2B}.rq-r{background:#EFEAFA;color:#5B3FA8}.rq-p{background:#FFF1C9;color:#7A5600}
.g1{color:#127A4B}.g2{color:#95600A}.g3{color:#B3261E}
.rq-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rq-two .card{padding:12px 14px}.rq-notice{white-space:pre-wrap;font:13px/1.45 system-ui,sans-serif;background:#F8FAFB;border:1px solid var(--line);border-radius:8px;padding:10px;max-height:520px;overflow:auto}
@media (max-width:900px){.rq-two{grid-template-columns:1fr}.rq-row{grid-template-columns:1fr 60px}.rq-act{grid-column:1/-1}}
.pf-bar{height:8px;background:#E9EEF1;border-radius:4px;overflow:hidden;margin:3px 0 8px}.pf-bar i{display:block;height:100%;background:#B8862A}.pf-coach td{background:#FFFAF0}
p.err:empty{margin:0}
.lg-gap{font-size:11px;font-weight:700;color:#8a5a00;background:#fff1c7;border-radius:8px;padding:1px 6px;margin-left:4px}
.lg-f label{font-size:13px}
.pvt{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px;background:#fff;border-radius:6px}.pvt th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:left;padding:4px 5px;border-bottom:1.5px solid var(--line)}
.pvt td{padding:4px 5px;border-bottom:1px solid var(--line);vertical-align:middle}.pvt tr.done td{color:var(--muted);background:#FAFBFC}.pvt tr.this td{background:#FFFBEA}
.pvt .inp{padding:3px 5px;font-size:12px;margin:0;width:150px;min-width:0}.pvt td.n{width:18px;text-align:center}.pv-l{display:flex;gap:6px;align-items:center;margin:2px 0}.pvt button.x{background:none;border:0;color:var(--muted);font-size:16px;padding:0 4px;cursor:pointer}
.hand{font-size:10px;font-weight:700;color:#7A5A00;background:#FFF1C7;border-radius:8px;padding:0 5px;margin-left:4px;white-space:nowrap}
.addrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px;padding:8px;border:1px dashed #D4BFA6;border-radius:8px;background:#FFFDF9}
.segw{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.segw span{padding:5px 8px;font-size:12px;font-weight:700;border-left:1px solid var(--line);cursor:pointer;background:#fff;color:#16232B}.segw span:first-child{border-left:0}.segw span.on{background:#8A5A2B;color:var(--railfg)}
.whyrow{display:flex;gap:6px}.whyrow .inp{flex:1;margin:0}
.ml{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:9px;background:#E9EEF1;color:#16232B;white-space:nowrap}.ml.s{background:#E3EEF8;color:#1F5F93}.ml.d{background:#E4F2EA;color:#127A4B}.ml.o{background:#127A4B;color:var(--railfg)}.ml.b{background:#FBE4E1;color:#A3271B}
.rq-mail{margin:4px 0 10px;display:grid;gap:4px}
.ph-lake{padding:8px 0;border-top:1px solid var(--line)}.ph-row{margin:6px 0}.ph-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.ph-t{width:132px;height:99px;object-fit:cover;border-radius:8px;cursor:zoom-in;background:#e4eaee}
.ph-big{position:fixed;inset:0;background:rgba(10,20,30,.85);z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:zoom-out;color:var(--railfg);font-size:13px;padding:20px}
.ph-big img{max-width:94vw;max-height:84vh;border-radius:8px}
.rq-mail-frame{width:100%;min-height:420px;border:1px solid var(--line);border-radius:8px;background:#eef2f5}
.tg-row{border-top:1px solid var(--line);padding:10px 0}.tg-row textarea{width:100%;margin:2px 0 6px}.tg-row.off{opacity:.55}
/* the field report on the review page: lake by lake, the phone's steps, photos beside each */
.fr-lake{margin:10px 0 18px}
.fr-head{padding:6px 0;border-bottom:2px solid var(--line,#d9e1e7);margin-bottom:4px}
table.fr{width:100%;border-collapse:collapse}
table.fr th{width:96px;background:none;border-top:1px solid var(--line,#e6ecf0);text-align:left;vertical-align:top;padding:8px 8px 8px 0;font-weight:600;color:var(--muted,#5b6b78)}
table.fr td{vertical-align:top;padding:8px 8px 8px 0;border-top:1px solid var(--line,#e6ecf0)}
table.fr tr:first-child td{border-top:0}
table.fr td.fr-ph{width:40%}
.fr-chem{margin-bottom:8px}
.fr-chem .fr-q{max-width:80px}.fr-chem .fr-w{flex:1;min-width:120px}
.fr-note{white-space:pre-wrap}
@media (max-width:760px){table.fr td.fr-ph{width:auto}table.fr tr{display:block}table.fr th,table.fr td{display:block;width:auto;border:0;padding:4px 0}}
/* review page: score and field report on the left, the client email on the right, kept in view (Scott, 6 Oct 2026: "too much excess white space") */
.rq-split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
.rq-col{display:flex;flex-direction:column;gap:12px;min-width:0}.rq-col .card{margin-top:0!important}
.rq-sticky{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
@media (max-width:900px){.rq-split{grid-template-columns:1fr}.rq-sticky{position:static;max-height:none}}

.rollsw{display:inline-flex;align-items:center;gap:8px;margin-right:8px;font-size:12px}.rollsw label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.rollsw button.c1{background:var(--card,#fff);color:var(--ink);border:1px solid var(--line);box-shadow:none}

/* the client portal inside the office, and proposals on the property page */
.cp-frame{width:100%;height:calc(100vh - 150px);min-height:600px;border:1px solid var(--line);border-radius:10px;margin-top:12px;background:#fff}
.pr-row{border-top:1px solid var(--line);padding:8px 0}
.btn-link{font-weight:600}
.pill.ok{background:#E6F4E6;color:#0F6B52}.pill.warn{background:#FDF3DC;color:#8a5f00}.pill.bad{background:#F8E3E3;color:#a12a2a}.pill.muted{background:#EEF1F3;color:#5b6b78}

/* the left menu's headings fold (feedback 40, 44) */
.rail .grp{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px}
.rail .grp:before{content:"▾";font-size:9px;width:9px;display:inline-block}
.rail .grp.shut:before{content:"▸"}
.rail .grp:hover{color:var(--t-ontop-dim,#C9DBE9)}
.rail .grp .bdg{margin-left:auto;letter-spacing:0}
.rail .area.folded{display:none}

/* Statistics (site/stats.js; mockup 02_Mockups/aquaiq-statistics.html) */
.stx{--x1:#2a78d6;--x2:#eb6834;--x3:#1baf7a;--x4:#eda100;--q0:#d6e6f7;--q1:#8fb9e6;--q2:#4b8bd1;--q3:#1f5ea8;--sgrid:#E9EDEB;--saxis:#C9D2CF;max-width:1180px}
.stx h1{margin:0 0 4px}
.stx .tabs{display:flex;gap:6px;background:#e3e9ee;border-radius:10px;padding:4px;margin:12px 0;width:max-content;max-width:100%;flex-wrap:wrap}
.stx .tab{border-radius:7px;padding:8px 14px;font-weight:700;color:#42525c;text-decoration:none;font-size:13.5px}.stx .tab.on{background:#fff;color:#16232b;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.stx .bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 12px}
.stx select{width:auto;margin:0}
.stx .seg{display:inline-flex;background:#e3e9ee;border-radius:8px;padding:3px;flex-wrap:wrap}.stx .seg button{border:0;background:transparent;border-radius:6px;padding:5px 11px;font-weight:650;color:#42525c;cursor:pointer;font-size:12.5px;margin:0}.stx .seg button.on{background:#fff;color:#16232b}
.stx .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.stx .tile{background:#fff;border:1px solid var(--line,#dde4e9);border-radius:10px;padding:12px 14px}
.stx .tile .l{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#6b787f;font-weight:700}
.stx .tile .v{font-size:27px;font-weight:700;letter-spacing:-.5px;margin:2px 0;font-variant-numeric:tabular-nums}
.stx .tile .s{font-size:12.5px;color:#42525c}.stx .up{color:#127a4b;font-weight:700}.stx .dn{color:#b3261e;font-weight:700}.stx .fl{color:#6b787f;font-weight:700}
.stx .card{background:#fff;border:1px solid var(--line,#dde4e9);border-radius:10px;margin-top:14px;padding:0}
.stx .ch{padding:12px 14px 0}.stx .ch h2{margin:0;font-size:15px}.stx .ch p{margin:3px 0 0;font-size:12.5px;color:#42525c;max-width:80ch}
.stx .cb{padding:10px 14px 14px}.stx .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stx .cols>.card{min-width:0}
.stx .src{font-size:11.5px;color:#6b787f;margin-top:6px}.stx .src b{color:#42525c}
.stx .ask{border-left:3px solid #d8b45a;background:#fffbef;padding:7px 10px;font-size:12.5px;margin-top:8px;border-radius:0 6px 6px 0}
.stx .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#42525c;margin:2px 0 6px}.stx .legend i{width:11px;height:11px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px}
.stx svg{display:block;width:100%;height:auto;overflow:visible}.stx .gl{stroke:var(--sgrid)}.stx .ax{stroke:var(--saxis)}.stx .axt{fill:#6b787f;font-size:10.5px}
.stx table.num td:not(:first-child),.stx table.num th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.stxtip{position:fixed;pointer-events:none;background:#16232b;color:#fff;border-radius:7px;padding:6px 9px;font-size:12px;opacity:0;transition:opacity .08s;z-index:90}
@media (max-width:860px){.stx .cols{grid-template-columns:1fr}}

/* Offices & regions (site/offices.js) */
.top .osw{background:var(--t-top2,#24384f);color:var(--t-ontop,#fff);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:5px 10px;font-weight:700;margin-right:10px;width:auto}
.wide-card h3{font-size:13px;margin:16px 0 4px;text-transform:uppercase;letter-spacing:.5px;color:#42525c}
.wide-card .chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #dde4e9;background:#fafbfd;border-radius:14px;padding:3px 10px;font-size:12.5px;margin:2px 4px 2px 0}
.wide-card table.tbl input,.wide-card table.tbl select{width:auto;max-width:200px}
tr.total td{background:#f6f8fa;font-weight:700}

.overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60;overflow:auto;padding:0 16px}

/* route clusters on the week board (site/week.js) */
.wkpage .truck,.clmodal .truck{display:inline-flex;align-items:center;gap:3px;border-radius:9px;padding:1px 6px;font-size:10.5px;font-weight:700;line-height:1.3;cursor:default}
.wkpage .truck.t-y,.wkpage .truck.t-r{cursor:pointer}
.t-g.truck,.spread.t-g{background:#e3f4ea;color:#127a4b}.t-y.truck,.spread.t-y{background:#fff1d6;color:#8a5f00}.t-r.truck,.spread.t-r{background:#fbe4e2;color:#b3261e}.t-n.truck{background:#eceff3;color:#6b787f}
.wkpage .spread{display:inline-block;font-size:10px;font-weight:700;border-radius:8px;padding:0 6px;margin:0 0 4px}
.clmodal{position:fixed;inset:0;background:rgba(10,20,30,.45);z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:7vh 16px;overflow:auto}
.clbox{background:#fff;border-radius:12px;max-width:560px;width:100%;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.clbox h3{margin:0 0 3px;font-size:17px}.clbox .sm{font-size:12.5px;color:#42525c}.clbox .bad{color:#b3261e}
.clgrp{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b787f;font-weight:700;margin:14px 0 4px}
.clopt{display:flex;gap:10px;align-items:center;border:1px solid #dde4e9;border-radius:8px;padding:8px 10px;margin-top:6px;cursor:pointer}.clopt:hover{background:#f6f9fc}
.clopt.on{border-color:#14476b;box-shadow:0 0 0 1px #14476b}.clopt.no{opacity:.55;cursor:not-allowed}.clopt .w{flex:1}
.clbtns{display:flex;gap:8px;margin-top:14px}.clbtns button{min-height:0}
.clbox label.clrad{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.clbox label.clrad input{width:auto;height:auto;min-height:0;margin:0;padding:0;flex:none}
/* balance the load (step 7k) */
.spread.t-n{background:#eceff3;color:#55636b}.wkpage .spread.over{box-shadow:inset 0 0 0 1.5px #b3261e}
.seg{display:inline-flex;border:1px solid #d5dde1;border-radius:6px;overflow:hidden}.seg span{padding:5px 12px;font-size:12px;border-right:1px solid #d5dde1;cursor:pointer;background:#fff}.seg span:last-child{border-right:0}.seg span.on{background:#12303f;color:#fff}
.blmodal{position:fixed;inset:0;background:rgba(15,30,40,.45);z-index:60;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:30px 12px}
.blbox{background:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:20px;width:min(1100px,100%)}
.blbox h3{margin:0 0 10px}.blbox h4{margin:18px 0 6px;font-size:14px}
.blsteps{display:flex;gap:6px;margin-bottom:12px}.blsteps span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:20px;background:#eef2f4;color:#6b787f;font-weight:700}.blsteps span.on{background:#12303f;color:#fff}
.blgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:800px){.blgrid{grid-template-columns:1fr}}
label.blopt{display:flex;gap:10px;align-items:flex-start;border:1px solid #dfe5e8;border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer}label.blopt:has(input:checked){border-color:#1f7a5a;background:#f1faf6}
.blbox input[type=radio],.blbox input[type=checkbox]{width:auto;height:auto;min-height:0;margin:3px 0 0;flex:none}
.blfield{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.blbox input.blnum{width:56px;max-width:56px}.blbox input[type=date]{width:auto}
.bltechs{display:flex;flex-wrap:wrap;gap:4px 14px}.bltechs label{display:inline-flex;gap:5px;align-items:center}
.blfoot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #dfe5e8}.blfoot button{min-height:0}
.bltiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:4px 0 14px}@media(max-width:800px){.bltiles{grid-template-columns:repeat(2,1fr)}}
.bltile{border:1px solid #dfe5e8;border-radius:8px;padding:10px}.bltile b{font-size:20px;display:block}.bltile .sm{color:#6b787f}
.bltabs{display:flex;gap:4px;margin:6px 0}.bltabs span{padding:4px 11px;border-radius:6px;border:1px solid #dfe5e8;font-size:12px;cursor:pointer}.bltabs span.on{background:#12303f;color:#fff;border-color:#12303f}
.blbox table{border-collapse:collapse;width:100%}.blbox th,.blbox td{padding:6px 8px;border-bottom:1px solid #eef2f4;text-align:left;vertical-align:middle;font-size:13px}.blbox th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b787f}
.blload td.n{text-align:center}.ld{display:inline-block;min-width:52px;padding:2px 6px;border-radius:6px;font-weight:600;font-size:13px;text-align:center}
.ld.ok{background:#e3f4ea;color:#1f8a4c}.ld.hi{background:#fff2d6;color:#a86b00}.ld.ov{background:#fde4e1;color:#b42318}.ld.lo{background:#eef2f4;color:#6b787f}.ld s{opacity:.55;font-weight:400;margin-right:4px}
.blmoves tr.off td{opacity:.5}.blmoves .arrow{color:#6b787f}.blmoves .why{color:#55636b;font-size:12px}
.sz{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:#eef2f4;color:#6b787f;text-transform:uppercase}.sz.L{background:#e8e0f7;color:#5b3f99}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.dot.dg{background:#1f8a4c}.dot.dy{background:#d79a00}.dot.dr{background:#b42318}.dot.dn{background:#9aa6ad}
.blfar{margin-top:12px}.blfar summary{cursor:pointer;font-weight:600;font-size:14px}
.blbanner{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:#e9f6ef;border:1px solid #bfe3cd;border-radius:8px;padding:8px 12px;margin:0 0 10px;font-size:13px}.blbanner.undone{background:#f3f5f6;border-color:#dfe5e8}.blbanner button{min-height:0;margin-left:6px}
/* Products: each product's picture (038) */
.pb-pic{width:72px;height:54px;border:1px dashed var(--line);border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;text-align:center;line-height:1.1}
.pb-pic img{max-width:100%;max-height:100%;object-fit:contain;display:block}
button.linkish,.linkish{background:none!important;border:0!important;box-shadow:none!important;color:var(--brand-ink)!important;text-decoration:underline;padding:2px 0!important;min-height:0;margin:0;font-weight:400;width:auto}

/* Systems & accounts (039) */
.sa-pill{display:inline-block;border-radius:12px;padding:2px 9px;font-size:12px;font-weight:700}
.sa-g{background:#e3f2ec;color:#1f8a4c}.sa-y{background:#fff2d6;color:#8a5a00}.sa-r{background:#fde4e1;color:#b42318}.sa-m{background:#eef1f2;color:var(--muted,#5b6b73)}
.sa-call{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px}.sa-call b{color:var(--muted,#5b6b73);font-weight:600}
.sa-chain{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;margin:6px 0 14px}.sa-chain>div{flex:1 1 160px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--card,#fff);font-size:12.5px}
.sa-chain b{display:block;font-size:13.5px}.sa-arr{align-self:center;color:var(--muted,#5b6b73);font-size:18px}
.sa-due{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:12px}.sa-due>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card,#fff)}.sa-due b{display:block;margin-top:4px}
.sa-tbl td small{display:block;color:var(--muted,#5b6b73);font-size:11.5px}.sa-tbl .sa-what{max-width:380px;font-size:12.5px}.sa-tbl tr.off td{opacity:.6}
.sa-conn summary{cursor:pointer;font-weight:600}
@media print{.sa-conn,#rail,.top,#testbar{display:none!important}}
/* the proposal builder (step 7x, site/proposals.js; mockup 02_Mockups/aquaiq-proposal-builder.html) */
.pb-form .kseg button.on.k-work{background:#5B3FA8}.pb-form .kseg button.on.k-fish{background:#1F6FB2}.pb-form .kseg button.on.k-treatment{background:#0F7A4E}
.pb-f{display:flex;flex-direction:column;gap:3px;font-size:12px}.pb-f>span:first-child{font-weight:700;color:var(--ink2);font-size:11px;text-transform:uppercase;letter-spacing:.3px}
.pb-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 16px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#FBF7F2}
.pb-plan .pb-f>input,.pb-plan .pb-f>select{max-width:100%}.pb-plan .pb-f{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.pb-plan .pb-f>span:first-child{width:100%}
.pb-visits{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pb-v{border-radius:12px;padding:2px 9px;font-size:11.5px;font-weight:700;background:#F1E6DA;color:#6B4320}.pb-v.both{background:#8A5A2B;color:#fff}.pb-v.measure{background:#E6EEF6;color:#1F4E79}
table.pb-lines{width:100%;border-collapse:collapse;font-size:13px}table.pb-lines th{font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--ink3);text-align:left;padding:6px;border-bottom:1px solid var(--line)}
table.pb-lines td{padding:6px;border-bottom:1px solid var(--line);vertical-align:top}table.pb-lines tr.pb-sec td{font-weight:700;font-size:11px;text-transform:uppercase;color:var(--ink2);background:#F6F8FA}
table.pb-lines tr.off td{text-decoration:line-through;color:var(--ink3)}table.pb-lines tfoot td{border-bottom:0}table.pb-lines.small td{padding:4px 6px}
table.pb-lines input{padding:4px 6px;font-size:13px}.pb-how{width:100%;margin-top:3px;font-size:12px!important;color:var(--ink2)}
img.pb-pic{width:44px;height:34px;object-fit:contain;border-radius:4px;background:#fff;border:1px solid var(--line);vertical-align:middle}
.pb-hits{display:flex;flex-direction:column;gap:2px;margin-top:4px}.pb-hit{display:flex!important;align-items:center;gap:8px;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;text-align:left;padding:5px 8px!important;min-height:0!important;margin:0!important;font-weight:500!important;font-size:12.5px!important}
.pb-hit:hover{background:#F1F6FA!important}
.pb-tot{min-width:260px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#F8FAFB;display:flex;flex-direction:column;gap:3px;font-size:13px}
.pb-book{margin-top:8px;padding:10px 12px;border:1px dashed var(--line2);border-radius:10px;background:#F8FBF9}
.small.ok{color:#0F6B52}.small.warn{color:#8a5f00}.small.bad,.bad{color:#a12a2a}

.wkpage .chip.k-fish{background:#E6F0FA;border-left:4px solid #1F6FB2}.wkpage .chip.k-fish .kl{color:#1F6FB2}.kseg button.on.k-fish{background:#1F6FB2}.kindhd.k-fish{background:#E6F0FA;color:#1F6FB2}
.pb-fish:not(:empty){margin-top:10px;padding:10px 12px;border:1px solid #CFE0F1;border-radius:10px;background:#F3F8FD}
/* sign out in the top bar (feedback 49) */
body.office .top .signout{margin:0 0 0 10px;padding:5px 10px;font-size:12px;background:transparent;color:var(--t-ontop-dim,#AFC5D6);border:1px solid currentColor;border-radius:7px;min-height:0;width:auto;opacity:.85}
body.office .top .signout:hover{opacity:1;color:var(--t-ontop,#fff)}

/* week board filter (feedback 51) */
.wkf{display:inline-flex;gap:6px;align-items:center}.wkf select.c2{width:auto;padding:6px 8px}
.wkfpop{position:absolute;left:0;top:calc(100% + 4px);z-index:30;background:#fff;color:#222;border:1px solid #cfd6dd;border-radius:8px;padding:10px 12px;min-width:220px;box-shadow:0 6px 18px rgba(0,0,0,.15);display:flex;flex-direction:column}
.wkfpop[hidden]{display:none}
.c2.on{background:#1F6FB2}

/* Head office › Money (site/money.js; mockup 02_Mockups/aquaiq-head-office-money.html v2): sections down the side, offices
   from a searchable picker, "all offices" as a table of offices */
.mn{display:grid;grid-template-columns:170px minmax(0,1fr);gap:18px;align-items:start}
.mn-sec{background:var(--card);border:1px solid var(--line);border-radius:var(--radius,8px);padding:10px 0;position:sticky;top:60px}
.mn-h{font-weight:700;font-size:15px;padding:0 14px 8px}
.mn-sec button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;padding:7px 14px;font-weight:600;font-size:13px;color:var(--ink2);text-align:left;border-radius:0;min-height:0}
.mn-sec button.on{background:var(--infow);color:var(--ink);box-shadow:inset 3px 0 0 var(--brand)}
.mn-mod{padding:8px 14px 0;margin:0}
.mn-work{min-width:0}
.mn-pick{position:relative}
.mn-pop{position:absolute;z-index:30;top:38px;left:0;width:300px;max-width:85vw;background:var(--card);border:1px solid var(--line2);border-radius:8px;box-shadow:0 8px 24px rgba(20,35,45,.18);padding:8px}
.mn-pop input{width:100%;margin-bottom:6px}
.mn-lst{max-height:320px;overflow-y:auto}
.mn-st{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);font-weight:700;padding:8px 6px 3px}
.mn-lst button{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:var(--ink);text-align:left;padding:5px 6px;border-radius:5px;font-weight:500;min-height:0}
.mn-lst button:hover,.mn-lst button.on{background:var(--infow)}
.mn-lst small{color:var(--ink3)}
.mn-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:4px 0 14px}
.mn-tile{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}
.mn-lab{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);font-weight:700}
.mn-big{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums;margin:2px 0}
.mn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.mn-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.mn-step:last-child{border-bottom:0}
.mn-tbl td.num,.mn-tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.mn-tbl tr.mn-strow td{background:var(--panel2);font-weight:700;color:var(--ink2);font-size:12px}
.mn-tbl tr.total td{font-weight:700;background:var(--panel2)}
.mn-tbl tr.mn-go{cursor:pointer}.mn-tbl tr.mn-go:hover td{background:#F4F8FB}
.mn-t{font-size:11px;fill:var(--ink2)}
.mn-rep{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
@media (max-width:900px){.mn{grid-template-columns:1fr}.mn-sec{position:static;display:flex;overflow-x:auto;padding:4px}.mn-h,.mn-mod{display:none}.mn-sec button{width:auto;white-space:nowrap}.mn-grid{grid-template-columns:1fr}}
.mn .bar select,.mn .bar input{width:auto;max-width:260px;min-height:0}
.mn-pick>button{width:auto;min-height:0}
/* Offices & regions › Businesses (048) */
.biz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--line)}
.biz-new{grid-template-columns:auto minmax(0,1fr)}
.biz-main{min-width:0}
.biz-logo{height:46px;width:auto;max-width:120px;display:block}
.biz-ph{display:inline-grid;place-items:center;width:64px;height:46px;border:1.5px dashed var(--line2);border-radius:6px;font-size:10px;color:var(--ink3);font-weight:700}
.biz-form{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 10px;margin:8px 0;max-width:620px}
.biz-form input[type=checkbox]{width:auto}
@media (max-width:700px){.biz{grid-template-columns:1fr}.biz-form{grid-template-columns:1fr}}
.biz-lb{display:block;margin-top:6px;padding:3px 8px;font-size:12px;min-height:0;width:auto}

/* Admin › Websites (step 8r; mockup 02_Mockups/aquaiq-websites-editor.html) */
.ws-sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:10px 0}
.ws-site{display:flex;gap:10px;align-items:flex-start;border:2px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);text-decoration:none}
.ws-site.on{border-color:var(--t-primary,#1A5F8A);box-shadow:0 0 0 3px rgba(26,95,138,.12)}.ws-site b,.ws-site small{display:block}.ws-site small{color:var(--ink3)}
.ws-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex:none}.ws-mark.az{background:#1F6F8B}.ws-mark.nv{background:#7A4E9E}
.pill.chg{background:#FBEFE3;color:#8A3F06}.pill.mut{background:#EEF1F3;color:#5b6b78}
.ws-pub{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-left:4px solid #8A3F06;border-radius:8px;padding:10px 14px;margin-bottom:12px}
.ws-pub.blocked{border-left-color:#8a5f00;background:#FFFBEA}.ws-pub .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ws-pub a.btn{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line2);border-radius:6px;text-decoration:none;color:var(--ink);font-weight:600}
.ws-ed{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.ws-pages{flex:0 1 220px;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.ws-pages a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600}
.ws-pages a:last-child{border-bottom:0}.ws-pages a.on{background:#E6F0F7;box-shadow:inset 3px 0 0 var(--t-primary,#1A5F8A)}.ws-pages small{color:var(--ink3);font-weight:400}
.ws-fields{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:12px}
.ws-f{display:flex;flex-direction:column;gap:4px;margin-top:10px}.ws-f label{font-weight:700;font-size:12.5px;color:var(--ink2)}
.ws-f input,.ws-f textarea,.ws-f select{width:100%;font:inherit}.ws-f .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ws-f .row select{width:auto;flex:1 1 200px}
.ws-thumb{width:120px;height:78px;object-fit:cover;border-radius:6px;border:1px solid var(--line);display:inline-grid;place-items:center;font-size:11px;color:var(--ink3);background:var(--panel2,#F8FAFB)}
.ws-up{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;padding:10px;border:1px dashed var(--line);border-radius:8px}.ws-up input{flex:1;min-width:220px}
.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.ws-grid figure{margin:0;display:flex;flex-direction:column;gap:6px}.ws-grid .ws-thumb{width:100%;height:100px}
.ws-ro{background:var(--panel2,#F8FAFB);border-style:dashed}.ws-ro dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:6px 0}.ws-ro dt{color:var(--ink3)}.ws-ro dd{margin:0}
/* Website › Symposium › Registrations (step 8zd) */
.sy-head{justify-content:space-between;align-items:flex-end;gap:10px 20px;flex-wrap:wrap}.sy-head h1{margin-bottom:2px}.sy-head p{margin:2px 0}
.sy-head button{margin-top:0}
.sy-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0}
.sy-tile{background:#fff;border:1px solid var(--line,#DDE3E9);border-radius:10px;padding:12px 14px}.sy-tile .k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4A6070}
.sy-tile .v{font-size:26px;font-weight:800}.sy-tile .v.ok,.ok-t{color:#0F6B52}.sy-tile .v.bad,.bad-t{color:#a12a2a}
.sy-bar{align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.sy-bar button{margin-top:0}
.sy-chips{gap:6px;flex-wrap:wrap}.sy-chips button{margin:0;background:#fff;color:#16222C;border:1px solid #B9C7D3;border-radius:16px;padding:5px 12px;font-size:13px}
.sy-chips button.on{background:var(--brand-ink,#1F5F8B);border-color:var(--brand-ink,#1F5F8B);color:#fff}
.sy-list td{vertical-align:top}.sy-list tr.due{background:#FFF8F4}.sy-list td .row{gap:6px;flex-wrap:wrap}.sy-list button,.sy-list .btn{margin-top:0;font-size:12.5px;padding:6px 10px}
.sy-two{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-top:12px}.sy-two>section{flex:3 1 520px;min-width:0}.sy-side{flex:2 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.sy-two td button{margin-top:0;font-size:12.5px;padding:6px 10px}
.sy-sum{width:100%}.sy-sum td:last-child{text-align:right}.sy-sum tr.tot td{border-top:1px solid #DDE3E9;font-weight:700}
.sy-paid{border:2px solid var(--brand-ink,#1F5F8B);border-radius:10px;padding:12px 14px;margin:10px 0}.sy-paid h3{margin-top:0}
.sy-how{border:0;padding:0;margin:0}.sy-how legend{font-weight:700;font-size:13px;margin-bottom:4px}.sy-how label{display:block;padding:3px 0}
.sy-g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:8px}.sy-g2 label{font-size:12.5px;font-weight:700}.sy-g2 input{display:block;width:100%;box-sizing:border-box;margin-top:4px}
.sy-rc{display:block;margin-top:10px}.sy-hist{margin:0;padding-left:18px;font-size:13px}.sy-hist li{margin-bottom:4px}