/* THE OVERVIEW — the marketing view. Module: /ui/dash-overview.js. Canvas:
   "Overview redesign" (Marketing view), owner-approved 2026-09-23.

   Light and calm on purpose (owner: "no need of dark hero"): white cards on
   the app's cool ground, one coral accent, Fraunces for the figures and the
   greeting, and the state of each thing said in a small pill whose colour is
   the verdict — good, watch, act, calm — never the accent. */
#page-dashboard .ov,
#page-dashboard .ov-toolbar,
#page-dashboard .wt{
  --ov-ink:#0f1218;--ov-ink2:#475067;--ov-cap:#646c7f;--ov-faint:#8a92a6;
  --ov-line:#e6e8ef;--ov-line2:#dfe2ea;--ov-s2:#f4f5f8;--ov-s3:#eceef3;
  --ov-acc:#f15b41;--ov-accd:#d6402a;--ov-dark:#161a24;
  --ov-ok:#0e9f6e;--ov-okt:#067a55;--ov-oks:#e7f7f0;
  --ov-wa:#d97706;--ov-wat:#a15c07;--ov-was:#fff5e6;--ov-wal:#fbe0b8;
  --ov-bad:#e11d48;--ov-badt:#be123c;--ov-bads:#fff0f3;--ov-badl:#f7c6d2;
  --ov-serif:"Fraunces",Georgia,serif;
}
#page-dashboard .ov{display:flex;flex-direction:column;gap:30px;padding:4px 0 48px;color:var(--ov-ink)}
#page-dashboard .ov button{font-family:inherit;cursor:pointer}
#page-dashboard .ov b{font-variant-numeric:tabular-nums}

/* ── the toolbar: views and range as tabs ─────────────────────────────── */
#page-dashboard .ov-toolbar #dashView,#page-dashboard .ov-toolbar #dashRange{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;border:0!important}
#page-dashboard .ov-tabs{display:inline-flex;gap:3px;padding:4px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line);max-width:100%;overflow-x:auto;scrollbar-width:none}
#page-dashboard .ov-tabs::-webkit-scrollbar{display:none}
#page-dashboard .ov-tabs button{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border:0;border-radius:10px;background:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--ov-cap);white-space:nowrap;cursor:pointer}
#page-dashboard .ov-tabs button:hover{color:var(--ov-ink)}
#page-dashboard .ov-tabs button.is-on{color:#fff;background:var(--ov-dark)}
#page-dashboard .ov-tabs.is-range button.is-on{color:var(--ov-ink);background:var(--ov-s3)}
#page-dashboard .ov-tabs button:focus-visible{outline:2px solid var(--ov-acc);outline-offset:2px}

/* ── the head ─────────────────────────────────────────────────────────── */
#page-dashboard .ov-head{display:flex;align-items:flex-end;gap:24px}
#page-dashboard .ov-head .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
#page-dashboard .ov-head h1{margin:0;font-family:var(--ov-serif);font-size:38px;font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--ov-ink)}
#page-dashboard .ov-head p{margin:0;max-width:820px;font-size:15.5px;line-height:1.55;font-weight:500;color:var(--ov-ink2)}
#page-dashboard .ov-head p b{color:var(--ov-ink)}
#page-dashboard .ov-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;height:40px;padding:0 15px;border:0;border-radius:11px;font-size:13px;font-weight:800;color:var(--ov-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line2);white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
#page-dashboard .ov-btn:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #c9cedb}
#page-dashboard .ov-btn.is-dark{color:#fff;background:var(--ov-dark);box-shadow:none}
#page-dashboard .ov-btn.is-dark:hover{background:#2a2f3d}
#page-dashboard .ov-btn.is-pri{height:46px;padding:0 18px;border-radius:13px;font-size:14px;color:#fff;background:linear-gradient(180deg,#ff6b4f,#d6402a);box-shadow:0 10px 22px -10px rgba(241,91,65,.8)}
#page-dashboard .ov-btn.is-pri:hover{box-shadow:0 12px 26px -10px rgba(241,91,65,.9)}
#page-dashboard .ov-btn.is-sm{height:34px;padding:0 12px;font-size:12.5px;border-radius:10px}
#page-dashboard .ov-btn:focus-visible,#page-dashboard .ov-link:focus-visible{outline:2px solid var(--ov-acc);outline-offset:2px}
#page-dashboard .ov-link{display:inline;padding:0;margin-left:4px;border:0;background:none;font-size:12.5px;font-weight:800;color:#b93520}
#page-dashboard .ov-alert{display:flex;align-items:center;gap:14px;margin-top:-12px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-badl),0 1px 2px rgba(16,24,40,.05)}
#page-dashboard .ov-alert > svg{flex:none;width:40px;height:40px;padding:10px;box-sizing:border-box;border-radius:12px;color:var(--ov-badt);background:var(--ov-bads)}
#page-dashboard .ov-alert div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#page-dashboard .ov-alert b{font-size:14.5px;font-weight:800}
#page-dashboard .ov-alert span{font-size:13px;line-height:1.45;color:var(--ov-ink2)}

/* ── sections ─────────────────────────────────────────────────────────── */
#page-dashboard .ov-sec{display:flex;flex-direction:column;gap:14px}
#page-dashboard .ov-sechd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
#page-dashboard .ov-sechd h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ov-ink)}
#page-dashboard .ov-sechd span{font-size:13.5px;font-weight:500;color:var(--ov-cap)}
#page-dashboard .ov-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px 22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line),0 1px 2px rgba(16,24,40,.05)}
#page-dashboard .ov-cardhd{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
#page-dashboard .ov-cardhd h3{margin:0;font-size:15.5px;font-weight:800;color:var(--ov-ink)}
#page-dashboard .ov-cardhd > span{font-size:12.5px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .ov-cardhd .sp{flex:1}
#page-dashboard .ov-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}
#page-dashboard .ov-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
#page-dashboard .ov-pill.is-good{color:var(--ov-okt);background:var(--ov-oks)}
#page-dashboard .ov-pill.is-watch{color:var(--ov-wat);background:var(--ov-was)}
#page-dashboard .ov-pill.is-act{color:var(--ov-badt);background:var(--ov-bads)}
#page-dashboard .ov-pill.is-calm{color:var(--ov-ink2);background:var(--ov-s3)}
#page-dashboard .ov-empty{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;border:1.5px dashed var(--ov-line2);color:var(--ov-ink2)}
#page-dashboard .ov-empty > svg{flex:none;color:var(--ov-faint)}
#page-dashboard .ov-empty div{flex:1;display:flex;flex-direction:column;gap:3px}
#page-dashboard .ov-empty b{font-size:14px;color:var(--ov-ink)}
#page-dashboard .ov-empty span{font-size:13px;line-height:1.5}
#page-dashboard .ov-empty.is-flat{border-style:solid;border-width:0;background:var(--ov-s2)}
#page-dashboard .ov-skel{height:18px;border-radius:9px;background:linear-gradient(90deg,var(--ov-s2) 25%,#fbfbfd 50%,var(--ov-s2) 75%);background-size:200% 100%;animation:ovSk 1.3s linear infinite}
#page-dashboard .ov-skel.is-h{height:34px;width:60%}
@keyframes ovSk{to{background-position:-200% 0}}

/* ── vital signs ──────────────────────────────────────────────────────── */
#page-dashboard .ov-vitals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#page-dashboard .ov-vital{display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px 18px 16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line),0 1px 2px rgba(16,24,40,.05)}
#page-dashboard .ov-vital .hd{display:flex;align-items:center;gap:8px}
#page-dashboard .ov-vital .hd > span:first-child{flex:1;font-size:13px;font-weight:800;color:var(--ov-ink2)}
#page-dashboard .ov-vital .big{display:flex;align-items:baseline;gap:6px;min-width:0}
#page-dashboard .ov-vital .big b{font-family:var(--ov-serif);font-size:34px;font-weight:500;line-height:1;letter-spacing:-.02em}
#page-dashboard .ov-vital .big span{font-size:12.5px;font-weight:700;color:var(--ov-cap);white-space:nowrap}
#page-dashboard .ov-vital .viz{height:38px;display:flex;align-items:flex-end}
#page-dashboard .ov-vital .ft{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--ov-line)}
#page-dashboard .ov-vital .ft b{font-size:12.5px;font-weight:700;color:var(--ov-ink)}
#page-dashboard .ov-vital .ft span{font-size:12px;line-height:1.4;color:var(--ov-cap)}
#page-dashboard .ov-spark{display:block;width:100%;height:38px;overflow:visible}
#page-dashboard .ov-spark .l{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
#page-dashboard .ov-spark .a{opacity:.16}
#page-dashboard .ov-spark.is-ok .l{stroke:var(--ov-ok)} #page-dashboard .ov-spark.is-ok .a{fill:var(--ov-ok);opacity:0}
#page-dashboard .ov-spark.is-info .l{stroke:#2563eb} #page-dashboard .ov-spark.is-info .a{fill:#2563eb}
#page-dashboard .ov-spark.is-warn .l{stroke:var(--ov-wa)} #page-dashboard .ov-spark.is-warn .a{fill:var(--ov-wa)}
#page-dashboard .ov-stack{display:flex;gap:2px;width:100%;height:10px}
#page-dashboard .ov-stack i{min-width:3px;height:100%}
#page-dashboard .ov-stack i:first-child{border-radius:5px 0 0 5px}
#page-dashboard .ov-stack i:last-child{border-radius:0 5px 5px 0}
#page-dashboard .ov-stack.is-tall{height:14px}
#page-dashboard .ov-stack.is-tall i:first-child{border-radius:7px 0 0 7px}
#page-dashboard .ov-stack.is-tall i:last-child{border-radius:0 7px 7px 0}
#page-dashboard .ov-bars{display:flex;align-items:flex-end;gap:8px;width:100%;height:38px}
#page-dashboard .ov-bars i{flex:1;border-radius:4px 4px 1px 1px;background:#d9dde6}
#page-dashboard .ov-bars i.is-now{background:#9aa3b5}

/* ── warm audiences ───────────────────────────────────────────────────── */
#page-dashboard .ov-warm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#page-dashboard .ov-wcard{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--ov-line),0 1px 2px rgba(16,24,40,.05);transition:transform .2s,box-shadow .2s}
#page-dashboard .ov-wcard:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--ov-line2),0 20px 40px -22px rgba(16,24,40,.3)}
#page-dashboard .ov-wcard .top{display:flex;align-items:flex-start;gap:14px}
#page-dashboard .ov-wcard .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
#page-dashboard .ov-wcard .ic.is-purple{color:#6d3fd6;background:#f3efff}
#page-dashboard .ov-wcard .ic.is-info{color:#1d4ed8;background:#eef3ff}
#page-dashboard .ov-wcard .ic.is-ok{color:var(--ov-okt);background:var(--ov-oks)}
#page-dashboard .ov-wcard .ic.is-warn{color:var(--ov-wat);background:var(--ov-was)}
#page-dashboard .ov-wcard .ic.is-acc{color:#b93520;background:#fff1ed}
#page-dashboard .ov-wcard .ic.is-ink{color:var(--ov-ink);background:var(--ov-s3)}
#page-dashboard .ov-wcard p{margin:0;font-size:15px;line-height:1.4;font-weight:700;color:var(--ov-ink)}
#page-dashboard .ov-wcard p b{font-family:var(--ov-serif);font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1;margin-right:4px;vertical-align:-3px}
#page-dashboard .ov-wcard .why{font-size:13px;line-height:1.5;color:var(--ov-ink2)}
#page-dashboard .ov-wcard .try{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;background:var(--ov-s2)}
#page-dashboard .ov-wcard .try svg{flex:none;color:var(--ov-accd)}
#page-dashboard .ov-wcard .try span{font-size:12.5px;line-height:1.4;font-weight:600;color:var(--ov-ink2)}
#page-dashboard .ov-wcard .try b{color:var(--ov-ink)}
#page-dashboard .ov-wcard .acts{margin-top:auto;display:flex;align-items:center;gap:10px}

/* ── what is working ──────────────────────────────────────────────────── */
#page-dashboard .ov-two{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:stretch}
#page-dashboard .ov-seg{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:12px;background:var(--ov-s2)}
#page-dashboard .ov-seg > span{padding:0 8px;font-size:12px;font-weight:700;color:var(--ov-cap)}
#page-dashboard .ov-seg button{height:30px;padding:0 11px;border:0;border-radius:9px;background:none;font-size:12.5px;font-weight:800;color:var(--ov-cap)}
#page-dashboard .ov-seg button.is-on{color:#fff;background:var(--ov-dark)}
#page-dashboard .ov-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) 150px;gap:16px;align-items:center}
#page-dashboard .ov-ghd{padding:0 2px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ov-faint)}
#page-dashboard .ov-row{padding:12px 2px;border-top:1px solid var(--ov-line)}
#page-dashboard .ov-row .nm{min-width:0;display:flex;flex-direction:column;gap:3px}
#page-dashboard .ov-row .nm b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .ov-row .nm span{font-size:12px;color:var(--ov-cap)}
#page-dashboard .ov-row .m{display:flex;flex-direction:column;gap:6px}
#page-dashboard .ov-row .m b{font-size:14px;font-weight:800;color:var(--ov-ink2)}
#page-dashboard .ov-row .m.is-on b{color:var(--ov-ink)}
#page-dashboard .ov-row .bar{position:relative;display:block;height:6px;border-radius:999px;background:var(--ov-s3)}
#page-dashboard .ov-row .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#b8bfcc}
#page-dashboard .ov-row .m.is-on .bar i{background:var(--ov-acc)}
#page-dashboard .ov-row .bar em{position:absolute;top:-4px;width:2px;height:14px;margin-left:-1px;border-radius:1px;background:var(--ov-ink)}
#page-dashboard .ov-usual{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;background:var(--ov-s2);font-size:12.5px;font-weight:600;color:var(--ov-ink2)}
#page-dashboard .ov-usual i{flex:none;width:2px;height:14px;background:var(--ov-ink)}
#page-dashboard .ov-flag{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--ov-was);box-shadow:inset 0 0 0 1px var(--ov-wal)}
#page-dashboard .ov-flag > svg{flex:none;color:var(--ov-wat)}
#page-dashboard .ov-flag div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#page-dashboard .ov-flag b{font-size:13.5px;font-weight:800}
#page-dashboard .ov-flag span{font-size:12.5px;color:var(--ov-ink2)}
#page-dashboard .ov-time .lead{margin:0;font-family:var(--ov-serif);font-size:22px;line-height:1.3;letter-spacing:-.01em;color:var(--ov-ink)}
#page-dashboard .ov-time .lead em{font-style:normal;color:var(--ov-accd)}
#page-dashboard .ov-time .lead.is-quiet{font-size:17px;color:var(--ov-ink2)}
#page-dashboard .ov-hours{display:flex;align-items:flex-end;gap:3px;height:124px;padding-top:14px}
#page-dashboard .ov-hours i{position:relative;flex:1;min-width:0;border-radius:4px 4px 1px 1px;background:#dfe3ea}
#page-dashboard .ov-hours i.is-best{background:var(--ov-acc)}
#page-dashboard .ov-hours i.is-send::after{content:"";position:absolute;left:50%;top:-14px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--ov-ink)}
#page-dashboard .ov-hax{display:flex;justify-content:space-between;font-size:10.5px;font-weight:600;color:var(--ov-faint)}
#page-dashboard .ov-tlegend{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--ov-line)}
#page-dashboard .ov-tlegend span{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ov-ink2)}
#page-dashboard .ov-tlegend i{flex:none;width:8px;height:8px}
#page-dashboard .ov-tlegend .k-send{border-radius:50%;background:var(--ov-ink)}
#page-dashboard .ov-tlegend .k-best{border-radius:2px;background:var(--ov-acc)}
#page-dashboard .ov-time .ov-btn{margin-top:auto}

/* ── your audience ────────────────────────────────────────────────────── */
#page-dashboard .ov-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
#page-dashboard .ov-callout{display:flex;gap:10px;padding:12px 14px;border-radius:13px;font-size:13px;line-height:1.45;font-weight:600}
#page-dashboard .ov-callout.is-ok{color:var(--ov-ink);background:var(--ov-oks)}
#page-dashboard .ov-callout > svg{flex:none;color:var(--ov-okt);margin-top:1px}
#page-dashboard .ov-src{display:grid;grid-template-columns:minmax(0,1fr) 58px 76px;gap:10px;align-items:center}
#page-dashboard .ov-srchd{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ov-faint)}
#page-dashboard .ov-srchd span:not(:first-child){text-align:right}
#page-dashboard .ov-src .nm{min-width:0;display:flex;flex-direction:column;gap:6px}
#page-dashboard .ov-src .nm b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-dashboard .ov-src .nm i{font-style:normal;margin-left:5px;font-size:11px;font-weight:700;color:var(--ov-cap)}
#page-dashboard .ov-src .bar{display:block;height:6px;border-radius:999px;background:var(--ov-s3)}
#page-dashboard .ov-src .bar i{display:block;height:100%;border-radius:999px;background:var(--ov-dark)}
#page-dashboard .ov-src .n,#page-dashboard .ov-src .c{text-align:right;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
#page-dashboard .ov-src .c.is-good{color:var(--ov-okt)}
#page-dashboard .ov-bands{display:flex;flex-direction:column}
#page-dashboard .ov-band{display:flex;align-items:center;gap:10px;padding:9px 4px;border:0;border-top:1px solid var(--ov-line);background:none;text-align:left;color:var(--ov-ink);border-radius:0}
#page-dashboard .ov-band:first-child{border-top:0}
#page-dashboard .ov-band:hover{background:#fafbfc}
#page-dashboard .ov-band i{flex:none;width:10px;height:10px;border-radius:3px}
#page-dashboard .ov-band span{flex:1;font-size:13px;font-weight:700}
#page-dashboard .ov-band b{font-size:13px;font-weight:800}
#page-dashboard .ov-band em{width:40px;text-align:right;font-style:normal;font-size:12px;font-weight:600;color:var(--ov-faint)}
#page-dashboard .ov-band svg{color:var(--ov-faint);transform:rotate(-90deg)}
#page-dashboard .ov-cus{display:flex;flex-direction:column}
#page-dashboard .ov-cu{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--ov-line)}
#page-dashboard .ov-cu:first-child{border-top:0;padding-top:0}
#page-dashboard .ov-cu .when{flex:none;width:78px;display:flex;flex-direction:column;gap:2px}
#page-dashboard .ov-cu .when b{font-size:12.5px;font-weight:800}
#page-dashboard .ov-cu .when b.is-live{color:var(--ov-okt)}
#page-dashboard .ov-cu .when span{font-size:11.5px;font-weight:600;color:var(--ov-cap)}
#page-dashboard .ov-cu .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ov-ink2);background:var(--ov-s2)}
#page-dashboard .ov-cu .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#page-dashboard .ov-cu .t b{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-dashboard .ov-cu .t span{font-size:12px;color:var(--ov-cap)}
#page-dashboard .ov-gap{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 14px;border-radius:13px;border:1.5px dashed var(--ov-line2);font-size:12.5px;line-height:1.45;font-weight:600;color:var(--ov-ink2)}
#page-dashboard .ov-gap > svg{flex:none}
#page-dashboard .ov-gap span{flex:1}
#page-dashboard .ov-gap b{color:var(--ov-ink)}

/* ── narrower screens ─────────────────────────────────────────────────── */
@media (max-width: 1280px){
  #page-dashboard .ov-vitals{grid-template-columns:repeat(3,minmax(0,1fr))}
  #page-dashboard .ov-three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 1100px){
  #page-dashboard .ov-two{grid-template-columns:minmax(0,1fr)}
  #page-dashboard .ov-warm{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  #page-dashboard .ov{gap:24px;padding:4px 16px 32px}
  /* Two tab strips side by side leave each a thumb's width; stack them. */
  /* The theme holds every toolbar child to one 34px scrolling line; the two
     strips stack instead, each scrolling inside itself. */
  #page-dashboard .dash-toolbar.ov-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;overflow:visible!important}
  #page-dashboard .dash-toolbar.ov-toolbar > *{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;flex:none!important}
  #page-dashboard .dash-toolbar.ov-toolbar > * > div{min-width:0}
  #page-dashboard .ov-toolbar .ov-tabs{flex:1 1 auto;min-width:0}
  #page-dashboard .ov-head{flex-wrap:wrap;gap:14px}
  #page-dashboard .ov-head h1{font-size:28px}
  #page-dashboard .ov-head p{font-size:14px}
  #page-dashboard .ov-head .ov-btn.is-pri{width:100%}
  #page-dashboard .ov-alert{flex-wrap:wrap;margin-top:-6px}
  #page-dashboard .ov-alert .ov-btn{width:100%}
  #page-dashboard .ov-vitals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #page-dashboard .ov-vital{padding:14px}
  #page-dashboard .ov-vital .hd{flex-wrap:wrap;gap:6px}
  #page-dashboard .ov-vital .hd > span:first-child{flex:1 1 100%}
  #page-dashboard .ov-vital .big b{font-size:26px}
  #page-dashboard .ov-vital:last-child{grid-column:1 / -1}
  #page-dashboard .ov-warm,#page-dashboard .ov-three{grid-template-columns:minmax(0,1fr)}
  #page-dashboard .ov-card,#page-dashboard .ov-wcard{padding:16px}
  #page-dashboard .ov-grid{grid-template-columns:minmax(0,1fr) repeat(3,52px);gap:10px}
  #page-dashboard .ov-grid > :last-child{grid-column:1 / -1}
  #page-dashboard .ov-ghd > :last-child{display:none}
  #page-dashboard .ov-row .bar{display:none}
  #page-dashboard .ov-cardhd .ov-seg{width:100%;overflow-x:auto}
}
@media (prefers-reduced-motion:reduce){
  #page-dashboard .ov-wcard,#page-dashboard .ov-btn{transition:none}
  #page-dashboard .ov-wcard:hover,#page-dashboard .ov-btn:hover{transform:none}
  #page-dashboard .ov-skel{animation:none}
}