:root{ --bg:#0f1115; --panel:#171a21; --panel2:#1e222b; --line:#2a2f3a; --txt:#e6e9ef; --dim:#9aa3b2; --accent:#e2231a; --ok:#3fb950; --warn:#d29922; --gap:#ff6b6b; --chip:#262b36; --link:#6cb6ff; --gold:#e0b34d; --logo-filter:invert(1); /* wordmark is black-on-transparent; invert → light on the dark theme. Flip to none if a light surface is ever introduced. */ --p-discover:#4a9eff; --p-enrich:#c084fc; --p-configure:#f0a830; --p-join:#38bdf8; --p-analyze:#9aa3b2; --p-persist:#3fb950; --p-track:#ff6b6b; --p-serve:#e879f9; } *{box-sizing:border-box} /* Base canvas lives on (not ) so a transparent body lets the watermark layer show; otherwise body's background propagates to the canvas and buries the z-index:-1 watermark. */ html{background:var(--bg)} body{margin:0;background:transparent;color:var(--txt);font:14px/1.5 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif} /* Large faint wordmark watermark behind the PUBLIC surface (brand flourish; the operator console stays clean). Fixed full-viewport layer at z-index:-1 → above the canvas, below all content; the same invert filter as the header logo makes the black wordmark light on the dark theme. */ body:not(.consolemode)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background:url(/plugpcs.svg) no-repeat center 34%;background-size:min(1180px,92vw) auto; filter:var(--logo-filter);opacity:.05} a{color:var(--link)} header{padding:16px 22px 0;border-bottom:1px solid var(--line);background:var(--panel)} h1{margin:0;font-size:18px;letter-spacing:.3px} h1 .red{color:var(--accent)} .brandline{margin:0;font-size:18px;letter-spacing:.3px} /* site wordmark+livebadge wrapper — branding, NOT the page heading; each view owns its

*/ .vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* visually hidden, still in the a11y tree */ body:not(.consolemode) #consoletitle{display:none} /* console's a11y

; absent on public views so the hero/product name is the lone h1 */ .wordmark{display:inline-flex;align-items:center;color:inherit;text-decoration:none} .wordmark-logo{height:40px;display:block;filter:var(--logo-filter)} .wordmark:hover{opacity:.85} .livebadge{font-size:11px;font-weight:600;border-radius:20px;padding:2px 10px;vertical-align:3px;margin-left:8px;border:1px solid var(--line)} .livebadge.on{color:var(--ok);border-color:#1f5a2a;background:#0f1f14} .livebadge.off{color:var(--warn);border-color:#4a3a14} .sub{color:var(--dim);font-size:12.5px;margin:6px 0 12px;max-width:960px} .tabs{display:flex;gap:4px;flex-wrap:wrap} .tab{cursor:pointer;border:1px solid var(--line);border-bottom:none;background:var(--panel2);color:var(--dim); border-radius:8px 8px 0 0;padding:8px 16px;font-size:13px;font-weight:600} .tab.on{background:var(--bg);color:var(--txt);box-shadow:0 1px 0 var(--bg)} /* Public ⇄ Console cross-link (right-aligned in the flex tab bar) */ .crosslink{margin-left:auto;align-self:center;color:var(--dim);font-size:12px;cursor:pointer;padding:4px 9px;border-radius:6px;border:1px solid transparent} .crosslink:hover{color:var(--link);border-color:var(--line);background:var(--panel2)} .wrap{padding:18px 22px 70px} .muted{color:var(--dim)} .legend{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:11.5px;color:var(--dim);margin:0 0 16px} .legend .swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px} /* ---------- Overview ---------- */ .ocards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:18px} .ocard{border:1px solid var(--line);border-top:3px solid var(--bc,#888);border-radius:12px;background:var(--panel);padding:14px 16px} .ocard h2{margin:0 0 2px;font-size:17px} .ocard .stk{color:var(--dim);font-size:12px} .ocard .tl{color:var(--dim);font-size:11.5px;margin:8px 0 12px;line-height:1.4} .ometrics{display:grid;grid-template-columns:1fr 1fr;gap:8px} .ometric{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:7px 10px} .ometric b{display:block;font-size:18px;font-variant-numeric:tabular-nums} .ometric span{color:var(--dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px} .fresh{font-size:11.5px;margin-top:10px;display:flex;flex-wrap:wrap;gap:3px 14px;align-items:center;border-top:1px solid var(--line);padding-top:8px} .fdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0} .fdot.fresh{background:var(--ok)} .fdot.stale{background:var(--warn)} .fdot.unknown{background:var(--dim)} .fresh .fl{color:var(--dim)} .fresh b{color:var(--txt)} .stalewarn{border:1px solid #4a3a14;background:#1c1611;color:var(--warn);border-radius:10px;padding:8px 14px;margin-bottom:14px;font-size:12.5px} .runbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px 14px;margin-bottom:18px;font-size:12.5px} .runbar b{color:var(--txt)} .runbar code{background:var(--panel2);padding:1px 6px;border-radius:5px;font-size:11px} .totalrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px} .bigstat{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 16px;min-width:120px} .bigstat b{display:block;font-size:24px;font-variant-numeric:tabular-nums} .bigstat span{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px} /* ---------- Flow map ---------- */ .grid{display:grid;gap:8px;min-width:1040px} .phhead{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-weight:700;padding:0 0 7px;border-bottom:2px solid var(--line);text-align:center} .phhead small{display:block;font-weight:400;text-transform:none;letter-spacing:0;color:#6b7280;font-size:10px;margin-top:2px} .subnav{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap} .subtab{cursor:pointer;font-size:12.5px;padding:5px 13px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--dim);transition:color .1s} .subtab.on{background:var(--panel);color:var(--txt);border-color:var(--link)} .subtab:hover{color:var(--txt)} /* Normalization console (Internals → Normalization sub-tab) */ .normhead{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;flex-wrap:wrap;gap:8px} .normactions{display:flex;gap:8px} .nbtn{cursor:pointer;font-size:12px;padding:6px 12px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--txt)} .nbtn:hover{border-color:var(--link)} .nbtn.primary{background:var(--link);border-color:var(--link);color:#fff} .nbtn:disabled{opacity:.6;cursor:default} .normtray{border:1px solid var(--line);border-radius:9px;padding:12px;margin:0 0 14px;background:var(--panel2)} .normchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px} .normchip{cursor:pointer;font-size:12px;padding:3px 9px;border-radius:6px;background:var(--panel);border:1px solid var(--link);color:var(--txt)} .normrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0} .norminput{font-size:12.5px;padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--txt);min-width:220px} .normlabel{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:5px;cursor:pointer} .normimpact{margin-top:10px;font-size:12.5px;padding:8px 11px;border-radius:7px;line-height:1.5} .normimpact.ok{background:rgba(34,197,94,.12);color:var(--ok,#22c55e)} .normimpact.warn{background:rgba(248,113,113,.12);color:var(--gap,#f87171)} .normoverlay{border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:0 0 14px} .normsub{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim);margin-bottom:7px} .normovrow{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:12.5px} .normdel{cursor:pointer;color:var(--gap,#f87171);margin-left:auto} .ntbl{width:100%;border-collapse:collapse;font-size:12.5px} .ntbl th{text-align:left;color:var(--dim);font-weight:500;padding:5px 9px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)} .ntbl td{padding:4px 9px;border-bottom:1px solid var(--line)} .ntbl tr.folded{opacity:.45} .ntbl .num{text-align:right;font-variant-numeric:tabular-nums} .ntbl .nsample{color:var(--dim);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .normadd{cursor:pointer;font-size:14px;color:var(--link);user-select:none} .ndrift{color:var(--gap,#f87171);font-size:11px} .ntag{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--panel2);color:var(--dim);margin-left:4px} .normmodal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px} .normmodalcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;max-width:760px;width:100%;max-height:85vh;overflow:auto} .npromote{width:100%;min-height:110px;font-family:monospace;font-size:11.5px;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:7px;padding:10px;margin:6px 0 12px} /* managed-mapping domain switcher (spec keys · category · availability · value …) — the reusable base's tabs */ .normdomains{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap} .normdom{cursor:pointer;font-size:12.5px;padding:5px 12px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--dim);transition:color .1s} .normdom.on{background:var(--panel);color:var(--txt);border-color:var(--link)} .normdom:hover{color:var(--txt)} .normdom .nd-c{font-size:10px;color:var(--dim);border:1px solid var(--line);border-radius:8px;padding:0 5px;margin-left:3px;font-variant-numeric:tabular-nums} .normdom.on .nd-c{color:var(--link);border-color:color-mix(in srgb,var(--link) 45%,var(--line))} .pipewrap{margin-bottom:14px} .conceptwrap{border-top:1px solid var(--line);padding-top:10px} .conceptsum{cursor:pointer;font-size:12.5px;color:var(--dim);list-style:none;padding:5px 0;margin-bottom:6px} .conceptsum::-webkit-details-marker{display:none} .conceptsum::before{content:"▸ ";color:var(--link);font-weight:700} details[open]>.conceptsum::before{content:"▾ "} .pipehdr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;margin-bottom:8px} .pipetbl{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:12px} .pipetbl th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim);padding:0 8px 4px;border-bottom:1px solid var(--line)} .pipetbl td{vertical-align:top;padding:5px 8px;background:var(--panel2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} /* consolidated Internals table: brands on the vertical axis; the 3 former tables as column groups */ .contbl th.grp{font-size:10px;color:var(--txt);border-bottom:2px solid var(--line);padding:6px 8px 4px} .contbl td:first-child,.contbl th:first-child{position:sticky;left:0;background:var(--panel);z-index:3;min-width:170px;max-width:210px} .contbl td.brcell .brtop{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap} .contbl td.brcell .tchip{font-size:9px;text-transform:uppercase;letter-spacing:.5px;flex:none} .contbl td.brcell .brsub{font-size:10px;color:var(--dim);margin-top:1px;line-height:1.4} .contbl td.brcell .bsm{margin-right:5px} .contbl td.brcell .live{font-size:10px;color:var(--dim)} .contbl td.phcell{min-width:104px} .contbl td.phcell .card{min-width:92px;margin:0 0 4px} .contbl td.phcell .stchip{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:1px 6px;border-radius:10px;background:var(--chip);cursor:pointer;margin:1px 3px 1px 0;white-space:nowrap;line-height:1.5} .contbl td.phcell .stchip:hover{background:var(--panel);color:var(--txt)} .contbl td.phcell .stchip.sel{outline:1px solid var(--link)} .contbl td.phcell .stchip .pdot{width:6px;height:6px;border-radius:50%;flex:none;display:inline-block} .contbl td.phcell .stchip .stmk{font-size:9px;opacity:.85} /* Efficiency column — Δ-yield (diff/cache opportunity): re-processed many, changed few = flagged */ .contbl td.effx{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right} .contbl td.effx .effy{font-size:11px;color:var(--dim);margin-left:3px} .contbl td.effx.effopp{background:color-mix(in srgb,var(--warn) 16%,transparent)} .contbl td.effx.effopp .effy{color:var(--warn);font-weight:600} .contbl td.effx .effc{font-weight:600} .contbl td.effx .effc.hi{color:var(--ok)} .contbl td.effx .effc.mid{color:var(--warn)} .contbl td.effx .effc.low{color:var(--gap)} .contbl td.effx .effs{color:var(--dim);font-size:11px} .contbl td.effx .effy{font-size:11px;color:var(--dim)} .contbl td.effx .effr{color:var(--link);font-size:11px} .contbl td.effx .effr .u{color:var(--dim);font-size:9px;margin-left:1px} .contbl td.effx.effopp .effr{color:var(--warn);font-weight:600} /* fetch-latency CLASS chip: median latency, tinted by where the host sits vs the pacing floor */ .contbl td.effx .effl{font-size:11px;margin-left:3px;font-weight:600} .contbl td.effx .effl .u{font-size:9px;color:var(--dim);margin-left:1px} .contbl td.effx .effl.lpb{color:var(--dim)} /* pacing-bound: fast origin, already at the floor */ .contbl td.effx .effl.llb{color:var(--warn)} /* latency-bound: slow origin (concurrency candidate) */ .contbl td.effx .effl.lthr{color:var(--gap)} /* throttle-sensitive: slows/blocks under load */ /* exploration-vs-extraction split bar: link-color track = extraction, warn-color fill (i) = exploration(discover) */ .contbl td.effx .stgbar{display:inline-block;width:22px;height:6px;border-radius:3px;background:var(--link);vertical-align:middle;margin-left:3px;overflow:hidden;opacity:.85} .contbl td.effx .stgbar i{display:block;height:100%;background:var(--warn)} /* Dev loop sub-tab: host volume bars vs daily budgets */ .hostbars{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel)} .hostrow{display:flex;align-items:center;gap:10px;padding:3px 0;font-size:12px} .hostname{width:200px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .hbar{position:relative;flex:1;height:10px;background:var(--chip);border-radius:5px;overflow:visible} .hfill{position:absolute;left:0;top:0;bottom:0;background:var(--link);border-radius:5px;opacity:.75} .hfill.hover{background:var(--gap)} .hlim{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--warn)} .hn{width:110px;text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)} .pipetbl td:first-child{border-left:1px solid var(--line);border-radius:8px 0 0 8px} .pipetbl td:last-child{border-right:1px solid var(--line);border-radius:0 8px 8px 0} /* Wide cross-brand tables (pipeline + coverage matrix) scroll horizontally at many brands instead of cramming columns below readability. First column (stage/category) sticks so the row label stays visible. */ .xscroll{overflow-x:auto;overflow-y:visible;padding-bottom:6px} .xscroll table{width:auto;min-width:100%} .xscroll table th:not(:first-child), .xscroll table td:not(:first-child){min-width:112px} .xscroll table th:first-child, .xscroll table td:first-child{min-width:172px;position:sticky;left:0;z-index:2} .xscroll .pipetbl td:first-child{background:var(--panel2)} .xscroll table:not(.pipetbl) th:first-child{background:var(--bg)} .xscroll table:not(.pipetbl) td:first-child{background:var(--panel)} /* category × brand coverage matrix */ .covtbl{width:100%;border-collapse:separate;border-spacing:0 3px;font-size:12px} .covtbl th{text-align:center;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim);padding:0 8px 5px;border-bottom:1px solid var(--line)} .covtbl th:first-child{text-align:left} .covtbl td{background:var(--panel2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px 8px;text-align:center} .covtbl td.concept{font-weight:600;color:var(--txt);text-align:left} .covx .cn{font-weight:600} .covx .cbar{display:block;height:3px;border-radius:2px;margin-top:3px} .cb-hi{background:var(--ok)} .cb-mid{background:var(--warn)} .cb-low{background:var(--gap)} /* compact pipeline endpoint summary (1 line: lead endpoint + kind, "+N" rest, full list on hover) + tiny coverage % */ .contbl td .epsum{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:11px;line-height:1.5} .contbl td .epsum code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:118px;color:var(--txt)} .contbl td .epsum .epn{color:var(--dim);font-size:10px;font-weight:600;flex:none} .contbl td .epsum.sessm{color:var(--dim);font-style:italic} .covpct{font-size:9.5px;font-weight:600;white-space:nowrap} .covpct.cov-hi{color:var(--ok)} .covpct.cov-mid{color:var(--warn)} .covpct.cov-low{color:var(--gap)} /* consolidated Internals: ops strip + master-table chips + drawer detail sections */ .opsstrip{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;font-size:11.5px;padding:7px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px} .opsstrip .opslbl{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)} .opsstrip .opsrun b{color:var(--txt)} .opsstrip .opsnote{margin-left:auto;font-size:10.5px} .mastbl td{vertical-align:middle} .mastbl tr.mrow{cursor:pointer} .mastbl tr.mrow:hover td{background:var(--panel)} .okchip{display:inline-block;font-size:9.5px;padding:1px 6px;border-radius:9px;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);white-space:nowrap} .okchip.dim{background:var(--chip);color:var(--dim)} .rung{font-size:11px;color:var(--link)} .dtarr{color:var(--warn);font-weight:700;margin-left:2px;cursor:help} .covx .cttot{font-weight:600} .covx .catbits{font-size:10px;color:var(--dim)} .covx .catsep{margin:0 3px;opacity:.4} .rlchip{font-size:10px;color:var(--link)} .rlchip .u{font-size:8px;color:var(--dim);margin-left:1px} .caprow{font-size:12px;margin:3px 0;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap} .caprow .muted{font-size:10px;text-transform:uppercase;letter-spacing:.4px;min-width:80px} .surf{font-size:12px;margin:2px 0;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap} .dstages{display:flex;flex-wrap:wrap;gap:6px} .dfields{display:flex;flex-direction:column;gap:2px} .dfld{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;gap:8px;align-items:center;font-size:11.5px;padding:2px 0;border-bottom:1px solid var(--line)} .dfld code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .drec{font-size:11px;white-space:pre-wrap;word-break:break-word} /* consolidated master table: FIXED layout so headers align with data + fits the viewport (no h-scroll) */ .mastwrap{overflow:visible} .mastbl{table-layout:fixed;width:100%} .mastbl th,.mastbl td{min-width:0 !important;max-width:none !important} .mastbl td:first-child,.mastbl th:first-child{position:static !important} .mastbl th:nth-child(1),.mastbl td:nth-child(1){width:17%} .mastbl th:nth-child(2),.mastbl td:nth-child(2){width:11%} .mastbl th:nth-child(3),.mastbl td:nth-child(3){width:13%} .mastbl th:nth-child(4),.mastbl td:nth-child(4){width:15%} .mastbl th:nth-child(5),.mastbl td:nth-child(5){width:14%} .mastbl th:nth-child(6),.mastbl td:nth-child(6){width:15%} .mastbl th:nth-child(7),.mastbl td:nth-child(7){width:15%} .covtbl tr.covtot td{background:transparent;border:0;color:var(--dim)} .xscroll .covtbl th:not(:first-child), .xscroll .covtbl td:not(:first-child){min-width:74px} /* fetch-tier archetype band above the wide-view brand columns */ .tierband th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:1px 8px 3px;text-align:center;border:0;background:var(--bg)} .pipest b{font-size:12.5px} .pipest small{display:block;color:#6b7280;font-size:10.5px;margin-top:1px;max-width:160px} .ep{display:flex;gap:6px;align-items:baseline;margin:2px 0;cursor:help} .ep code{font-size:11px;color:var(--txt);word-break:break-all} .epk{font-size:9px;font-weight:700;padding:1px 4px;border-radius:4px;letter-spacing:.3px;flex:none} .epk-json{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)} .epk-html{background:color-mix(in srgb,var(--gap) 22%,transparent);color:var(--gap)} .epk-xml{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)} .epk-parse{background:color-mix(in srgb,var(--dim) 26%,transparent);color:var(--dim)} .shsrc{border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:0 0 12px} .shsrc-hd{font-size:12px;margin-bottom:5px} .shsess{font-size:11px;color:var(--dim);font-style:italic;margin-bottom:6px} .shrow{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:5px 0;border-top:1px solid var(--line)} .shstage{font-size:11px;color:var(--dim);font-weight:600} .sheps{min-width:0;display:flex;flex-wrap:wrap;gap:2px 14px} .sheps .ep{margin:0} .sessm{font-style:italic;color:var(--dim);opacity:.85} .cov{display:inline-block;margin-top:4px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px} .cov-hi{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)} .cov-mid{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)} .cov-low{background:color-mix(in srgb,var(--gap) 20%,transparent);color:var(--gap)} .lanelabel{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel)} .lanelabel b{font-size:15px} .lanelabel .stk{font-size:11px;color:var(--dim)} .lanelabel .live{font-size:10.5px;color:var(--ok);margin-top:4px;line-height:1.35} .lanelabel .live b{color:var(--txt)} .lane{position:relative;display:flex;align-items:stretch;padding:6px 4px;min-height:78px} .cell{display:flex;flex-direction:column;gap:6px;justify-content:center;width:100%;z-index:1} .card{position:relative;background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--bc,#888);border-radius:9px;padding:7px 9px;cursor:pointer;transition:border-color .12s,transform .08s} .card:hover{border-color:var(--link);transform:translateY(-1px)} .card.sel{border-color:var(--link);box-shadow:0 0 0 1px var(--link) inset} .card .cn{font-size:12.5px;font-weight:600;line-height:1.25;display:flex;gap:6px;align-items:baseline} .card .pdot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:4px} .card .meta{font-size:10.5px;color:var(--dim);margin-top:3px;display:flex;flex-wrap:wrap;gap:5px;align-items:center} .kbadge{font-size:10px;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:0 5px} .card .mk{font-size:11px;border-radius:5px;padding:0 4px;border:1px solid var(--line);cursor:help} .card .mk.cache{color:var(--p-persist);border-color:#234b30} .card .mk.state{color:var(--warn);border-color:#4a3a14} .card .opt{position:absolute;top:6px;right:7px;font-size:9px;color:var(--warn);border:1px solid var(--warn);border-radius:6px;padding:0 4px} .empty{display:flex;align-items:center;justify-content:center;width:100%;color:#4b5563;font-size:18px;z-index:1} .diverge{z-index:1;display:flex;align-items:center;justify-content:center;width:100%} .diverge span{font-size:10.5px;color:var(--gap);border:1px dashed #5a2a2a;background:#1c1113;border-radius:8px;padding:4px 8px;text-align:center;line-height:1.2} /* ---------- Drawer ---------- */ #drawer{position:fixed;top:0;right:0;width:430px;max-width:92vw;height:100vh;background:var(--panel);border-left:1px solid var(--line);box-shadow:-12px 0 40px rgba(0,0,0,.45);transform:translateX(100%);transition:transform .18s ease;z-index:50;overflow:auto;padding:18px 20px} #drawer.open{transform:translateX(0)} #drawer h2{margin:6px 0 2px;font-size:17px} #drawer .x{position:absolute;top:14px;right:16px;cursor:pointer;color:var(--dim);font-size:18px} #drawer .x:hover{color:#fff} .dbar{height:4px;border-radius:3px;margin-bottom:12px} .drow{margin:14px 0} .drow h4{margin:0 0 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-weight:700} .tags{display:flex;flex-wrap:wrap;gap:6px} .tg{font-size:11.5px;border:1px solid var(--line);border-radius:7px;padding:2px 8px;background:var(--panel2);display:inline-flex;gap:6px;align-items:center} .tg .tt{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.4px} .fld{font-size:12px;padding:3px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;justify-content:space-between} .fld code{color:var(--txt)} .fld .ty{color:var(--p-join);font-size:11px;white-space:nowrap} .fld .nt{color:var(--dim);font-size:10.5px;display:block} .callout{border:1px solid var(--line);border-left:3px solid var(--p-join);border-radius:8px;padding:8px 10px;background:var(--panel2);font-size:12.5px} .callout b{color:var(--p-join)} .codepath{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--dim);word-break:break-all} /* ---------- Data shapes (dynamic) ---------- */ .brandpick{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap} .bp{cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--dim);border-radius:8px;padding:6px 14px;font-weight:600;font-size:13px} .bp.on{color:var(--txt)} .fieldtbl{display:grid;grid-template-columns:minmax(180px,1fr) 120px 150px;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden} .fhd{background:var(--panel);font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim);padding:7px 12px;font-weight:700;border-bottom:1px solid var(--line)} .fcell{padding:6px 12px;border-bottom:1px solid var(--line);font-size:12.5px;display:flex;align-items:center} .fcell code{color:var(--txt)} .fcell.nested code{color:var(--dim);padding-left:14px} .ty2{color:var(--p-join);font-size:11px;font-family:ui-monospace,Menlo,monospace} .covbar{position:relative;width:120px;height:14px;background:var(--panel2);border-radius:4px;overflow:hidden;border:1px solid var(--line)} .covbar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#1f5a2a,#3fb950)} .covbar.partial i{background:linear-gradient(90deg,#5a4012,#d29922)} .covbar span{position:absolute;right:5px;top:0;font-size:10px;line-height:14px;color:#fff;text-shadow:0 0 3px #000} .realbox{border:1px solid var(--line);border-left:3px solid var(--ok);border-radius:10px;background:#0b0d11;margin-top:18px} .realbox .rh{font-size:12px;color:var(--ok);padding:9px 14px;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap} .realbox .rh .src{color:var(--dim);font-family:ui-monospace,Menlo,monospace;font-size:11px} .realbox pre{margin:0;padding:12px 14px;overflow:auto;max-height:360px;font-size:11.5px;line-height:1.5;color:#cfd6e4} .realbox .rk{color:var(--p-discover)} .realbox .rs{color:#9ece6a} .realbox .rn{color:#ff9e64} .concept{font-weight:600} .hide{display:none} /* ---------- Changes ---------- */ .chsum{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px} .chpill{border:1px solid var(--line);border-radius:8px;padding:6px 12px;background:var(--panel2);font-size:12.5px} .chpill b{font-size:16px;margin-right:5px} .chrow{display:grid;grid-template-columns:90px 1fr 120px 160px;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:12.5px;align-items:center} .chk{font-size:10px;text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:1px 7px;border:1px solid var(--line);text-align:center} .chk.added{color:var(--ok);border-color:#1f5a2a} .chk.removed{color:var(--gap);border-color:#5a2a2a} .chk.price{color:var(--warn);border-color:#4a3a14} .chk.availability{color:var(--link);border-color:#2f4a6b} .chbrand{font-size:10px;border-radius:6px;padding:0 6px;border:1px solid var(--line);color:var(--dim)} /* ---------- Source-link click-through (console Overview — the north-star metric) ---------- */ .clkgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px} .clkcol{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel)} .clkhd{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);margin-bottom:8px} .clkrow{display:grid;grid-template-columns:96px 1fr 40px;align-items:center;gap:8px;margin:5px 0;font-size:12.5px} .clklbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .clkbar{height:8px;border-radius:5px;background:var(--panel2);overflow:hidden} .clkbar i{display:block;height:100%;background:var(--ok);border-radius:5px} .clkn{text-align:right;font-variant-numeric:tabular-nums;color:var(--dim)} /* ---------- Admin auth gate (the console is private; the public catalog stays open) ---------- */ .authgate{max-width:440px;margin:48px auto;padding:28px 26px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:center} .authgate h2{margin:0 0 6px;font-size:20px} .authgate p{margin:6px 0;font-size:13px} .authgate .authwho{color:var(--warn)} .authgate .authlink{color:var(--link);cursor:pointer;text-decoration:none} .gbtn{display:inline-block;margin:16px 0 4px;padding:10px 20px;border-radius:10px;background:#fff;color:#111;font-weight:600;font-size:14px;text-decoration:none;border:1px solid #dadce0} .gbtn:hover{background:#f1f3f4} .orline{margin:16px 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)} .mlform{display:flex;gap:8px;justify-content:center} .mlform input{flex:1;max-width:240px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:inherit} .mlform button{padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:inherit;cursor:pointer} .mlnote{min-height:16px;margin-top:8px;font-size:12px} /* ---------- Site footer (legal entity + price disclaimer) ---------- */ .sitefoot{max-width:1100px;margin:48px auto 28px;padding:16px 18px 0;border-top:1px solid var(--line);color:var(--dim);font-size:12px;line-height:1.7;text-align:center} .sitefoot b{color:var(--link)}