/* Extracted from bisatumbuh_soh_performance_v15.html lines 12-42. page-switch chrome + global Daily/Weekly period switch Phase 1: verbatim copy - no rule added, removed, or reordered. Phase 4: the page-switch block below is the ONE rule in this file that changed. v15 expressed "show one of four pages" as sixteen selectors hung off a class on (body.show-perf #page-home{display:none} and so on), which meant adding a fifth page would need four more lines here and the router had to know about CSS. It is now one class on the page itself, set by js/core/Router.js. Visually identical: both are display:none / display:block, and the four containers already had exactly those two states. Every other rule in every other stylesheet is still byte-for-byte v15 - tools/phase1-verify.ps1 still asserts that, and this file is now listed as expected-modified there. */ /* Brand fonts: Quicksand (display) + Nunito Sans (body/UI/data) */ /* ---- page switch (Router owns .is-active) ---- */ html,body{margin:0;padding:0} .page{display:none} .page.is-active{display:block} /* ===== Global Daily/Weekly period switch ===== */ .bt-period{display:inline-flex;align-items:center;gap:0;background:var(--soft,#f3f6f9);border:1.5px solid var(--border,#dde5ec);border-radius:10px;padding:3px;margin-left:auto} .bt-period button{font-family:inherit;font-size:12px;font-weight:700;border:0;background:transparent;color:var(--t2,#5c6b78);padding:7px 15px;border-radius:7px;cursor:pointer;transition:.15s;letter-spacing:.2px} .bt-period button.active{background:var(--blue,#0F4583);color:#fff;box-shadow:0 1px 3px rgba(15,69,131,.25)} .bt-period button:not(.active):hover{color:var(--blue-d,#0b3059)} .bt-periodwrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px} .bt-periodwrap .bt-plabel{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--t3,#8a97a3);font-weight:700} .bt-cmp{font-size:12px;color:var(--t3,#8a97a3);font-weight:600}