/* =====================================================================================
   RJ DTC Admin · Round 4 · brand-shell dashboards + founder pair · page.css   (prefix pg-)
   Shared, byte-identical, by: dashboard, analytics-funnel, analytics-revenue,
   analytics-system-status, founder, founder-refund-requests. Generated by dashboard/src/build.py.
   Load order: _kit/tokens.css -> _kit/base.css -> app-shell, data-display, data-table,
   status-feedback, overlays, page-help family.css -> page.css.
   Only what turns the kit's specimen pieces into full-viewport pages. Values come from tokens.
   Two dedicated compositions: .kit-d (desktop /) and .kit-m (phone /m/). No size queries.
   ===================================================================================== */

.pg{background:hsl(var(--background))}
.pg a.btn{text-decoration:none}

/* ---------- desktop shell: sidebar and top bar stay put while the page scrolls (same as Round 3) ---------- */
.kit-d .pg-app{min-height:100vh;border-radius:0;box-shadow:none}
.kit-d .pg-side{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.kit-d .pg-side::-webkit-scrollbar{display:none}
.kit-d .pg-main{overflow:clip}
.pg-top{position:sticky;top:0;z-index:calc(var(--z-sticky) * 3)}
.pg-top .top-r{gap:var(--s-3)}
.pg-page{width:100%;max-width:var(--content-max);padding:var(--s-6) var(--s-6) var(--s-16);display:flex;flex-direction:column;gap:var(--s-5)}
.pg-page>.pg-st{min-width:0}
.pg-ph{margin-bottom:0}
.pg-ph .ph-r{gap:var(--s-3)}
.pg-asof{font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.pg-h2{font:var(--w-semibold) var(--text-section)/var(--lh-section) var(--font-voice);letter-spacing:var(--tr-section)}
.pg-sub{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}
.pg-btn-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:var(--s-1);border-radius:var(--r-pill);
  background:hsl(var(--primary-foreground)/.18);font:var(--w-semibold) var(--text-micro)/1 var(--font-ui);font-variant-numeric:tabular-nums}
.pg-back{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--text-small);color:hsl(var(--muted-foreground));text-decoration:none;margin-bottom:calc(var(--s-3) * -1);width:max-content}
.pg-back:hover{color:hsl(var(--foreground))}
.pg-scope{display:inline-flex;align-items:center;gap:var(--s-1);color:hsl(var(--foreground));font-weight:var(--w-medium)}
.pg-scope svg{color:hsl(var(--muted-foreground))}
.pg-ph p .code{font-size:var(--text-small)}

/* KPI rows: the data-display tiles, more columns where the page has more figures */
.kit-d .pg-k5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pg-kpis .dd-kpi{text-decoration:none;color:inherit}
.pg-kpis .dd-kpi-foot{flex-wrap:wrap;row-gap:2px}
.pg-kpis .dd-kpi-foot .chip{margin-left:auto}
.pg-kpi-nw{border-style:dashed}
.pg-sl{color:hsl(var(--muted-foreground));font-weight:var(--w-regular);margin:0 2px}
.pg-kpis .dd-split{margin-top:var(--s-1)}

/* two-column bands */
.pg-cols{display:grid;gap:var(--s-5);align-items:start}
.kit-d .pg-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.kit-d .pg-cols.pg-c21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.kit-d .pg-cols.pg-c12{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.kit-m .pg-cols{grid-template-columns:minmax(0,1fr)}
.pg-panel{min-width:0;overflow:hidden}
.pg-panel .dd-panel-h{min-height:60px}
.pg-panel .dd-panel-h .btn-tertiary{padding:0 var(--s-2)}
.pg-none{padding:var(--s-6) var(--s-4);text-align:center;font-size:var(--text-body);color:hsl(var(--muted-foreground))}

/* link rows inside a panel */
.pg-rows{display:flex;flex-direction:column}
.pg-row{display:grid;align-items:center;gap:var(--s-3);min-height:var(--row);padding:var(--s-2) var(--s-4);border-bottom:1px solid hsl(var(--border));
  color:inherit;text-decoration:none;font-size:var(--text-body);transition:background-color var(--motion-hover)}
.pg-row:last-child{border-bottom:0}
a.pg-row:hover{background:hsl(var(--accent))}
a.pg-row:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}
.pg-orow{grid-template-columns:96px minmax(0,1fr) auto 84px;min-height:56px}
.pg-trow{grid-template-columns:84px 64px minmax(0,1fr) 44px}
.pg-porow{grid-template-columns:110px minmax(0,1fr) auto auto}
.pg-oid,.pg-tid{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.pg-who{display:flex;flex-direction:column;min-width:0}
.pg-who b{font-weight:var(--w-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-who small{font-size:var(--text-small);color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-amt{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.pg-amt b{font-weight:var(--w-semibold)}
.pg-eq{font-size:var(--text-micro);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.pg-subj{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-age{text-align:right;font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.pg-sev{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-small);font-weight:var(--w-medium);color:hsl(var(--muted-foreground))}
.pg-sev.danger{color:hsl(var(--destructive))}
.pg-sev.warning{color:hsl(var(--warning))}
.pg-poid{font-size:var(--text-micro);color:hsl(var(--muted-foreground))}

/* the next step: the one obvious thing to do now, then what else is waiting, ranked */
.pg-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-3) var(--s-6);align-items:center;padding:var(--s-5);
  background:hsl(var(--card));border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--destructive));border-radius:var(--r-card);box-shadow:var(--e-1)}
.pg-next-k{display:block;font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);color:hsl(var(--destructive));margin-bottom:var(--s-2)}
.pg-next-h p{font-size:var(--text-body);color:hsl(var(--muted-foreground));margin-top:var(--s-1)}
.pg-next-h .code{color:hsl(var(--foreground))}
.pg-next-a .btn{height:var(--control-h);padding:0 var(--s-5)}
.pg-next-also{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-5);padding-top:var(--s-3);border-top:1px solid hsl(var(--border))}
.pg-also-k{font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.pg-also{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-body);color:hsl(var(--foreground));text-decoration:none}
.pg-also>svg:first-child{color:hsl(var(--muted-foreground))}
.pg-also>svg:last-child{color:hsl(var(--muted-foreground))}
.pg-also:hover span{text-decoration:underline;text-decoration-color:hsl(var(--foreground)/.3)}
.pg-also b{font-weight:var(--w-semibold)}

/* states: shared bits */
.pg-empty{background:hsl(var(--card));border:1px dashed hsl(var(--secondary-border));border-radius:var(--r-card)}
.pg-empty.err{border-style:solid;border-color:hsl(var(--destructive)/.3);background:hsl(var(--destructive)/.03)}
.pg-empty-ic{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-card);background:hsl(var(--muted));color:hsl(var(--muted-foreground));margin-bottom:var(--s-2)}
.pg-empty-ic.err{background:hsl(var(--destructive)/var(--status-soft-alpha));color:hsl(var(--destructive))}
.pg-inerr{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-5) var(--s-4)}
.pg-inerr>svg{color:hsl(var(--destructive));flex:none;margin-top:2px}
.pg-inerr b{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice)}
.pg-inerr p{font-size:var(--text-body);color:hsl(var(--muted-foreground));margin:2px 0 var(--s-3)}
.pg-skl{display:flex;flex-direction:column;padding:var(--s-2) 0}
.pg-skr{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border))}
.pg-skr:last-child{border-bottom:0}
.pg-skr .dd-sk{height:12px}
.pg-loadline{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.dd-skel{display:flex;align-items:flex-end;gap:var(--s-2);height:120px;width:100%}
.dd-skel .dd-sk{flex:1}

/* analytics: page tabs under the page head */
.pg-tabs{display:flex;gap:var(--s-5);border-bottom:1px solid hsl(var(--border));margin-top:calc(var(--s-1) * -1)}
.pg-tabs a{position:relative;display:inline-flex;align-items:center;height:40px;font:var(--w-medium) var(--text-body)/1 var(--font-voice);color:hsl(var(--muted-foreground));text-decoration:none;transition:color var(--motion-hover)}
.pg-tabs a:hover{color:hsl(var(--foreground))}
.pg-tabs a.on{color:hsl(var(--foreground));font-weight:var(--w-semibold)}
.pg-tabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:var(--r-pill);background:hsl(var(--primary))}
.pg-tabs a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:var(--r-chip)}

/* funnel: the kit's funnel rows plus a "from previous" column and a header */
.kit-d .pg-fun .dd-fun-r{grid-template-columns:22px 170px minmax(0,1fr) 72px 56px 96px}
.pg-fun-head{display:grid;grid-template-columns:22px 170px minmax(0,1fr) 72px 56px 96px;gap:var(--s-3);padding:var(--s-4) var(--s-4) 0;
  font:var(--w-semibold) var(--text-micro)/1 var(--font-voice);color:hsl(var(--muted-foreground))}
.pg-fun-head .n{text-align:right}
.pg-fp{text-align:right;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
.pg-funplot{padding:0}
.pg-fun .dd-fun-r{cursor:default}
.pg-fun .dd-fun-r:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:var(--r-chip)}
.pg-fun .dd-fun-r.pg-leak{background:hsl(var(--warning)/.06);box-shadow:inset 2px 0 0 hsl(var(--warning));margin:0 calc(var(--s-4) * -1);padding-left:var(--s-4);padding-right:var(--s-4)}
.pg-fun .dd-fun-r.pg-leak .pg-fp{color:hsl(var(--warning));font-weight:var(--w-semibold)}
.pg-fun .dd-chart{position:relative}
.pg-fun{position:relative}
.pg-insight{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-card);background:hsl(var(--muted));font-size:var(--text-body);line-height:var(--lh-body)}
.pg-insight>svg{color:hsl(var(--warning));flex:none;margin-top:1px}
.pg-insight b{font-weight:var(--w-semibold)}

/* revenue */
.pg-curb{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}
.dd-split.lg{height:12px}
.pg-line{position:relative}
.pg-line .dd-plot{position:relative}
.pg-cols .dd-chart{height:100%}
.pg-porow .pg-who small{white-space:nowrap}

/* system status */
.pg-sbanner .q{font-size:var(--text-small);margin-top:var(--s-1)}
.pg-sbanner>.spin{margin-top:3px}
.pg-sech{display:flex;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3)}
.pg-svcsec{display:flex;flex-direction:column}
.pg-svct .dt{table-layout:fixed}
.pg-svc{display:flex;align-items:center;gap:var(--s-3);min-width:0}
.pg-svc>span:last-child{display:flex;flex-direction:column;min-width:0}
.pg-svc b{font-weight:var(--w-semibold)}
.pg-svc .dot{flex:none}
.dot.off{background:hsl(var(--muted-foreground)/.45)}
.pg-note{color:hsl(var(--muted-foreground));font-size:var(--text-small)}
.pg-lat{display:inline-flex;align-items:center;gap:var(--s-3);justify-content:flex-end;width:100%;font-size:var(--text-body)}
.pg-lat.none{color:hsl(var(--muted-foreground))}
.pg-lat.slow .num{color:hsl(var(--warning));font-weight:var(--w-semibold)}
.pg-lat-t{position:relative;width:88px;height:6px;border-radius:var(--r-pill);background:hsl(var(--muted))}
.pg-lat-t i{position:absolute;left:0;top:0;bottom:0;border-radius:var(--r-pill);background:hsl(var(--chart-1))}
.pg-lat.slow .pg-lat-t i{background:hsl(var(--warning))}
.pg-lat-t b{position:absolute;left:80%;top:-3px;bottom:-3px;width:1.5px;background:hsl(var(--foreground)/.5)}
.pg-lat .num{min-width:56px;text-align:right;font-variant-numeric:tabular-nums}

/* founder */
.pg-levers{display:flex;flex-direction:column}
.pg-lever{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);border-bottom:1px solid hsl(var(--border));color:inherit;text-decoration:none}
.pg-lever:last-child{border-bottom:0}
.pg-lever .t b{font:var(--w-semibold) var(--text-card)/1.3 var(--font-voice)}
.pg-lever .t p{font-size:var(--text-small);color:hsl(var(--muted-foreground));margin-top:2px}
.pg-lever-ic{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-control);background:hsl(var(--muted));color:hsl(var(--muted-foreground))}
.pg-gate{grid-template-columns:32px minmax(0,1fr) auto 16px;background:hsl(var(--accent)/.5);transition:background-color var(--motion-hover)}
.pg-gate:hover{background:hsl(var(--accent))}
.pg-gate .pg-lever-ic{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.pg-gate>svg{color:hsl(var(--muted-foreground))}
.pg-lv-off{display:none;align-items:center;gap:var(--s-2)}
[data-state=notbuilt] .pg-lv-on{display:none}
[data-state=notbuilt] .pg-lv-off{display:inline-flex}
.pg-flat{border:0;border-radius:0}
.pg-flat .dt th:first-child,.pg-flat .dt td:first-child{padding-left:var(--s-4)}
.pg-chk{display:flex;align-items:center;gap:var(--s-3)}
.pg-meter{position:relative;flex:1;height:8px;min-width:80px;border-radius:var(--r-pill);background:hsl(var(--muted))}
.pg-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:var(--r-pill);background:hsl(var(--chart-1))}
.pg-meter.bad i{background:hsl(var(--destructive))}
.pg-meter b{position:absolute;left:90%;top:-3px;bottom:-3px;width:1.5px;background:hsl(var(--foreground)/.55)}
.pg-chk .num{min-width:52px;text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--w-semibold)}
.pg-bad{color:hsl(var(--destructive))}
.pg-sync{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-small)}
.pg-cf-brand{margin-top:var(--s-4);display:none}
.pg-cf-brand.on{display:block}
.pg-cf-brand select{width:100%}

/* refund gate */
.pg-fbar{display:flex;gap:var(--s-2);flex-wrap:wrap}
.pg-rq .dt{table-layout:fixed}
.pg-rq tbody tr{cursor:pointer}
.pg-rq tbody tr:focus-visible td{background:hsl(var(--accent))}
.pg-rq .dt-t1{font-size:var(--text-body)}
.pg-elig{display:inline-flex;align-items:flex-start;gap:var(--s-2);font-size:var(--text-body);line-height:1.35}
.pg-elig .dot{margin-top:6px;flex:none}
.pg-elig.warning{color:hsl(var(--foreground));font-weight:var(--w-medium)}
.pg-deep{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.pg-foot{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.pg-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-3) var(--s-4);font-size:var(--text-body);margin:0}
.pg-facts dt{color:hsl(var(--muted-foreground))}
.pg-facts dd{margin:0}
.pg-ta{height:auto;min-height:76px;padding:var(--s-2) var(--s-3);resize:vertical;width:100%}
.pg-rv .ov-sh-h .chip{margin-left:auto}
.pg-rv .ov-t{font:var(--w-semibold) var(--text-section)/var(--lh-section) var(--font-code)}

/* ---------- fixed overlay layers (kit.js stages, sized to the viewport) — the Round 3 pattern ---------- */
.pg-layer{position:fixed;inset:0;z-index:var(--z-scrim);pointer-events:none;overflow:hidden}
.pg-layer>.k-sheet,.pg-layer>.k-dialog,.pg-layer.open>.k-scrim{pointer-events:auto}
.kit-d .pg-help-layer{left:var(--sidebar-w)}
.kit-d .pg-help-layer>.k-sheet{top:var(--topbar-h)}
.kit-d .pg-help-layer>.k-scrim{top:var(--topbar-h)}
.pg-help-layer .k-sheet{display:flex;flex-direction:column}
.pg-cmd-layer>.k-dialog{top:14vh;width:auto;background:transparent;box-shadow:none;border-radius:var(--r-frame);overflow:visible;transform:translate(-50%,var(--pop-shift)) scale(.985)}
.pg-cmd-layer.open>.k-dialog{transform:translate(-50%,0)}
.pg-cmd-field{flex:1;min-width:0;border:0;outline:0;background:transparent;font:var(--w-regular) var(--text-read)/1 var(--font-ui);color:hsl(var(--foreground))}
.pg-cmd-field::placeholder{color:hsl(var(--muted-foreground))}
.pg-cmd-layer .sh-pop-l{max-height:52vh}
.sh-row[hidden],.sh-grp[hidden]{display:none}

/* toasts */
.pg-toasts{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--toast-gap);pointer-events:none}
.kit-d .pg-toasts{left:calc(var(--sidebar-w) + var(--s-6));bottom:var(--s-6);width:340px}
.pg-toasts .toast{pointer-events:auto}

/* preview-state switcher (prototype only, not product UI) */
.pg-proto{position:fixed;z-index:var(--z-toast);display:flex;align-items:center;gap:var(--s-2);transition:opacity var(--motion-hover)}
.kit-d .pg-proto{right:var(--s-5);bottom:var(--s-5)}
.pg-proto>.k-anchor>button{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--control-h-sm);padding:0 var(--s-3);border-radius:var(--r-pill);
  border:1px dashed hsl(var(--input));background:hsl(var(--background)/.94);backdrop-filter:blur(6px);box-shadow:var(--e-pop);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.pg-proto>.k-anchor>button b{font-weight:var(--w-semibold);color:hsl(var(--foreground))}
body:has(.pg-layer.open) .pg-proto{opacity:0;pointer-events:none}

/* ======================================== PHONE ======================================== */
.kit-m .pg-phone{min-height:100vh;display:flex;flex-direction:column;background:hsl(var(--background))}
.kit-m .pg-phone .p-bar{position:sticky;top:0;z-index:calc(var(--z-sticky) * 3)}
.pg-pcrumb{display:flex;align-items:center;gap:var(--s-2)}
.pg-pcrumb>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pg-pcrumb .pg-proto{position:static;margin-left:auto;flex:none}
.pg-pcrumb .pg-proto>.k-anchor>button{box-shadow:none;height:28px;padding:0 10px;font-size:var(--text-micro)}
.pg-pcrumb .pg-proto .k-pop{right:0;left:auto}
.kit-m .pg-mbody{flex:1;display:flex;flex-direction:column;gap:var(--s-4);padding-bottom:var(--s-6)}
.kit-m .pg-mpad{padding:0 var(--s-4);flex-direction:column;gap:var(--s-4)}
.kit-m .pg-tabs{padding:0 var(--s-4);gap:var(--s-5);margin:0}
.kit-m .pg-tabs a{height:44px}
.kit-m .pg-back.pg-mback{margin:var(--s-3) var(--s-4) calc(var(--s-3) * -1);min-height:32px}
.kit-m .pg-next{grid-template-columns:minmax(0,1fr);padding:var(--s-4);gap:var(--s-3)}
.kit-m .pg-next .pg-h2{font-size:var(--text-section)}
.kit-m .pg-next-a{display:none}
.kit-m .pg-next-also{flex-direction:column;align-items:stretch;gap:0;padding-top:var(--s-2)}
.kit-m .pg-also{min-height:44px;justify-content:space-between}
.kit-m .pg-also span{flex:1}
.kit-m .pg-also-k{padding-top:var(--s-1)}
.kit-m .dd-carousel{grid-auto-columns:72%;scroll-padding-inline:var(--s-4)}
.kit-m .pg-k3m{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kit-m .pg-k3m>:first-child{grid-column:1/-1}
.kit-m .pg-k5m>:first-child{grid-column:1/-1}
.kit-m .pg-k5m>:last-child{grid-column:1/-1}
.kit-m .dd-kpi-stack .dd-kpi-v{font-size:22px}
.kit-m .pg-msec{display:flex;flex-direction:column}
.kit-m .pg-msec-h{display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-2) var(--s-2) var(--s-4)}
.kit-m .pg-mlist{border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}
.kit-m .pg-li{text-decoration:none;color:inherit;width:100%;text-align:left;min-height:64px;padding-right:var(--s-4);grid-template-columns:minmax(0,1fr) auto}
.kit-m .pg-li:has(.sh-mono){grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.kit-m .pg-li .dt-li-t{font-family:var(--font-ui)}
.kit-m .pg-li .dt-li-t.code{font-family:var(--font-code)}
.kit-m .pg-li .dt-li-t .dot{vertical-align:middle;margin-right:2px}
.kit-m .pg-li .dt-li-t::after{display:none}
.kit-m .pg-li .dt-li-m{font-family:var(--font-ui)}
.kit-m .pg-li .pg-meter{display:block;margin-top:var(--s-2);min-width:0;flex:none;width:100%}
.kit-m .pg-mbox{background:hsl(var(--card))}
.kit-m .pg-mnote{font-size:var(--text-small);color:hsl(var(--muted-foreground));line-height:1.35}
.kit-m .pg-mlist .pg-lat{width:auto}
.kit-m .pg-mlist .pg-lat-t{width:56px}
.kit-m .pg-svcsec .pg-sech{flex-direction:column;gap:2px;padding:var(--s-2) 0 0}
.kit-m .pg-svcsec .pg-mlist{margin:0 calc(var(--s-4) * -1)}
.kit-m .pg-mlist .pg-elig{font-size:var(--text-small);margin-top:var(--s-1)}
.kit-m .pg-rqli{border:0;border-bottom:1px solid hsl(var(--border));background:transparent;font:inherit}
.kit-m .pg-mchips{padding:0 var(--s-4) var(--s-3);overflow-x:auto;scrollbar-width:none}
.kit-m .pg-mchips::-webkit-scrollbar{display:none}
.kit-m .pg-hs{flex-wrap:nowrap;width:max-content}
.kit-m .pg-mchips+.pg-mlist{margin-top:0}
.kit-m .pg-cols .dd-chart{height:auto}
.kit-m .pg-lever{grid-template-columns:32px minmax(0,1fr);padding:var(--s-3) var(--s-4)}
.kit-m .pg-lever .btn,.kit-m .pg-lever .pg-lv-off{grid-column:2;justify-self:start}
.kit-m .pg-gate{grid-template-columns:32px minmax(0,1fr) auto}
.kit-m .pg-gate>svg{display:none}
.kit-m .pg-panel .dd-panel-h{min-height:52px}
.kit-m .pg-porow{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
.kit-m .pg-porow .pg-poid{display:none}
.kit-m .pg-insight{padding:var(--s-3)}
.kit-m .pg-fun .dd-chart-f .btn{height:36px}
.kit-m .pg-sbanner .q{display:none}
.kit-m .pg-deep{flex-wrap:wrap}
.kit-m .pg-empty{padding:var(--s-8) var(--s-4)}

/* phone: the one primary action sits at the bottom, in thumb reach (Round 3 pattern) */
.kit-m .pg-actbar{position:sticky;bottom:var(--tabbar-h);z-index:calc(var(--z-sticky) * 2);display:flex;gap:var(--s-2);align-items:center;
  padding:var(--s-3) var(--s-4);background:hsl(var(--background)/.96);backdrop-filter:blur(8px);border-top:1px solid hsl(var(--border))}
.kit-m .pg-actbar .btn{flex:1;height:var(--control-h-m-lg);font-size:var(--text-btn-lg)}
.kit-m .pg-actbar .btn.pg-mquiet{flex:none;width:var(--control-h-m-lg);padding:0;color:hsl(var(--destructive))}
.kit-m .pg-actbar .pg-mseg{flex:none}
.kit-m .pg-actbar .pg-mseg>button{padding:0 var(--s-2);height:40px}
.kit-m .tabbar{bottom:0}
.kit-m .pg-toasts{left:var(--s-3);right:var(--s-3);bottom:calc(var(--tabbar-h) + var(--control-h-m-lg) + var(--s-8))}
.kit-m .pg-layer>.k-sheet.k-bottom{display:flex;flex-direction:column}
.kit-m .pg-help-layer .ph-d-body{padding:0 var(--s-4) var(--s-5)}
.kit-m .pg-help-layer .ph-d-head{padding:var(--s-2) var(--s-2) var(--s-3) var(--s-4)}
.kit-m .pg-cmd-sheet .sh-cmd{width:100%;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%}
.kit-m .pg-cmd-sheet .sh-pop-l{max-height:none;flex:1}
.kit-m .pg-layer .k-dialog{width:calc(100% - var(--s-8))}
.kit-m .ov-dg-f.pg-col{flex-direction:column-reverse;align-items:stretch}
.kit-m .ov-dg-f.pg-col .btn{width:100%}
.kit-m .pg-rv .ov-sh-f .r{margin-left:auto;display:flex;gap:var(--s-2)}
.kit-m .pg-rv .ov-sh-f{gap:var(--s-2)}
.kit-m .pg-rv .ov-sh-f>.btn{flex:1 0 100%;order:2}
.kit-m .pg-rv .ov-sh-f .r{flex:1 0 100%;order:1}
.kit-m .pg-rv .ov-sh-f .r .btn{flex:1}
.pg-porow .pg-amt{align-items:flex-start}
.pg-sbanner+.pg-svcsec{margin-top:var(--s-5)}
.kit-m .pg-mbody{padding-top:var(--s-4)}
.kit-m .p-head+.pg-mbody,.kit-m .pg-tabs+.pg-mbody{padding-top:var(--s-4)}
.kit-m .pg-mnote:empty{display:none}
.pg-fbar+.dt-wrap{margin-top:var(--s-4)}
.pg-t2{display:block;font-size:var(--text-small);color:hsl(var(--muted-foreground))}
.pg-svc b{white-space:nowrap}
.kit-m .pg-mnote .dot{margin:0 2px 0 4px}
.kit-m .pg-empty .act .btn-primary{display:none}
.kit-m .pg-msec+.pg-msec{margin-top:var(--s-4)}

/* ---------- states: one root attribute decides which blocks show (generated) ---------- */
.pg-st.pg-st{display:none}
[data-state=populated] .pg-st[data-for~=populated],
[data-state=empty] .pg-st[data-for~=empty],
[data-state=loading] .pg-st[data-for~=loading],
[data-state=error] .pg-st[data-for~=error],
[data-state=notwired] .pg-st[data-for~=notwired],
[data-state=operational] .pg-st[data-for~=operational],
[data-state=outage] .pg-st[data-for~=outage],
[data-state=filtered] .pg-st[data-for~=filtered],
[data-state=notbuilt] .pg-st[data-for~=notbuilt]{display:block}
[data-state=populated] .pg-st.pg-mpad[data-for~=populated],[data-state=populated] .pg-st.pg-actbar[data-for~=populated],
[data-state=empty] .pg-st.pg-mpad[data-for~=empty],[data-state=empty] .pg-st.pg-actbar[data-for~=empty],
[data-state=loading] .pg-st.pg-mpad[data-for~=loading],[data-state=loading] .pg-st.pg-actbar[data-for~=loading],
[data-state=error] .pg-st.pg-mpad[data-for~=error],[data-state=error] .pg-st.pg-actbar[data-for~=error],
[data-state=notwired] .pg-st.pg-mpad[data-for~=notwired],[data-state=notwired] .pg-st.pg-actbar[data-for~=notwired],
[data-state=operational] .pg-st.pg-mpad[data-for~=operational],[data-state=operational] .pg-st.pg-actbar[data-for~=operational],
[data-state=outage] .pg-st.pg-mpad[data-for~=outage],[data-state=outage] .pg-st.pg-actbar[data-for~=outage],
[data-state=filtered] .pg-st.pg-mpad[data-for~=filtered],[data-state=filtered] .pg-st.pg-actbar[data-for~=filtered],
[data-state=notbuilt] .pg-st.pg-mpad[data-for~=notbuilt],[data-state=notbuilt] .pg-st.pg-actbar[data-for~=notbuilt]{display:flex}
[data-state=populated] [data-hide~=populated],
[data-state=empty] [data-hide~=empty],
[data-state=loading] [data-hide~=loading],
[data-state=error] [data-hide~=error],
[data-state=notwired] [data-hide~=notwired],
[data-state=operational] [data-hide~=operational],
[data-state=outage] [data-hide~=outage],
[data-state=filtered] [data-hide~=filtered],
[data-state=notbuilt] [data-hide~=notbuilt]{display:none!important}