/* ==========================================================================
   MAVIO — Shared dashboard shell + components
   Consumed by the role-level (M) dashboards and the executive (C) brief.
   Load AFTER tokens.css.
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Manrope',sans-serif;background:#f5f4f1;color:#1a1a1a;-webkit-font-smoothing:antialiased}
.up{color:#018040}.down{color:#c1392b}.flat{color:#8a8078}
.muted{color:#b0a89e}

/* ==========================================================================
   MAVIO APP SHELL — canonical sidebar + topbar (single source of truth)
   Injected by shell.js. Edit dimensions here; every dashboard follows.
   ========================================================================== */
:root{
  --sb-w:226px;   /* sidebar expanded */
  --sb-min:64px;  /* sidebar collapsed rail */
  --top-h:56px;   /* topbar height */
  --shell-green:#0F3B36;
  --shell-gold:#F5A623;
}

/* ── Sidebar ── */
.sb{position:fixed;top:0;left:0;bottom:0;width:var(--sb-w);background:var(--shell-green);display:flex;flex-direction:column;z-index:50;transition:width .24s cubic-bezier(.22,1,.36,1)}
.sb-logo{display:flex;align-items:center;gap:10px;height:var(--top-h);padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;overflow:hidden;white-space:nowrap}
.sb-logo .txt{display:flex;flex-direction:column;min-width:0}
.sb-logo .w{font-size:15px;font-weight:800;letter-spacing:-.025em;color:#fff;line-height:1}.sb-logo .w span{color:var(--shell-gold)}
.sb-logo .s{font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:3px}
.sb-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 0 8px}
.sb-scroll::-webkit-scrollbar{width:0}
.sb-grp{font-size:8.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.28);padding:15px 18px 6px;white-space:nowrap;overflow:hidden}
.sb-i{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:1px 8px;border-radius:9px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.62);text-decoration:none;cursor:pointer;position:relative;transition:background .14s,color .14s}
.sb-i:hover{color:#fff;background:rgba(255,255,255,.06)}
.sb-i.on{color:#fff;background:rgba(255,255,255,.09)}
.sb-i.on::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--shell-gold)}
.sb-i svg{width:17px;height:17px;flex-shrink:0;opacity:.82}
.sb-i.on svg{opacity:1}
.sb-i .bdg{margin-left:auto;font-size:9px;font-weight:800;background:var(--shell-gold);color:var(--shell-green);border-radius:99px;padding:1px 6px;flex-shrink:0}
.sb-i .bdg.soon{background:rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-weight:700;letter-spacing:.04em}
.sb-i.soon{opacity:.55;cursor:default}
.sb-i.soon:hover{background:transparent;color:rgba(255,255,255,.62)}
.demo-tag{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:#9a6800;background:rgba(245,166,35,.14);border:1px solid rgba(245,166,35,.42);border-radius:99px;padding:3px 9px;cursor:default;white-space:nowrap;flex-shrink:0}
.demo-mask{position:fixed;inset:0;pointer-events:none;z-index:40;background-repeat:repeat;background-size:240px 150px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='150'%3E%3Ctext%20x='6'%20y='95'%20transform='rotate(-22%206%2095)'%20font-family='Manrope,Arial,sans-serif'%20font-size='30'%20font-weight='800'%20fill='%230f3b36'%20fill-opacity='0.05'%3EDEMO%3C/text%3E%3C/svg%3E")}
.demo-note{margin:10px 16px 22px;padding:13px 18px;font-size:11.5px;line-height:1.6;color:#7a7268;background:#fff;border:1px solid #e8e2d8;border-left:3px solid var(--shell-gold,#F5A623);border-radius:10px}
.demo-note b{color:#0F3B36;font-weight:800}
.demo-note span{color:#9a6800;font-weight:700}
.embed .demo-mask,.embed .demo-note,.embed .demo-tag{display:none!important}

/* ── Main + Topbar ── */
.main{margin-left:var(--sb-w);transition:margin-left .24s cubic-bezier(.22,1,.36,1)}
.top{position:sticky;top:0;z-index:40;height:var(--top-h);background:rgba(245,244,241,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e5e0d8;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px 0 16px}
.top-l{display:flex;align-items:center;gap:13px;min-width:0}
.burger{width:32px;height:32px;border-radius:8px;border:1px solid #e0d9cd;background:#fff;color:#0F3B36;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .14s}
.burger svg{width:16px;height:16px}
.burger:hover{background:#f0efec}
.crumb{font-size:13px;font-weight:600;color:#b0a89e;white-space:nowrap}
.crumb b{color:#0F3B36;font-weight:800}
.crumb .sep{margin:0 6px;color:#d8d2c8}
.tier{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:7px;padding:5px 10px;white-space:nowrap}
.tier .d{width:6px;height:6px;border-radius:50%}
.tier.m{color:#9a6800;background:#fff8ec;border:1px solid #f3e2c4}.tier.m .d{background:#F5A623}
.tier.c{color:#0F3B36;background:#eef4f2;border:1px solid #cfe1da}.tier.c .d{background:#0F3B36}

.top-r{display:flex;gap:8px;align-items:center}
.t-search{display:flex;align-items:center;gap:8px;height:32px;min-width:188px;padding:0 9px 0 11px;border:1px solid #e0d9cd;background:#fff;border-radius:9px;font-size:12px;color:#9a9087;cursor:text;transition:border-color .14s,box-shadow .14s}
.t-search:hover{border-color:#d8c9a6}
.t-search svg{width:14px;height:14px;flex-shrink:0;opacity:.6}
.t-search .kbd{margin-left:auto;font-family:var(--font-mono,monospace);font-size:9px;font-weight:700;color:#9a9087;background:#f0efec;border:1px solid #e3ddd2;border-radius:5px;padding:2px 5px;line-height:1}
.filters{display:flex;gap:7px;align-items:center}
.pill{font-size:11px;font-weight:600;color:#0F3B36;background:#fff;border:1px solid #e0d9cd;border-radius:8px;padding:6px 11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;transition:border-color .14s}
.pill:hover{border-color:#d8c9a6}
.pill svg{width:13px;height:13px;opacity:.6}
.t-bell{position:relative;width:32px;height:32px;border-radius:8px;border:1px solid #e0d9cd;background:#fff;color:#5a5248;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .14s}
.t-bell:hover{background:#f0efec}
.t-bell svg{width:15px;height:15px}
.t-bell .nd{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:#c1392b;border:1.5px solid #f5f4f1}
.t-refresh{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:600;color:#7a7268;white-space:nowrap}
.t-refresh .dot.live{background:#018040}
.t-av{width:30px;height:30px;border-radius:50%;background:#0F3B36;color:#F5A623;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
.wrap{padding:18px 24px 44px;max-width:1480px}

/* ── Role switcher (M-level rotation) ── */
.roles{display:flex;gap:3px;background:#eceae4;border:1px solid #e0d9cd;border-radius:9px;padding:3px}
.role{font-size:11px;font-weight:700;color:#7a7268;text-decoration:none;padding:6px 12px;border-radius:7px;white-space:nowrap;transition:.14s;display:flex;align-items:center;gap:6px}
.role:hover{color:#0F3B36;background:rgba(255,255,255,.6)}
.role.on{color:#0F3B36;background:#fff;box-shadow:0 1px 2px rgba(15,59,54,.1)}
.role .ic{width:6px;height:6px;border-radius:50%;background:#c8c0b6}
.role.on .ic{background:#F5A623}
.role-cup{font-size:11px;font-weight:700;color:#0F3B36;background:#0F3B36;color:#fff;text-decoration:none;padding:7px 13px;border-radius:8px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:.14s}
.role-cup:hover{background:#0c322e}
.role-cup .star{color:#F5A623}

/* ── KPI strip ── */
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:8px}
.kpis.k5{grid-template-columns:repeat(5,1fr)}
.kpi{background:#fff;border:1px solid #e8e2d8;border-radius:11px;padding:13px 14px;box-shadow:0 1px 2px rgba(15,59,54,.05)}
.kpi .l{font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#b0a89e;margin-bottom:7px;display:flex;align-items:center;gap:6px}
.kpi .v{font-size:23px;font-weight:800;letter-spacing:-.03em;color:#0F3B36;line-height:1}
.kpi .v small{font-size:13px;font-weight:700;color:#b0a89e}
.kpi .ft{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.kpi .d{font-size:11px;font-weight:700}
.dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;display:inline-block}

/* ── Sections ── */
.band{display:flex;align-items:center;gap:10px;margin:22px 2px 12px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0F3B36}
.band .n{width:18px;height:18px;border-radius:5px;background:#0F3B36;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:800}
.band .sub{color:#b0a89e;font-weight:600;letter-spacing:0;text-transform:none;font-size:10.5px}
.band::after{content:'';flex:1;height:1px;background:#e0d9cd}
.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.card{background:#fff;border:1px solid #e8e2d8;border-radius:11px;padding:14px;box-shadow:0 1px 2px rgba(15,59,54,.04)}
.card.dk{background:#0F3B36;border-color:#0F3B36}
.ct{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.ct .t{font-size:12px;font-weight:700;color:#0F3B36}
.ct .t.od{color:#fff}
.ct .m{font-size:10px;font-weight:600;color:#b0a89e;display:flex;align-items:center;gap:4px;white-space:nowrap}
.ct .lnk{font-size:10px;font-weight:700;color:#9a6800;cursor:pointer}

/* big number */
.big{font-size:30px;font-weight:800;letter-spacing:-.035em;color:#0F3B36;line-height:1}
.big small{font-size:15px;font-weight:700;color:#b0a89e}

/* table */
.tbl{width:100%;border-collapse:collapse;font-size:11px}
.tbl th{text-align:left;font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#b0a89e;padding:0 7px 7px}
.tbl th.r,.tbl td.r{text-align:right}
.tbl td{padding:6px 7px;border-top:1px solid #f0efec;color:#5a5248;height:30px}
.tbl td:first-child{font-weight:600;color:#0F3B36}
.tbl .ab{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:5px;font-size:9px;font-weight:700;color:#fff;padding:0 4px}
.tag{display:inline-flex;align-items:center;font-size:9px;font-weight:700;border-radius:5px;padding:2px 7px}

/* mini stat tiles */
.stats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.stats.s4{grid-template-columns:repeat(4,1fr)}
.stats.s5{grid-template-columns:repeat(5,1fr)}
.stats.s6{grid-template-columns:repeat(6,1fr)}
.stat{background:#fff;border:1px solid #e8e2d8;border-radius:10px;padding:11px 12px}
.stat .l{font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#b0a89e;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat .v{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#0F3B36;line-height:1}
.stat .v small{font-size:11px;color:#b0a89e;font-weight:700}
.stat .d{font-size:9.5px;font-weight:700;margin-top:3px}
.stat .bar{height:4px;border-radius:99px;background:#f0efec;margin-top:8px;overflow:hidden}
.stat .bar>div{height:100%;border-radius:99px}

/* horizontal bars */
.crow{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.crow .nm{font-size:10px;color:#7a7268;width:78px;font-weight:600;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crow .tr{flex:1;height:7px;background:#f0efec;border-radius:99px;overflow:hidden}
.crow .tr>div{height:100%;border-radius:99px}
.crow .pc{font-size:10px;font-weight:700;color:#0F3B36;width:46px;text-align:right;flex-shrink:0}

/* legend rows (donut side) */
.leg{display:flex;align-items:center;gap:6px;font-size:10px;padding:2.5px 0}
.leg .sw{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.leg .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5a5248;font-weight:600}
.leg .vl{flex-shrink:0;font-weight:700;color:#0F3B36;white-space:nowrap}
.leg .vl span{color:#b0a89e;font-weight:500}

/* list rows */
.lrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;border-top:1px solid #f0efec;font-size:10.5px}
.lrow:first-of-type{border-top:none}
.lrow .k{color:#7a7268;font-weight:600}
.lrow .v{font-weight:700;color:#0F3B36}

/* alerts / actions */
.alert{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-top:1px solid #f0efec}
.alert:first-of-type{border-top:none}
.alert .at{font-size:10.5px;font-weight:700;color:#0F3B36;line-height:1.3}
.alert .am{font-size:9px;color:#b0a89e;margin-top:1px}
.alert .av{margin-left:auto;font-size:10px;font-weight:800;flex-shrink:0;white-space:nowrap}

/* flow */
.flow{display:flex;align-items:stretch;gap:0}
.fstep{flex:1;text-align:center;padding:0 6px}
.fstep .ic{width:34px;height:34px;border-radius:9px;background:#eef4f2;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#0F3B36}
.fstep .ic svg{width:17px;height:17px}
.fstep .nm{font-size:9.5px;font-weight:600;color:#b0a89e;text-transform:uppercase;letter-spacing:.04em}
.fstep .v{font-size:16px;font-weight:800;color:#0F3B36;letter-spacing:-.02em;margin-top:3px}
.fstep .sl{font-size:9px;color:#9a9087;margin-top:2px}
.farr{display:flex;align-items:center;color:#d8d2c8;font-size:15px;padding-top:10px}

/* cohort heatmap */
.cohort{width:100%;border-collapse:separate;border-spacing:3px;font-size:9.5px}
.cohort th{font-size:8.5px;font-weight:700;color:#b0a89e;text-transform:uppercase;letter-spacing:.04em;padding-bottom:3px;text-align:center}
.cohort td{text-align:center;font-weight:700;color:#0F3B36;border-radius:5px;padding:6px 2px;height:26px}
.cohort td.lbl{text-align:left;background:none!important;color:#7a7268;font-weight:600;white-space:nowrap;padding-left:0}

/* segmented progress / gauge labels reuse inline svg */
.note{font-size:10.5px;color:#7a7268;line-height:1.55}
.note b{color:#0F3B36}

/* action chip / planning flow / insight & rec rows (shared) */
.act{font-size:9.5px;font-weight:700;color:#9a6800;background:#fff8ec;border:1px solid #f0dcb4;border-radius:6px;padding:2px 8px;cursor:pointer}
.pf{display:flex;flex-direction:column;gap:7px}
.pf-step{border:1px solid #e8e2d8;border-left:3px solid #F5A623;border-radius:8px;padding:9px 11px;background:#fdfcfa}
.pf-step .h{font-size:10px;font-weight:800;color:#0F3B36;letter-spacing:.03em;text-transform:uppercase;margin-bottom:3px}
.pf-step .b{font-size:9.5px;color:#7a7268;line-height:1.5}
.insight{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-top:1px solid #f0efec;font-size:10.5px;color:#5a5248;line-height:1.45}
.insight:first-child{border-top:none}
.insight .dot{margin-top:5px}
.rec{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #f0efec}
.rec:first-child{border-top:none}
.rec .x{font-size:9.5px;font-weight:700;color:#0F3B36;background:#eef4f2;border-radius:6px;padding:2px 7px;margin-left:auto;white-space:nowrap}
.rec .tx{font-size:10.5px;color:#5a5248;font-weight:500}
.tbl td .dot,.leg .nm .dot{margin-right:5px}

/* ── Sidebar internals: labels, sub-tabs, footer ── */
.sb-i-l{display:flex;flex-direction:column;line-height:1.18;min-width:0}
.sb-i-l em{font-style:normal;font-size:9px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.36);margin-top:2px}
.sb-i.on .sb-i-l em{color:rgba(245,166,35,.9)}
.sb-sub{display:flex;flex-direction:column;margin:1px 8px 6px;padding-left:34px;position:relative}
.sb-sub::before{content:'';position:absolute;left:22px;top:2px;bottom:6px;width:1px;background:rgba(255,255,255,.13)}
.sb-subi{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.5);text-decoration:none;padding:5px 12px;border-radius:7px;cursor:pointer;position:relative;white-space:nowrap}
.sb-subi::before{content:'';position:absolute;left:-12px;top:50%;width:7px;height:1px;background:rgba(255,255,255,.16)}
.sb-subi:hover{color:#fff;background:rgba(255,255,255,.05)}
.sb-subi.on{color:#F5A623}
.sb-foot{flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);padding:11px 16px;display:flex;align-items:center;gap:10px}
.sb-live{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:600;color:rgba(255,255,255,.42);min-width:0;white-space:nowrap}
.sb-live b{color:rgba(255,255,255,.72);font-weight:700}
.sb-av{width:28px;height:28px;border-radius:50%;background:rgba(245,166,35,.18);color:#F5A623;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;cursor:pointer}
.sb-live .dot.live{background:#34d27f}
.dot.live{width:7px;height:7px;border-radius:50%;background:#018040;box-shadow:0 0 0 0 rgba(52,210,127,.5);animation:sbping 2.6s ease-out infinite}
@keyframes sbping{0%{box-shadow:0 0 0 0 rgba(52,210,127,.5)}70%,100%{box-shadow:0 0 0 6px rgba(52,210,127,0)}}

/* ── Command palette (⌘K) ── */
.cmdk{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(10,40,32,.34);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.cmdk.open{display:flex}
.cmdk-box{width:min(560px,92vw);background:#fff;border:1px solid #e8e2d8;border-radius:16px;box-shadow:0 32px 64px -16px rgba(15,59,54,.34);overflow:hidden;animation:cmdkin .18s cubic-bezier(.22,1,.36,1)}
@keyframes cmdkin{from{transform:translateY(-8px) scale(.985)}to{transform:none}}
.cmdk-in{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #f0efec}
.cmdk-in svg{width:17px;height:17px;color:#b0a89e;flex-shrink:0}
.cmdk-in input{flex:1;border:none;outline:none;font-family:inherit;font-size:15px;font-weight:500;color:#0F3B36;background:none;min-width:0}
.cmdk-in input::placeholder{color:#b0a89e}
.cmdk-in .esc{font-family:var(--font-mono,monospace);font-size:9px;font-weight:700;color:#9a9087;background:#f0efec;border:1px solid #e3ddd2;border-radius:5px;padding:3px 6px;flex-shrink:0}
.cmdk-list{max-height:48vh;overflow-y:auto;padding:8px}
.cmdk-grp{font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b0a89e;padding:11px 12px 5px}
.cmdk-i{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;text-decoration:none;cursor:pointer}
.cmdk-i svg{width:16px;height:16px;color:#0F3B36;opacity:.7;flex-shrink:0}
.cmdk-i .l{font-size:13px;font-weight:700;color:#0F3B36;white-space:nowrap}
.cmdk-i .s{font-size:11px;color:#9a9087;margin-left:auto;white-space:nowrap}
.cmdk-i.sel{background:#f5f4f1;box-shadow:inset 0 0 0 1px #e8e2d8}
.cmdk-i:hover{background:#f5f4f1}
.cmdk-empty{padding:28px;text-align:center;font-size:12px;color:#b0a89e}

/* ── Collapsed rail (burger toggle, persisted) ── */
body.navmin .sb{width:var(--sb-min)}
body.navmin .main{margin-left:var(--sb-min)}
body.navmin .sb-logo{justify-content:center;padding:0}
body.navmin .sb-logo .txt{display:none}
body.navmin .sb-i{justify-content:center;padding:9px 0;margin:1px 8px}
body.navmin .sb-i-l,body.navmin .sb-i .bdg,body.navmin .sb-grp,body.navmin .sb-sub,body.navmin .sb-live{display:none}
body.navmin .sb-foot{justify-content:center;padding:11px 0}
body.navmin .sb-av{margin-left:0}

@media (max-width:1280px){
  .t-refresh{display:none}
}
@media (max-width:1240px){
  .kpis,.kpis.k5{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(4,1fr)}
  .grid12>*{grid-column:1/-1!important}
  [style*="repeat(12"]>*{grid-column:span 6!important}
  .wrap{padding-left:16px;padding-right:16px}
}
@media (max-width:1100px){
  .t-search{min-width:0;width:32px;padding:0;justify-content:center;gap:0}
  .t-search span,.t-search .kbd{display:none}
}
@media (max-width:1024px){
  .sb{width:var(--sb-min)}
  .main{margin-left:var(--sb-min)}
  .sb-logo{justify-content:center;padding:0}
  .sb-logo .txt{display:none}
  .sb-i{justify-content:center;padding:9px 0}
  .sb-i-l,.sb-i .bdg,.sb-grp,.sb-sub,.sb-live{display:none}
  .sb-foot{justify-content:center;padding:11px 0}
  .sb-av{margin-left:0}
  .filters{display:none}
}
@media (max-width:760px){
  .kpis,.kpis.k5,.stats{grid-template-columns:repeat(2,1fr)}
  [style*="repeat(12"]>*{grid-column:1/-1!important}
  .tier{display:none}
}

/* embed mode — opened from the landing viewer with #embed: hide sidebar, go full-wide */
.embed .sb{display:none!important}
.embed .main{margin-left:0!important}
.embed .wrap{max-width:none!important}