/* BakeNav look (approved by Matt 13 Nov 2026; mock "BakeNav look"). Loaded LAST on every page, admin and client.
   Palette: navy #172a38 (header, log-in hero, headings), blue #4a95c8 / #2f78ab (primary buttons, active tab underline,
   status pill, focus), gold #c9a45a (small labels, BAKE PLANNER, attention tags), cream #f7f3ea page, white cards,
   line #e6e1d6, ink #1b1a17, muted #6b6a64. Type: Fraunces (headings, plan numbers) + Inter. Client branding (B79, HoE)
   overrides the frame colour and logo from config through brand.js, as before. */
:root{--navy:#172a38;--navy2:#213a4d;--blue:#4a95c8;--blue2:#2f78ab;--mint:#e3eff8;--gold:#c9a45a;--gold2:#b97a0e;--cream:#f7f3ea;--ink:#1b1a17;--muted:#6b6a64;--line:#e6e1d6;--card:#fff;--red:#b23a2a;--paper2:#fbf9f4}
html{background:var(--cream)}
body{background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif}
h1,h2,h3,.h2,.fromto,.big,.sum strong,.kpi .num,.step .t,.serif{font-family:Fraunces,Georgia,serif;color:var(--navy)}
h1{font-weight:700;letter-spacing:-.01em}
.k{color:var(--gold2)}
a{color:var(--blue2)}
/* frame */
header{background:var(--navy)!important;border-bottom:0!important;color:#fff}
header .m,header label{color:#bcd3e6!important}
header select{background:#fff;color:var(--ink);border-color:transparent;border-radius:999px;font-weight:600}
#brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:24px}
#brand img{width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(201,164,90,.6)}
#brand .sub{font:600 10.5px Inter,sans-serif;letter-spacing:.3em;color:var(--gold);margin-left:4px;vertical-align:middle}
#clientbrand .tag{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
#who{color:#bcd3e6!important}#who a{color:#fff}
.navbtn{color:#bcd3e6!important;border-bottom-color:transparent!important}.navbtn.on{color:#fff!important;border-bottom-color:var(--blue)!important}
#clientband{background:var(--paper2)!important;color:var(--navy)!important;font:600 13px Inter,sans-serif!important;letter-spacing:.02em!important;border-bottom:1px solid var(--line);text-align:left!important;padding:10px 20px!important}
#reh{background:var(--gold)!important;color:#2b1d02!important;font:700 13px Inter,sans-serif!important;letter-spacing:.08em!important}
/* tabs: an underline strip, like the mock */
.tabs{gap:2px!important;border-bottom:1px solid var(--line);padding-bottom:0}
.tabs .btn{border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font:600 14px Inter,sans-serif!important;padding:0 12px!important;min-height:46px}
.tabs .btn.p{color:var(--navy)!important;border-bottom-color:var(--blue)!important;background:transparent!important}
/* controls */
.btn{font-family:Inter,sans-serif;border-radius:10px;border-color:var(--line)}
.btn.p{background:var(--blue2)!important;border-color:var(--blue2)!important;color:#fff!important}
.btn.p:hover{background:var(--blue)!important}
.day.on,.f.on,.shop.on{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)!important}
/* status words */
.tag{font-family:Inter,sans-serif;font-weight:600;font-size:12px;letter-spacing:.02em}
.tag.g{color:var(--blue2);border-color:#bcd6ea;background:var(--mint)}
.tag.a{color:var(--gold2);border-color:#f1dfb3;background:#fff4dc}
.tag.r{color:var(--red);border-color:#f1c6bf;background:#fbe5e1}
.tag.u{color:var(--muted);border-color:var(--line);background:#f3efe6}
.note{background:#fff4dc;border-color:var(--gold)}
.prov{background:#fbe5e1;border-color:var(--red)}
.card,.step,.sum{border-color:var(--line);border-radius:14px}
.say.m,.m{color:var(--muted)}
/* tables: numbers in the serif, right-aligned; group rows as small caps bands */
.plan th,.lst th,.tbl th,.pl th,.days th{font:600 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.plan td.big,.plan .q{font:600 20px/1 Fraunces,Georgia,serif!important;color:var(--ink)}
.plan td{text-align:right;font-family:Fraunces,Georgia,serif;font-size:20px}
.plan td.l{font:600 15px Inter,sans-serif;color:var(--ink)}
.plan td.off{color:#c8c3b6;font-weight:400}
.plan tr.grp td,.pl tr.grp td,.pg tr.grp td{background:var(--paper2)!important;font:700 11px Inter,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--navy2)!important;text-align:left;padding:8px 12px!important}
.plan tr.tot td{background:var(--paper2);border-top:2px solid var(--line);font-family:Fraunces,Georgia,serif;color:var(--navy);font-weight:700}
.plan tr.tot td.l{font:700 13px Inter,sans-serif;color:var(--muted)}
.plan .s,.plan td .fl{font-family:Inter,sans-serif;font-size:12px}
.plan td.nt{font:400 13px/1.45 Inter,sans-serif;text-align:left;color:var(--ink)}
.rtag{display:inline-block;margin-left:8px;font:600 10px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:#fff4dc;color:var(--gold2);border:1px solid #f1dfb3;vertical-align:middle;white-space:nowrap}
.rtag.step{background:var(--mint);color:var(--blue2);border-color:#bcd6ea}
.rtag.cut{background:#fbe5e1;color:var(--red);border-color:#f1c6bf}
.status{display:inline-flex;align-items:center;gap:6px;font:600 12px Inter,sans-serif;color:var(--blue2);background:var(--mint);padding:5px 10px;border-radius:999px;white-space:nowrap}
.status i{width:8px;height:8px;border-radius:50%;background:var(--blue);display:inline-block}
.status.off{color:var(--gold2);background:#fff4dc}.status.off i{background:var(--gold)}
.bt{color:var(--navy);border-color:var(--navy)}
.fix{color:var(--red);border-color:var(--red);background:#fbe5e1}
#bar.ok{border-top-color:var(--blue2)}#bar.bad{border-top-color:var(--red)}
/* admin frame details */
.step .f{min-height:0!important;border:0!important;padding:0!important;background:none!important;font:400 11px Inter,sans-serif!important;color:var(--muted)!important;cursor:default}
header select:disabled{background:#2c4458;color:#bcd3e6;opacity:1}
#tabs.tabs .btn.p,#tabs .btn.p{background:transparent!important;color:var(--navy)!important}
.navbtn span{background:transparent!important;color:var(--gold)!important;border:1px solid rgba(201,164,90,.5)}
.sum{background:#fff}
.hold{border-color:var(--gold)!important;background:#fff4dc!important}
/* client compliance tab (C19 sections) */
.cs-sec{display:flex;flex-direction:column;gap:10px}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.cmp th{font:600 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 10px;text-align:right;white-space:normal;vertical-align:bottom}
.cmp th.l,.cmp td.l{text-align:left}
.cmp td{padding:9px 10px;border-top:1px solid #efebe2;text-align:right;vertical-align:top;font-family:Fraunces,Georgia,serif;font-size:16px;white-space:nowrap}
.cmp td.l{font:600 14px Inter,sans-serif;color:var(--ink);white-space:normal}
.cmp tr.est td{background:var(--paper2);font-weight:700}
.cmp tr.me td{background:var(--mint)}
.cmp tr.me td.l::after{content:" · your store";font:600 11px Inter,sans-serif;color:var(--blue2)}
.cmp .cv{display:inline-block;white-space:nowrap}
.cmp .cs{display:block;font:400 11.5px Inter,sans-serif;color:var(--muted);white-space:nowrap}
.cmp .t-good{color:#1f6f43}.cmp .t-bad{color:var(--red)}.cmp .t-warn{color:var(--gold2)}.cmp .t-muted{color:var(--muted)}
.cmp.grid td{font:600 13px Inter,sans-serif;text-align:center;padding:8px 4px}
.cmp.grid td .t-good{background:#e4f3ea;border-radius:6px;padding:3px 6px}.cmp.grid td .t-bad{background:#fbe5e1;border-radius:6px;padding:3px 6px}.cmp.grid td .t-warn{background:#fff4dc;border-radius:6px;padding:3px 6px}
.alerts{display:flex;flex-direction:column;gap:8px}
.alert{background:#fff;border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}
.alert.red{border-left-color:var(--red)}.alert.amber{border-left-color:var(--gold)}
.al-h{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:15px}
.al-tag{font:700 10px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#f3efe6;color:var(--muted)}
.alert.red .al-tag{background:#fbe5e1;color:var(--red)}.alert.amber .al-tag{background:#fff4dc;color:var(--gold2)}
.al-m{font:600 14px Fraunces,Georgia,serif;color:var(--navy)}.al-d{font-size:13px;line-height:1.45;color:var(--ink)}
/* status words never wrap (Matt 13 Nov: "Complia / nt") */
.tag,.status,.rtag,.bt,.fix,.chip{white-space:nowrap}
/* BUILD TO band and line tag: always visible, on screen and on paper */
.btband{background:#fff4dc;border:1.5px solid var(--gold);border-radius:10px;padding:8px 12px;font:600 13px/1.4 Inter,sans-serif;color:#4a3608}
.btband b{color:var(--navy)}
.plan tr.btgrp td{background:#fff4dc!important;color:#4a3608!important}
.btline{display:block;font:500 11.5px/1.35 Inter,sans-serif;color:#6b4e0a;white-space:normal;margin-top:2px}
@media print{.btband,.plan tr.btgrp td{background:#fff4dc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.btline{display:block}}
.rtag{cursor:help}
.rtip{display:block;font:400 12px/1.4 Inter,sans-serif;color:var(--ink);background:#fff;border:1px solid var(--gold);border-radius:8px;padding:6px 9px;margin-top:4px;max-width:36ch;white-space:normal;box-shadow:0 2px 8px rgba(23,42,56,.08)}
@media print{.rtip{display:none}}
.cmp td.tx{font:500 13.5px Inter,sans-serif;text-align:left;white-space:normal;color:var(--ink)}
.cmp td.band{font:600 12px Inter,sans-serif;white-space:nowrap}
.cmp td.band .cv{padding:3px 8px;border-radius:999px;background:#f3efe6;color:var(--muted)}
.cmp td.band .t-good{background:#e4f3ea;color:#1f6f43}.cmp td.band .t-warn{background:#fff4dc;color:var(--gold2)}.cmp td.band .t-bad{background:#fbe5e1;color:var(--red)}
.cmp tr.me td.l{white-space:nowrap}
.plan tr.btgrp td{text-align:left!important;font:600 13px/1.45 Inter,sans-serif!important;padding:8px 12px!important;white-space:normal}
@media print{.noprint{display:none!important}header,#tabs,#reh{display:none!important}body{background:#fff}.card{border:0;box-shadow:none}.daysheet{break-inside:avoid}}
.cmp .cs{white-space:nowrap}
.cmp td.tx{max-width:40ch;min-width:16ch}.cmp td.tx .cs{white-space:normal}

header select{max-width:260px;text-overflow:ellipsis}
/* Compliance – Detail result words */
.res{display:inline-block;font:600 12px Inter,sans-serif;letter-spacing:.02em;padding:3px 9px;border-radius:999px;background:#f3efe6;color:var(--muted);white-space:nowrap}
.res.ok{background:#e4f3ea;color:#1f6f43}.res.short{background:#fbe5e1;color:var(--red)}.res.over{background:#fff4dc;color:var(--gold2)}.res.bad{background:var(--red);color:#fff}.res.warn{background:var(--mint);color:var(--blue2)}
.plan.dtl td{font-size:18px}