/* MehlSoft Production Hub - design system v4 (13 Oct 2026). Clean light theme, built from scratch:
   top bar with the search in the middle, pill nav, stat boxes, uppercase micro-labels, outlined tags,
   a stage timeline on the Job page, a settings directory on the left. No dark mode for now. */
:root{--bg:#f3f5f9;--card:#fff;--line:rgba(15,23,42,.10);--line2:rgba(15,23,42,.06);--ink:#0f172a;--ink2:#334155;--mute:#64748b;
  --orange:#f97316;--orange2:#c2410c;--p1:#7c3aed;--p2:#4f46e5;--p2d:#4338ca;--p2rgb:79,70,229;--tint:#eef2ff;--tint2:#c7d2fe;--sky:#0284c7;--green:#059669;--amber:#d97706;--red:#dc2626;--teal:#0d9488;
  --sh:0 1px 2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.04);--r:14px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--p2);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0;letter-spacing:-.01em}
svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--orange);margin:0 0 4px}
.muted{color:var(--mute);font-size:12.5px}
p.muted{margin:10px 0 0}

/* ---------- top bar */
.top{display:flex;align-items:center;gap:18px;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);min-width:220px}
.brand:hover{text-decoration:none}
.brand .tile{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font-weight:800;font-size:17px;flex:none}
.brand .tile img{width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.brand b{display:block;font-size:15px;font-weight:800;line-height:1.1}
.brand small{display:block;font-size:11px;color:var(--mute);font-weight:600;letter-spacing:.04em}.brand small.msprod{font-size:12px;font-weight:700;color:#fe8a17;letter-spacing:0}.brand small.msprod b{font-weight:700;color:#154a7e;display:inline;font-size:inherit;line-height:inherit;letter-spacing:0}.brand small.msprod b::after{content:"|";color:#cbd5e1;font-weight:400;margin:0 6px}.upop .uver{padding:8px 12px 4px;font-size:10px;color:var(--mute);border-top:1px solid var(--line);margin-top:4px}
form.search{flex:1;max-width:640px;margin:0 auto;position:relative;display:flex}
form.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mute)}
.top form.search input{width:100%;padding:10px 90px 10px 40px;border:1px solid var(--line);border-radius:999px;background:#f1f4f9;font:inherit;font-size:13.5px;color:var(--ink);outline:none;transition:.15s}
.top form.search input:focus{background:#fff;border-color:var(--p2);box-shadow:0 0 0 3px rgba(var(--p2rgb),.12)}
form.search button{position:absolute;right:5px;top:5px;bottom:5px;padding:0 14px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:none}
.tright{display:flex;align-items:center;gap:10px;margin-left:auto}
.live{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:700;color:var(--ink2);background:#fff;white-space:nowrap}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(5,150,105,.5);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(5,150,105,.45)}70%{box-shadow:0 0 0 7px rgba(5,150,105,0)}100%{box-shadow:0 0 0 0 rgba(5,150,105,0)}}
.tb{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;font-weight:700;color:var(--ink2);background:#fff;white-space:nowrap}
.tb svg{color:var(--orange)}
.tb:hover{text-decoration:none;background:#f8fafc;border-color:#cbd5e1}
.user{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:12px;background:#fff}
.user .av{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#fb923c);color:#fff;font-weight:800;font-size:12.5px}
.user b{display:block;font-size:13px;line-height:1.15}
.user small{display:block;font-size:11px;color:var(--mute);font-weight:600}
.user a{font-size:11px;font-weight:700;color:var(--mute);margin-left:4px}
.powered{display:flex;align-items:center;padding-left:6px;opacity:.9}
.powered:hover{opacity:1}
.powered img{height:30px;width:auto;display:block}
/* the MehlSoft logo is the ORIGINAL picture, never redrawn or recoloured (07/11/2026); only the word "Hub" beside it is ours */
.mslock{display:inline-flex;align-items:center;gap:8px;line-height:1;text-decoration:none}.mslock img.mslogo{height:38px;width:auto;display:block;flex:none;margin:-4px 0}
@media (max-width:960px){.powered .mslock i{display:none}.powered .mslock img.mslogo{height:28px;margin:-2px 0}}   /* phones and tablets: the whole logo, smaller, never cut; "MehlSoft | Hub" is top left */
.mslock i{font-style:normal;font-size:15px;font-weight:700;color:#fe8a17;padding-left:9px;border-left:1.5px solid #cbd5e1;line-height:18px;text-transform:none;letter-spacing:0}
.mslock svg{width:38px;height:33px;display:block;flex:none}.mslock .mst{display:flex;flex-direction:column;line-height:1.05}.mslock .mst b{font-size:16px;font-weight:800;color:#0f172a}.mslock .mst small{font-size:12px;font-weight:700;color:#f97316}.mslock.tiny svg{width:22px;height:19px}   /* only until the restart: the old page code's lockup */
.brand .mslock{margin-right:4px}.brand .mslock img.mslogo{height:34px}.mslock.tiny{gap:6px}.mslock.tiny img.mslogo{height:22px;margin:-2px 0}.mslock.tiny i{font-size:10px;padding-left:6px;line-height:12px}

/* ---------- pill nav */
nav.main{display:flex;gap:8px;padding:9px 24px;background:#fff;border-bottom:1px solid var(--line);overflow-x:auto}
nav.main a{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700;color:var(--ink2);background:#fff;white-space:nowrap;transition:.12s}
nav.main a svg{width:15px;height:15px;color:var(--mute)}
nav.main a:hover{text-decoration:none;background:#f1f4f9;border-color:#cbd5e1}
nav.main a.on{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(var(--p2rgb),.28)}
nav.main a.on svg{color:#fff}

/* ---------- page */
main.page{max-width:1680px;margin:0 auto;padding:22px 24px 56px;animation:rise .25s ease}
@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.pagehead>.tabs{margin-left:auto}
.pagehead h1,.hero h1{font-size:25px;font-weight:800}
.pagehead .sub,.hero .sub{color:var(--mute);margin:4px 0 0;font-size:13.5px}
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.hero .sub{font-weight:500}

/* ---------- stat boxes */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}
.stat{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px 13px;box-shadow:var(--sh);color:var(--ink);position:relative;transition:.15s}
.stat:hover{text-decoration:none;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 6px 16px rgba(15,23,42,.07)}
.stat label{display:block;font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute);padding-right:34px}
.stat b{display:block;font-size:26px;font-weight:800;line-height:1.1;margin-top:7px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat small{display:block;font-size:12px;color:var(--mute);margin-top:4px;font-weight:600}
.stat .ic{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef2ff;color:var(--p2)}
.stat .ic svg{width:15px;height:15px}
.stat.red b{color:var(--red)}.stat.red .ic{background:#fef2f2;color:var(--red)}
.stat.amber b{color:var(--amber)}.stat.amber .ic{background:#fffbeb;color:var(--amber)}
.stat.green b{color:var(--green)}.stat.green .ic{background:#ecfdf5;color:var(--green)}
.stat.teal b{color:var(--teal)}.stat.teal .ic{background:#f0fdfa;color:var(--teal)}
.stat.orange b{color:var(--orange2)}.stat.orange .ic{background:#fff7ed;color:var(--orange)}

/* ---------- cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--sh);margin-bottom:16px}
.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.cardhead h2{font-size:15px;font-weight:800;display:flex;align-items:center}
.count{display:inline-block;margin-left:9px;padding:1px 8px;border-radius:999px;background:#eef2ff;color:var(--p2);font-size:11px;font-weight:800}
.more{font-size:12.5px;font-weight:700;white-space:nowrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.grid2>.card{margin-bottom:0}

/* ---------- tables */
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute);padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px;border-bottom:1px solid var(--line2);vertical-align:middle;font-size:13.5px}
tr:last-child td{border-bottom:0}
tbody tr:hover td{background:#f8fafc}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
a.job{font-weight:800;color:var(--ink)}
.sub2{display:block;font-size:12px;color:var(--mute);font-weight:500}

/* ---------- pills and bars */
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;border:1px solid;white-space:nowrap;line-height:1.5}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.plain::before,.pill.dept::before{display:none}
.pill.ok{background:#ecfdf5;border-color:#a7f3d0;color:#047857}
.pill.due{background:#fffbeb;border-color:#fde68a;color:#b45309}
.pill.late{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.pill.none{background:#f1f5f9;border-color:#cbd5e1;color:#475569}
.pill.plain{background:var(--tint);border-color:var(--tint2);color:var(--p2d)}
.pill.dept{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.pbar{display:flex;align-items:center;gap:8px;min-width:120px}
.pbar i{flex:1;display:block;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.pbar b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--p1),var(--sky))}
.pbar span{font-size:11px;font-weight:800;color:var(--mute);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.avs{display:inline-flex;vertical-align:middle;margin-right:8px}
.avs .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;border:2px solid #fff;margin-left:-7px}
.avs .av:first-child{margin-left:0}
.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px;border:1px dashed var(--line);border-radius:12px;color:var(--mute);font-size:13px;text-align:center}
.empty svg{width:26px;height:26px;opacity:.55}

/* ---------- job page */
.jobhead{background:linear-gradient(135deg,#0f172a,#1e1b4b 70%,#312e81);color:#fff;border-radius:var(--r);padding:20px 26px;align-items:center;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;box-shadow:0 10px 24px rgba(15,23,42,.18)}
.jobhead h1{font-size:30px;font-weight:800;letter-spacing:-.02em}
.jobhead h1 small{font-size:16px;font-weight:500;opacity:.8;margin-left:10px}
.jobhead .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.jobhead .meta .pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.jobhead .side{text-align:right}
.jobhead .side span{display:block;font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;opacity:.75}
.jobhead .side b{display:block;font-size:30px;font-weight:800;margin:4px 0;letter-spacing:-.02em}
.phase{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.kv{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2);align-items:center}
.kv:last-child{border-bottom:0}
.kv b{font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute)}
.tl{position:relative;padding-left:4px}
.tl .step{display:flex;gap:14px;padding:9px 0;position:relative}
.tl .step::before{content:"";position:absolute;left:17px;top:40px;bottom:-10px;width:2px;background:var(--line)}
.tl .step:last-child::before{display:none}
.tl .step i{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;font-style:normal;font-size:11.5px;font-weight:800;color:var(--mute);flex:none;z-index:1}
.tl .step b{display:block;font-size:13.5px;font-weight:800;margin-top:4px}
.tl .step span{display:block;font-size:12.5px;color:var(--mute);margin-top:1px}
.tl .done i{background:var(--green);border-color:var(--green);color:#fff}
.tl .now i{background:linear-gradient(135deg,var(--p1),var(--p2));border-color:transparent;color:#fff;box-shadow:0 0 0 4px rgba(var(--p2rgb),.15)}
.tl .now b{color:var(--p2)}
.tl .late i{background:var(--red);border-color:var(--red);color:#fff}
.tl .late b{color:var(--red)}
.money-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.money-tiles div{background:#f8fafc;border:1px solid var(--line2);border-radius:10px;padding:12px 14px}
.money-tiles b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.money-tiles b.late{color:var(--red)}
.money-tiles span{display:block;font-size:11px;font-weight:600;color:var(--mute);margin-top:3px}

/* ---------- forms, tabs, messages */
form.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:end}
label{display:block;font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute)}
label input{margin-top:5px}
input:not([type=hidden]):not([type=file]),select{display:block;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:14px;color:var(--ink);background:#fff;outline:none}
input:focus{border-color:var(--p2);box-shadow:0 0 0 3px rgba(var(--p2rgb),.12)}
input[type=file]{display:block;margin-top:5px;font:inherit;font-size:12.5px}
button{padding:10px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 3px 10px rgba(var(--p2rgb),.25)}
button:hover{filter:brightness(1.06)}
button.small{padding:5px 10px;font-size:11.5px;box-shadow:none;background:#fff;color:var(--red);border:1px solid #fecaca}
form.inline{display:inline}
.tabs{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.tabs a{padding:6px 13px;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--ink2);white-space:nowrap}
.tabs a:hover{text-decoration:none;background:#f1f4f9}
.tabs a.on{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff}
.warn{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;margin:0 0 12px}
.okmsg{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;margin:0 0 14px}

/* ---------- settings directory */
.settings{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}
aside.dir{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 14px;box-shadow:var(--sh);position:sticky;top:80px}
aside.dir h3{font-size:14px;font-weight:800;margin:0 0 12px}
aside.dir .sec>b{display:block;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute);margin:12px 4px 6px}
aside.dir a{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--ink);background:#fff;transition:.12s}
aside.dir a i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#eef2ff;color:var(--p2);flex:none}
aside.dir a i svg{width:13px;height:13px}
aside.dir a:hover{text-decoration:none;background:#f8fafc;border-color:#cbd5e1}
aside.dir a.on{border-color:var(--orange);background:#fff7ed;box-shadow:0 0 0 3px rgba(249,115,22,.10)}
aside.dir a.on i{background:var(--orange);color:#fff}
.cologo.small{height:44px;max-width:200px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px}

/* ---------- sign-in */
.signin{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.signin .panel{background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 60%,#312e81 100%);color:#fff;padding:56px 60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.signin .panel::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.22),transparent 65%);right:-160px;top:-160px}
.signin .panel>*{position:relative;z-index:1}
.signin .cologo{height:52px;width:auto;max-width:240px;align-self:flex-start;display:block;box-sizing:content-box;object-fit:contain;background:#fff;border-radius:12px;padding:8px 12px;margin-bottom:34px}
.signin .cologo.text{display:inline-block;background:rgba(255,255,255,.1);color:#fff;font-weight:800;font-size:20px;border:1px solid rgba(255,255,255,.2);width:max-content}
.signin .panel .eyebrow{color:#fdba74}
.signin h1{font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}
.signin .lead{font-size:15.5px;opacity:.85;max-width:480px;margin:0 0 30px;line-height:1.5}
.feats{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:480px}
.feats li{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}
.feats li i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(249,115,22,.18);color:#fdba74;flex:none}
.feats b{display:block;font-size:13.5px;margin-bottom:2px}
.feats div{font-size:12.5px;opacity:.78;line-height:1.4}
.powered-by{display:flex;align-items:center;gap:10px;margin:38px 0 0;font-size:12px;opacity:.8}
.powered-by img{height:40px;width:auto;border-radius:8px;background:#fff;padding:4px 10px}.powered-by .mslock{border-radius:8px;background:#fff;padding:6px 12px}
.signin .formside{display:grid;place-items:center;padding:40px 24px;background:var(--bg)}
.login{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 34px 26px;box-shadow:0 20px 50px rgba(15,23,42,.10)}
.login h2{font-size:24px;font-weight:800;margin:0 0 20px}
.login label{margin-top:14px}
.login button{width:100%;margin-top:22px;padding:12px}
/* the sign-in card's "Powered by" line: its own class since 09/11/2026 (it was .ms, which the planner's milestone marks also use, so the small lockup's "Hub" turned into a rotated diamond) */
.login .msfoot{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line2);font-size:11px;font-weight:700;color:var(--mute);letter-spacing:.04em;text-transform:uppercase}
.login .msfoot img{height:24px;width:auto;margin:0 6px}.login .msfoot .mslock{margin:0 6px}.login .msfoot .mslock i{text-transform:none;letter-spacing:0}
.errwrap{max-width:720px;margin:40px auto;padding:0 20px}

/* ---------- small screens */
@media (max-width:1100px){.grid2{grid-template-columns:1fr}.phase{grid-template-columns:1fr}.settings{grid-template-columns:1fr}aside.dir{position:static}}
@media (max-width:960px){.top{flex-wrap:wrap;height:auto;padding:10px 16px;gap:10px}form.search{order:3;flex-basis:100%;max-width:none}.powered,.user small{display:none}nav.main{padding:8px 16px}main.page{padding:16px 16px 40px}.signin{grid-template-columns:1fr}.signin .panel{padding:36px 24px}.signin h1{font-size:30px}}

/* ---------- settings: teams, labour, calendar, work split, lists */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.grid3>.card{margin-bottom:0}
.teamhead{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 12px}
.teamhead .mini{display:flex;gap:10px;flex-wrap:wrap}
.teamhead .mini div{background:#f8fafc;border:1px solid var(--line2);border-radius:10px;padding:7px 12px;min-width:96px}
.teamhead .mini b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.teamhead .mini span{display:block;font-size:10px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute)}
.who{display:flex;align-items:center;gap:10px}
.who .av{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}
.who b{font-size:13.5px}
.lab b{display:block;font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
.lab span{display:block;font-size:11.5px;color:var(--mute)}
.lab .pill{margin-top:4px}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mute);margin-bottom:10px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.sw{width:12px;height:12px;border-radius:4px;display:inline-block;background:#e2e8f0}
.sw.hol{background:#fdba74}.sw.we{background:#f1f5f9;border:1px solid var(--line)}
.months{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.month h3{font-size:13.5px;font-weight:800;margin:0 0 8px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal .dow{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-align:center;padding:2px 0}
.cal .pad{min-height:46px}
.cal .day{min-height:46px;border:1px solid var(--line2);border-radius:8px;padding:4px 6px;background:#fff}
.cal .day b{font-size:12px;font-weight:700}
.cal .day.we{background:#f8fafc;color:var(--mute)}
.cal .day.hol{background:#fff7ed;border-color:#fdba74}
.cal .day.hol b{color:var(--orange2)}
.cal .day.today{box-shadow:0 0 0 2px var(--p2) inset}
.cal .dots{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}
.cal .dots i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800;font-style:normal}
.bar2{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#e2e8f0;margin:6px 0 10px}
.bar2 i{display:block;height:100%}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;background:#fff}
.chip i{width:9px;height:9px;border-radius:50%;display:inline-block}
.chip b{font-weight:800}
.chip form{display:inline}
.chip button.x{padding:0 2px 0 4px;border:0;background:none;color:var(--mute);font-size:15px;line-height:1;box-shadow:none;cursor:pointer}
.chip button.x:hover{color:var(--red)}
.card.split .cardhead{align-items:flex-start}
/* ---------- the Planner board */
.btools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.btools form.btools{margin:0}
.btools select{width:auto;padding:7px 10px;font-size:13px}
.btools input{padding:7px 10px;font-size:13px}
.board{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;max-height:82vh;box-shadow:var(--sh)}
body.planner main.page{padding-bottom:8px}
.bgrid{display:grid;min-width:max-content}
.bleft{position:sticky;left:0;z-index:4;background:#fff;border-right:1px solid var(--line)}
.bcell{height:46px;border-bottom:1px solid var(--line2);padding:4px 10px;display:flex;align-items:center;gap:8px;font-size:12.5px;overflow:hidden;white-space:nowrap;box-sizing:border-box}
.bcell b{font-size:13px}
.bcell .sub2{display:inline;margin-left:4px}
.bcell .avs .av{width:24px;height:24px;font-size:9.5px}
.bcell .av.none{background:#e2e8f0;color:var(--mute)}
.bcell .pct{margin-left:auto;font-size:11px;font-weight:800;color:var(--mute)}
.bcell .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
.bcell.compact{padding:4px 8px}
.bcell .col{flex:none;font-size:11.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcell .col i{color:var(--mute);font-style:normal}
.bcell .c1{width:120px}.bcell .c2{width:160px}.bcell .c3{width:74px}.bcell .c4{width:76px}.bcell .c5{width:70px}
.bhead.bcell .col{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bcell.grp{background:#f1f4f9;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.grpline{height:30px;background:#f1f4f9;border-bottom:1px solid var(--line2)}
.bar.tray{border:1.5px dashed #f59e0b;background:#fffbeb!important;box-shadow:none}
.bar.edit,.flag.edit{cursor:pointer}
.bar.edit:hover{outline:2px solid var(--p2);outline-offset:1px}
.stagepanel{position:fixed;z-index:50;width:360px;max-height:calc(100vh - 24px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.22);padding:14px 16px}
.stagepanel .sphead{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.stagepanel .sphead b{font-size:14px;flex:1}
.stagepanel .sphead .x{font-size:20px;color:var(--mute);line-height:1}
.stagepanel label{margin-top:10px}
.stagepanel .sprow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stagepanel .spbtns{display:flex;gap:8px;margin-top:14px}
.bar.hold{border-color:#fca5a5!important;background:repeating-linear-gradient(45deg,#fee2e2 0 4px,#fff 4px 8px)!important;z-index:2}
.stagepanel details.pause{margin-top:10px;border-top:1px solid var(--line2);padding-top:8px}
.stagepanel details.pause summary{font-size:12px;font-weight:800;color:var(--mute);cursor:pointer}
.stagepanel button.ghost{background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:none}
body.focus .top,body.focus nav.main,body.focus .pagehead,body.focus .legend,body.focus main.page>p.muted{display:none}
body.focus main.page{padding:6px 6px 4px;max-width:none}
body.focus .board{max-width:none;width:calc(100vw - 12px)}
body.focus .btools{margin-bottom:6px}
body.focus .board{border-radius:8px}
#focus.tb{cursor:pointer}
body.focus #focus{background:var(--p2);color:#fff;border-color:transparent}
body.focus #focus svg{color:#fff}
.bleft .bcell{overflow:visible}
.asg{position:relative;flex:none}
.asg summary{list-style:none;cursor:pointer;width:26px;height:26px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);background:#fff}
.asg summary::-webkit-details-marker{display:none}
.asg summary svg{width:13px;height:13px}
.asg[open] summary{background:var(--p2);color:#fff;border-color:transparent}
.asg .pop{position:absolute;left:0;top:30px;z-index:9;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 30px rgba(15,23,42,.18);min-width:300px;white-space:normal}
.asg .pop label{margin-bottom:8px}
.asg .pop select,.asg .pop input{width:100%}
.bhead{height:44px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:3}
.bright{position:relative;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),#f1f5f9 calc(var(--d) * 5),#f1f5f9 calc(var(--d) * 7))}
.bright .bhead{position:sticky;top:0;z-index:3;background:#fff;height:44px;overflow:hidden}
.wk{position:absolute;top:4px;font-size:10px;font-weight:800;color:var(--mute);letter-spacing:.06em;border-left:1px solid var(--line);padding-left:6px;height:36px;box-sizing:border-box}
.wk span{display:block;font-size:11.5px;color:var(--ink);letter-spacing:0;font-weight:800}
.dy{position:absolute;top:22px;font-size:9.5px;color:var(--mute);text-align:center;line-height:1.1}
.brow{position:relative;border-bottom:1px solid var(--line2);box-sizing:border-box}
.bar{position:absolute;border-radius:6px;font-size:11px;font-weight:700;padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px 2px rgba(15,23,42,.18);box-sizing:border-box}
.bar.thin{padding:0;border-radius:4px;box-shadow:none}
.bar .done{position:absolute;left:0;top:0;bottom:0;background:rgba(15,23,42,.22)}
.bar a{color:inherit;text-decoration:none}
.bar.off{background:repeating-linear-gradient(45deg,#e2e8f0 0 4px,#f8fafc 4px 8px)!important;border:1px dashed #cbd5e1;box-shadow:none;font-weight:600}
.ms{position:absolute;width:11px;height:11px;transform:rotate(45deg);border-radius:2px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.3);z-index:1}
.ms span{position:absolute;left:-2px;top:-14px;transform:rotate(-45deg);font-size:8.5px;font-weight:800;color:#0f172a;line-height:1}
.flag{position:absolute;top:12px;width:2px;height:24px;background:#059669;z-index:1}
.flag i{position:absolute;left:3px;top:-3px;font-size:9px;font-weight:800;color:#059669;font-style:normal}
.today{position:absolute;top:0;bottom:0;width:2px;background:var(--red);z-index:2;pointer-events:none}
.hol{position:absolute;top:0;bottom:0;background:rgba(249,115,22,.12);pointer-events:none}
.rowform{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;white-space:nowrap}
.rowform select{width:150px;padding:6px 8px;font-size:13px}
.rowform input{width:200px;padding:6px 8px;font-size:13px}
button.mini{padding:6px 11px;font-size:12px;box-shadow:none;border-radius:8px}
.howto{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.howto div{background:#f8fafc;border:1px solid var(--line2);border-radius:12px;padding:14px 14px 12px}
.howto i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font-style:normal;font-size:12px;font-weight:800;margin-bottom:8px}
.howto b{display:block;font-size:13.5px;font-weight:800;margin-bottom:4px}
.howto span{display:block;font-size:12.5px;color:var(--ink2);line-height:1.45}
@media (max-width:1100px){.howto{grid-template-columns:1fr 1fr}}
@media (max-width:1300px){.grid3{grid-template-columns:1fr 1fr}.months{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.grid3,.months{grid-template-columns:1fr}}

/* ---------- progress mode */
.pcell input{width:84px;padding:6px 8px;font-size:14px;font-weight:700}
.pcell .sub2{display:block}

/* ---------- Money > Owed (16 Oct 2026) */
.filters{display:flex;flex-direction:column;gap:12px}
.fgroup{display:flex;gap:14px;align-items:flex-start}
.fgroup>label{flex:0 0 112px;padding-top:6px;font-size:10.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--mute)}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--ink2);white-space:nowrap}
.fchip b{font-weight:800}
.fchip span{color:var(--mute);font-weight:500}
.fchip:hover{text-decoration:none;background:#f1f4f9}
.fchip.on{background:linear-gradient(135deg,var(--p1),var(--p2));border-color:transparent;color:#fff}
.fchip.on span{color:#e0e7ff}
.fbar{display:flex;gap:8px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}
.fbar input[name=q]{flex:1;min-width:240px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font:inherit}
.fbar select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.fbar button,.btn{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink2);cursor:pointer;display:inline-block}
.btn:hover,.fbar button:hover{text-decoration:none;background:#f1f4f9}
.btn.primary{background:linear-gradient(135deg,var(--p1),var(--p2));border-color:transparent;color:#fff}
.fbar .clear{font-size:12.5px;font-weight:700}
.acts{display:flex;gap:8px}
table.owed td{vertical-align:top}
table.owed tr.ir{cursor:pointer}
table.owed tr.ir:hover td{background:#f8fafc}
table.owed tr.ir.open td{background:#f1f5ff}
table.owed .desc{display:inline-block;max-width:260px}
table.owed tr.il>td{background:#f8fafc;padding:10px 16px}
table.lines{width:auto;min-width:60%}
table.owed tr.tot td{font-weight:700;border-top:2px solid #0f2a4a;background:#f8fafc}
.pager{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.pager a{padding:4px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:700}
.pager a.on{background:var(--p2);color:#fff;border-color:transparent}
.printhead{margin-bottom:14px}.printhead h1{font-size:20px}.printhead p{margin:4px 0 0;color:var(--mute);font-size:12px}
@media print{
  @page{size:A4 landscape;margin:10mm}
  header.top,nav.main,.noprint{display:none!important}
  body{background:#fff}
  main.page{padding:0;max-width:none}
  .card{box-shadow:none;border:0;padding:0}
  table.owed{font-size:8.5px}
  table.owed th,table.owed td{padding:3px 4px}
  table.owed .desc{max-width:150px}
  table.owed tr.il{display:none}
  tr{break-inside:avoid}
  thead{display:table-header-group}
  .stat{box-shadow:none}
}
@media (max-width:900px){.fgroup{flex-direction:column;gap:4px}}
.fbar input[name=q]{width:auto;display:block}
.fbar select,.fbar button{width:auto;display:inline-block;margin:0}
table.owed td{white-space:nowrap}
table.owed .desc{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
table.owed td .sub2{white-space:nowrap}
table.owed a.xl{font-weight:700;text-decoration:none;border-bottom:1px dotted var(--mute)}
table.owed a.xl:hover{color:var(--p2)}
table.owed th,table.owed td{padding-left:8px;padding-right:8px}
table.owed .desc{max-width:200px}
table.owed td:nth-child(1) .sub2{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}
table.owed td:nth-child(2){max-width:180px;overflow:hidden;text-overflow:ellipsis}
table.owed .desc{max-width:180px}
table.owed .desc{max-width:150px}
table.owed .detail{max-width:1100px}
table.owed .detail p{margin:0 0 8px;font-size:12px;color:var(--ink2)}
table.owed table.lines td{white-space:normal;max-width:620px}
table.owed{font-size:12px}
table.owed th,table.owed td{padding-left:6px;padding-right:6px}
table.owed td:nth-child(2){max-width:150px}
table.owed .pill{font-size:10px;padding:2px 7px}
table.owed td:last-child{max-width:120px;overflow:hidden;text-overflow:ellipsis}
table.owed th{white-space:normal;line-height:1.15;vertical-align:bottom}
table.owed .desc{max-width:120px}
.dbox{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--mute);flex-wrap:wrap}
.dbox input[type=date],.dbox select{width:auto;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.datebar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin:0 -12px 4px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}
.dform{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--mute)}
.dform input[type=date],.dform select{width:auto;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.dform button{width:auto}
.dform .clear{font-size:12.5px;font-weight:700;margin-left:6px}
.printbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;position:sticky;top:0;z-index:5}
.printbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;position:sticky;top:0;z-index:5}
.filters{gap:0}
.filters>.fgroup,.filters>.datebar~.fgroup{padding:11px 0;border-top:1px solid var(--line)}
.filters>.datebar+.fgroup{border-top:0}
.fgroup>label{color:var(--ink2)}
.tip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border-radius:50%;border:1px solid var(--mute);font-size:9px;font-weight:800;color:var(--mute);cursor:help;text-transform:none;letter-spacing:0}

/* ---------- the Factory board's left columns (16 Oct 2026): one fixed width per heading, so titles line up with the rows */
.bcell .c0{width:64px;font-weight:800}
.bcell .c1{width:150px}.bcell .c2{width:150px}.bcell .c3{width:78px}.bcell .c4{width:78px}.bcell .c5{width:74px}
.bcell .cp{width:40px;text-align:right;margin-left:0}
.bcell .ca{width:34px;display:flex;justify-content:center}
.bcell .cv{width:78px;display:flex;align-items:center}
.bcell .cv .avs{margin-right:0}
.bcell .pct{margin-left:0}
.bhead.bcell .nm,.bhead.bcell .col{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bhead.bcell .nm .sub2{font-weight:600;letter-spacing:0;text-transform:none}
.bcell .nm i{color:var(--mute);font-style:normal}

table.matrix th.ctr,table.matrix td.ctr{text-align:center}
.allnone{font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}
.allnone a{color:var(--p2)}
table.matrix input[type=checkbox]{width:16px;height:16px}

/* ---------- Dashboard: Needs attention + Factory load (19 Oct 2026) */
.attlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.att{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--mute);border-radius:10px;background:#fff;color:inherit}
a.att:hover{text-decoration:none;background:#f8fafc}
.att i{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#f1f5f9}
.att i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.att b{display:block;font-size:13px}
.att span{display:block;font-size:12px;color:var(--mute);margin-top:2px}
.att.red{border-left-color:#dc2626}.att.red i{background:#fee2e2;color:#b91c1c}
.att.amber{border-left-color:#d97706}.att.amber i{background:#fef3c7;color:#b45309}
.att.blue{border-left-color:#4f46e5}.att.blue i{background:#e0e7ff;color:#4338ca}
.att.ok{border-left-color:#059669}.att.ok i{background:#d1fae5;color:#047857}
.loadgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.loadpanel h3{margin:0 0 8px;font-size:11px;letter-spacing:0;text-transform:none;color:var(--mute)}
.lbars{display:flex;gap:5px;align-items:flex-end}
.lw{flex:1;min-width:0;text-align:center;font-size:10px;color:var(--mute)}
.lw b{display:block;font-size:10.5px;color:var(--ink2);margin-bottom:3px}
.lw .lbar{position:relative;display:block;width:auto;height:110px;background:#f1f5f9;border-radius:4px}
.lw .lbar::after{content:"";position:absolute;left:-3px;right:-3px;bottom:66.67%;border-top:1px dashed #94a3b8}
.lw .lbar i{position:absolute;bottom:0;left:0;right:0;display:block;border-radius:4px}
.lw span{display:block;margin-top:4px;font-weight:700;color:var(--ink2)}
.lw small{display:block;font-size:9px}
.lbar i.low,.loadkey .sw.low{background:#ef4444}.lbar i.ok,.loadkey .sw.ok{background:#22c55e}.lbar i.high,.loadkey .sw.high{background:#f59e0b}.lbar i.over,.loadkey .sw.over{background:#7c3aed}
.loadkey{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:11.5px;color:var(--ink2)}
.loadkey .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
@media (max-width:1100px){.loadgrid{grid-template-columns:1fr}}

/* ---------- Users & access: the person being changed (19 Oct 2026) */
.persongrid{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:28px}
.persongrid h4{margin:16px 0 8px;font-size:11px;letter-spacing:0;text-transform:none;color:var(--mute)}
.persongrid h4:first-child{margin-top:0}
.persongrid .grid{display:grid;gap:10px}
.danger{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
button.small.bad{color:#b91c1c;border-color:#fecaca}
a.btn.small{padding:5px 12px;font-size:12px}
@media (max-width:1100px){.persongrid{grid-template-columns:1fr}}

/* ---------- Users & access: groups (19 Oct 2026) */
.mchip{display:inline-block;padding:2px 9px;margin:1px 3px 1px 0;border-radius:999px;background:var(--tint);color:var(--p2d);font-size:11.5px;font-weight:600;white-space:nowrap}
.gpick{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:13px}
.gpick input{width:auto}
.addgroup{display:flex;gap:8px;align-items:center;margin:0 0 12px;flex-wrap:wrap}
.psearch{width:100%;max-width:320px;margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font:inherit}

/* ---------- Money tables: fit the card (19 Oct 2026) */
table.owed{font-size:11.5px}
table.owed th,table.owed td{padding-left:5px;padding-right:5px}
table.owed td.num .sub2{display:block;margin:0;font-size:10.5px;color:var(--mute);font-weight:500;white-space:nowrap}
table.owed td:nth-child(2){max-width:130px}
table.owed .desc{max-width:110px}
table.owed td:last-child{max-width:100px}

/* the member and group tick lists: a plain row, not the small-caps form label (19 Oct 2026) */
label.gpick{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 10px;margin:0;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer}
label.gpick:hover{background:#f8fafc}
label.gpick input,label.gpick input[type=checkbox]{flex:none;width:16px;height:16px;margin:0}
label.gpick .muted{margin-left:auto;font-size:11.5px;color:var(--mute)}
.memberlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.persongrid .matrix{width:100%}
.persongrid .matrix td{padding:8px 10px}

div.gpick{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font-size:13px}
div.gpick .tick{color:#059669;font-weight:800}
div.gpick .muted{margin-left:auto;font-size:11.5px;color:var(--mute)}
div.gpick .more{font-size:11.5px}

.sub .stale,.muted .stale{color:#b45309;font-weight:700}

h4.subhead{margin:18px 0 8px;font-size:11px;letter-spacing:0;text-transform:none;color:var(--mute)}

table.owed td .sub2.cred{color:#b45309;font-weight:700}

.jobhead .sub{font-size:12px;opacity:.85;margin-top:3px}.jobhead .sub b{opacity:.6;font-weight:600;margin-right:4px}

.money-tiles span,.stat label,th{font-size:11px}.eyebrow{font-size:.75rem}
.jtabs{display:flex;gap:6px;margin:14px 0 12px;flex-wrap:wrap}
.jt{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:7px 16px;font:inherit;font-size:13px;font-weight:600;color:var(--mute);cursor:pointer}
.jt:hover{color:var(--ink,#0f172a)}.jt.on{background:#1b2a4a;border-color:#1b2a4a;color:#fff}

.money-tiles .tl{margin:0 0 4px;color:var(--mute);font-size:11px;font-weight:600}.money-tiles small{display:block;margin-top:3px;font-size:11px;color:var(--mute);font-weight:500}

a.drill{color:inherit;text-decoration:none;border-bottom:1px dotted var(--mute)}a.drill:hover{color:var(--p2);border-bottom-color:var(--p2)}

a.drill:has(.pill){border-bottom:0}a.drill:has(.pill):hover .pill{filter:brightness(.95);box-shadow:0 0 0 2px #c7d2fe}

table.orders tr.ord-late td{background:#fef2f2}table.orders tr.ord-stock td{background:#f0fdf4}table.orders tr.ord-check td{background:#fff7ed}table.orders tr.ord-coming td{background:#fffef0}table.orders tr.ord-done td{color:var(--mute)}
@media print{.noprint,nav.main,header.top{display:none!important}table.orders{font-size:9px}}

table.orders td,table.orders th{padding-left:7px;padding-right:7px}table.orders span.proj{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.orders span.proj.notes{max-width:150px}table.orders th{white-space:normal}

.printhead{display:none}
@media print{@page{size:A4 landscape;margin:8mm}.printhead{display:block;margin:0 0 6px}.printhead h1{font-size:15px;margin:0}.printhead p{margin:2px 0 0;font-size:10px;color:#555}
main.page{padding:0!important;max-width:none!important}.card{box-shadow:none!important;border:0!important;padding:0!important}
table.orders{font-size:8px;width:100%}table.orders th,table.orders td{padding:2px 3px!important}table.orders span.proj{max-width:none;white-space:normal}table.orders tr{break-inside:avoid}
table.orders tr.ord-late td{background:#fde8e8!important}table.orders tr.ord-stock td{background:#e8f6ec!important}table.orders tr.ord-check td{background:#fdeedd!important}
.pill{border:0!important;background:none!important;padding:0!important;font-size:8px}.pill::before{display:none}}

.cal .day.today,.cal .day.hol{position:static;top:auto;bottom:auto;width:auto;z-index:auto;pointer-events:auto}

.ltl{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 14px}.ltl div{flex:1 1 220px;background:#f8fafc;border:1px solid var(--line2);border-radius:10px;padding:12px 14px}.ltl b{display:block;font-size:22px;font-weight:800}.ltl span{display:block;font-size:11px;color:var(--mute);margin-top:3px}
.ordform{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 14px;align-items:start}.ordform .full{grid-column:1/-1}.ordform label{display:block;font-size:11px;font-weight:600;color:var(--mute)}
.ordform input,.ordform select{display:block;width:100%;margin-top:4px;font-size:13px}.ordform .muted{display:block;margin-top:3px;font-weight:400}
.pickres{margin-top:6px;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.pickres:empty{display:none}.pickres button.pick{display:block;width:100%;text-align:left;padding:8px 12px;border:0;border-bottom:1px solid var(--line2);background:#fff;font:inherit;font-size:13px;cursor:pointer}
.pickres button.pick:hover{background:#eef2ff}.jobshow{margin:8px 0 0;font-size:13px}.jobshow b{color:var(--ink,#0f172a)}
.btn.small{padding:3px 9px;font-size:11px}.btn.danger{color:#b91c1c;border-color:#fecaca}

.ordform .ordsec{margin:0 0 16px}.ordform h4{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--mute)}
.ordform .ordgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end}
.ordform label{display:block;font-size:11px;font-weight:600;color:var(--mute);text-transform:none;letter-spacing:0}
.ordform input:not([type=checkbox]),.ordform select{display:block;width:100%;box-sizing:border-box;height:38px;margin-top:4px;font-size:13px}
.ordform label.chk{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:500;color:var(--ink,#0f172a)}.ordform label.chk input{width:auto;height:auto;margin:0}
.ordform .ordact{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ordform .muted{display:inline;margin:0;font-weight:400}.ordform p.muted{display:block;margin:8px 0 0}
.pickres button.pick{color:#0f172a;background:#fff}.pickres button.pick:hover{background:#eef2ff}
@media(max-width:900px){.ordform .ordgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ordform{display:block!important;max-width:1100px}.ordform .ordsec{display:block;width:100%}.ordform .ordgrid{width:100%}.ordform .ordgrid label,.ordform .ordsec>label{min-width:0}
.ordform{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
.ordform .req{color:#c0392b;font-weight:800}.ordform .ordgrid label{position:relative}.ordform .fnote{position:absolute;left:0;top:100%;margin-top:3px;white-space:nowrap;font-size:11px;font-weight:500;color:var(--mute)}.ordform .ordgrid:has(.fnote){padding-bottom:16px}.ordform .reqnote{margin:10px 0 0!important}
.ordform .ordtop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;align-items:stretch}.ordform .ordtop>.ordsec{margin:0 0 14px}
.ordform .ordgrid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}
.ordform .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ordform .chip{border:1px solid #94a3b8;background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:#1b2a4a;cursor:pointer}.ordform .chip:hover{background:#eef2ff}
@media(max-width:1000px){.ordform .ordtop{grid-template-columns:minmax(0,1fr)}}
.ordform .ordgrid input[type=date],.ordform .ordgrid input[type=number],.ordform .ordgrid input:not([type]),.ordform .ordgrid input[type=text]{min-width:0}
.pickres{margin-top:8px;max-height:320px;overflow:auto;background:#fff;border:1px solid var(--line2);border-radius:10px;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.pickres button.pick{display:grid!important;grid-template-columns:70px 70px minmax(0,1fr) minmax(0,220px) 90px;gap:12px;align-items:center;width:100%;margin:0!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid #e8ecf3!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#0f172a!important;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.pickres button.pick:last-child{border-bottom:0!important}.pickres button.pick:hover{background:#eef2ff!important}
.pickres .pj{font-weight:800}.pickres .pr{color:#64748b}.pickres .pn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickres .pc{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickres .pg{font-size:11px;font-weight:700;color:var(--p2);text-align:right}
@media(max-width:760px){.pickres button.pick{grid-template-columns:60px minmax(0,1fr);}.pickres .pr,.pickres .pc,.pickres .pg{display:none}}
.pickres .pt{grid-column:3/-1;font-size:12px;color:#475569;white-space:normal;margin-top:-4px}
.ordform [hidden],.ordform p[hidden]{display:none!important}

table.orders span.late{color:#b91c1c;font-weight:700}table.orders td .sub2{display:block;font-size:10.5px;color:#64748b;font-weight:400;margin-top:1px}
#form{scroll-margin-top:80px}

table.orders tr.editing td{background:#eef2ff!important}table.orders tr.ordx td{background:#eef2ff;border-top:0;padding:6px 10px 10px}
table.orders .ri{width:100%;min-width:64px;box-sizing:border-box;height:30px;font-size:12px;padding:2px 6px}table.orders td[data-f] .ri[type=number]{text-align:right}
table.orders tr.ordx label{display:inline-flex;align-items:center;gap:6px;margin:0 14px 0 0;font-size:11px;color:var(--mute)}table.orders tr.ordx label .ri{width:120px;display:inline-block}
table.orders tr.ordx .btn{margin-right:6px}table.orders tr.ordx .muted{margin-left:8px;font-size:12px}
table.orders tr.saved td{background:#dcfce7!important;transition:background 1.2s}
.okmsg.bad{background:#fef2f2;color:#991b1b;border-color:#fecaca}
table.orders .ri{min-width:0;font-size:11px;height:28px;padding:1px 4px}table.orders td[data-f] .ri[type=date]{width:118px}table.orders td[data-f] .ri[type=number]{width:58px}table.orders td[data-f] select.ri{width:78px}
table.orders td[data-f="supplier"] .ri{width:92px}table.orders td[data-f="order_number"] .ri{width:84px}table.orders td[data-f="notes"] .ri{width:150px}
table.orders tr.ordx td{display:flex;align-items:center;flex-wrap:wrap;gap:8px 0}table.orders tr.ordx .btn.danger{margin-left:auto}
table.orders tr.ordx td{display:table-cell}table.orders tr.ordx td>*{display:inline-flex;vertical-align:middle;margin-right:10px}table.orders tr.ordx .btn.danger{float:right;margin-right:0}
table.orders tr.editing .proj{max-width:120px}table.orders td[data-f] .ri[type=date]{width:106px}table.orders tr.editing td{padding-left:4px;padding-right:4px}

table.orders tr.ordx .btn.danger{float:none;margin-left:14px}

.acts2{display:inline-flex;gap:6px;white-space:nowrap}

form.gatef{display:block;margin-top:6px;background:#f8fafc;border:1px solid var(--line2);border-radius:8px;padding:8px}form.gatef input[name=reason]{width:320px;max-width:100%}form.gatef label{display:inline;font-size:11px;color:var(--mute)}form.gatef .muted{display:block;margin-top:4px;font-size:11px}form.inline.gatef{display:inline;background:none;border:0;padding:0;margin:0}

form.gatef[hidden]{display:none!important}
td:has(>form.gatef){position:relative}form.gatef:not(.inline){position:absolute;right:0;top:100%;z-index:30;width:480px;max-width:90vw;box-shadow:0 10px 24px rgba(15,23,42,.15);background:#fff}
form.gatef input[name=reason]{width:100%;box-sizing:border-box;margin-bottom:6px}

.tl.planned .step b{color:var(--mute)}.tl.planned .step i{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}.tl.planned .step.done b{color:inherit}.tlnote{margin:0 0 10px;font-size:12px}

.tdesc{margin:0 0 10px;font-size:12px}

.askp{position:fixed;right:18px;bottom:18px;width:460px;max-width:calc(100vw - 36px);height:560px;max-height:calc(100vh - 100px);background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.18);z-index:60;display:flex;flex-direction:column}
.askp[hidden]{display:none}.askh{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line2)}.askh b{font-size:14px}.askh .muted{flex:1;font-size:11px}
.asko{flex:1;overflow:auto;padding:12px 14px;font-size:13px;line-height:1.45}.askhelp{font-size:12px;color:var(--mute);line-height:1.8}.askhelp a{color:inherit}
.askm{margin:0 0 10px;padding:9px 12px;border-radius:10px;white-space:normal;word-break:break-word}.askm.me{background:#eef2ff;margin-left:40px}.askm.bot{background:#f8fafc;border:1px solid var(--line2);margin-right:20px}
.askf{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line2)}.askf input{flex:1;height:38px;font-size:13px}

.askchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line2)}.askchips .muted{width:100%;font-size:11px}
.askchips .askex{border:1px solid var(--line2);background:#f8fafc;border-radius:999px;padding:4px 11px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;color:#1b2a4a}.askchips .askex:hover{background:#eef2ff;border-color:#c7d2fe}

.askp.big{width:min(1100px,calc(100vw - 36px));height:calc(100vh - 60px);right:18px;bottom:18px}.askp.own{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;border-radius:0;box-shadow:none}.askp.own #askx{display:none}.askp.own #askbig{display:none}.askp.own a[target=askhub]{display:none}
.askh .btn.small{margin-left:4px}

.askh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line2)}
.askh .askt{display:flex;flex-direction:column;min-width:0}.askh .askt b{font-size:14px;white-space:nowrap}.askh .askt .muted{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.askh .askb{display:flex;gap:4px;flex-shrink:0}.askh .askb .btn.small{margin:0;padding:4px 9px;white-space:nowrap;color:#1b2a4a;border-color:var(--line2)}.askh .askb #askx{font-size:15px;line-height:1;padding:3px 9px}
.askp{width:520px}.askp.big{width:min(1100px,calc(100vw - 36px))}

.xlock{margin:8px 0 0;padding:8px 12px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;font-size:12px}.xlock .btn{margin-left:8px}.xsup{margin:8px 0 0}.xsup label{font-size:12px;color:#92400e}.xsup select{margin-top:4px}

.ordform .ordsec{background:#fff;border:1px solid #dfe5ee;border-left:4px solid var(--p2);border-radius:10px;padding:14px 16px;margin:0 0 14px}
.ordform h4{margin:0 0 10px;font-size:13px;font-weight:800;color:#1b2a4a}
.ordform label{color:#334155;font-weight:700;font-size:11.5px}
.ordform input:not([type=checkbox]),.ordform select{border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#0f172a;padding:0 10px}
.ordform input:focus,.ordform select:focus{outline:2px solid var(--p2);outline-offset:1px;border-color:var(--p2)}
.ordform select{appearance:auto;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231b2a4a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:28px}
.ordform input[readonly],.ordform select[data-locked]{background:#eef2ff!important;border-color:#c7d2fe;color:#1b2a4a;font-weight:700}
.ordform .xlock{background:var(--tint);border:1px solid var(--tint2);border-left:4px solid var(--p2)}
.ordform .xsup{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:10px 12px}.ordform .xsup label{color:#92400e}
.ordform .ordact{background:none;border:0;padding:4px 0 0}
.ordform .pickres button.pick{border-bottom:1px solid #e2e8f0!important}
form.supf{display:inline-flex!important;align-items:center;gap:6px;flex-wrap:nowrap;margin:0}form.supf input,form.supf select{display:inline-block;height:30px;font-size:12px;margin:0;width:auto}form.supf select{width:110px}
td form.inline{display:inline-flex;margin:0 4px 0 0;vertical-align:middle}td form.inline input,td form.inline select{height:30px;font-size:12px;margin:0}td form.inline .btn.small{height:30px;line-height:1}
form.supf select,td form.inline select{height:32px!important;padding:0 26px 0 8px!important;line-height:1.3!important;font-size:12px;box-sizing:border-box;min-width:112px}
form.supf input,td form.inline input{height:32px!important;padding:0 8px!important;box-sizing:border-box;line-height:1.3}

.ordform select{appearance:none;-webkit-appearance:none}

.xfind{display:flex;align-items:center;gap:12px;margin:0 0 10px}.xfind input{flex:0 1 420px;height:36px}

#suptbl tr.grp td{background:#f1f4f9;font-weight:800;font-size:11px;color:#1b2a4a;padding:6px 10px}#suptbl td:last-child{white-space:nowrap}.supchips{margin:0 0 10px}.supchips .fchip{cursor:pointer;font:inherit}

.xkinds{margin:0 0 10px}.xkinds .fchip{cursor:pointer;font:inherit}.xign{margin-top:12px}.xign summary{cursor:pointer;font-size:12px;color:var(--mute)}

.supctl{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;white-space:nowrap}.supctl form{display:inline-flex!important;margin:0!important}.supctl form.supf input[name=xero]{width:200px}
#suptbl td:last-child{width:1%}

table.orders span.proj{max-width:180px}table.orders td,table.orders th{padding-left:6px;padding-right:6px}table.orders .sub2{white-space:nowrap}
@media(max-width:1500px){table.orders span.proj{max-width:140px}table.orders span.proj.notes{max-width:110px}}

.supctl form.supf input[name=name]{width:150px;font-weight:700}

#suptbl td{padding-top:5px;padding-bottom:5px;vertical-align:middle}#suptbl input,#suptbl select{height:30px!important;padding:0 8px!important;font-size:12.5px;margin:0;display:inline-block;width:auto;box-sizing:border-box}
#suptbl .sname{width:170px;font-weight:600}#suptbl select{width:112px;padding-right:24px!important}#suptbl .slead{width:60px;text-align:right}#suptbl .sxero{width:230px}#suptbl td:last-child{white-space:nowrap}#suptbl td:last-child form.inline{display:inline}

.xsort{color:inherit;text-decoration:none;border-bottom:1px dotted var(--mute)}.xsort:hover{color:var(--p2)}

.supbtns{display:flex!important;align-items:center;gap:6px;white-space:nowrap}.supbtns .btn,.supbtns form{display:inline-flex!important;margin:0!important;height:28px;align-items:center}.supbtns .btn{padding:0 10px!important;line-height:1}#suptbl td{padding-top:4px!important;padding-bottom:4px!important}#suptbl input,#suptbl select{height:28px!important}

#suptbl tr.grp{cursor:pointer;user-select:none}#suptbl tr.grp .caret{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #1b2a4a;margin-right:8px;vertical-align:middle;transition:transform .15s}#suptbl tr.grp.fold .caret{transform:rotate(-90deg)}

table.orders tr.ordx input[name=notes]{width:240px}

/* Planner board, 20 Oct 2026: marks as a diamond with the letter beside it (two lines per row), hatched lead-in bars, legend in rows */
.ms{position:absolute;height:12px;z-index:1;display:flex;align-items:center;gap:3px;transform:none;width:auto;border:0;border-radius:0;box-shadow:none;font-size:8.5px;font-weight:800;color:#0f172a;line-height:1;pointer-events:auto}
.ms i{display:block;width:8px;height:8px;transform:rotate(45deg);border-radius:1.5px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.3);flex:none}
.ms span{position:static;transform:none;font-size:8.5px;font-weight:800;color:#0f172a;line-height:1;text-shadow:0 0 2px #fff,0 0 2px #fff}
.bar.pre{color:#0f172a;text-shadow:0 0 2px #fff,0 0 3px #fff;border:1px solid rgba(15,23,42,.15);box-shadow:none}
.legend.rows{flex-direction:column;gap:3px}
.legend .lrow{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.legend .lrow>b{width:68px;flex:none;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.legend .lrow span b{font-weight:800;color:var(--ink2);margin-right:2px}
.legend .sw.dm{width:8px;height:8px;transform:rotate(45deg);border-radius:1.5px;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.3)}

/* Planner column sets and the job drawer (20 Oct 2026) */
.tabs.sets a{padding:5px 10px;font-size:12px}
.bcell .col .pc{display:inline-block;min-width:34px;text-align:right;font-weight:700}.bcell .col .pc.none{color:var(--mute);font-weight:500}.bcell .col .pc.full{color:#059669}
.bcell .col .li{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e2e8f0;color:#94a3b8;font-size:9px;font-weight:800;font-style:normal;margin-right:2px}.bcell .col .li.on{background:#059669;color:#fff}
.bcell .col .iv{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;font-size:10px;font-weight:800;font-style:normal;margin-right:3px;background:#f1f5f9;color:#94a3b8}.bcell .col .iv.paid{background:#d1fae5;color:#065f46}.bcell .col .iv.owed{background:#fee2e2;color:#991b1b}
.bcell .col .tick{color:#059669}
.bcell .col.chase1{background:#fde9c4;border-radius:6px;padding:2px 6px}.bcell .col.chase2{background:#fbcfe8;border-radius:6px;padding:2px 6px}
#jd{position:fixed;top:0;right:0;width:min(560px,92vw);height:100vh;background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(15,23,42,.18);z-index:60;display:flex;flex-direction:column}
#jd[hidden]{display:none}
#jd .jdhead{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line2);background:#f8fafc}#jd .jdhead b{font-size:14px}#jd .jdhead a{font-size:12px}#jd .jdhead .x{margin-left:auto;font-size:20px;line-height:1;color:var(--mute);text-decoration:none}
#jd iframe{flex:1;border:0;width:100%}
main.page.bare{padding:12px 16px}


/* column set groups (20 Oct 2026): a coloured band and line per set, the chips in the same colour; Job and Project stay put when the sets scroll */
.tabs.sets a.on{background:var(--sc);color:#fff}
.tabs.sets a{border:1px solid transparent}.tabs.sets a:not(.on){color:var(--sc);border-color:color-mix(in srgb,var(--sc) 35%,#fff);background:color-mix(in srgb,var(--sc) 6%,#fff)}
.bcell .setgrp{display:flex;align-items:center;gap:8px;flex:none;align-self:stretch;padding:0 8px;border-left:2px solid var(--sc);background:color-mix(in srgb,var(--sc) 5%,#fff);position:relative}
.bcell .setgrp .col{color:var(--ink2)}
.bhead.bcell .setgrp{padding-top:13px}
.bhead.bcell .setgrp>b{position:absolute;top:3px;left:8px;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sc)}
.bhead.bcell .setgrp .col{white-space:normal;line-height:1.1;font-size:9.5px;align-self:center}
.bhead.bcell .setgrp{overflow:hidden}
/* frozen panes (21 Oct 2026): the left side scrolls with the board; Job and Project ride along on a transform and stay put */
.bleft{position:relative;left:auto;z-index:4}
.bcell .pin{display:flex;align-items:center;gap:8px;flex:none;width:330px;min-width:0;position:relative;z-index:3;background:#fff;align-self:stretch;margin-left:-10px;padding:0 10px;border-right:1px solid var(--line2);box-shadow:10px 0 10px -8px rgba(15,23,42,.14);transform:translateX(var(--sx,0px));will-change:transform}
.bcell.compact .pin{width:270px}
.bcell .pin .nm{flex:1;min-width:0}
.bcell.grp .pin{background:transparent;border-right:0;box-shadow:none;width:auto}
.bcell.grp{position:relative;z-index:2}
.bspan{font-size:11.5px;color:var(--mute);white-space:nowrap;margin-left:2px}
.btools .brk{flex-basis:100%;height:0;margin:0}

/* the board slides (21 Oct 2026): drag the calendar, or use the slider */
.bright{cursor:grab}.bright.grab{cursor:grabbing;user-select:none}
.bslide{width:170px;height:4px;accent-color:var(--p1);margin:0 2px;cursor:pointer;padding:0;border:0;background:transparent}
.btools .bslide,.btools input.bslide{width:170px!important;flex:none;padding:0!important;height:4px;margin:0 4px}

/* the Assign panel (21 Oct 2026): who is free for the job */
.asgbtn{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);background:#fff;padding:0;cursor:pointer;box-shadow:none}.asgbtn svg{width:13px;height:13px}.asgbtn:hover{background:var(--p2);color:#fff;border-color:transparent}
.apanel{width:min(560px,94vw)}
.aplist{max-height:52vh;overflow:auto;margin:6px 0 8px;border:1px solid var(--line2);border-radius:10px}
.aprow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line2);margin:0}
.aprow:last-child{border-bottom:0}.aprow.best{background:#f0fdf4}
.aprow .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;flex:none}
.aprow .apwho{flex:1;min-width:0;font-size:12.5px}.aprow .apwho b{font-size:13px;margin-right:6px}.aprow .apwho small{display:block;color:var(--mute);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aprow .pill{font-size:10px;padding:1px 7px;font-style:normal}.aprow .pill.off{background:#fee2e2;color:#991b1b}
.aprow .apfree{width:46px;text-align:center;font-size:16px;font-weight:800;color:#059669;line-height:1}.aprow .apfree small{display:block;font-size:9px;font-weight:700;color:var(--mute);letter-spacing:.06em;text-transform:uppercase}
.aprow .appick{display:flex;flex-direction:column;gap:2px;font-size:11px;white-space:nowrap}.aprow .appick label{margin:0;display:flex;align-items:center;gap:4px;font-weight:600}.aprow .appick input{width:auto;margin:0}
.apkey{font-size:11px;margin:0 0 8px}

/* the board as rows (21 Oct 2026): frozen block | left columns | calendar; the browser keeps the block in place, no script */
.bgrid{display:block;position:relative;min-width:max-content}
.brw{display:flex;align-items:stretch;border-bottom:1px solid var(--line2);box-sizing:border-box;background:#fff}
.brw>.pin{position:sticky;left:0;z-index:3;flex:none;width:330px;display:flex;align-items:center;gap:8px;padding:4px 10px;margin:0;background:#fff;border-right:1px solid var(--line2);box-shadow:10px 0 10px -8px rgba(15,23,42,.14);box-sizing:border-box;font-size:12.5px;white-space:nowrap;overflow:hidden;transform:none;will-change:auto}
.brw>.pin .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.brw>.bcell{flex:none;width:var(--lw);height:auto!important;border-bottom:0;padding-left:8px;overflow:hidden}
.brw>.bcell.nopin{position:sticky;left:0;z-index:3;background:#fff;border-right:1px solid var(--line2);box-shadow:10px 0 10px -8px rgba(15,23,42,.14)}
.brw>.brow{flex:none;width:var(--cw);position:relative;border-bottom:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),#f1f5f9 calc(var(--d) * 5),#f1f5f9 calc(var(--d) * 7))}
.brw.bhead{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);height:44px}
.brw.bhead>.pin{z-index:6}
.brw.bhead>.bcell{padding-top:0;padding-bottom:0}
.brw.bhead>.brow.bhd{overflow:hidden;background-image:none}
.brw.grp{background:#f1f4f9}.brw.grp>.pin{background:transparent;border-right:0;box-shadow:none;width:auto;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.brw.grp>.pin b{font-size:11px}.brw.grp>.bcell{background:transparent}.brw.grp>.brow{background:transparent}
.bover{position:absolute;left:var(--pl);width:var(--cw);pointer-events:none;z-index:2}
.bgrid{cursor:grab}.bgrid.grab{cursor:grabbing;user-select:none}
.bfrom{display:flex;align-items:center;gap:6px;margin:0}.bfrom label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}.bfrom input[type=date]{width:auto;padding:6px 8px;font-size:12.5px}

.brw>.pin .col{flex:none;font-size:11.5px;color:var(--ink2);white-space:nowrap}.brw>.pin .c0{width:64px;font-weight:800}.brw>.pin .sub2{display:inline;margin-left:4px}.brw>.pin .nm i{color:var(--mute);font-style:normal}
.brw.bhead>.pin .col,.brw.bhead>.pin .nm{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.brw.bhead>.pin .sub2{font-weight:600;letter-spacing:0;text-transform:none}

/* the Install board (21 Oct 2026): Excel's block as a row, the note above the bar, clash marks, folding groups */
.brw.grp{cursor:pointer;user-select:none}.brw.grp>.pin .caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--mute);margin-right:8px;vertical-align:middle;transition:transform .15s}.brw.grp.fold>.pin .caret{transform:rotate(-90deg)}
.bnote{position:absolute;top:1px;font-size:9.5px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;pointer-events:none}
.bar.clash{outline:2px solid #ef4444;outline-offset:1px}
.bcell .col.fit{display:flex;align-items:center;gap:6px;overflow:hidden}.bcell .col.fit .avs{margin:0;flex:none}.bcell .col.fit>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px}
.bcell .col.num{text-align:right}
.clashn{font-size:11.5px;font-weight:700;color:#059669;padding:5px 10px;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;white-space:nowrap}.clashn.bad{color:#991b1b;border-color:#fecaca;background:#fef2f2}
.pill.late{font-size:10px;padding:1px 7px}

/* Install board editing (21 Oct 2026): the Book button, the fitting teams in the panel, typed cells */
.bookbtn{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;color:var(--mute);background:#fff;padding:0;cursor:pointer;box-shadow:none}.bookbtn svg{width:13px;height:13px}.bookbtn:hover{background:#0284c7;color:#fff;border-color:transparent}
.spfit{margin:2px 0 8px;display:flex;flex-wrap:wrap;gap:6px}.spfit p{width:100%;margin:0 0 2px;font-size:11px}
.fitc{font:inherit;font-size:11px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2);cursor:pointer;box-shadow:none}.fitc.free{border-color:#a7f3d0;background:#ecfdf5}.fitc.on{background:#0284c7;color:#fff;border-color:transparent}
.bcell .col.ed{cursor:text;border-bottom:1px dashed #cbd5e1}.bcell .col.ed:hover{background:#fff}.bcell .col.ed .edin{width:100%;height:24px!important;padding:0 6px!important;font-size:12px;margin:0}

/* the capacity strip under the Factory board (21 Oct 2026): a week cell = the Planner's bottom block figures */
.brw.cap{position:sticky;z-index:4;background:#f8fafc;border-top:1px solid var(--line)}
.brw.cap>.pin{background:#f8fafc;font-size:11px}.brw.cap>.pin b{font-size:11px;margin-right:6px}.brw.cap>.pin small{color:var(--mute);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase}
.brw.cap>.bcell{background:#f8fafc}.brw.cap>.brow{background:#f8fafc}
.capc{position:absolute;top:3px;height:24px;box-sizing:border-box;border-left:3px solid #cbd5e1;background:#fff;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--ink2);white-space:nowrap;overflow:hidden;padding:0 8px}
.capc b{font-size:11.5px;min-width:34px}.capc small{font-size:9.5px;color:var(--mute)}.capc span{color:var(--mute)}.capc em{font-style:normal;color:var(--ink2);font-weight:700}.capc em.neg{color:#b91c1c}
.capc:not(.wide){justify-content:center;gap:5px;padding:0 4px}.capc:not(.wide) b{min-width:0}
.capc.low{border-color:#ef4444;background:#fff5f5}.capc.ok{border-color:#22c55e;background:#f3fdf6}.capc.high{border-color:#f59e0b;background:#fffbf0}.capc.over{border-color:#7c3aed;background:#f8f5ff}.capc.none{border-color:#e2e8f0}
.capc.hrs{background:#fff}
.ltpill{display:inline-flex;flex-direction:column;line-height:1.15;padding:5px 12px;border-radius:10px;background:#1b2a4a;color:#fff;text-decoration:none;margin-left:auto}.ltpill b{font-size:12.5px}.ltpill span{font-size:10.5px;opacity:.85}.ltpill:hover{text-decoration:none;background:#243a66}

/* the Monday meeting on the board (21 Oct 2026) */
.tabs.meet a.on{background:#059669;color:#fff}
.bcell .col .mbox{display:flex;flex-direction:column;gap:1px}.bcell .col .mbox input.mi{width:64px;height:26px!important;padding:0 6px!important;font-size:12.5px;font-weight:700;margin:0;border:1px solid #94a3b8;border-radius:7px;background:#fff}
.bcell .col .mbox input.mi.chg{border-color:#059669;background:#ecfdf5}.bcell .col .mbox input.mi.bad{border-color:#ef4444;background:#fef2f2}
.bcell .col .mbox small{font-size:9.5px;color:var(--mute);white-space:nowrap}
.brw.meetrow{background:#ecfdf5;border-top:2px solid #059669}.brw.meetrow>.pin{background:#ecfdf5}.brw.meetrow>.bcell.meetcell{display:flex;align-items:center;gap:14px;background:#ecfdf5;padding-left:10px}
.mt{display:flex;flex-direction:column;line-height:1.1;padding:3px 10px;border-radius:8px;background:#fff;border:1px solid #a7f3d0;min-width:120px}.mt b{font-size:13px;color:#92400e}.mt.hit b{color:#065f46}.mt small{font-size:9.5px;color:var(--mute);white-space:nowrap}.mt.all{border-color:#1b2a4a}
.meetbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:8px 14px;border-radius:10px;background:#1b2a4a;color:#fff}.meetbar b{font-size:12.5px;flex:1}.meetbar button{padding:7px 14px;font-size:12.5px}.meetbar .btn{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}
.meetbar.dirty{background:#065f46}

.bcell .col .typed{font-style:normal;font-size:9px;font-weight:800;color:var(--p2);background:var(--tint);border-radius:4px;padding:1px 4px;margin-left:4px;vertical-align:middle}
.bcell .col.ed input.edin[type=date]{width:130px;font-size:11.5px}
.bcell .col .mbox.done b.tick{font-size:11px;color:#059669;height:26px;display:flex;align-items:center}

.wk.day{height:18px;white-space:nowrap}.wk.day span{display:inline;margin-right:8px}

.brw.meetrow>.bcell.meetcell{position:relative;padding:0}.mt{position:absolute;top:6px;box-sizing:border-box;min-width:0;padding:3px 8px}.mt b{font-size:12.5px}.mt small{font-size:9px;overflow:hidden;text-overflow:ellipsis}.mt.all{width:150px}

.capc .pl{color:#92400e}.capc .pl em{color:#92400e}
.mt small.can{color:#0f766e;font-weight:700}
.tick.cf{cursor:pointer;padding:0 4px;border-radius:4px}.tick.cf:hover{background:#ecfdf5}
.rdy.ed{cursor:text;border-bottom:1px dashed #cbd5e1}.rdy.ed input.edin{width:130px;height:24px!important;padding:0 6px!important;font-size:11.5px;margin:0}

ol.plain{padding-left:18px;font-size:13px}ol.plain li{margin:3px 0}

.brw.meetrow .mt{top:6px;height:54px;padding:4px 8px;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}
.brw.meetrow .mt b{font-size:14px;line-height:1.1}.brw.meetrow .mt small{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brw.meetrow .mt small.can{font-size:10px}
.brw.meetrow .mt.all{width:190px}

.warnc{color:#92400e}b.ok{color:#065f46}b.bad{color:#991b1b}td b+small{display:block;color:var(--mute);font-size:10px}

/* lanes (21 Oct 2026): faint guide lines between the stage lanes of a Factory row */
.brw[data-g^="g:"]:not(.grp)>.brow.lanes{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),#f1f5f9 calc(var(--d) * 5),#f1f5f9 calc(var(--d) * 7)),linear-gradient(#eef2f7,#eef2f7),linear-gradient(#eef2f7,#eef2f7),linear-gradient(#eef2f7,#eef2f7);background-size:auto,100% 1px,100% 1px,100% 1px;background-position:0 0,0 28px,0 42px,0 56px;background-repeat:repeat,no-repeat,no-repeat,no-repeat}
.lanekey{position:absolute;left:4px;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1;pointer-events:none}

.brw.lanes .bar{font-size:10px;padding:0 5px;border-radius:4px}.brw.lanes .bar.main{box-shadow:none}.brw.lanes .flag i{top:-10px}

/* a clear line between projects on the lanes board, and every other row tinted */
.brw.lanes{border-bottom:2px solid #cfd6e1}
.brw.lanes:nth-child(even)>.pin,.brw.lanes:nth-child(even)>.bcell{background:#f7f9fc}.brw.lanes:nth-child(even)>.brow{background-color:#f7f9fc}
.brw.lanes>.brow.lanes{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),rgba(226,232,240,.55) calc(var(--d) * 5),rgba(226,232,240,.55) calc(var(--d) * 7))}

.lanekey{font-size:7.5px;line-height:1}.brw.lanes .ms{height:11px}

/* every row on every board: a clear line between projects or people, every other row tinted (21 Oct 2026) */
.brw:not(.bhead):not(.grp):not(.cap){border-bottom:2px solid #cfd6e1}
.brw:not(.bhead):not(.grp):not(.cap):nth-child(even)>.pin,.brw:not(.bhead):not(.grp):not(.cap):nth-child(even)>.bcell{background:#f7f9fc}
.brw:not(.bhead):not(.grp):not(.cap):nth-child(even)>.brow{background-color:#f7f9fc}

/* weekends stand out again on tinted rows; the install note above the bar reads darker */
.brw>.brow{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),rgba(148,163,184,.22) calc(var(--d) * 5),rgba(148,163,184,.22) calc(var(--d) * 7))!important}
.brw.bhead>.brow.bhd{background-image:none!important}.dy.we{color:#94a3b8;background:rgba(148,163,184,.18)}
.bnote{color:#1b2a4a;font-weight:700;font-size:10px}

/* vertical day lines (Days) or week lines (Weeks) on every row, with the weekend band */
.brw>.brow{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--g) - 1px),#dfe5ee calc(var(--g) - 1px),#dfe5ee var(--g)),repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),rgba(148,163,184,.22) calc(var(--d) * 5),rgba(148,163,184,.22) calc(var(--d) * 7))!important}
.brw.bhead>.brow.bhd{background-image:none!important}

/* the calendar grid (22 Oct 2026): light weekday lines, a grey weekend band, a stronger line at every Monday; Weeks view = Monday lines only */
.bgrid.zday .brw>.brow{background-image:
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 7 - 1px),#7f8ea6 calc(var(--d) * 7 - 1px),#7f8ea6 calc(var(--d) * 7)),
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),rgba(148,163,184,.38) calc(var(--d) * 5),rgba(148,163,184,.38) calc(var(--d) * 7)),
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) - 1px),#d9e0ea calc(var(--d) - 1px),#d9e0ea var(--d))!important}
.bgrid.zweek .brw>.brow{background-image:
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 7 - 1px),#9aa7ba calc(var(--d) * 7 - 1px),#9aa7ba calc(var(--d) * 7)),
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),rgba(148,163,184,.2) calc(var(--d) * 5),rgba(148,163,184,.2) calc(var(--d) * 7))!important}
.bgrid .brw.bhead>.brow.bhd{background-image:none!important}
.wk{border-left:1px solid #9aa7ba}

/* lane names in a column at the end of the left side (22 Oct 2026) */
.bcell .lanekeys{position:relative;flex:none;width:38px;align-self:stretch;margin-left:auto}
.bcell .lanekeys i{position:absolute;right:0;font-size:7.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-style:normal;line-height:12px}
.lanekey{display:none}
/* the grid, without a class: weekday lines (Days), the weekend band, a Monday line; in Weeks --g is a week so the weekday layer draws Monday lines too */
.bgrid .brw>.brow{background-image:
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 7 - 1px),#7f8ea6 calc(var(--d) * 7 - 1px),#7f8ea6 calc(var(--d) * 7)),
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--d) * 5),rgba(148,163,184,.38) calc(var(--d) * 5),rgba(148,163,184,.38) calc(var(--d) * 7)),
  repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--g) - 1px),#d9e0ea calc(var(--g) - 1px),#d9e0ea var(--g))!important}
.bgrid .brw.bhead>.brow.bhd{background-image:none!important}

/* 22 Oct 2026: the grid layers must not keep the old 1 px lane-guide sizes (they hid the day lines and drew horizontal lines in the weekend band) */
.bgrid .brw>.brow{background-size:auto!important;background-position:0 0!important;background-repeat:repeat!important}
/* lane names inside the frozen block */
.pin.haslanes{padding-right:50px}
.pin .lanekeys{position:absolute;right:6px;top:0;bottom:0;width:42px;pointer-events:none}
.pin .lanekeys i{position:absolute;right:0;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#7f8ea6;font-style:normal;line-height:12px;white-space:nowrap}
.bcell .lanekeys{display:none}
/* the hand is only for panning the empty calendar; bars, the left side and the totals keep the ordinary pointer */
.bgrid{cursor:default}.bgrid .brw>.brow{cursor:grab}.bgrid.grab .brw>.brow{cursor:grabbing}
.bgrid .bar,.bgrid .flag,.bgrid .ms{cursor:pointer}
.capc .pl{color:#92400e;font-weight:800;margin-left:auto}

/* capacity cell: 119%  53.6k of 45.0k  -8.6k  (fits a week of 38 px days) */
.capc{gap:7px;padding:0 6px}.capc.wide span{white-space:nowrap}.capc .sp{margin-left:auto}.capc .sp em{font-weight:800}

/* one look on every board (22 Oct 2026): the same frozen block, the same type, the same bar size */
.brw>.pin{font-size:12.5px}.brw>.pin b{font-size:12.5px}.brw>.pin .sub2{font-size:10.5px;color:var(--mute)}
.brw>.pin .av{width:24px;height:24px;flex:none;font-size:9.5px}
.brw>.pin .pill{font-size:10px;padding:1px 7px}
.brow.plr .bar{font-size:10.5px;padding:0 5px;border-radius:4px;box-shadow:none}
.brw.plr .bar.off{font-size:10px}
.brw.bhead>.pin .nm{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.brw.bhead>.pin .nm .sub2{font-weight:600;letter-spacing:0;text-transform:none;font-size:10.5px}

/* Joiners and Fitters (22 Oct 2026) */
.pcol{display:flex;flex-direction:column;gap:2px;min-width:0}
.pcol .pl1{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcol .pl1 b{font-size:12.5px}
.pcol .pl2{font-size:11px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcol .pl3{display:flex;gap:6px;align-items:center;font-size:10.5px;color:var(--mute);white-space:nowrap}
.brow.plr .ld{position:absolute;height:5px;border-radius:2px;pointer-events:none}
.ld.l0{background:#e2e8f0}.ld.l1{background:#97C459}.ld.l2{background:#E24B4A}.ld.lo{background:repeating-linear-gradient(45deg,#cbd5e1 0,#cbd5e1 2px,#f1f5f9 2px,#f1f5f9 4px)}
.offband{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,#e8edf3 0,#e8edf3 4px,#d5dce6 4px,#d5dce6 5px);z-index:0}
.offband span{position:absolute;left:4px;bottom:1px;font-size:9px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.brow.plr .bar{z-index:1}

/* capacity strip (22 Oct 2026): % + fill bar always, the money on the £ switch or in the tooltip */
.capc:not(.hrs){display:flex;align-items:center;gap:6px;padding:0 7px;background:#fff!important;border-left:0;border-top:3px solid #cbd5e1}
.capc:not(.hrs) b{font-size:13px;font-weight:800;min-width:34px}
.capc.low:not(.hrs){border-top-color:#E24B4A}.capc.low:not(.hrs) b{color:#E24B4A}
.capc.ok:not(.hrs){border-top-color:#639922}.capc.ok:not(.hrs) b{color:#4a7a14}
.capc.high:not(.hrs){border-top-color:#BA7517}.capc.high:not(.hrs) b{color:#BA7517}
.capc.over:not(.hrs){border-top-color:#534AB7}.capc.over:not(.hrs) b{color:#534AB7}
.capc .fb{position:relative;flex:1;min-width:12px;height:7px;background:#e8edf3;border-radius:3px}
.capc .fb i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#94a3b8}
.capc.low .fb i{background:#E24B4A}.capc.ok .fb i{background:#97C459}.capc.high .fb i{background:#EF9F27}.capc.over .fb i{background:#534AB7}
.capc .fb u{position:absolute;left:71.4%;top:-2px;bottom:-2px;width:1px;background:#0f172a;opacity:.55}
.capc .gbp{display:none;font-size:10px;color:var(--mute);white-space:nowrap}
body.showgbp .capc .gbp{display:inline}
.capc .gbp em{font-style:normal;font-weight:700;color:var(--ink2)}
.gbpsw{margin-left:auto;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:11px;font-weight:800;padding:0 7px;line-height:18px;color:var(--mute);cursor:pointer}
.gbpsw.on{background:#1e293b;color:#fff;border-color:#1e293b}

/* Factory rows (22 Oct 2026): a story line under the project name, firmer row separators */
.bcell .pin .nm.st2,.brw>.pin .nm.st2{display:flex;flex-direction:column;justify-content:center;gap:3px;overflow:hidden}
.nm .pn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story{display:flex;gap:4px;white-space:nowrap;overflow:hidden}
.story .st{font-size:9.5px;font-weight:700;line-height:14px;padding:0 6px;border-radius:7px;border:1px solid transparent;flex:none}
.st.joinery{background:#EEEDFE;color:#3C3489}.st.paint{background:#E1F5EE;color:#085041}.st.glass{background:#FAEEDA;color:#633806}
.st.next{background:#fff;border-color:#cbd5e1;color:#64748b;font-weight:600}.st.done{background:#EAF3DE;color:#27500A}
.st.ready{background:#E6F1FB;color:#0C447C}.st.ready.q{background:#fff;border:1px dashed #85B7EB;color:#185FA5}
.brw:not(.bhead):not(.grp):not(.cap){border-bottom:3px solid #c5cedb}
.pin.haslanes{padding-right:10px}

/* quieter lines (22 Oct 2026) */
.brw:not(.bhead):not(.grp):not(.cap){border-bottom:2px solid #d3dae5}
.brw:has(>.brow.plr):not(.bhead):not(.grp):not(.cap){border-bottom:1px solid #d3dae5}
.brow.plr .ld{height:4px;border-radius:2px}

/* ready date: confirmed is solid green, not confirmed is dashed (22 Oct 2026) */
.st.ready{background:#0F6E56;color:#fff;border:1px solid #0F6E56}
.st.ready.q{background:#fff;color:#92400e;border:1px dashed #d97706}
.flag.conf{width:3px;background:#047857}
.flag.conf i{background:#047857;color:#fff;border-radius:3px;padding:0 3px;left:-2px}
.flag.unc{width:0;border-left:2px dashed #059669;background:transparent}
.flag.unc i{color:#92400e}

/* moving lines (22 Oct 2026) */
.grip{position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;text-align:center;cursor:grab;color:#a3afc2;font-size:11px;font-style:normal;line-height:1;letter-spacing:-3px;user-select:none;z-index:4}
.grip:hover{color:var(--p2)}
.brw.mvdrag{opacity:.45}
#mvline{position:fixed;height:3px;background:var(--p2);border-radius:2px;z-index:60;pointer-events:none}
#mvmenu{position:fixed;z-index:70;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.18);padding:4px;min-width:200px;font-size:12.5px}
#mvmenu .mi{padding:6px 10px;border-radius:5px;cursor:pointer}#mvmenu .mi:hover{background:#eef2ff}#mvmenu .mi.off{color:#b6bfcc;cursor:default}#mvmenu .mi.off:hover{background:none}
#mvmenu .mh{font-size:10px;text-transform:uppercase;color:#64748b;padding:8px 10px 2px;letter-spacing:.06em;font-weight:800}
/* load rows on and off */
.capsw{display:flex;gap:6px;align-items:center;margin:2px 0 8px;font-size:11px}.capsw b{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.capsw a{border:1px solid #cbd5e1;border-radius:12px;padding:1px 10px;color:#64748b;text-decoration:none;background:#fff}.capsw a.on{background:#1e293b;border-color:#1e293b;color:#fff}
/* capacity colours: under 60% blue (room), over 100% red; no purple */
.capc.low:not(.hrs){border-top-color:#378ADD}.capc.low:not(.hrs) b{color:#2B6CB0}.capc.low .fb i{background:#378ADD}
.capc.over:not(.hrs){border-top-color:#D32F2F}.capc.over:not(.hrs) b{color:#C62828}.capc.over .fb i{background:#D32F2F}

/* the calendar no longer pans by dragging (22 Oct 2026): rows are moved with the handle */
.bgrid .brw>.brow{cursor:default!important}

/* capacity colours (22 Oct 2026): red only for 60% and under; over 110% is a deep blue, not purple, not red */
.capc.low:not(.hrs){border-top-color:#E24B4A}.capc.low:not(.hrs) b{color:#D13B3A}.capc.low .fb i{background:#E24B4A}
.capc.over:not(.hrs){border-top-color:#1E56B8}.capc.over:not(.hrs) b{color:#1E56B8}.capc.over .fb i{background:#1E56B8}
.caph{margin-left:6px;width:18px;height:18px;line-height:17px;text-align:center;border-radius:9px;color:#94a3b8;font-style:normal;font-size:14px;cursor:pointer;flex:none}
.caph.solo{margin-left:auto}.caph:hover{background:#e2e8f0;color:#334155}

/* the Excel Planner's colours (22 Oct 2026): ready date orange, the stage panel carries the stage colour */
.flag{background:#EE7D31}.flag i{color:#C2570C}
.flag.conf{background:#EE7D31}.flag.conf i{background:#EE7D31;color:#fff}
.flag.unc{border-left:2px dashed #EE7D31;background:transparent}.flag.unc i{color:#B4530F}
.st.ready{background:#EE7D31;color:#fff;border:1px solid #EE7D31}
.st.ready.q{background:#fff;color:#B4530F;border:1px dashed #EE7D31}
.stagepanel{border-top:5px solid var(--stc,#cbd5e1)}

/* a proper handle: a full-height strip at the left edge of every row, clear of the project number (22 Oct 2026) */
.mvon .brw:not(.grp):not(.cap)>.pin{padding-left:20px}
.grip{left:0!important;top:0!important;bottom:0;transform:none!important;width:16px!important;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:-5px;color:#94a3b8;border-radius:0}
.brw:hover .grip{background:#f1f5f9;color:#64748b}.grip:hover{background:#e0e7ff!important;color:var(--p2)}
.grip.off{cursor:not-allowed;opacity:.3}.brw:hover .grip.off{background:transparent}
.mvon .brw:not(.grp):not(.cap)>.pin{padding-left:24px}
.grip{width:18px!important;font-size:18px;background:#eef1f6;border-right:1px solid #dde3ec;color:#7b8798}
.brw:hover .grip{background:#e4e9f1;color:#475569}.grip:hover{background:#c7d2fe!important;color:#3730a3!important}
.grip.off{background:#f6f7f9;color:#b6bfcc}

/* skills drop-down (22 Oct 2026) */
details.skpick{position:relative;display:inline-block;vertical-align:middle}
details.skpick summary{list-style:none;cursor:pointer;min-width:170px;max-width:220px;height:36px;line-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
details.skpick summary::-webkit-details-marker{display:none}
details.skpick[open] summary{border-color:var(--p2)}
details.skpick .skbox{position:absolute;z-index:30;top:40px;left:0;min-width:200px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 10px 28px rgba(15,23,42,.16);padding:6px}
details.skpick .sk{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:12.5px;margin:0;cursor:pointer}
details.skpick .sk:hover{background:#eef2ff}details.skpick .sk input{width:auto;margin:0}
.sklab{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--mute)}

/* Assign panel tabs and people without the skill (22 Oct 2026) */
.aptabs{display:flex;gap:4px;margin:6px 0 8px;border-bottom:1px solid var(--line2)}
.aptabs a{padding:5px 10px;font-size:12px;font-weight:700;color:var(--mute);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.aptabs a.on{color:var(--p2);border-bottom-color:var(--p2)}
.aprow.noskill{opacity:.6}

details.skpick .skhint{padding:8px 10px;font-size:12px;color:var(--mute);max-width:220px}

/* the subcontractors, as in the Planner (22 Oct 2026): TTD peach, DV mint, on the job and project block */
.brw>.pin.s-ttd,.brw:nth-child(even)>.pin.s-ttd{background:#FDE4CF!important}
.brw>.pin.s-dv,.brw:nth-child(even)>.pin.s-dv{background:#C7F2E0!important}
.rng{font-style:normal;font-size:9px;font-weight:800;padding:0 5px;border-radius:7px;margin-right:6px;line-height:14px;display:inline-block;vertical-align:1px}
.rng.ttd{background:#F5B27A;color:#5a2a05}.rng.dv{background:#5ECFA5;color:#064432}

/* Users and access: Change, Password and Email on one line (22 Oct 2026) */
.rowbtns{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap}.rowbtns .btn{white-space:nowrap}
td:has(>.rowbtns){width:1%;white-space:nowrap}

.pwform{display:grid;gap:8px;max-width:300px}.pwform input{width:100%!important;margin:0}.pwform .row{display:flex;gap:8px;align-items:center}

.gtick{display:flex;flex-direction:column;gap:6px;font-size:13px;grid-column:1/-1}.gtick b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}.gtick .gpick{display:flex;gap:8px;align-items:center;margin:0}

/* Projects page (22 Oct 2026) */
.hd{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:1px;background:#639922}.hd.a{background:#EF9F27}.hd.r{background:#E24B4A}
.pj-strip{background:#fff;border:1px solid var(--line);border-left:4px solid #E24B4A;border-radius:12px;padding:12px 14px;margin:0 0 14px}
.pj-sh{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}.pj-sh b{font-size:13px}.pj-sh span{font-size:12px;color:var(--mute)}
.pj-chips{display:flex;flex-wrap:wrap;gap:6px}
.pj-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:14px;background:#f8fafc;border:1px solid var(--line);color:var(--ink2);text-decoration:none}.pj-chip b{color:var(--ink)}.pj-chip .hd{margin:0}
.pj-chip.r{background:#fff5f5;border-color:#f7c1c1}.pj-chip.a{background:#fffaf0;border-color:#f6d9a5}.pj-chip:hover{border-color:#94a3b8}
.pj-more{font-size:12px;font-weight:700;color:var(--p2);text-decoration:none;align-self:center;padding:4px 6px}
.pj-ok{background:#f3fdf6;border:1px solid #bfe8cd;border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:13px;color:#166534}
.pj-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.pj-filter{display:flex;gap:10px;align-items:center;margin-left:auto}.pj-filter select{width:auto;height:34px}
.pj-board{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:10px;align-items:start;overflow-x:auto}
.pj-col{background:#f1f4f9;border-radius:12px;padding:10px;min-width:0}
.pj-col h4{margin:0 0 10px;font-size:13px;display:flex;justify-content:space-between;gap:8px;color:var(--ink)}.pj-col h4 span{font-weight:600;font-size:12px;color:var(--mute);white-space:nowrap}
.pj-card{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;text-decoration:none;color:inherit}.pj-card:hover{border-color:#94a3b8;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.pj-top{display:flex;justify-content:space-between;gap:6px;font-size:12px}.pj-top b{font-size:12.5px}.pj-top span{color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pj-nm{font-size:12.5px;margin-top:3px;line-height:1.3}.pj-nx{font-size:11.5px;color:var(--mute);margin-top:3px}
.pj-none{font-size:12px;color:var(--mute);padding:6px 2px}
.pj-ref{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:10px;background:#f1f5f9;border:1px solid var(--line);color:var(--ink2);text-decoration:none;margin:0 4px 4px 0}.pj-ref.r{background:#fff5f5;border-color:#f7c1c1}.pj-ref.a{background:#fffaf0;border-color:#f6d9a5}

/* a lighter load strip (22 Oct 2026) */
.brw.cap>.pin{font-size:10.5px}.brw.cap>.pin b{font-size:11px;font-weight:600}.brw.cap>.pin small{font-size:9px}
.capc{top:2px!important;height:20px!important;gap:5px;padding:0 6px}
.capc:not(.hrs){border-top-width:2px!important}
.capc:not(.hrs) b{font-size:11.5px!important;font-weight:700!important;min-width:30px}
.capc .fb{height:4px!important}.capc.hrs b{font-size:11px;font-weight:600}.capc .gbp{font-size:9.5px}
.gbpsw{line-height:15px;font-size:10px}.caph{width:16px;height:16px;line-height:15px;font-size:12px}

/* Projects: flag types (22 Oct 2026) */
.hd.b{background:#378ADD}.hd.k{background:#94a3b8}
.pj-chip.b{background:#f2f8fe;border-color:#b5d4f4}.pj-chip.k{background:#f6f7f9;border-color:#d8dee8}
.pj-chip a{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}
.pj-chip{padding-right:6px}.pj-n{font-size:11px;color:var(--mute);margin-left:6px;border-radius:8px;background:#eef2f7;padding:0 6px}
.pj-ok{margin-left:6px;width:20px;height:20px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:#16a34a;font-size:11px;line-height:1;padding:0;cursor:pointer;box-shadow:none}.pj-ok:hover{background:#f0fdf4;border-color:#86efac}
.pj-types{display:inline-flex;gap:6px;margin-left:auto}.pj-t{font-size:11.5px;font-weight:700;padding:2px 10px;border-radius:12px;border:1px solid var(--line);color:var(--ink2);text-decoration:none;background:#fff}
.pj-t.r{border-color:#f7c1c1;color:#a32d2d}.pj-t.b{border-color:#b5d4f4;color:#185fa5}.pj-t.a{border-color:#f6d9a5;color:#854f0b}.pj-t.on{background:#1e293b;border-color:#1e293b;color:#fff}
.pj-strip{border-left-color:#94a3b8}.pj-ok-box{background:#f3fdf6;border:1px solid #bfe8cd;border-radius:12px;padding:10px 14px;margin:0 0 6px;font-size:13px;color:#166534}
.pj-ref.b{background:#f2f8fe;border-color:#b5d4f4}.pj-ref.k{background:#f6f7f9}
.pj-sh{align-items:center;flex-wrap:wrap}.td .sub2{display:block}
/* the load bars use the Planner's colours (22 Oct 2026): under 60% red, 60 to 100% green, 100 to 110% amber, over 110% deep blue; no purple */
.lbar i.low,.loadkey .sw.low{background:#E24B4A}.lbar i.ok,.loadkey .sw.ok{background:#97C459}.lbar i.high,.loadkey .sw.high{background:#EF9F27}.lbar i.over,.loadkey .sw.over{background:#1E56B8}

/* Reports > Lead times (22 Oct 2026) */
.rp-weeks{margin:0 0 10px}.rp-stamp{color:var(--mute);font-size:12px;margin:0 0 14px}
.rp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px}
.rp-tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.rp-tile label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--mute)}
.rp-big{font-size:28px;font-weight:800;color:#172a45;margin:4px 0 2px}.rp-win{font-size:12px;color:#172a45;font-weight:700}
.rp-parts{margin-top:8px;font-size:12px;color:#334155}.rp-note{font-size:11.5px;color:var(--mute);margin-top:2px}
.rp-tgt{margin-top:10px;padding-top:8px;border-top:1px solid var(--line2);font-size:12px;color:#334155}.rp-tgt span{color:var(--mute);font-size:11.5px}
.rp-assume{font-size:12px;color:#8a5a0b;margin:0 0 16px}
.rp-tl{position:relative;height:260px;border:1px solid var(--line2);border-radius:10px;background:#fbfcfe;overflow:hidden}
.rp-mon{position:absolute;top:6px;font-size:11px;font-weight:700;color:var(--mute);padding-left:4px}.rp-grid{position:absolute;top:0;bottom:0;width:1px;background:#e6ebf2}
.rp-xmas{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#e8edf4,#e8edf4 4px,#f4f6fa 4px,#f4f6fa 8px);opacity:.9}
.rp-today{position:absolute;top:0;bottom:0;border-left:2px solid #172a45}.rp-today b{position:absolute;top:20px;left:6px;font-size:10.5px;color:#172a45;white-space:nowrap}
.rp-lane{position:absolute;left:8px;display:flex;gap:8px;align-items:baseline;font-size:12px;color:#172a45;padding-left:4px;margin-left:4px;z-index:2}.rp-lane span{color:var(--mute);font-size:11px}
.rp-seg{position:absolute;height:28px;border-radius:6px;color:#fff;font-size:10.5px;font-weight:700;line-height:28px;padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;z-index:1}
.rp-dl{position:absolute;font-size:10px;color:#475569;transform:translateX(-30%);white-space:nowrap}
.rp-key{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11.5px;color:#334155}.rp-key span,.rp-stackkey span{display:inline-flex;align-items:center;gap:6px}
.rp-key i,.rp-stackkey i{width:12px;height:10px;border-radius:3px;display:inline-block}.rp-key i.xm{background:repeating-linear-gradient(135deg,#d5dce8,#d5dce8 3px,#f4f6fa 3px,#f4f6fa 6px)}
.rp-over{color:#b45309;font-weight:800}
.rp-head{font-size:13px;margin:0 0 12px;color:#172a45}.rp-run{font-size:12.5px;margin:6px 0 0;color:#334155}
.rp-stack{display:flex;height:30px;border-radius:8px;overflow:hidden;background:#eef1f5}.rp-stack div{color:#fff;font-size:11px;font-weight:700;line-height:30px;text-align:center;white-space:nowrap;overflow:hidden}
.rp-stackkey{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:11.5px;color:#334155}.rp-stackkey i.pln{background:none;border-top:2px dashed #172a45;height:0;width:16px;border-radius:0}
.rp-ws{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end}.rp-col{text-align:center;font-size:11px}
.rp-bars{position:relative;height:150px;background:#f6f8fb;border-radius:6px;display:flex;flex-direction:column-reverse;overflow:hidden}.rp-bars .bk{background:#7FB77E}.rp-bars .pd{background:#6AA3E8}
.rp-bars .pl{position:absolute;left:0;right:0;border-top:2px dashed #172a45;z-index:2}
.rp-col .rp-pc{display:block;font-weight:800;color:#2e7d32;margin-top:3px}.rp-col .rp-pc.lo{color:#b45309}.rp-col .rp-shut{display:block;color:var(--mute);font-weight:700;margin-top:3px}
.rp-col b{display:block;font-size:11px;color:#172a45}.rp-col small{display:block;color:var(--mute);font-size:10px}
table.rp-cap{border-collapse:separate;border-spacing:4px;width:100%;min-width:900px}table.rp-cap th,table.rp-cap td{border:0;padding:6px 4px;text-align:center;font-size:11px;border-radius:6px}
table.rp-cap th.rp-wk{background:none;color:#475569;font-size:11px}.rp-wk b{display:block}.rp-wk small{display:block;font-weight:400;color:var(--mute)}
table.rp-cap th.rp-who{text-align:left;background:none;min-width:200px;vertical-align:top;font-size:12px}.rp-who small{display:block;font-weight:400;color:var(--mute);font-size:10.5px}
.rp-who .rp-beh{color:#b71c1c;font-size:10.5px;font-weight:700}.rp-who .rp-und{color:#8a5a0b}
table.rp-cap td b{display:block;font-size:12px}table.rp-cap td small{display:block;font-size:10px;font-weight:400;opacity:.9}
@media (max-width:1000px){.rp-tiles{grid-template-columns:1fr}}

/* Reports v2 (22 Oct 2026): tabs, jump menu, trend tiles, SVG charts, KPI tiles */
html{scroll-behavior:smooth}.rp-sec{scroll-margin-top:130px}
.rp-jump{position:sticky;top:64px;z-index:15;display:flex;gap:6px;flex-wrap:wrap;background:rgba(243,245,249,.94);backdrop-filter:blur(6px);padding:8px 0;margin:0 0 10px}
.rp-jump a{font-size:12px;font-weight:700;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px}.rp-jump a:hover{text-decoration:none;background:#eef2f8}
.rp-bigrow{display:flex;align-items:center;justify-content:space-between;gap:10px}svg.sp{width:96px;height:28px}
.rp-chg{font-size:11.5px;font-weight:700;min-height:16px}.rp-chg .slow{color:#b71c1c}.rp-chg .fast{color:#2e7d32}.rp-chg .same{color:var(--mute);font-weight:400}
.rp-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
.rp-kpi{background:#fff;border:1px solid var(--line);border-left:5px solid #4472C4;border-radius:12px;padding:12px 14px}
.rp-kpi label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--mute)}.rp-kpi b{display:block;font-size:26px;font-weight:800;color:#172a45;margin:2px 0}
.rp-kpi div{font-size:11.5px;display:flex;flex-direction:column;gap:2px;font-weight:700}.rp-kpi .up{color:#2e7d32}.rp-kpi .dn{color:#b71c1c}
.rp-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.rp-charts .card{margin-bottom:0}
svg.ch{width:100%;height:auto;display:block}svg.ch .gl{stroke:#e6ebf2;stroke-width:1}svg.ch .ax{font-size:10px;fill:#64748b}svg.ch .vl{font-size:9px;fill:#334155;font-weight:700}
svg.ch .tg{fill:none;stroke:#172a45;stroke-width:2;stroke-dasharray:5 4}svg.ch .bar rect{transition:opacity .12s}svg.ch .bar:hover rect{opacity:.78}
@media (max-width:1200px){.rp-kpis{grid-template-columns:repeat(3,1fr)}.rp-charts{grid-template-columns:1fr}}
@media (max-width:700px){.rp-kpis{grid-template-columns:1fr 1fr}.rp-jump{top:0;position:static}}
@media print{.rp-jump,.rp-weeks,.tabs{display:none!important}.rp-tile,.rp-sec .card{break-inside:avoid}}

.rp-dts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rp-dt{background:#f8fafc;border:1px solid var(--line2);border-radius:12px;padding:12px 14px}
.rp-dt label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--mute);text-transform:uppercase}.rp-dt .rp-bigrow b{font-size:22px;font-weight:800;color:#172a45}
.rp-dt small{display:block;font-size:11.5px;color:#334155;margin-top:2px}.rp-dt .slow{color:#b71c1c;font-weight:700}.rp-dt .fast{color:#2e7d32;font-weight:700}
@media (max-width:900px){.rp-dts{grid-template-columns:1fr}}
svg.ch,svg.sp{stroke:none;stroke-width:1}svg.ch text{stroke:none;font-family:inherit}svg.ch rect{stroke:none}svg.ch .gl{stroke:#e6ebf2}svg.ch .tg{stroke:#172a45}svg.sp circle{stroke:none}

/* Reports > Week performance: Why this week (22 Oct 2026) */
.rp-h3{font-size:13px;font-weight:800;color:var(--ink2);margin:6px 0 10px}.rp-sel{font-size:12.5px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.rp-why{margin:12px 0 6px}.rp-wtext{font-size:14px;line-height:1.55;color:#172a45;background:#f8fafc;border:1px solid var(--line2);border-left:4px solid #1E3A8A;border-radius:10px;padding:12px 14px;margin:0}
.rp-wbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:12px 0}
.rp-wb{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.rp-wb label{display:block;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--mute);text-transform:uppercase}
.rp-wb b{display:block;font-size:20px;font-weight:800;color:#172a45;margin:2px 0}.rp-wb small{display:block;font-size:11px;color:var(--mute)}.rp-wb span{font-size:11.5px;font-weight:800}
.rp-wb .up{color:#2e7d32}.rp-wb .dn{color:#b71c1c}.rp-wb .same{color:var(--mute);font-weight:600}
svg.ch a{cursor:pointer}svg.ch .bar.on rect{stroke:#172a45;stroke-width:2}svg.ch .bar.on circle{stroke:#172a45;stroke-width:2}svg.ch .av{fill:none;stroke:#0f172a;stroke-width:2;opacity:.75}svg.ch .axon{font-weight:800;fill:#172a45}
@media (max-width:1200px){.rp-wbs{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.rp-wbs{grid-template-columns:1fr 1fr}}

/* Why this week v2 (22 Oct 2026): verdict, waterfall, insight cards */
.rp-verdict{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:20px;margin:14px 0 10px;align-items:center}
.rp-vl label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.05em;color:var(--mute)}.rp-vl b{display:block;font-size:46px;line-height:1.05;font-weight:800;color:#172a45;margin:4px 0 8px;letter-spacing:-.02em}
.rp-vp{display:inline-block;font-size:12.5px;font-weight:800;padding:5px 12px;border-radius:999px}.rp-vp.low{background:#fadddb;color:#b71c1c}.rp-vp.high{background:#e2f0e5;color:#2e7d32}.rp-vp.same{background:#eef1f5;color:#475569}
.rp-vl small{display:block;font-size:11.5px;color:var(--mute);margin-top:8px}
.rp-vr svg.wf{width:100%;max-width:620px;height:auto}.rp-vr p.muted{margin:2px 0 0;font-size:11.5px}
svg.ch .vl.big{font-size:12px;font-weight:800;fill:#172a45}svg.ch .cn{stroke:#94a3b8;stroke-width:1;stroke-dasharray:3 3}
.rp-inss{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:8px 0 6px}
.rp-ins{background:#fff;border:1px solid var(--line);border-left:4px solid #94a3b8;border-radius:10px;padding:10px 12px}
.rp-ins label{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--mute)}.rp-ins b{display:block;font-size:14px;font-weight:800;color:#172a45;margin:2px 0}.rp-ins span{display:block;font-size:12px;color:#475569;line-height:1.4}
.rp-ins.bad{border-left-color:#c03c38}.rp-ins.good{border-left-color:#2e7d32}.rp-ins.info{border-left-color:#1e3a8a}.rp-ins.note{border-left-color:#f2b84b;background:#fffaf0}
@media (max-width:900px){.rp-verdict{grid-template-columns:1fr}}

.rp-verdict{grid-template-columns:minmax(200px,260px) minmax(0,460px);gap:28px;margin:10px 0 8px}.rp-vl b{font-size:38px;margin:2px 0 6px}
.rp-vr svg.wf{max-width:440px}.rp-vr p.muted{max-width:440px;font-size:11px}

/* Decision comments (22 Oct 2026) */
.rp-dh{margin:14px 0 8px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.rp-decs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:0 0 12px}
.rp-dec{background:#fff;border:1px solid var(--line);border-top:4px solid #1e3a8a;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:5px}
.rp-dec label{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--mute)}.rp-dec b{font-size:15px;font-weight:800;color:#172a45}
.rp-dec span{font-size:12.5px;color:#334155;line-height:1.45}.rp-dec em{font-style:normal;font-size:12.5px;color:#172a45;background:#f1f5f9;border-radius:8px;padding:7px 10px;line-height:1.4}
.rp-dec.bad{border-top-color:#c03c38}.rp-dec.good{border-top-color:#2e7d32}.rp-dec.info{border-top-color:#1e3a8a}
.rp-dec .rp-go{align-self:flex-start;font-size:12px;font-weight:700;margin-top:2px}

/* Accuracy strip (22 Oct 2026) */
.rp-tg{font-style:normal;font-size:9px;font-weight:700;letter-spacing:.03em;text-transform:none;color:#8a5a0b;background:#fdecc8;border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:1px}
.rp-acc{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}
.rp-acc summary{list-style:none;cursor:pointer;padding:10px 14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.rp-acc summary::-webkit-details-marker{display:none}
.rp-acc summary>span{font-size:12.5px;font-weight:800;color:#172a45}.rp-acc summary>span:after{content:' \25BE';color:var(--mute)}.rp-acc[open] summary>span:after{content:' \25B4'}
.rp-chs{display:flex;gap:6px;flex-wrap:wrap}.rp-ch{display:inline-flex;gap:6px;align-items:center;font-size:11px;border-radius:999px;padding:3px 10px;border:1px solid transparent}.rp-ch b{font-weight:800}
.rp-ch.ok{background:#e2f0e5;color:#2e7d32}.rp-ch.mid{background:#fdecc8;color:#8a5a0b}.rp-ch.none{background:#eef1f5;color:#64748b}
.rp-accb{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:4px 16px 14px}.rp-accb b{display:block;font-size:12px;color:#172a45;margin-bottom:3px}.rp-accb p{margin:0;font-size:12.5px;line-height:1.5;color:#334155}

/* Week by week table v2 (22 Oct 2026): grouped columns */
table.rp-wt{border-collapse:separate;border-spacing:0;width:100%;min-width:1060px}
table.rp-wt th,table.rp-wt td{padding:9px 10px;text-align:right;font-size:12.5px;border-bottom:1px solid var(--line2);vertical-align:middle;background:#fff}
table.rp-wt thead th{background:#f8fafc;color:#334155;font-weight:800;border-bottom:1px solid var(--line)}
table.rp-wt tr.rp-gh th{text-align:center;font-size:12px;color:#172a45;letter-spacing:.01em;padding-top:10px;border-bottom:1px solid var(--line2)}
table.rp-wt tr.rp-gh th small{display:block;font-size:10px;font-weight:600;color:var(--mute);margin-top:1px}
table.rp-wt tr.rp-ch2 th{font-size:10.5px;color:var(--mute);font-weight:700;letter-spacing:.02em;text-transform:uppercase}
table.rp-wt .gs{border-left:1px solid var(--line)}
table.rp-wt th.rp-w{text-align:left;min-width:96px;background:#fff}table.rp-wt thead th.rp-w{background:#f8fafc}
table.rp-wt th.rp-w small{display:block;font-weight:400;font-size:11px;color:var(--mute)}
table.rp-wt td b{display:block;font-size:13px;font-weight:800;color:#172a45}table.rp-wt td small{display:block;font-size:10.5px;font-weight:700;margin-top:1px;color:var(--mute)}
table.rp-wt tbody tr:hover td,table.rp-wt tbody tr:hover th.rp-w{background:#f8fafc}table.rp-wt tr.sel td,table.rp-wt tr.sel th.rp-w{background:#eef2fb}

.rp-accl{flex-basis:100%;font-style:normal;font-size:12px;color:#8a5a0b;background:#fffaf0;border:1px solid #f6e3b4;border-radius:8px;padding:6px 10px;line-height:1.4}

/* Welcome note on the Dashboard (22 Oct 2026) */
.notice{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#eef4ff,#f5f9ff);border:1px solid #cfe0fb;border-radius:14px;padding:14px 16px;margin:0 0 18px;position:relative}
.notice[hidden]{display:none}
.notice .ni{flex:none;width:34px;height:34px;border-radius:10px;background:#1e3a8a;color:#fff;display:flex;align-items:center;justify-content:center}.notice .ni svg{width:18px;height:18px}
.notice .nb{flex:1;min-width:0}.notice .nb b{display:block;font-size:14px;font-weight:800;color:#172a45}
.notice .nb p{margin:3px 0 8px;font-size:12.5px;line-height:1.5;color:#334155;max-width:900px}
.nchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.nchips em{font-style:normal;font-size:11.5px;font-weight:700;color:#475569;margin-right:2px}.nchips em.soon{margin-left:8px;color:#8a5a0b}
.nchips span{font-size:11.5px;font-weight:700;color:#1e3a8a;background:#fff;border:1px solid #cfe0fb;border-radius:999px;padding:2px 10px}
.notice .nx{position:absolute;top:8px;right:10px;border:0;background:none;font-size:22px;line-height:1;color:#64748b;cursor:pointer;padding:2px 6px;border-radius:6px}.notice .nx:hover{background:rgba(15,23,42,.08)}

/* Focus button nudge on the Planner (22 Oct 2026): pulses for a few seconds on the first visits, with a short explanation */
@keyframes focusPulse{0%{box-shadow:0 0 0 0 rgba(249,115,22,.65);background:#fff}50%{box-shadow:0 0 0 9px rgba(249,115,22,0);background:#fff1e6}100%{box-shadow:0 0 0 0 rgba(249,115,22,0);background:#fff}}
#focus.nudge{border-color:#f97316;color:#c2410c;animation:focusPulse 1.2s ease-out 11}
#focusTip{position:fixed;z-index:60;width:280px;background:#172a45;color:#fff;border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.45;box-shadow:0 10px 30px rgba(15,23,42,.3);cursor:pointer}
#focusTip b{display:block;font-size:13.5px;margin-bottom:3px}#focusTip i{font-style:normal;font-weight:800;color:#fdba74}#focusTip em{font-style:normal;font-weight:800;border:1px solid rgba(255,255,255,.4);border-radius:5px;padding:0 5px}
#focusTip:before{content:'';position:absolute;top:-6px;left:var(--ax,140px);margin-left:-6px;width:12px;height:12px;background:#172a45;transform:rotate(45deg)}
@media (prefers-reduced-motion:reduce){#focus.nudge{animation:none}}

/* Settings > Email (22 Oct 2026) */
ol.mailsteps{margin:12px 0 0;padding-left:20px;font-size:13px;line-height:1.55;color:#334155}ol.mailsteps li{margin:0 0 6px}

label.chk{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#475569;font-weight:400}label.chk input{width:auto}

/* hints under the labels on the Email form */
form.grid label>span.muted{display:block;font-weight:400;font-size:11px;margin:1px 0 4px}

/* Money > Owed > Email this (22 Oct 2026) */
details.mailbox{display:inline-block;position:relative}details.mailbox>summary{list-style:none;cursor:pointer}details.mailbox>summary::-webkit-details-marker{display:none}
form.mailpop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.18);padding:14px;display:flex;flex-direction:column;gap:8px}
form.mailpop label{font-size:12.5px;font-weight:700;color:#334155}form.mailpop label input[type=text],form.mailpop label input:not([type]){display:block;width:100%;margin-top:4px}

/* the Email this box, tidied (22 Oct 2026) */
form.mailpop{width:360px;gap:10px}form.mailpop .mp-note{margin:0;font-size:12px;line-height:1.45}
form.mailpop .mp-row{display:flex;flex-direction:column;gap:4px}form.mailpop .mp-row label{font-size:12px;font-weight:700;color:#334155}
form.mailpop select,form.mailpop input[type=email]{width:100%;margin:0;font-size:13px}
form.mailpop label.mp-chk{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;cursor:pointer}
form.mailpop label.mp-chk input{width:auto;margin:0;flex:none}
form.mailpop button.btn{width:100%;justify-content:center;margin-top:2px}

/* The week's record (22 Oct 2026) */
.rw-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px}.rw-tiles>div{background:#f8fafc;border:1px solid var(--line2);border-radius:10px;padding:10px 12px}
.rw-tiles label{display:block;font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--mute)}.rw-tiles b{display:block;font-size:20px;font-weight:800;color:#172a45;margin:2px 0}.rw-tiles small{display:block;font-size:11px;color:var(--mute)}
ul.rw-notes{margin:6px 0 0;padding-left:20px;font-size:13px;line-height:1.55;color:#172a45}.rw-none{margin:2px 0 0}
@media (max-width:900px){.rw-tiles{grid-template-columns:1fr 1fr}}

form.mailpop .mp-edit{font-size:11.5px;font-weight:700;margin-top:2px}

/* Settings > Email: who gets which email (22 Oct 2026) */
table.subtab{border-collapse:collapse;width:100%}table.subtab th,table.subtab td{padding:10px 12px;border-bottom:1px solid var(--line2);text-align:center;vertical-align:middle;font-size:13px}
table.subtab th:first-child,table.subtab td:first-child{text-align:left}table.subtab th:nth-child(2),table.subtab td:nth-child(2){text-align:left}
table.subtab thead th{font-size:11px;color:var(--mute);font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc}
table.subtab th .soon{display:block;font-size:9px;color:#8a5a0b;text-transform:none;font-weight:700}
table.subtab td b{display:block}table.subtab input[type=checkbox]{width:18px;height:18px;accent-color:var(--p2);cursor:pointer}
button.linkish{border:0;background:none;color:#b71c1c;font-weight:700;cursor:pointer;padding:0 0 0 6px}
form.subadd{margin-top:16px;padding-top:14px;border-top:1px solid var(--line2)}

/* Email this: pick people (22 Oct 2026) */
form.mailpop .mp-all{font-weight:400;font-size:11.5px;margin-left:6px}
form.mailpop .mp-people{max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px 10px;background:#fbfcfe}
form.mailpop label.mp-who{display:flex;flex-direction:row;align-items:center;gap:10px;padding:6px 0;font-weight:400;cursor:pointer;border-bottom:1px solid var(--line2)}form.mailpop label.mp-who:last-child{border-bottom:0}
form.mailpop label.mp-who input{width:auto;margin:0;flex:none}form.mailpop label.mp-who b{display:block;font-size:13px;color:#172a45}form.mailpop label.mp-who small{display:block;font-size:11px;color:var(--mute)}

form.mailpop .mp-people{max-height:150px}

label.rememail{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#475569;margin:2px 0 12px}.login label.rememail{margin:6px 0 16px}label.rememail input{width:auto;margin:0}

/* every checkbox and radio box: a small box, never stretched by the full-width input rule (22 Oct 2026) */
input[type=checkbox]:not([type=hidden]):not([type=file]),input[type=radio]:not([type=hidden]):not([type=file]){display:inline-block;width:16px;height:16px;padding:0;margin:0;flex:none;accent-color:var(--p2);cursor:pointer}

/* My appearance (22 Oct 2026) */
.user a.who{display:flex;align-items:center;gap:10px;margin:0;color:inherit;font-size:inherit;font-weight:inherit}.user a.who:hover{text-decoration:none}
.ap-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ap-head h2{font-size:22px;font-weight:800;margin:4px 0 0}
.ap-prev{min-width:150px;background:#f8fafc;border:1px solid var(--line2);border-radius:14px;padding:12px 16px;text-align:left}.ap-prev small{display:block;color:var(--mute);font-size:11px}.ap-prev b{display:block;font-size:22px;font-weight:800;margin:2px 0}.ap-prev span{font-size:11.5px;color:var(--mute)}.ap-prev i{display:block;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,var(--p1),var(--p2))}
.ops3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ops2{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:12px}
label.op{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;position:relative}
label.op input{position:absolute;opacity:0;width:0;height:0}label.op b{font-size:14px;font-weight:800;color:#172a45}label.op span{font-size:12px;color:var(--mute)}
label.op:has(input:checked){border-color:var(--p2);box-shadow:0 0 0 3px rgba(var(--p2rgb),.14);background:var(--tint)}
label.op.off{opacity:.55;cursor:not-allowed}label.op em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a5a0b;background:#fdecc8;border-radius:999px;padding:2px 8px;align-self:flex-start;margin-top:4px}
.swatches{display:flex;align-items:center;gap:12px;flex-wrap:wrap}label.sw{position:relative;display:block;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);padding:4px;cursor:pointer;background:#fff}
label.sw input{position:absolute;opacity:0;width:0;height:0}label.sw i{display:block;width:100%;height:100%;border-radius:50%}label.sw i.swc{display:grid;place-items:center;font-style:normal;font-size:20px;color:#64748b;background:conic-gradient(#ec4899,#f97316,#10b981,#0ea5e9,#7c3aed,#ec4899)}
label.sw:has(input:checked){border-color:var(--p2);box-shadow:0 0 0 3px rgba(var(--p2rgb),.25)}input.colorpick{width:52px;height:40px;padding:2px;cursor:pointer;display:inline-block}
.ap-actions{margin:14px 0 22px}button.ghost{background:#fff;color:#334155;border:1px solid var(--line);box-shadow:none}
@media (max-width:900px){.ops3{grid-template-columns:1fr}.ap-head{flex-direction:column}}
/* User menu (23 Oct 2026): click the name for Appearance and colour and Sign out */
details.umenu{position:relative}details.umenu>summary{list-style:none;cursor:pointer}details.umenu>summary::-webkit-details-marker{display:none}
details.umenu>summary.user:hover{border-color:var(--p2)}details.umenu .caret{font-size:10px;color:var(--mute);margin-left:2px}
details.umenu[open]>summary.user{border-color:var(--p2);box-shadow:0 0 0 3px rgba(var(--p2rgb),.14)}
.upop{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.16);padding:6px;z-index:60}
.upop .uhead{padding:10px 12px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.upop .uhead b{display:block;font-size:13.5px;color:#172a45}.upop .uhead small{font-size:11.5px;color:var(--mute);font-weight:600}
.upop a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:600;color:#334155;margin:0}
.upop a:hover{background:var(--tint);color:var(--p2d);text-decoration:none}.upop .ui{width:20px;text-align:center;color:var(--p2);font-size:15px}
/* Avatars (23 Oct 2026) */
.user .av.avimg{background:none;overflow:hidden;padding:0}.av.avimg svg{width:100%;height:100%;display:block}
.avgrid{display:flex;flex-wrap:wrap;gap:12px}
label.avo{position:relative;display:block;width:56px;height:56px;border-radius:14px;overflow:hidden;cursor:pointer;margin:0;padding:0;border:0;background:none}
label.avo input{position:absolute;opacity:0;width:0;height:0}label.avo svg{width:100%;height:100%;display:block}
label.avo.ini{display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#fb923c);color:#fff;font-weight:800;font-size:18px}
label.avo:has(input:checked){outline:3px solid var(--p2);outline-offset:2px}label.avo.hide{display:none}
.ap-me{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;color:#334155}.ap-me .av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#fb923c);color:#fff;font-weight:800;font-size:11px;overflow:hidden;flex:none}.ap-me .av.avimg{background:none}
form input.colorpick[type=color]{width:52px;height:40px;padding:2px;display:inline-block;cursor:pointer;border-radius:10px}
/* Notes and issues typed on the web (23 Oct 2026) */
details.wl{margin:12px 0 4px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff}details.wl>summary{cursor:pointer;list-style:none;font-size:13px}details.wl>summary::-webkit-details-marker{display:none}
form.wlform{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}form.wlform label.wide{grid-column:span 2}
@media (max-width:700px){form.wlform label.wide{grid-column:auto}}
/* The review window before an email goes (23 Oct 2026) */
.sendboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sendbox{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:#fff}.sendbox b{font-size:14px;color:#172a45}
@media (max-width:800px){.sendboxes{grid-template-columns:1fr}}
dialog.msdlg{border:0;border-radius:18px;padding:0;width:min(1000px,95vw);max-height:92vh;box-shadow:0 30px 80px rgba(15,23,42,.38);background:#fff;color:#172a45}dialog.msdlg::backdrop{background:rgba(15,23,42,.55)}
.msd-box{display:flex;flex-direction:column;max-height:92vh}.msd-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 24px 12px;border-bottom:1px solid var(--line)}.msd-head h2{margin:2px 0 0;font-size:20px;font-weight:800}
.msd-x{font-size:26px;line-height:1;color:var(--mute);text-decoration:none;padding:0 6px}.msd-x:hover{color:#172a45;text-decoration:none}
.msd-body{padding:16px 24px;overflow:auto;flex:1}.msd-to h4{margin:0 0 8px;font-size:13px}.msd-whos{display:flex;flex-wrap:wrap;gap:8px}
.msd-who{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:8px 12px;min-width:200px;background:var(--tint)}.msd-who b{font-size:13px}.msd-who span{font-size:11.5px;color:var(--mute)}.msd-who em{font-style:normal;font-size:10.5px;color:var(--p2d);font-weight:700}
.msd-sub{margin:14px 0 8px;font-size:13px}.msd-prev{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;overflow:auto}
.msd-foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;border-top:1px solid var(--line);background:#f8fafc;border-radius:0 0 18px 18px}
/* Holidays page (23 Oct 2026) */
.hl-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.hl-sp{flex:1}
.hl-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table.hl{border-collapse:separate;border-spacing:0;font-size:11.5px;width:100%}
table.hl th,table.hl td{padding:0;border-bottom:1px solid #eef2f7}table.hl th.hl-n{position:sticky;left:0;background:#fff;text-align:left;padding:5px 10px;min-width:150px;font-weight:700;color:#172a45;z-index:2;border-right:1px solid var(--line)}
table.hl thead th{background:#f8fafc;color:var(--mute);font-size:10px;font-weight:700;text-align:center;padding:4px 0}table.hl th.hl-wk{border-left:2px solid #e2e8f0;padding:5px 0}table.hl th.hl-wk small{font-weight:500;margin-left:4px}
table.hl th.hl-d{width:26px;min-width:26px}table.hl td.hl-c{width:26px;min-width:26px;height:24px;border-left:1px solid #f1f5f9}
.hl-co{background:#eef2f7!important}.hl-today{box-shadow:inset 0 0 0 1px var(--p2)}
table.hl tr.hl-dept td{background:var(--tint);color:var(--p2d);font-weight:800;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px}
td.k-hol,i.k-hol{background:#60a5fa}td.k-hol_other,i.k-hol_other{background:#bfdbfe}td.k-unpaid,i.k-unpaid{background:#cbd5e1}td.k-sick,i.k-sick{background:#f87171}td.k-sick_other,i.k-sick_other{background:#fecaca}td.k-off,i.k-off{background:#fcd34d}td.k-other,i.k-other{background:#e2e8f0}
.hl-leg{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0 0;font-size:11.5px;color:var(--mute)}.hl-leg span{display:flex;align-items:center;gap:6px}i.hl-sw{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid rgba(15,23,42,.1)}
.msd-parts{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 14px;background:#f8fafc}.msd-parts h4{margin:0 0 8px;font-size:13px}.msd-pbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:4px 16px}
label.msd-p{display:flex;align-items:center;gap:7px;font-size:12.5px;margin:0;font-weight:500}label.msd-p input{width:auto;margin:0}.msd-pact{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
/* the Hub's own table spacing must not leak into the email preview: every cell of the email sets its own padding and border */
.msd-prev table,.msd-prev td,.msd-prev th{margin:0}.msd-prev td,.msd-prev th{padding:0;border:0;font-size:inherit}
/* Holidays page (23 Oct 2026): month, team and list, cover check */
.hp-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.hp-chips div{background:#f6f8fb;border-radius:12px;padding:10px 14px}.hp-chips small{display:block;font-size:11.5px;color:var(--mute)}.hp-chips b{font-size:22px;font-weight:800;color:#172a45}
.hp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.hp-sp{flex:1}.hp-t{font-size:15px;font-weight:800;min-width:128px;text-align:center}
.hp-seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.hp-seg a{padding:6px 14px;font-size:12.5px;font-weight:700;color:#334155;text-decoration:none}.hp-seg a.on{background:var(--tint);color:var(--p2d)}.hp-seg a:hover{text-decoration:none;background:#f1f5f9}
select.hp-dep{width:auto;padding:6px 10px;font-size:12.5px}
details.hp-ol{position:relative}details.hp-ol>summary{list-style:none;cursor:pointer}details.hp-ol>summary::-webkit-details-marker{display:none}
.hp-pop{position:absolute;right:0;top:calc(100% + 6px);width:360px;max-width:88vw;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16);padding:12px 14px;z-index:30;font-size:12.5px}.hp-pop code{display:block;margin:6px 0;padding:6px 8px;background:#f6f8fb;border-radius:8px;font-size:11.5px;word-break:break-all}.hp-pop p{margin:4px 0}
.hp-mon{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.hp-mon>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:68px;padding:4px 5px;font-size:12px}
.hp-mon .hp-h{min-height:0;background:#f6f8fb;color:var(--mute);text-align:center;padding:5px 0;font-weight:700;font-size:11px}.hp-mon .o{background:#f8fafc;color:#94a3b8}.hp-mon .w{background:#f8fafc}.hp-mon .co{background:#eef2f7}.hp-mon .t{outline:2px solid var(--p2);outline-offset:-2px}
.hp-n{display:block;margin-bottom:3px;color:var(--mute);font-size:11.5px}.hp-m{font-size:11px;color:var(--mute)}
.hp-c{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:10.5px;font-weight:800;margin:0 2px 2px 0;vertical-align:middle}
i.hp-c{width:12px;height:12px;margin:0 4px 0 0}.hp-c.J{background:#dbeafe;color:#1e40af}.hp-c.P{background:#ffedd5;color:#9a3412}.hp-c.G{background:#ccfbf1;color:#115e59}.hp-c.F{background:#ede9fe;color:#5b21b6}
.hp-c.off{background:transparent!important;border:1.5px dashed #94a3b8;color:#475569}
.hp-leg{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 0;font-size:11.5px;color:var(--mute)}.hp-leg span{display:inline-flex;align-items:center}.hp-sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;border:1px solid #cbd5e1}.hp-sw.co{background:#eef2f7}
.hp-team{display:grid;grid-template-columns:150px repeat(20,minmax(0,1fr));font-size:12px;border-top:1px solid var(--line);overflow:auto}.hp-team>div{border-bottom:1px solid #eef2f7;min-height:24px;display:flex;align-items:center}
.hp-team .hp-name{padding-left:8px;font-weight:700;color:#172a45}.hp-team .hp-wk{justify-content:center;background:#f6f8fb;color:#475569;font-weight:700;font-size:11px;border-left:1px solid var(--line)}.hp-team .hp-wk small{margin-left:5px;font-weight:500;color:var(--mute)}
.hp-team .hp-hd{justify-content:center;color:var(--mute);font-size:10.5px;border-left:1px solid #eef2f7}.hp-team .hp-g{grid-column:1/-1;background:var(--tint);color:var(--p2d);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding-left:8px;min-height:22px}
.hp-team .hp-x{border-left:1px solid #f1f5f9}.hp-team .hp-x.co,.hp-team .hp-hd.co{background:#eef2f7}.hp-team .hp-x.t,.hp-team .hp-hd.t{box-shadow:inset 0 0 0 1px var(--p2)}
.hp-team .hp-x.J{background:#93c5fd}.hp-team .hp-x.P{background:#fdba74}.hp-team .hp-x.G{background:#5eead4}.hp-team .hp-x.F{background:#c4b5fd}.hp-team .hp-x.off{background:repeating-linear-gradient(45deg,#fff 0,#fff 3px,#cbd5e1 3px,#cbd5e1 4px)!important}.hp-none{grid-column:1/-1;padding:16px;color:var(--mute)}
.hp-list .hp-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid #eef2f7;font-size:13px}.hp-list .hp-d{width:96px;color:var(--mute)}.hp-list .hp-who{flex:1}
.hp-cvs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hp-cv{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.hp-cv b{font-size:13.5px}.hp-cv small{display:block;font-size:11.5px;color:var(--mute)}
.hp-tr{height:6px;border-radius:3px;background:#eef2f7;margin:7px 0 5px;overflow:hidden}.hp-tr i{display:block;height:6px}.hp-tr i.ok{background:#16a34a}.hp-tr i.warn{background:#d97706}.hp-tr i.bad{background:#dc2626}
details.hp-det{border-top:1px solid var(--line);padding:10px 0}details.hp-det>summary{cursor:pointer;font-weight:700;font-size:13px}details.hp-det>summary .muted{font-weight:400;margin-left:8px}
@media (max-width:800px){.hp-cvs{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-chips{grid-template-columns:1fr}}
@media print{.hp-bar,.hp-pop,nav.main,.top{display:none!important}}
/* Ready to complete on the Production meeting: one collapsed line, never in the way of the rows (23 Oct 2026) */
details.rc-det{background:#fff;border:1px solid var(--line);border-radius:12px;margin:0 0 10px;padding:0}details.rc-det>summary{cursor:pointer;list-style:none;padding:9px 14px;font-size:12.5px;display:flex;align-items:center;gap:10px}
details.rc-det>summary::-webkit-details-marker{display:none}details.rc-det>summary::before{content:'B8';color:var(--mute);font-size:11px}details.rc-det[open]>summary::before{content:'BE'}
.rc-n{background:var(--tint);color:var(--p2d);border-radius:999px;padding:1px 9px;font-weight:800;font-size:11.5px}.rc-body{padding:2px 16px 14px}
.rc-body{padding:4px 14px 10px!important}.rc-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 18px}.rc-h{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#475569;padding:4px 0 3px;border-bottom:1px solid var(--line)}
.rc-h i{width:8px;height:8px;border-radius:50%;display:inline-block}.rc-h span{margin-left:auto;font-weight:700;color:var(--mute)}
.rc-r{display:flex;align-items:baseline;gap:6px;font-size:11.5px;line-height:1.35;padding:2px 0;white-space:nowrap}.rc-r b{font-weight:800;color:#172a45}.rc-r span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#475569}.rc-r em{font-style:normal;color:var(--mute);font-size:11px}
.rc-note{margin:8px 0 0;font-size:11px;color:var(--mute)}@media (max-width:1100px){.rc-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the stage window's People tab (23 Oct 2026) */
#sp.spwide{width:min(560px,94vw)}.sptabs a{cursor:pointer}
/* Production meeting: the green boxes stay next to the job name (23 Oct 2026). Pure CSS: the left block is made as wide as the whole row (its extra width lies under the calendar)
   so that position: sticky has the whole row to move in; the calendar paints over the empty part. */
.bgrid.meetfz .brw>.bcell{overflow:visible;width:calc(var(--lw) + var(--cw));margin-right:calc(-1 * var(--cw))}
.bgrid.meetfz .setgrp.s-progress{position:sticky;left:330px;z-index:2;box-shadow:10px 0 10px -8px rgba(15,23,42,.30)}
.bgrid.meetfz .brw.meetrow>.bcell.meetcell{display:flex;align-items:flex-start;gap:0;padding:0}
.bgrid.meetfz .brw.meetrow .mt{position:sticky;top:auto;left:calc(330px + var(--o,0px));flex:none;margin-top:6px;z-index:2}
.bgrid.meetfz.fzoff .setgrp.s-progress{position:relative;left:auto;box-shadow:none}
.bgrid.meetfz.fzoff .brw.meetrow .mt{position:relative;left:auto}
label.mfz{display:inline-flex;align-items:center;gap:6px;margin:0 6px 0 12px;color:#fff;font-size:12px;font-weight:700;cursor:pointer}label.mfz input{width:auto;margin:0}
/* Production meeting: the header's wide left block lay over the calendar header and hid the days and week row (23 Oct 2026): see-through, and clicks pass to the calendar header */
.bgrid.meetfz .brw.bhead>.bcell{background:transparent;pointer-events:none}
.bgrid.meetfz .brw.bhead>.bcell .setgrp{pointer-events:auto}
/* Production meeting: the frozen boxes lie over the today line and the company-day bands, so the calendar no longer shows through them (23 Oct 2026) */
.bgrid.meetfz .setgrp.s-progress{z-index:3}
.bgrid.meetfz .brw.meetrow .mt{z-index:3}
.bgrid.meetfz.fzoff .setgrp.s-progress{z-index:auto}
/* The pop-out windows are wider and so shorter (23 Oct 2026): the dates window 560, the people windows 820 with two columns; a hidden fitters list stays hidden */
.spfit[hidden]{display:none}
#sp{width:min(560px,94vw)}
#sp.spwide,.apanel{width:min(820px,94vw)}
#sp .aplist,.apanel .aplist{display:grid;grid-template-columns:1fr 1fr;max-height:58vh}
#sp .aplist .aprow:nth-child(odd),.apanel .aplist .aprow:nth-child(odd){border-right:1px solid var(--line2)}
#sp .aplist>p,.apanel .aplist>p{grid-column:1/-1}
@media (max-width:760px){#sp .aplist,.apanel .aplist{grid-template-columns:1fr}#sp .aplist .aprow:nth-child(odd),.apanel .aplist .aprow:nth-child(odd){border-right:0}}
/* the labour choice in the stage window: wide enough to read what is picked (23 Oct 2026) */
#sp #sp-loadrow{grid-template-columns:1.8fr 1fr}#sp #sp-loadrow select{width:100%;text-overflow:ellipsis}
/* the extras ticked for an install (23 Oct 2026) */
#sp .spxt{margin:4px 0 8px}#sp .spxt .xtl{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px}#sp .spxt .xtl label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;margin:0;white-space:nowrap}#sp .spxt .xtl input{width:auto;margin:0}
/* the icons for what an install needs (23 Oct 2026): at the start of the bar, and on the Install board in a row just under it */
.xis{margin-right:3px;white-space:nowrap}.xi{font-style:normal;font-size:10px;line-height:1;margin-right:1px;vertical-align:middle}
.xrow{position:absolute;height:12px;display:flex;gap:2px;z-index:2;pointer-events:auto}.xrow .xi{font-size:11px;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:0 2px;line-height:12px;margin:0}
.byc{margin-left:6px}
.bar.sel{outline:2px solid #1d4ed8;outline-offset:1px;z-index:6}.bar .rz{position:absolute;top:0;bottom:0;width:9px;background:rgba(29,78,216,.85);color:#fff;font-style:normal;font-size:10px;line-height:inherit;text-align:center;cursor:ew-resize;z-index:7}
.bar .rz.l{left:-1px;border-radius:4px 0 0 4px}.bar .rz.r{right:-1px;border-radius:0 4px 4px 0}
.brw.dropok{outline:2px dashed #16a34a;outline-offset:-2px;background:#f0fdf4}.bkghost{position:fixed;z-index:80;pointer-events:none;opacity:.85;border:1px solid #b45309;background:#fff;color:#b45309;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;box-shadow:0 6px 16px rgba(15,23,42,.25)}
.bktip{position:fixed;z-index:81;pointer-events:none;background:#0f172a;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}
.bktoast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:90;background:#0f172a;color:#fff;font-size:12.5px;padding:9px 14px;border-radius:10px;box-shadow:0 10px 26px rgba(15,23,42,.35);display:flex;gap:14px;align-items:center}.bktoast button{background:transparent;color:#93c5fd;border:0;font-weight:800;cursor:pointer;padding:0}
.crewpicks{display:flex;flex-wrap:wrap;gap:6px 16px}.crewpick{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;margin:0;white-space:nowrap}.crewpick input{width:auto;margin:0}
/* the question for a project made in the factory (23 Oct 2026) */
.madebar{margin:0 0 10px;padding:9px 14px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;font-size:12.5px}.madebar>div:first-child{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.madelist{display:flex;flex-direction:column;gap:5px;margin-top:7px}.madeit{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.madeit b{min-width:56px}.madeall summary{cursor:pointer;color:#1d4ed8;font-weight:700;margin-top:4px}.madeall .madeit{margin-top:5px}
/* the Hub's own question window (23 Oct 2026) */
.msdlg-bg{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.38);display:flex;align-items:center;justify-content:center;padding:16px}
.msdlg{background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.35);padding:20px 22px;width:min(440px,94vw);border-top:5px solid #1d4ed8}
.msdlg b{display:block;font-size:15px;font-weight:800;color:#0f172a;margin:0 0 6px}.msdlg p{margin:0 0 16px;font-size:13px;line-height:1.45;color:#334155;white-space:pre-line}
.msdlg-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
/* the crews in the Install window: shaded so they stand out from the window (23 Oct 2026) */
#sp-crews{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 9px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px}
#sp-crews .fitc{background:#fff;border:1px solid #6366f1;color:#312e81;font-weight:700;box-shadow:0 1px 0 rgba(49,46,129,.15)}#sp-crews .fitc:hover{background:#6366f1;color:#fff}
/* the shadow of where an install will land while it is dragged (23 Oct 2026) */
.bkshadow{position:absolute;box-sizing:border-box;border:2px dashed #16a34a;background:rgba(34,197,94,.24);border-radius:6px;z-index:8;pointer-events:none;color:#166534;font-size:10px;font-weight:800;line-height:14px;padding:0 5px;white-space:nowrap;overflow:hidden}
/* the Install window is wider so the fitters, crews and extras take fewer lines and it fits the screen (23 Oct 2026) */
#sp.spinst{width:min(820px,96vw)}
#sp.spinst .spfit{gap:6px 8px}
#sp.spinst .spxt .xtl{gap:4px 18px}
#sp.spinst>form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:14px;align-items:start}
#sp.spinst>form>*{grid-column:1/-1}
#sp.spinst>form>label:has(input[name=start]){grid-column:span 2}
#sp.spinst>form>#sp-installrow{grid-column:span 4}
#sp.spinst .spbtns{margin-top:6px}
/* the Install window: tighter fitter chips, and Save and Cancel stay in view while the rest scrolls */
#sp.spinst .spfit .fitc{padding:3px 8px;font-size:10.5px}
#sp.spinst .spfit{gap:5px 6px}
#sp.spinst .spbtns{position:sticky;bottom:-14px;background:#fff;margin:6px -16px -14px;padding:10px 16px;border-top:1px solid var(--line);z-index:6}
#sp.spinst .sphead{position:sticky;top:-14px;background:#fff;margin:-14px -16px 0;padding:12px 16px 6px;z-index:6}
/* Confirmed is only Yes or No: a narrow box, and the note gets the room (23 Oct 2026) */
#sp #sp-confrow{grid-template-columns:104px 1fr}
/* the People form inside the window stays hidden until its tab is chosen (the Install layout rule above had shown it) */
#sp.spinst>form[hidden]{display:none}
/* the right-click menu on an install or a project (23 Oct 2026) */
.ctxm{position:fixed;z-index:120;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.28);padding:6px;font-size:12.5px}
.ctxm b{display:block;padding:6px 10px 4px;font-size:11px;color:var(--mute);letter-spacing:.04em;text-transform:uppercase}
.ctxm a{display:block;padding:7px 10px;border-radius:8px;color:#0f172a;text-decoration:none;font-weight:600}.ctxm a:hover{background:#eff6ff;color:#1d4ed8;text-decoration:none}
.ctxm a.off{color:#94a3b8;cursor:default}.ctxm a.off:hover{background:transparent;color:#94a3b8}.ctxm a small{display:block;font-weight:500;font-size:10.5px;color:#94a3b8}
.ctxm i{display:block;height:1px;background:var(--line2);margin:4px 6px}
/* service visits look as they do on Excel's Install tab: the job cell pale blue, the name blue and bold; their bars blue (23 Oct 2026) */
.brw>.pin.s-svc .col.c0,.brw:nth-child(even)>.pin.s-svc .col.c0{background:#B7DEE8;border-radius:6px;padding:1px 4px}
.brw>.pin.s-svc .nm,.brw>.pin.s-svc .nm i,.brw>.pin.s-svc a.job{color:#0070C0!important;font-weight:800}
.bar.main.svc{background:#7cc4dc!important;color:#073b4c!important}

/* Orders, 23 Oct 2026: a line being changed in the row must not push the last columns out of the card */
table.orders tr.editing td[data-f] .ri[type=date]{width:96px}table.orders tr.editing td[data-f] .ri[type=number]{width:50px}table.orders tr.editing td[data-f] select.ri{width:68px}
table.orders tr.editing td[data-f="supplier"] .ri{width:78px}table.orders tr.editing td[data-f="order_number"] .ri{width:78px}
table.orders tr.editing td[data-f="notes"]>*{display:none}table.orders tr.editing td{padding-left:3px;padding-right:3px}
table.orders tr.editing .proj{max-width:90px}table.orders tr.editing .sub2{white-space:normal}

/* Orders, 23 Oct 2026: Save and Cancel replace Edit in the left cell, Delete line sits far right, Deleted orders bin */
table.orders tr.editing td:first-child{vertical-align:top;padding-top:8px}table.orders tr.editing td:first-child .btn{display:block;width:100%;margin:0 0 4px}
table.orders tr.ordx .btn.danger{float:right!important;margin:0 0 0 14px!important}
.delbin{margin:14px 0 0}.delbin summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--mute)}.delbin table{margin-top:8px}
p.okmsg .btn{margin-left:10px}

/* Orders: the second line stays as wide as the visible card (sticky), so Delete line is always in view; the left cell stays narrow */
table.orders tr.ordx td>div.ordxin{display:block!important;margin:0!important}
table.orders tr.editing td:first-child{width:54px;min-width:0;padding-left:3px;padding-right:3px}table.orders tr.editing td:first-child .btn{padding:3px 4px;font-size:11px}
table.orders tr.editing td[data-f] .ri[type=date]{width:92px}

/* Orders: no column movement when a line is opened for editing (widths are frozen at the first Edit; the Edit column is wide enough for Save and Cancel) */
table.orders thead th:first-child{width:58px}
table.orders[data-frozen] td,table.orders[data-frozen] th{overflow:hidden}
table.orders[data-frozen] tr.editing td[data-f] .ri{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box;padding-left:3px;padding-right:3px;font-size:11px}
table.orders[data-frozen] tr.ordx td{overflow:visible}

/* Orders > Checks: three cards instead of a table */
.chkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 10px}
.chk{display:flex;gap:12px;background:#fff;border:1px solid #dfe5ee;border-left:4px solid #94a3b8;border-radius:10px;padding:12px 14px;min-width:0}
.chk.red{border-left-color:#dc2626}.chk.amber{border-left-color:#d97706}.chk.blue{border-left-color:var(--p2)}.chk.zero{border-left-color:#16a34a}
.chk .chkn{font-size:28px;font-weight:800;line-height:1;color:#1b2a4a;min-width:44px}.chk.red .chkn{color:#b91c1c}.chk.amber .chkn{color:#b45309}.chk.zero .chkn{color:#15803d}
.chk .chkb{min-width:0;flex:1}.chk h3{margin:0 0 2px;font-size:13px;font-weight:800;color:#1b2a4a}.chk p.muted{margin:0 0 8px;font-size:12px}
.chips2{display:flex;flex-wrap:wrap;gap:5px}.chip2{background:#eef2ff;border:1px solid #dfe5ee;border-radius:999px;padding:2px 9px;font-size:11px;color:#1b2a4a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chk details{margin-top:6px}.chk summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--mute)}.chk details .chips2{margin-top:6px}
.chkok{margin:0;font-size:12px;font-weight:700;color:#15803d}
@media(max-width:1100px){.chkgrid{grid-template-columns:minmax(0,1fr)}}

/* Orders: compact Checks above the filters, Type box wide enough in the edit row */
.chkcard{padding:10px 14px!important;margin-bottom:12px}.chkhead{margin:0 0 8px;font-size:12px}.chkhead b{font-size:13px;color:#1b2a4a}
.chkcard .chkgrid{margin:0;gap:10px}.chkcard .chk{padding:8px 12px;gap:10px;align-items:flex-start}.chkcard .chk .chkn{font-size:22px;min-width:34px}
.chkcard .chk h3{font-size:12px;margin:0 0 4px}.chkcard .chips2{gap:4px}.chkcard .chk details{margin-top:4px}
table.orders[data-frozen] tr.editing td[data-f="type"] .ri{padding-left:2px;padding-right:14px}

/* Orders: the Job column no longer stretches (its small line wraps), so the Project name sits next to the job number and shows more */
table.orders td:nth-child(-n+2) .sub2{white-space:normal;max-width:120px}
table.orders td span.proj:not(.notes){max-width:240px}
@media(max-width:1500px){table.orders td span.proj:not(.notes){max-width:190px}}
.msdlg-f{display:block;margin:0 0 10px;font-size:11.5px;font-weight:700;color:#475569}.msdlg-f input{display:block;width:100%;margin-top:4px;font-size:14px}

/* Orders: Waiting to record strip */
.waiting .wrow{display:grid;grid-template-columns:90px minmax(120px,1fr) minmax(0,2fr) 110px 56px;gap:10px;align-items:center;padding:6px 0;border-top:1px solid #eef1f6;font-size:12px}
.waiting .wrow:first-of-type{border-top:0}.waiting .wrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting details summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--mute);padding-top:6px}
@media(max-width:900px){.waiting .wrow{grid-template-columns:80px 1fr 56px}.waiting .wrow span:nth-of-type(n+2):nth-of-type(-n+3){display:none}}

/* Orders: "+N more" turns into "Show fewer" once opened */
.waiting details>summary .sf,.chk details>summary .sf{display:none}.waiting details[open]>summary .sn,.chk details[open]>summary .sn{display:none}.waiting details[open]>summary .sf,.chk details[open]>summary .sf{display:inline}
.waiting .wless{margin:6px 0 0;font-size:11px;font-weight:700}

/* Goods in: compact cards, two or three to a row */
.gi-chips{margin:0 0 12px}.gi-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px;align-items:start}
.gi-card{background:#fff;border:1px solid #dfe5ee;border-left:4px solid var(--p2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.gi-card.gi-ok{border-left-color:#16a34a;background:#f0fdf4}.gi-card.gi-back{border-left-color:#d97706}
.gi-h{display:flex;justify-content:space-between;gap:8px;font-size:13px}.gi-h span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gi-late{color:#b91c1c;font-weight:700;white-space:nowrap}
.gi-card .muted{font-size:12px;margin:0}.gi-prob-line{font-size:12px;font-weight:700;color:#b45309}
.gi-a,.gi-p{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px}.gi-p[hidden]{display:none!important}
.gi-card .btn{height:38px;padding:0 12px;font-size:13px;margin:0}
.gi-card input,.gi-card select{width:auto!important;height:38px;font-size:13px;box-sizing:border-box;padding:0 6px;margin:0;display:inline-block}
.gi-card .gi-n,.gi-card .gi-b{width:64px!important}.gi-card .gi-r{width:120px!important}.gi-card .gi-d{width:128px!important}
.gi-msg.bad{color:#b91c1c;font-weight:700}.gi-msg:empty{display:none}
.gi-fitd{font-size:12px;font-weight:700;color:#475569;white-space:nowrap}.gi-card .gi-info{font-size:11.5px}.gi-card .gi-others{font-size:11.5px;color:#1e3a8a;background:#eef2ff;border-radius:6px;padding:3px 7px;margin:4px 0 2px}   /* Goods in: fitted, who ordered, the job's other orders (4 Nov 2026) */
.gi-on{display:flex;align-items:center;gap:6px;margin:6px 0 2px;font-size:11.5px;font-weight:600;color:var(--mute)}.gi-on .gi-day{width:auto;height:28px;padding:0 6px;font-size:12px;border:1px solid var(--line);border-radius:6px}   /* Goods in: the day it arrived or was fitted (4 Nov 2026) */

/* Goods in: buttons level, units box readable, quality check line */
.gi-card .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1;height:38px;box-sizing:border-box}
.gi-card .btn.danger{border:1px solid #fecaca}
.gi-card .gi-n,.gi-card .gi-b{width:84px!important}
.gi-qc{font-size:12px;color:#92400e;font-weight:600}.gi-qc.ok{color:#15803d}
.gi-card.gi-check{border-left-color:#0d9488}

/* Goods in board: columns left to right */
.gi-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}
.gi-board.one .gi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.gi-col{background:#f4f6fb;border-radius:12px;padding:10px;min-width:0}
.gi-ch{font-size:13px;font-weight:800;color:#1b2a4a;margin:0 0 8px;display:flex;justify-content:space-between}.gi-ch span{background:#fff;border-radius:999px;padding:0 9px;font-size:12px}
.gi-cards{display:flex;flex-direction:column;gap:8px}.gi-cards .gi-card{margin:0}
.gi-empty{margin:6px 2px;font-size:12px}
.gi-card.gi-done{background:#f8fafc}.gi-card.gi-done .gi-h{opacity:.85}
.gi-flag{font-size:12px;font-weight:700;color:#b91c1c}.gi-card.gi-flagged{border-left-color:#dc2626}

/* Goods in: the same two rows on every card (arrive or fix on top, Quality checked and Problem under), suggestion text */
.gi-a{flex-wrap:nowrap}.gi-a2{margin-top:0}
.gi-a .btn,.gi-a2 .btn{padding:0 10px;white-space:nowrap}.gi-a .gi-n{width:60px!important}
.gi-sugg{font-size:12px;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:6px 8px}
.gi-a a.btn{text-decoration:none}

/* Goods in: every button of a card in one row (the units box takes the spare width); fix cards may wrap */
.gi-a{display:flex;flex-wrap:nowrap;gap:4px;align-items:center}.gi-a.wrap{flex-wrap:wrap}
.gi-card .gi-a .btn{height:34px;padding:0 8px;font-size:12.5px;flex:none}
.gi-card .gi-a .gi-n{flex:1 1 36px;min-width:34px;width:auto!important;height:34px;padding:0 4px}

/* Add or update from Integrate: compact, the changes stand out */
.inttbl{font-size:12px}.inttbl th,.inttbl td{padding:4px 8px!important;line-height:1.25}.inttbl th{font-size:10.5px}
.inttbl tr.chg td{background:#fffbeb}.inttbl tr.chg td.was{color:#94a3b8;text-decoration:line-through}.inttbl tr.chg td.now{color:#166534;font-weight:700}
.inttbl tr.same td{color:#64748b}.inttbl input[type=checkbox]{margin:0}
.intlead{font-size:12.5px;margin:0 0 8px}
main.page .pagehead h1{margin-bottom:2px}

.intcompact .pagehead{margin:0 0 6px}.intcompact .pagehead h1{font-size:20px}.intcompact .pagehead .sub{margin:2px 0 0;font-size:12px}
.intcompact .card{padding:10px 14px!important;margin-bottom:10px!important}.intcompact .cardhead{margin-bottom:6px}.intcompact .cardhead h2{font-size:14px}
.intcompact .rowform{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.intcompact .rowform input{height:34px}.intcompact .rowform .btn{height:34px}
.intcompact h4.subhead{margin:10px 0 4px;font-size:12px}.intcompact .spbtns{margin:8px 0 0}.intcompact .spbtns .btn,.intcompact .spbtns button{height:32px;padding:0 14px}
.intcompact .okc{color:#166534;font-weight:700}.intcompact .badc{color:#b91c1c;font-weight:700}
.intcompact .inttbl td,.intcompact .inttbl th{padding:3px 8px!important}.intcompact .muted{font-size:11.5px}

/* Settings > Wall screens */
.wallurl{width:100%;box-sizing:border-box;height:34px;font:12px ui-monospace,Consolas,monospace;padding:0 8px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#1b2a4a}

/* 24 Oct 2026: the Add or update buttons sit on one line, level, with room between them */
.intcompact .spbtns{display:flex;align-items:center;gap:14px;margin:12px 0 0}
.intcompact .spbtns .btn,.intcompact .spbtns button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 18px;margin:0;box-sizing:border-box}
.intcompact .spbtns button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* Dashboard: Off today */
.offcard{padding:10px 14px!important}.offrow{display:grid;grid-template-columns:70px 80px 1fr;gap:8px;align-items:center;padding:4px 0;border-top:1px solid #eef1f6;font-size:12.5px}.offrow:first-of-type{border-top:0}
.offnames{display:flex;flex-wrap:wrap;gap:4px}

/* Wall: Team tab */
.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:6px}
.tm-card{background:#fff;border:1px solid #dfe5ee;border-radius:14px;padding:18px 22px}.tm-wide{grid-column:1/-1}
.tm-l{font-size:15px;font-weight:700;color:#475569}.tm-v{font-size:56px;font-weight:800;color:#1b2a4a;line-height:1.1;margin:6px 0}.tm-v small{font-size:22px;font-weight:600;color:#64748b}
.tm-s{font-size:14px;color:#64748b}.tm-chip{display:inline-block;background:#eef2ff;border-radius:999px;padding:2px 10px;margin:2px 4px 2px 0;font-size:13px;color:#1b2a4a}
.tm-row{display:grid;grid-template-columns:150px 1fr 60px;gap:14px;align-items:center;margin:12px 0;font-size:20px;font-weight:700;color:#1b2a4a}
.tm-bar{height:22px;border-radius:11px;background:#eef1f6;overflow:hidden}.tm-bar i{display:block;height:100%;border-radius:11px}

/* Dashboard: compact Needs attention, absence card */
.attcard{padding:8px 12px!important;margin-bottom:12px}.attcard .attlist{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px}
.attcard .att{padding:6px 10px;gap:8px;align-items:center}.attcard .att i{flex:none}.attcard .att div{min-width:0}.attcard .att b{font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attcard .att span{font-size:11.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attmore{margin-top:6px}.attmore summary{cursor:pointer;font-size:11px;font-weight:700;color:var(--mute)}.attmore .attlist{margin-top:6px}
.attmore>summary .sf{display:none}.attmore[open]>summary .sn{display:none}.attmore[open]>summary .sf{display:inline}
.skcard{padding:8px 12px!important;margin-bottom:12px}.sk-row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.sk-t{background:#f8fafc;border:1px solid #e5e9f2;border-radius:10px;padding:6px 14px;min-width:130px;display:flex;flex-direction:column}.sk-t span{font-size:11px;font-weight:700;color:#64748b}.sk-t b{font-size:22px;color:#1b2a4a}.sk-t small{font-size:11px;color:#64748b;min-height:13px}
.sk-bars{display:flex;gap:4px;align-items:flex-end;height:58px;flex:1;min-width:200px;padding:0 4px}.sk-b{flex:1;height:100%;display:flex;align-items:flex-end}.sk-b i{display:block;width:100%;background:#cbd5e1;border-radius:3px 3px 0 0}.sk-b.now i{background:#1b2a4a}

/* Dashboard: Absence card, second version */
.sk-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.sk-head .chkhead{margin:0 0 6px}
.sk-say{margin:0;font-size:13px;font-weight:800}.sk-say.good{color:#15803d}.sk-say.bad{color:#b91c1c}.sk-say.mid{color:#475569}
.sk-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.sk-tiles{display:flex;gap:10px;flex-wrap:wrap}
.sk-chartbox{flex:1;min-width:320px}.sk-chart{position:relative;display:flex;gap:6px;align-items:flex-end;height:96px;padding-bottom:0}
.sk-c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.sk-c em{font-style:normal;font-size:10px;font-weight:700;color:#475569;height:12px}
.sk-c .sk-b{display:flex;align-items:flex-end;width:100%;height:62px}.sk-c .sk-b i{display:block;width:100%;border-radius:4px 4px 0 0;min-height:2px}
.sk-c small{font-size:10px;color:#94a3b8;margin-top:3px}.sk-c.now small{color:#1b2a4a;font-weight:800}.sk-c.now .sk-b{outline:2px solid #1b2a4a;outline-offset:1px;border-radius:5px}
.sk-avg{position:absolute;left:0;right:0;bottom:calc(15px + 62px * var(--avgf,0));border-top:2px dashed #64748b;pointer-events:none}
.sk-note{margin:6px 0 0;font-size:11px}.sk-facts{margin:8px 0 0;font-size:12px}
.sk-up{color:#b91c1c;font-weight:700}.sk-dn{color:#15803d;font-weight:700}.sk-eq{color:#64748b;font-weight:700}

/* Wall Team tab: history charts, two to a row */
.tm-chart{grid-column:span 1;min-width:0}.tm-chart svg{width:100%;height:auto;display:block}
@media(min-width:1100px){.tm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-wide{grid-column:1/-1}}
.tm-foot{padding:0 8px}

/* Wall Team tab: one screen, no scrolling (tiles on top, three charts below) */
.tm-screen{height:calc(100vh - 62px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:2px;overflow:hidden}
.tm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tm-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0}
.tm-screen .tm-card{padding:10px 16px;border-radius:12px;min-width:0;min-height:0;overflow:hidden}.tm-screen .tm-l{font-size:14px}.tm-screen .tm-v{font-size:44px;margin:2px 0}
.tm-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;max-height:84px;overflow:hidden}.tm-chip{background:#e2f0e5;color:#166534;border-radius:999px;padding:3px 11px;font-size:15px;font-weight:700}.tm-chip.off{background:#fff;border:1px dashed #94a3b8;color:#475569}
.tm-screen .tm-bar{height:14px;margin:4px 0}.tm-charts .tm-chart{display:flex;flex-direction:column}.tm-charts .tm-chart svg{flex:1;min-height:0;width:100%;height:100%}
@media(max-width:1100px){.tm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-charts{grid-template-columns:1fr}.tm-screen{height:auto;overflow:visible}}

.tm-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
/* the Team screen on a portrait wall screen: tiles, then the three charts stacked, all on one screen (4 Nov 2026) */
.tm-chart .tm-land,.tm-chart .tm-port{flex:1;min-height:0;display:flex}.tm-chart .tm-port{display:none}.tm-chart .tm-land svg,.tm-chart .tm-port svg{flex:1;min-height:0;width:100%;height:100%}
@media(orientation:portrait){.tm-screen{height:auto!important;overflow:visible!important;grid-template-rows:auto auto!important}.tm-charts{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto;align-content:start}.tm-chart .tm-land{display:none}.tm-chart .tm-port{display:block}.tm-chart .tm-port svg{display:block;width:100%;height:auto}}

/* 25 Oct 2026: Off today and the Absence chart on one row; one column on a narrow screen */
.offsick{display:grid;grid-template-columns:minmax(300px,34%) 1fr;gap:12px;align-items:stretch;margin-bottom:12px}
.offsick>.card{margin:0!important}
@media (max-width:1100px){.offsick{grid-template-columns:1fr}}

/* Lead times: where our workshop has room, and where we are behind target (26 Oct 2026) */
.rp-room{background:linear-gradient(135deg,#f1f8f2,#fff 60%);border:1px solid #cfe5d2;border-left:6px solid #2e7d32;border-radius:14px;padding:18px 20px;margin:0 0 14px}
.rp-room.none{background:linear-gradient(135deg,#fff7e8,#fff 60%);border-color:#f0d9a8;border-left-color:#d98b0b}
.rp-room-top{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:center}
.rp-room-badge{width:46px;height:46px;border-radius:12px;background:#2e7d32;display:grid;place-items:center}.rp-room.none .rp-room-badge{background:#d98b0b}
.rp-room-badge svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rp-room-eyebrow{margin:0 0 2px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#2e7d32}.rp-room.none .rp-room-eyebrow{color:#8a5a0b}
.rp-room-date b{display:block;font-size:28px;font-weight:800;color:#172a45;line-height:1.1}.rp-room-date span{font-size:12px;color:#475569;font-weight:700}
.rp-room-lead{margin:0;font-size:13px;color:#172a45;max-width:520px;justify-self:end}
.rp-rws{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-top:16px}
.rp-rw{text-align:center;border-radius:8px;padding:7px 2px;background:#eef1f5;color:#505863;border:2px solid transparent}.rp-rw b{display:block;font-size:11px}.rp-rw small{display:block;font-size:10px;opacity:.85}.rp-rw span{display:block;font-size:10.5px;font-weight:700;margin-top:3px}
.rp-rw.room{background:#e2f0e5;color:#2e7d32}.rp-rw.full{background:#fdecc8;color:#8a5a0b}.rp-rw.shut{background:#eef1f5;color:#6b7686}
.rp-rw.first{border-color:#2e7d32;box-shadow:0 2px 8px rgba(46,125,50,.35)}
.rp-room-next{margin:14px 0 0;font-size:12.5px;color:#334155}
.rp-free{position:absolute;top:30px;bottom:0;border-left:2px dashed #2e7d32;z-index:3}
.rp-freel{position:absolute;top:238px;margin-left:5px;font-size:11px;font-weight:800;color:#2e7d32;white-space:nowrap;z-index:3}.rp-freel.left{transform:translateX(-100%);margin-left:-7px}
.rp-key i.fr{background:none;border-left:2px dashed #2e7d32;border-radius:0;width:0;height:12px}
.rp-behind-lead{font-size:14px;margin:0 0 6px;color:#172a45}.rp-behind-why{font-size:12.5px;margin:0 0 14px;color:#334155}
.rp-bhs{display:grid;gap:8px;margin:10px 0 12px}
.rp-bh{display:grid;grid-template-columns:220px 1fr 130px;gap:12px;align-items:center}
.rp-bh-l b{display:block;font-size:12.5px;color:#172a45}.rp-bh-l small,.rp-bh-v small{display:block;font-size:10.5px;color:var(--mute)}.rp-bh-v b{font-size:13px;color:#172a45}
.rp-bh-track{position:relative;height:16px;background:#f1f4f8;border-radius:8px}
.rp-bh-track i.r{position:absolute;left:0;top:0;bottom:0;background:#7FB77E;border-radius:8px}.rp-bh-track i.r.over{background:#f2b84b}
.rp-bh-track i.t{position:absolute;top:-3px;bottom:-3px;width:3px;margin-left:-1px;background:#172a45;border-radius:2px}
@media (max-width:1000px){.rp-room-top{grid-template-columns:auto 1fr}.rp-room-lead{grid-column:1/-1;justify-self:start}.rp-rws{grid-template-columns:repeat(6,1fr)}.rp-bh{grid-template-columns:1fr}}

/* the lead time picture, wider and calmer (26 Oct 2026) */
.rp-tl{height:340px;border-radius:14px;background:linear-gradient(#fbfcfe,#f5f8fc)}
.rp-mon{font-size:12px;top:8px}
.rp-lane{font-size:14px}.rp-lane b{font-weight:800}.rp-lane span{font-size:12.5px;font-weight:700;color:#475569;background:#eaf0f8;border-radius:10px;padding:1px 9px}
.rp-seg{height:44px;line-height:44px;font-size:12.5px;font-weight:800;padding:0 10px;border-radius:9px;box-shadow:0 2px 5px rgba(23,42,69,.22),inset 0 -2px 0 rgba(0,0,0,.12);border-right:2px solid #fbfcfe}
.rp-dl{font-size:11.5px;font-weight:700;color:#334155;top:auto}
.rp-today b{font-size:12px;top:24px}
.rp-freel{top:306px;font-size:12px}.rp-free{top:34px}
@media (max-width:700px){.rp-tl{overflow-x:auto}.rp-seg{font-size:11px;padding:0 5px}}

.rp-brace{position:absolute;left:0;height:12px;border:2px solid #172a45;border-bottom:0;border-radius:7px 7px 0 0;z-index:2;box-sizing:border-box}
.rp-brace b{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:#f8fafd;padding:0 12px;font-size:13px;font-weight:800;color:#172a45;white-space:nowrap}
.rp-brace b i{font-style:normal;font-weight:600;color:#475569;font-size:12px}

.rp-tl{height:350px}.rp-today b{top:26px}.rp-freel{top:322px}
.rp-brace{height:12px}

.rp-tl{height:364px}.rp-today b{top:22px}.rp-freel{top:336px}
.rp-seg{font-size:12px;padding:0 7px}

.rp-mail{display:flex;justify-content:flex-end;margin:-4px 0 10px;position:relative}

/* the room ribbon: booked and pending against what we really make (26 Oct 2026) */
.rp-rw{padding:8px 4px 8px}.rp-rw em{display:block;font-style:normal;font-size:10px;line-height:1.35;margin-top:4px;color:#475569;font-weight:600}
.rp-rbar{position:relative;height:64px;margin:6px 8px 6px;background:#fff;border:1px solid #d5dde8;border-radius:6px;display:flex;flex-direction:column-reverse;overflow:hidden}
.rp-rbar i{display:block;width:100%}.rp-rbar i.bk{background:#7FB77E}.rp-rbar i.pd{background:#6AA3E8}
.rp-rbar s{position:absolute;left:0;right:0;bottom:75%;border-top:2px dashed #172a45;opacity:.55}
.rp-rw.shut .rp-rbar{background:repeating-linear-gradient(135deg,#e8edf4,#e8edf4 4px,#f4f6fa 4px,#f4f6fa 8px)}
.rp-key i.th{background:none;border-top:2px dashed #172a45;height:0;width:16px;border-radius:0;opacity:.55}
.rp-room-why,.rp-room-how{margin:12px 0 0;font-size:12.5px;color:#334155;max-width:980px}.rp-room-why{background:#fff;border:1px solid #cfe5d2;border-radius:8px;padding:9px 12px}
.rp-room-how{color:#64748b;font-size:12px}

form.mailpop .mp-btns{display:flex;gap:8px}form.mailpop .mp-btns .btn{flex:1;justify-content:center;text-align:center}

details.rp-late{margin:8px 0 0;font-size:12.5px;color:#334155}details.rp-late summary{cursor:pointer;font-weight:700;color:#1e6fbf}
details.rp-late table{border-collapse:collapse;margin:8px 0 4px;min-width:420px}details.rp-late th,details.rp-late td{padding:4px 12px 4px 0;text-align:left;border-bottom:1px solid #e6ebf2;font-size:12px}details.rp-late th{color:#64748b;font-size:11px}details.rp-late .r{text-align:right;padding-right:18px}

/* Money > Owed: the Chase columns and the chase box in an opened row */
.chased .fl{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.chased .fl.f0{background:#f1f5f9;color:#64748b}.chased .fl.f1{background:#e0ecff;color:#1e40af}.chased .fl.f2{background:#fef3c7;color:#92400e}.chased .fl.f3{background:#fee2e2;color:#b91c1c}
.chased .av{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#e0ecff;color:#1e40af;font-size:10px;font-weight:800;align-items:center;justify-content:center;margin-right:5px;vertical-align:middle}
table.owed.chased td .sub2.ovr{color:#b91c1c;font-weight:700}table.owed.chased td .sub2.tdy{color:#b45309;font-weight:700}.chnote{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chased .okc{color:#166534;font-weight:700}.figs{font-size:12px;color:#475569;margin:2px 0 8px}
.chasebox{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.4fr);gap:18px;margin:8px 0 10px;padding:10px 12px;background:#f8fafc;border:1px solid #e5e9f2;border-radius:10px}
.chhist .chh{font-size:12px;border-left:2px solid #cbd5e1;padding-left:8px;margin:5px 0;color:#334155}
.chform{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end}.chform label{font-size:11px;font-weight:700;color:#475569;display:flex;flex-direction:column;gap:2px}
.chform select,.chform input{height:32px;font-size:12.5px;padding:0 8px;border:1px solid #94a3b8;border-radius:8px;background:#fff;box-sizing:border-box}.chform .chw{flex:1 1 100%}.chform .chw input{width:100%}
.chbtns{flex:1 1 100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:1000px){.chasebox{grid-template-columns:1fr}}

/* Chase list (26 Oct 2026) */
.ch-bar{display:flex;justify-content:flex-end;margin:-2px 0 12px}.ch-tick{font-size:12.5px;color:#334155;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.ch-tick .muted{font-size:12px}
table.ch-table{width:100%;border-collapse:collapse}table.ch-table th{font-size:11px;text-transform:none;white-space:nowrap}table.ch-table td{padding:8px 10px 8px 0;vertical-align:top;font-size:12.5px;border-bottom:1px solid #eef1f6}
table.ch-table td small{display:block;color:var(--mute);font-size:11.5px;margin-top:2px}
.ch-ref{font-weight:800;color:#172a45;margin-right:6px}.ch-tag{display:inline-block;font-size:10px;font-weight:800;border-radius:9px;padding:1px 7px;background:#eef1f6;color:#475569;margin-right:4px}
.ch-tag.live{background:#e2f0e5;color:#2e7d32}.ch-tag.hold{background:#fdecc8;color:#8a5a0b}.ch-tag.red{background:#fadddb;color:#b71c1c}.ch-tag.amber{background:#fdecc8;color:#8a5a0b}
.ch-d{display:inline-block;min-width:28px;text-align:center;font-weight:800;border-radius:8px;padding:2px 6px;background:#eef1f6;color:#334155}.ch-d.red{background:#fadddb;color:#b71c1c}.ch-d.amber{background:#fdecc8;color:#8a5a0b}.ch-d.none{background:none;color:var(--mute);font-weight:400}
tr.ch-red td:first-child{box-shadow:inset 3px 0 0 #d9534f;padding-left:10px}tr.ch-amber td:first-child{box-shadow:inset 3px 0 0 #f0ad4e;padding-left:10px}
.ch-need b{color:#b45309}.ch-val{font-weight:700}
details.ch-more{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 14px}details.ch-more summary{cursor:pointer;font-weight:800;color:#172a45;font-size:14px}details.ch-more .tablewrap{margin-top:10px}
.ch-foot{margin:6px 0 0}
.detail .figs,.chasebox{white-space:normal}.chasebox .chh{white-space:normal;word-break:break-word}

/* Money > Owed: due date flags and what Xero recorded */
.chased .dflag{display:block;margin-top:2px;font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 7px;width:fit-content}
.chased .dflag.far{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.chased .dflag.chg{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}
.dfbox{font-size:12.5px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;margin:6px 0;white-space:normal}
.xedits{font-size:12px;margin:6px 0;white-space:normal}.xedits .xe{border-left:2px solid #cbd5e1;padding-left:8px;margin:3px 0;color:#334155}.xedits .xe.xdue{border-left-color:#dc2626;background:#fef2f2;font-weight:700}

/* Chase: quick notes, the My actions button */
.chquick{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0}.chquick .qn{font-size:11px;font-weight:600;border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:2px 9px;cursor:pointer;color:#334155}.chquick .qn:hover{background:#eef2ff}
.actbadge{display:inline-flex;align-items:center;gap:6px}.actbadge b{background:#e2e8f0;color:#334155;border-radius:999px;padding:0 7px;font-size:11px}.actbadge.has b{background:#dc2626;color:#fff}

/* Money > Owed with the Chase columns: set widths so Owed is not stretched, long text is cut */
table.owed.chased{table-layout:fixed;width:100%}
table.owed.chased>thead>tr>th:nth-child(1){width:7%}table.owed.chased>thead>tr>th:nth-child(2){width:14%}table.owed.chased>thead>tr>th:nth-child(3){width:5%}
table.owed.chased>thead>tr>th:nth-child(4){width:8%}table.owed.chased>thead>tr>th:nth-child(5){width:9%}table.owed.chased>thead>tr>th:nth-child(6){width:7%}
table.owed.chased>thead>tr>th:nth-child(7){width:12%}table.owed.chased>thead>tr>th:nth-child(8){width:10%}table.owed.chased>thead>tr>th:nth-child(9){width:8%}
table.owed.chased>thead>tr>th:nth-child(10){width:10%}table.owed.chased>thead>tr>th:nth-child(11){width:10%}
table.owed.chased>tbody>tr.ir>td{overflow:hidden;text-overflow:ellipsis}table.owed.chased>tbody>tr.il>td{overflow:visible}
.paidnote{color:#15803d;font-weight:700}table.owed.chased .tot .sub2{display:block}

.chased .dflag{white-space:normal;line-height:1.2;border-radius:8px}
.chform label[hidden]{display:none!important}

/* Chase list v2: compact rows, what to do in one line (26 Oct 2026) */
.ch-sum{margin:0 0 8px;font-size:13px;color:#334155;font-weight:600}
.ch-act{display:block;font-size:13px;color:#172a45}
table.ch-table td .ch-by{font-size:13px;color:#172a45}table.ch-table td .ch-by.ch-late{color:#b71c1c}
.ch-d{margin-right:3px}.ch-h3{font-size:13px;margin:14px 0 6px;color:#172a45}
.pagehead .eyebrow a{color:inherit}

/* Money > Owed: the line under Owed (before VAT, VAT rate, paid so far) may wrap on a narrow screen instead of being cut off */
table.owed.chased>tbody>tr.ir>td:nth-child(7){overflow:visible;white-space:normal}table.owed.chased>tbody>tr.ir>td:nth-child(7) .sub2{white-space:normal;line-height:1.25}

/* Money > Owed: more than one chip per row; each row has its colour; the Showing line */
.fg-age .fchip.on{background:#1e6fbf;border-color:#1e6fbf}.fg-plan .fchip.on{background:#7c3aed;border-color:#7c3aed}.fg-chase .fchip.on{background:#b45309;border-color:#b45309}.fg-dflag .fchip.on{background:#be123c;border-color:#be123c}
.fg-stage .fchip.on{background:#534ab7;border-color:#534ab7}.fg-ctype .fchip.on{background:#c2410c;border-color:#c2410c}.fg-acct .fchip.on{background:#0f766e;border-color:#0f766e}.fg-tax .fchip.on{background:#15803d;border-color:#15803d}
.fgroup .fchip.on{color:#fff}.fgroup .fchip.on span{color:#e2e8f0}.fgroup .fchip.on b{color:#fff}
.showing{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;margin:0 0 10px;background:#f8fafc;border:1px solid #e5e9f2;border-radius:10px;font-size:12px}
.showing>b{margin-right:4px;color:#1b2a4a}.showing .muted{margin-left:6px}.showing a.clear{margin-left:auto}
.stag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;color:#fff;font-size:11.5px;font-weight:700;text-decoration:none}.stag b{font-weight:900;opacity:.8}.stag:hover b{opacity:1}
.st-age{background:#1e6fbf}.st-plan{background:#7c3aed}.st-chase{background:#b45309}.st-dflag{background:#be123c}.st-stage{background:#534ab7}.st-ctype{background:#c2410c}.st-acct{background:#0f766e}.st-tax{background:#15803d}.st-dp{background:#475569}.st-q{background:#334155}
.fgroup .fchip.on.all{background:linear-gradient(135deg,var(--p1),var(--p2));border-color:transparent}

/* Money > Owed, the opened row: facts grid, chase box, folded lines */
.chdetail{white-space:normal}
.ifacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 16px;margin:2px 0 8px;font-size:12.5px}.ifacts>div{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px solid #eef1f6;min-width:0}
.ifacts>div span{font-size:10.5px;font-weight:700;color:#64748b;letter-spacing:.2px}.ifacts>div.wide{grid-column:1/-1}.ifacts .latet{color:#b91c1c}.ifacts .owedt{font-size:15px;color:#1b2a4a}
.dfbox{font-size:12.5px;line-height:1.45}.dfreason{margin-top:6px;padding-top:6px;border-top:1px solid #fde68a;font-size:12px}
.invlines{margin-top:8px}.invlines>summary{cursor:pointer;font-size:12px;font-weight:700;color:#475569}.invlines[open]>summary{margin-bottom:6px}
.chased .fl.f4{background:#e2e8f0;color:#334155}

.dfxero{margin-top:6px;font-size:12px}.dfxero.has{color:#b91c1c;font-weight:600}
.chform .chw input{font-size:12px}.chhist .chh{font-size:11.5px}.chform .chquick .qn{font-size:10.5px}

/* Money > Owed: column titles stay at the top while scrolling (under the fixed top bar); next action chips */
table.owed.chased>thead>tr>th{position:sticky;top:64px;background:#fff;z-index:5;box-shadow:0 1px 0 #e5e9f2}
.chform .chquick .qa{font-size:10.5px;font-weight:600;border:1px solid #c7d2fe;background:#eef2ff;border-radius:999px;padding:2px 9px;cursor:pointer;color:#1e40af}.chform .chquick .qa:hover{background:#dbe4ff}
.chform .chnext{flex:1 1 100%}.chform .chnext input{width:100%}
.tablewrap:has(>table.owed.chased){overflow:visible}

.chhist .chdel{float:right;border:0;background:transparent;color:#94a3b8;font-size:15px;line-height:1;cursor:pointer;padding:0 4px}.chhist .chdel:hover{color:#b91c1c}
table.owed.chased>tbody>tr.ir>td:nth-child(10),table.owed.chased>tbody>tr.ir>td:nth-child(11){white-space:normal}table.owed.chased>tbody>tr.ir>td:nth-child(10) .sub2{white-space:normal;line-height:1.25}

/* the MehlSoft question box (msAsk): used instead of the browser's own confirm */
.msask-ov{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.msask{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(15,23,42,.35);width:min(440px,100%);padding:0 0 16px;overflow:hidden}
.msask-h{display:flex;align-items:center;gap:10px;background:#1b2a4a;color:#fff;padding:12px 18px;font-size:13px}.msask-h .tile{width:28px;height:28px;border-radius:8px;background:#fff;color:#1b2a4a;display:grid;place-items:center;font-weight:800;font-size:13px}
.msask p{margin:0;padding:18px 20px 6px;font-size:14px;line-height:1.5;color:#0f172a;white-space:pre-line}
.msask-b{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 0}.msask-b .btn{min-width:96px;justify-content:center}.msask-b .btn.primary.danger{background:#dc2626;border-color:#dc2626;color:#fff}
.msask-b .btn{height:38px;line-height:1;padding:0 16px}
.msask-b .btn,.msask-b .btn.primary,.msask-b .btn.primary.danger{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;line-height:1;font-size:13px;margin:0}

/* the chase box: the facts on the left, the action and note in the middle, the history on the right */
.chasebox{grid-template-columns:minmax(560px,2.2fr) minmax(240px,1fr)}
.chform{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-areas:"st next" "who next" "on next" "prom note" ". note" ". btns";gap:8px 18px;align-items:start}
.chform .chst{grid-area:st}.chform .chwho{grid-area:who}.chform .chon{grid-area:on}.chform .chprom{grid-area:prom}.chform .chnext{grid-area:next}.chform .chw{grid-area:note}.chform .chbtns{grid-area:btns}
.chform .chst select,.chform .chwho select,.chform .chon input{width:100%}
@media(max-width:1300px){.chasebox{grid-template-columns:1fr}.chform{grid-template-columns:1fr;grid-template-areas:"st" "who" "on" "prom" "next" "note" "btns"}}
.detail.chdetail{max-width:none;width:auto}

/* the chase box in rows: Status, Who, On (and the promised date) across the top; Note; Next action; buttons; the history under them, all full width */
table.owed .detail.chdetail{max-width:none}
.chasebox{display:block}
.chform{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(200px,1fr) 200px minmax(0,1fr);grid-template-areas:"st who on prom" "note note note note" "next next next next" "btns btns btns btns";gap:8px 18px;align-items:start}
.chform .chst{grid-area:st}.chform .chwho{grid-area:who}.chform .chon{grid-area:on}.chform .chprom{grid-area:prom}.chform .chw{grid-area:note}.chform .chnext{grid-area:next}.chform .chbtns{grid-area:btns}
.chform .chst select,.chform .chwho select,.chform .chon input,.chform .chprom input{width:100%}.chform .chnext input,.chform .chw input{width:100%}
.chform .chnext.onhold .chquick{display:none}.chform .chnext input[readonly]{background:#f1f5f9;color:#475569}
.chhist{margin-top:14px;padding-top:10px;border-top:1px solid #e5e9f2}
@media(max-width:1000px){.chform{grid-template-columns:1fr;grid-template-areas:"st" "who" "on" "prom" "note" "next" "btns"}}
.chform .chst,.chform .chwho,.chform .chon,.chform .chprom{display:flex;flex-direction:column;gap:3px;justify-content:flex-start}.chform .chonlab{display:block;line-height:inherit;margin:0}
.chform .chst select,.chform .chwho select,.chform .chon input,.chform .chprom input{height:34px;margin:0;box-sizing:border-box}
.ifacts{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px 16px}.ifacts>div{padding:3px 0}.ifacts>div .sub2{display:block;font-size:11px;color:#64748b;margin-top:1px}.ifacts>div.wide{padding-bottom:4px}

.chhist .chtools{float:right;display:flex;gap:2px}.chhist .chedit{border:0;background:transparent;color:#94a3b8;font-size:13px;cursor:pointer;padding:0 4px}.chhist .chedit:hover{color:#1b2a4a}.chhist .chdel{float:none}
.chedbox{display:flex;gap:6px;align-items:center;margin-top:4px}.chedbox input{height:30px;font-size:12px;padding:0 8px;border:1px solid #94a3b8;border-radius:8px}

.chform .lab2{font-weight:400;color:#64748b;margin-left:4px}
table.owed.chased>tbody>tr.ir>td:nth-child(10) .sub2{display:block}

/* the opened invoice row, with shape: a grey ground, white cards for the facts and the chase, a tinted top row, the next action in amber, the history on grey */
table.owed .detail.chdetail{background:#eef1f6;padding:12px 14px 14px;border-radius:0 0 12px 12px}
.chdetail .ifacts{background:#fff;border:1px solid #dfe5ee;border-left:4px solid #1b2a4a;border-radius:10px;padding:10px 16px 8px;margin:0 0 10px}
.chdetail .ifacts>div{border-bottom:0}.chdetail .ifacts>div span{text-transform:uppercase;letter-spacing:.4px;font-size:9.5px}
.chdetail .ifacts .owedt{display:inline-block;background:#1b2a4a;color:#fff;border-radius:8px;padding:3px 12px;font-size:16px}
.chdetail .ifacts .latet{display:inline-block;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:1px 9px;font-size:11.5px}
.chdetail .dfbox{border-left:4px solid #d97706;border-radius:10px;margin:0 0 10px}
.chdetail .chasebox{background:#fff;border:1px solid #dfe5ee;border-left:4px solid var(--p2);border-radius:10px;padding:0;margin:0 0 10px;overflow:hidden}
.chdetail .chform{padding:12px 16px 6px;row-gap:10px}
.chdetail .chform .chst,.chdetail .chform .chwho,.chdetail .chform .chon,.chdetail .chform .chprom{background:#eef2ff;border-radius:10px;padding:8px 12px 10px}
.chdetail .chform .chw{background:#f8fafc;border:1px solid #e5e9f2;border-radius:10px;padding:8px 12px 10px}
.chdetail .chform .chnext{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px 12px 10px}
.chdetail .chform .chnext>input,.chdetail .chform .chw>input{background:#fff}
.chdetail .chbtns{padding:2px 0 6px}
.chdetail .chhist{margin:0;padding:10px 16px 12px;background:#f4f6fb;border-top:1px solid #dfe5ee}
.chdetail .chhist>b{display:block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#475569}
.chdetail .chhist .chh{background:#fff;border:1px solid #e5e9f2;border-left:3px solid #1b2a4a;border-radius:8px;padding:6px 10px;margin:4px 0}
.chdetail .invlines{background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:8px 14px;margin:0}

/* the opened row made to fit one screen: Note and Next action side by side, tighter paddings, the late pill and the Owed block not stretched */
table.owed .detail.chdetail{padding:8px 12px 10px}
.chdetail .ifacts{padding:6px 14px 2px;margin-bottom:8px;gap:0 14px}.chdetail .ifacts>div{padding:2px 0;align-items:flex-start}.chdetail .ifacts .owedt{padding:2px 12px;font-size:15px}
.chdetail .dfbox{padding:6px 10px;margin-bottom:8px;font-size:12px}
.chdetail .chasebox{margin-bottom:8px}.chdetail .chform{padding:8px 12px 2px;row-gap:8px;column-gap:12px;grid-template-areas:"st who on prom" "note note next next" "btns btns btns btns"}
.chdetail .chform .chst,.chdetail .chform .chwho,.chdetail .chform .chon,.chdetail .chform .chprom,.chdetail .chform .chw,.chdetail .chform .chnext{padding:6px 10px 8px}
.chdetail .chform .lab2{display:none}
.chdetail .chform .chquick{gap:3px;margin:2px 0 4px}.chdetail .chform .chquick .qn,.chdetail .chform .chquick .qa{font-size:10px;padding:1px 7px}
.chdetail .chform select,.chdetail .chform input{height:30px;font-size:12px}
.chdetail .chbtns{padding:0 0 6px}.chdetail .chbtns .btn{height:30px;padding:0 10px;font-size:12px}
.chdetail .chhist{padding:6px 12px 8px}.chdetail .chhist>b{margin-bottom:4px;font-size:11px}.chdetail .chhist .chh{padding:3px 8px;margin:3px 0;font-size:11.5px}
.chdetail .invlines{padding:6px 12px}
.chdetail .chbtns .btn,.chdetail .chbtns a.btn,.chdetail .chbtns button{display:inline-flex;align-items:center;justify-content:center;height:30px;line-height:1;padding:0 12px;box-sizing:border-box;vertical-align:middle}

.chased .warnt{color:#b45309;font-weight:700;font-size:12px}

/* 26 Oct: the reminder email said on screen. The list: a small line under the action; the open row: a standing line under Next action with Send it now */
.chased .sub2.mail{color:#475569;font-weight:500;font-size:11px}.chased .sub2.mail.warn{color:#b45309;font-weight:700}
.chform .chmail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:11.5px;font-weight:600;color:#475569}
.chform .chmail.warn{color:#b45309}
.chdetail .chform .chmail .btn{display:inline-flex;align-items:center;justify-content:center;height:24px;line-height:1;padding:0 9px;font-size:11px;box-sizing:border-box}

/* 26 Oct: Also tell. The Who box holds a small "Also tell: Daniel, Michal  change" line that opens a tick list; the list shows +N beside the owner */
.chform .chwho>label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:#475569}
.chcc{margin-top:5px}.chcc .cctog{border:0;background:none;padding:0;font-size:11px;font-weight:700;color:#475569;cursor:pointer;text-align:left;font-family:inherit}
.chcc .cctog b{color:#1e40af}.chcc .cctog .cchint{font-weight:600;color:#64748b;text-decoration:underline;margin-left:4px}
.chcc .cclist{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:5px;background:#fff;border:1px solid #c7d2fe;border-radius:8px;padding:6px 8px}
.chform .chcc .cclist label{flex-direction:row;align-items:center;gap:5px;font-weight:600;font-size:11.5px;color:#1e293b;cursor:pointer}
.chform .chcc input[type=checkbox],.chdetail .chform .chcc input[type=checkbox]{height:auto;width:auto;margin:0;padding:0;border:0}
.chased .ccn{display:inline-block;margin-left:4px;font-size:10px;font-weight:800;color:#1e40af;background:#e0ecff;border-radius:999px;padding:1px 6px;vertical-align:middle;cursor:default}

/* 27 Oct: the pending projects on the Factory load bars (Production only), the Lead time page blue */
.lbar i.pend{background:#6AA3E8;opacity:.85;border-radius:4px 4px 0 0}.loadkey .sw.pend{background:#6AA3E8}
.lw small{white-space:nowrap}

/* Money > Owed: the project name under the job number, the customer kept to one line (27 Oct 2026) */
table.owed .pn{white-space:normal;max-width:230px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
table.owed .cust{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

table.owed .pn.what{font-style:italic;color:#8493a8}

table.owed td:first-child,table.owed th:first-child{min-width:190px}
table.orders td:first-child,table.orders th:first-child{min-width:0;width:58px}   /* Orders: the Edit column only, not Money's 190 px (4 Nov 2026) */
details.xlopt{position:relative;display:inline-block}details.xlopt summary{list-style:none;cursor:pointer}details.xlopt .mp-chk{display:flex;gap:8px;align-items:center;margin:4px 0;font-size:13px}
/* the chase status colours, one for each status, soft (27 Oct 2026) */
.chased .fl.s-none,.fl.s-none{background:#f6f8fa;color:#6b7a90}.chased .fl.s-chasing,.fl.s-chasing{background:#eaf2ff;color:#3b5fa8}.chased .fl.s-promised,.fl.s-promised{background:#eaf7ee;color:#3f7d54}.chased .fl.s-final,.fl.s-final{background:#fff6e0;color:#9a6b1f}.chased .fl.s-solicitor,.fl.s-solicitor{background:#fdecec;color:#a14a4a}.chased .fl.s-escalate,.fl.s-escalate{background:#f3effd;color:#6a52b0}.chased .fl.s-disputed,.fl.s-disputed{background:#fdeef5;color:#a8486f}.chased .fl.s-hold,.fl.s-hold{background:#e9f8fa;color:#3f7f8c}.chased .fl.s-paidwait,.fl.s-paidwait{background:#e8f7f3;color:#3a8070}.chased .fl.s-closed,.fl.s-closed{background:#fafbfc;color:#a3aebd}
.fl{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:600}
/* chase box: red messages, the row marked after a save, the choices when nothing is planned (27 Oct 2026) */
.chmsg.bad{color:#b91c1c;font-weight:700}
.chform input.bad,.chform select.bad{outline:2px solid #e11d48;outline-offset:0;background:#fff5f5}
.chform .chnext.hl input{outline:2px solid #1e6fbf}
.chneeds{grid-column:1/-1;background:#fffbeb;border:1px solid #f1d98b;border-radius:10px;padding:10px 12px;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:13px}
.chneeds b{color:#92400e}.chneeds .chwait{display:inline-flex;gap:6px;align-items:center}
.needsnext{display:inline-block;background:#fff6e0;color:#9a6b1f;border:1px solid #f1d98b;border-radius:9px;padding:1px 8px;font-size:11px;font-weight:700}
tr.ir.chsaved td{background:#fffbe6;animation:chflash 2.6s ease-out}tr.ir.chsaved td:first-child{box-shadow:inset 4px 0 0 #2e7d32}
@keyframes chflash{0%{background:#fff0a0}100%{background:#fffbe6}}
.livetag{display:block;margin-top:3px;font-size:10px;font-weight:700;color:#64748b;background:#eef2f7;border-radius:8px;padding:1px 7px;width:max-content}
/* chase box buttons: Save on the left, its message beside it, the rest pushed right so Mark done is not clicked for Save (27 Oct 2026) */
.chform .chbtns{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.chform .chbtns .chmsg{flex:1 1 240px;min-width:200px;margin:0 8px}
.chform .chbtns [data-do=done],.chform .chbtns [data-do=undone]{margin-left:12px}
/* chase: quiet email icon, quick dates, the green Xero note and tag (27 Oct 2026) */
.mailic{display:inline-block;font-size:12px;color:#94a3b8;margin-top:2px;cursor:help}.mailic.warn{color:#b45309;font-weight:700}
.chdates{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.chform .dq{font-size:10.5px;border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:1px 8px;cursor:pointer;color:#334155}.chform .dq:hover{background:#eef3fb}
.chh.xero{border-left:3px solid #2e7d32;background:#f0fdf4}
.xtag{display:block;margin-top:3px;font-size:10px;font-weight:700;color:#2e6b44;background:#e8f7ee;border-radius:8px;padding:1px 7px;width:max-content}.xtag.grey{color:#64748b;background:#eef2f7}


/* short payments confirmed as retention (27 Oct 2026) */
.retline{margin:-6px 0 14px;font-size:12.5px;color:#475569;background:#f8fafc;border:1px solid #e5e9f2;border-radius:10px;padding:8px 12px}.retline b{color:#0f172a}
table.owed.rct tr.rcrow td{vertical-align:middle}table.owed.rct input{height:28px;font-size:12px;padding:0 6px;border:1px solid #94a3b8;border-radius:8px;background:#fff;box-sizing:border-box}table.owed.rct input[name=pct]{width:58px}table.owed.rct input[name=date]{width:100%;max-width:140px}table.owed.rct12{table-layout:fixed;width:100%}table.owed.rct12>thead>tr>th:nth-child(1){width:7%}table.owed.rct12>thead>tr>th:nth-child(2){width:17%}table.owed.rct12>thead>tr>th:nth-child(3){width:8%}table.owed.rct12>thead>tr>th:nth-child(4){width:6%}table.owed.rct12>thead>tr>th:nth-child(5){width:13%}table.owed.rct12>thead>tr>th:nth-child(6){width:9%}table.owed.rct12>thead>tr>th:nth-child(7){width:9%}table.owed.rct12>thead>tr>th:nth-child(8){width:11%}table.owed.rct12>thead>tr>th:nth-child(9){width:11%}table.owed.rct12>thead>tr>th:nth-child(10){width:9%}.rct .rp{display:inline-block;padding:1px 6px;border-radius:999px;font-weight:700}.rct .rp25{background:#e0ecff;color:#1e40af}.rct .rp3{background:#dcfce7;color:#166534}.rct .rp5{background:#fef3c7;color:#92400e}.rct .rpodd{display:inline-block;padding:1px 6px;border-radius:999px;font-weight:800;background:#fee2e2;color:#b91c1c}.rcother{margin-top:12px;font-size:12px}.rcother summary{cursor:pointer;color:#475569;font-weight:700}table.owed.rct td .sub2.rp25{color:#1e40af}table.owed.rct td .sub2.rp3{color:#166534}table.owed.rct td .sub2.rp5{color:#92400e}table.owed.rct td .sub2.rpodd{color:#b91c1c}.rct .xd.xd-set{color:#166534;font-weight:600}.rct .xd.xd-not{color:#b45309;font-weight:600}.tablewrap:has(>table.owed){overflow:visible}table.owed>thead>tr>th{position:sticky;top:64px;z-index:2;background:#fff !important;box-shadow:0 1px 0 var(--line)}.card.stickhead>.cardhead{position:sticky;top:64px;z-index:3;background:#fff;margin:0 -20px;padding:0 20px 8px;border-bottom:1px solid var(--line)}table.owed.rct12 td{overflow:visible}table.owed.rct12 td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcall{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#1e40af;white-space:nowrap}.rcall input{width:14px;height:14px;margin:0}.rcbtns{display:flex;flex-direction:column;gap:4px}.rcbtns .btn.small{height:24px;padding:0 8px;font-size:11px;white-space:nowrap;justify-content:center}
table.owed.rct td{vertical-align:middle}table.owed.rct .rcpct{font-weight:800}.rcdecl{margin-top:10px;font-size:12px}.rcdecl summary{cursor:pointer;color:#475569;font-weight:600}.rcdecl ul{margin:6px 0 0;padding-left:18px}.rcdecl li{margin:3px 0}
table.owed tr.rcpast>td{background:#fff5f5}.rcissue{display:block;font-size:11px;font-weight:800;color:#b91c1c;margin-bottom:3px}
table.owed.rcdec{table-layout:fixed;width:100%}table.owed.rcdec>thead>tr>th:nth-child(1){width:7%}table.owed.rcdec>thead>tr>th:nth-child(2){width:15%}table.owed.rcdec>thead>tr>th:nth-child(3){width:8%}table.owed.rcdec>thead>tr>th:nth-child(4){width:19%}table.owed.rcdec>thead>tr>th:nth-child(5){width:9%}table.owed.rcdec>thead>tr>th:nth-child(6){width:9%}table.owed.rcdec>thead>tr>th:nth-child(7){width:11%}table.owed.rcdec>thead>tr>th:nth-child(8){width:8%}table.owed.rcdec>thead>tr>th:nth-child(9){width:14%}table.owed.rcdec td{overflow:hidden;text-overflow:ellipsis}table.owed.rcdec td:last-child{overflow:hidden;white-space:normal}table.owed.rct12 td:last-child,table.owed.rct12 td:nth-child(9){overflow:hidden}table.owed.rcdec .rcall{white-space:normal;line-height:1.2;align-items:flex-start}
.bridge{display:flex;flex-wrap:wrap;align-items:stretch;gap:2px 0;margin:4px 0 6px}.bridge .bx{flex:1 1 150px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;min-width:150px;text-decoration:none;color:inherit}.bridge .bx:hover{border-color:#94a3b8}.bridge .bx small{display:block;color:var(--mute);font-size:10px}.bridge .bx b{display:block;font-size:17px;margin:2px 0}.bridge .bx span{font-size:10px;color:var(--mute)}.bridge .bx.start,.bridge .bx.end{background:#f8fafc}.bridge .bx.end b{color:#0f2a4a}.bridge .bx.minus b{color:#15803d}.bridge .bx.plus b{color:#b45309}.bridge .bx.ret b{color:#7c3aed}.bridge .op{display:flex;align-items:center;padding:0 6px;font-size:18px;color:var(--mute)}table.owed.gonet tr:has(> td:first-child [class^=grp-]) td{background:#eef2ff;border-top:2px solid #0f2a4a;font-weight:700;padding-top:9px}table.owed.gonet [class^=grp-] .pill{margin-right:6px}
body.psince .stats,body.psince .bridge,body.psince .psplit{break-inside:avoid}body.psince section.card{break-before:page;padding-top:4px}body.psince section.card:first-of-type{break-before:auto}body.psince .grid2{display:block}body.psince .grid2 section.card{break-before:page}
body.psince table.owed{font-size:10px}body.psince table.owed th,body.psince table.owed td{padding:4px 6px}body.psince table.owed thead th{background:#fff}body.psince table.owed tr{break-inside:avoid}body.psince table.owed.gonet tr:has(> td:first-child [class^=grp-]){break-after:avoid}body.psince .pill{font-size:9px}body.psince .cardhead h2{font-size:13px}body.psince .eyebrow{font-size:9px}
.psplit{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 0;font-size:11px;color:var(--mute)}.psplit b{color:#0f172a}@media print{.bridge .bx b{font-size:13px}.bridge .bx{padding:6px 8px}}
.rcundo-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%}.rcundo-cell .btn.small{height:24px;padding:0 10px;font-size:11px;white-space:nowrap}.rcundo-cell .rcall{white-space:normal;line-height:1.2;font-size:11px}.rcundo-cell .sub2{display:block;font-size:11px}
.rcsteps{font-size:11px;margin-top:3px}.rcsteps summary{cursor:pointer;color:#475569}.rcsteps ul{margin:4px 0 0;padding-left:16px;color:#475569}
.rcbox{margin:8px 0 10px;padding:10px 12px;background:#eef6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:12.5px;color:#1e3a8a}.rcbox .btn.small{margin-left:8px;height:24px;padding:0 8px;font-size:11px}
button.rcundo{height:24px;padding:0 8px;font-size:11px}
.assignedtag{display:inline-block;background:#eef2f7;color:#475569;border-radius:9px;padding:1px 8px;font-size:11px;font-weight:700}.chform .chhint{margin:4px 0 0;font-size:11.5px;color:#64748b}
details.mailbox[open]>summary.btn{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,.18)}
.livetag.ready{background:#fff6e0;color:#9a6b1f}.chlive{grid-column:1/-1;background:#f1f6ff;border:1px solid #c9dcf7;border-radius:10px;padding:8px 12px;margin:8px 0;font-size:13px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.chlive b{color:#1e3a8a}
.chmsg.dirty{color:#b45309;font-weight:700}
a.livetag.rettag{background:#fff6e0;color:#9a6b1f;text-decoration:none;border:1px solid #f1dcaa}a.livetag.rettag:hover{background:#ffefc2}
a.livetag.rettag{width:auto;max-width:100%;white-space:normal;line-height:1.35;padding:3px 8px}a.livetag.rettag .rtgo{font-weight:600;text-decoration:underline}

/* Money > Report: charts and week tables (27 Oct 2026). The app styles every svg as a 16px line icon, so the chart undoes that for its own elements */
.chg{font-weight:800;white-space:nowrap}.chg.up{color:#b91c1c}.chg.down{color:#166534}.chg.flat{color:#64748b}.stat.green .chg.down{color:#b91c1c}.stat.green .chg.up{color:#166534}
svg.mchart{width:100%;height:auto;max-height:340px;display:block;stroke:none;fill:none;font-family:Inter,system-ui,sans-serif}
svg.mchart text{fill:#64748b;stroke:none;font-size:11px;font-weight:500}svg.mchart text.b{fill:#0f172a;font-weight:700}svg.mchart text.m{fill:#94a3b8;font-size:10px}
svg.mchart line.grid{stroke:#e5e9f2;stroke-width:1}svg.mchart line.xh{stroke:#94a3b8;stroke-width:1;stroke-dasharray:3 3}
svg.mchart polyline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}svg.mchart .s1{stroke:#2d5cb8}svg.mchart .s2{stroke:#b45309}
svg.mchart circle{fill:#fff;stroke-width:2}svg.mchart circle.s1{stroke:#2d5cb8}svg.mchart circle.s2{stroke:#b45309}
svg.mchart rect.hz{fill:transparent;stroke:none;cursor:crosshair}svg.mchart rect.bar{stroke:#fff;stroke-width:2;rx:2}
.chartbox{position:relative}.chartbox .legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#475569;margin:6px 0 12px}.chartbox .legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.ctip{position:absolute;background:#0f172a;color:#fff;font-size:12px;padding:6px 9px;border-radius:8px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:5}
.sw{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.sbar{display:flex;height:10px;width:100%;min-width:140px;border-radius:5px;overflow:hidden;background:#f1f4f9}.sbar i{display:block;height:100%}
.hbar{display:flex;align-items:center;gap:8px}.hbar i{display:block;height:10px;border-radius:5px;min-width:4px}
table.mx td.stay{background:#1b2a4a;color:#fff;font-weight:800}table.mx td.mv{font-weight:800;color:#1e40af;background:#eef3ff}table.mx td.z{color:#cbd5e1}table.mx th .sw{margin-right:4px}
.cardhead .acts .fchip{padding:3px 9px;font-size:11px}.wpick select{height:30px;width:auto;max-width:230px;font-size:12px;border:1px solid #94a3b8;border-radius:8px;padding:0 6px;background:#fff}.flows{display:flex;flex-direction:column}.frow{display:flex;gap:14px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #eef1f6}.frow:last-child{border-bottom:0}.fhead{min-width:170px;font-size:12.5px}.fhead .sub2{display:block;color:#64748b;font-size:11px;margin-left:15px}.fparts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.flow{display:inline-block;padding:3px 10px;border:1.5px solid;border-radius:999px;font-size:12px;font-weight:700;background:#fff}.flow.stay{background:#f1f4f9;border-color:#cbd5e1;color:#475569}.wpick .btn.small{height:30px;padding:0 10px;font-size:11.5px}
.cbar{display:inline-block;height:9px;border-radius:5px;background:#2d5cb8;vertical-align:middle;margin-left:6px;min-width:2px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.subh{font-size:11px;font-weight:700;margin:16px 0 6px;color:#1e3a5f}@media(max-width:800px){.two{grid-template-columns:1fr}}
.chased td .sub2.retded{margin-top:3px}.chased td .sub2.retded .pill{font-size:10px;padding:1px 7px}

/* ---- the search box (3 Nov 2026): dropdown under the top bar, and the filter boxes that work as you type */
.sdrop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(15,30,60,.2);max-height:72vh;overflow:auto;z-index:90;padding:6px 0;text-align:left}
.sdrop[hidden]{display:none}
.sdrop .sg{display:flex;justify-content:space-between;align-items:center;padding:9px 16px 3px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.sdrop .sg i{font-style:normal;background:#eef2f9;border-radius:999px;padding:1px 7px;margin-left:4px;color:var(--ink2)}
.sdrop .sg a{font-size:11px;font-weight:700;text-transform:none;letter-spacing:0}
.sdrop a.sr{display:flex;gap:10px;align-items:center;padding:7px 16px;color:var(--ink);text-decoration:none}
.sdrop a.sr.on{background:rgba(var(--p2rgb),.1)}
.sdrop .si{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#eef2f9;color:var(--ink2);font-size:11px;font-weight:800}
.sdrop .st{flex:1;min-width:0}
.sdrop .st b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdrop .st b em{font-style:normal;font-weight:600;font-size:10.5px;color:var(--mute);margin-left:4px}
.sdrop .st small{display:block;font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdrop .st small u{text-decoration:none;font-size:10px;margin-left:6px;padding:0 6px;border-radius:999px;background:#f1f4f9;color:var(--ink2)}
.sdrop .sx{flex:none;font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--ink2)}
.sdrop .sx.late{color:#b42318}
.sdrop .sx.ok{color:#067647}
.sdrop mark,main mark{background:rgba(255,200,0,.38);color:inherit;border-radius:2px;padding:0 1px}
.sdrop .sall{display:block;margin-top:6px;padding:10px 16px 6px;border-top:1px solid var(--line);font-weight:700;font-size:12.5px;text-decoration:none}
.sdrop kbd{float:right;font:inherit;font-size:10.5px;font-weight:700;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 6px;color:var(--mute);background:#fff}
.sdrop .snone,.sdrop .sfix{padding:10px 16px;color:var(--mute);font-size:12.5px}
form.fbar.live>button{display:none}

/* a ready date a manager marked at risk on the progress screen (3 Nov 2026) */
.flag.risk,.flag.risk.conf{background:#dc2626;width:3px}.flag.risk.unc{border-left:2px dashed #dc2626;background:transparent}.flag.risk i{background:#dc2626;color:#fff;border-radius:3px;padding:0 3px;left:-2px}

/* the "show password" eye in the sign-in password box (09/11/2026), the same in MehlSoft Time and Finance */
.pwbox{position:relative;display:block}.login .pwbox input{padding-right:40px}
.login .pwbox .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;margin:0!important;padding:0;border:0;border-radius:6px;background:none;box-shadow:none;color:#64748b;cursor:pointer;display:grid;place-items:center}
.login .pwbox .eye:hover{color:#4f46e5;background:#eef2ff}.pwbox .eye svg{width:18px;height:18px;display:block}.pwbox .eye .slash{display:none}.pwbox .eye.on .slash{display:block}

/* which build is running (09/11/2026, Daniel chose A + C + the Demo pill): the tiny line under the lockup, the user menu block, the pill by the company name */
.tright .ver{font-size:10px;color:#94a3b8;font-weight:600;line-height:1.2;text-align:right;white-space:nowrap}.tright .ver b{color:#64748b;font-weight:700}
.vwrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.upop .uver{padding:8px 12px 6px;font-size:10.5px;line-height:1.5;color:#64748b;border-top:1px solid var(--line);margin-top:4px}.upop .uver b{color:#334155}.upop .uver .pill{display:inline-block;background:#eef2ff;color:#4338ca;border-radius:6px;padding:0 5px;font-weight:700;font-size:9.5px;margin-left:4px}
.demopill{display:inline-block;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:999px;font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:1px 7px;margin-left:6px;vertical-align:middle;text-transform:uppercase;line-height:1.4}
@media (max-width:960px){.tright .ver{display:none}}

.login .pwbox button.eye{margin:0!important;width:28px!important;padding:0!important}   /* beats .login button's margin-top:22px!important */

.login .ms .mslock i{display:inline;width:auto;height:auto;transform:none;border:0;border-left:1.5px solid #cbd5e1;border-radius:0;box-shadow:none;flex:none;font-style:normal;font-size:10px;font-weight:700;color:#fe8a17;padding-left:6px;line-height:12px;text-transform:none;letter-spacing:0}   /* sign-in footer: never the milestone diamond (.ms i) */