/* ════════════════════════════════════════════════
   Launch OS additions on top of the D100 styles.
   Same tokens, same cards; only new components here.
   ════════════════════════════════════════════════ */

/* sidebar: grouped nav, client picker, role switch */
.nav-group { font-size:10px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--muted-2); padding:14px 12px 6px; }
.nav-group:first-child { padding-top:4px; }
.side-nav { overflow-y:auto; scrollbar-width:none; }
.side-nav::-webkit-scrollbar { display:none; }
.client-pick { padding:0 2px 8px; }
.client-pick .f-select { width:100%; }
.client-pick-label { font-size:10px; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--muted-2); padding:0 10px 6px; }
.role-seg { display:flex; gap:2px; background:#0A0A0A; border:1px solid var(--border-solid); border-radius:10px; padding:3px; }
.role-btn { flex:1; background:transparent; border:none; border-radius:7px; padding:7px 6px; color:var(--muted); font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; }
.role-btn.active { background:#333; color:#fff; }

/* demo banner */
.demo-banner { display:flex; gap:12px; align-items:center; padding:11px 15px; margin:0 0 16px; border-radius:var(--r-card); border:1px solid var(--accent-border); background:linear-gradient(90deg, rgba(77,159,255,.09), transparent 70%); font-size:12.5px; color:var(--muted); }
.demo-banner b { color:var(--accent); font-weight:700; letter-spacing:.4px; text-transform:uppercase; font-size:10.5px; }

/* data grid (Airtable-style) */
.grid-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:var(--r-card); background:#0C0C0C; }
table.grid { width:100%; border-collapse:separate; border-spacing:0; font-size:12.5px; font-variant-numeric:tabular-nums; }
.grid th { position:sticky; top:0; background:#141414; text-align:left; font-size:10.5px; font-weight:600; letter-spacing:.8px; text-transform:uppercase; color:var(--muted); padding:10px 12px; border-bottom:1px solid var(--border); white-space:nowrap; cursor:pointer; user-select:none; }
.grid th:hover { color:#fff; }
.grid th .sort { opacity:.8; margin-left:4px; color:var(--accent); }
.grid th.num, .grid td.num { text-align:right; }
.grid td { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.05); white-space:nowrap; color:var(--text); max-width:260px; overflow:hidden; text-overflow:ellipsis; }
.grid tbody tr { cursor:pointer; transition:background .12s; }
.grid tbody tr:hover { background:rgba(255,255,255,.035); }
.grid tbody tr:last-child td { border-bottom:none; }
.grid td .sub { display:block; font-size:11px; color:var(--muted-2); }
.grid td.dim { color:var(--muted); }
.grid tfoot td { font-weight:700; border-top:1px solid var(--border); background:#111; }

/* small status pieces */
.dots { display:inline-flex; gap:3px; vertical-align:middle; }
.dot { width:10px; height:10px; border-radius:3px; background:rgba(255,255,255,.07); }
.dot.on { background:var(--good); }
.dot.pitch { box-shadow:0 0 0 1px rgba(242,201,76,.6); }
.grade { display:inline-grid; place-items:center; width:24px; height:22px; border-radius:7px; font-size:11.5px; font-weight:800; background:rgba(255,255,255,.07); color:var(--muted); }
.grade.A { background:rgba(74,222,128,.13); color:var(--good); }
.grade.B { background:rgba(77,159,255,.13); color:var(--accent); }
.grade.C { background:rgba(242,201,76,.12); color:var(--warn); }
.grade.D { background:rgba(235,87,87,.12); color:var(--bad); }
.yes { color:var(--good); font-weight:700; }
.no { color:var(--muted-2); }

/* progress / pacing */
.pace { margin-bottom:16px; }
.pace:last-child { margin-bottom:0; }
.pace-head { display:flex; justify-content:space-between; align-items:baseline; font-size:13px; margin-bottom:6px; }
.pace-head b { font-size:15px; color:#fff; font-variant-numeric:tabular-nums; }
.pace-head span { color:var(--muted); font-size:12px; }
.pace-track { height:10px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }
.pace-fill { height:100%; border-radius:99px; background:linear-gradient(90deg, rgba(77,159,255,.6), var(--accent)); }
.pace-fill.good { background:linear-gradient(90deg, #3ba55d, var(--good)); }

/* metric list (label left, value right) */
.mlist { display:flex; flex-direction:column; }
.mrow { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:13px; }
.mrow:last-child { border-bottom:none; }
.mrow span { color:var(--muted); }
.mrow b { font-variant-numeric:tabular-nums; color:#fff; }
.mrow b.acc { color:var(--accent); } .mrow b.good { color:var(--good); } .mrow b.warn { color:var(--warn); } .mrow b.bad { color:var(--bad); }
.mrow em { font-style:normal; font-size:11px; color:var(--muted-2); margin-left:6px; }

/* live-day columns */
.days { display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; }
.dayc { background:var(--card-grad); border:1px solid var(--border); border-radius:var(--r-card); padding:14px; }
.dayc.pitch { border-color:rgba(242,201,76,.35); }
.dayc-t { font-size:10.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted); display:flex; justify-content:space-between; }
.dayc-t em { font-style:normal; color:var(--warn); }
.dayc-v { font-size:24px; font-weight:700; margin:8px 0 2px; font-variant-numeric:tabular-nums; }
.dayc-s { font-size:11.5px; color:var(--muted-2); }
.vbar { height:70px; display:flex; align-items:flex-end; margin-top:10px; }
.vbar i { display:block; width:100%; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg, var(--accent), rgba(77,159,255,.35)); }
.dayc.pitch .vbar i { background:linear-gradient(180deg, var(--warn), rgba(242,201,76,.3)); }
@media(max-width:900px){ .days { grid-template-columns:repeat(2,1fr); } }

/* three-col */
.three-col { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-bottom:16px; }
.three-col .card { margin-bottom:0; }
@media(max-width:1100px){ .three-col { grid-template-columns:1fr; } }

/* hub client rows, connections */
.health { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:12px; margin-bottom:16px; }
.hcard { background:var(--card-grad); border:1px solid var(--border); border-radius:var(--r-card); padding:15px; }
.hcard-top { display:flex; justify-content:space-between; align-items:center; }
.hcard-name { font-weight:700; font-size:14px; }
.hcard-sub { font-size:11.5px; color:var(--muted-2); margin-top:6px; line-height:1.45; }
.log-row { display:grid; grid-template-columns:120px 110px 150px 1fr; gap:12px; padding:9px 4px; border-bottom:1px solid rgba(255,255,255,.05); font-size:12.5px; align-items:center; }
.log-row:last-child { border-bottom:none; }
.log-row .t { color:var(--muted-2); font-variant-numeric:tabular-nums; }
.log-row .ty { color:var(--muted); font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11.5px; }
@media(max-width:900px){ .log-row { grid-template-columns:1fr; gap:2px; } }

.kv { display:grid; grid-template-columns:170px 1fr; gap:8px 14px; font-size:13px; }
.kv span { color:var(--muted); }
.kv b { font-weight:600; overflow-wrap:anywhere; }
.todo { color:var(--warn); font-weight:600; }
.notes-input { width:100%; min-height:80px; resize:vertical; background:#0A0A0A; color:var(--text); border:1px solid var(--border-solid); border-radius:var(--r-btn); padding:10px 12px; font-family:inherit; font-size:13px; line-height:1.45; }
.notes-input:focus { outline:none; border-color:#555; }
.chip-row { display:flex; gap:6px; flex-wrap:wrap; }
.tl-row { display:grid; grid-template-columns:130px 1fr; gap:12px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:13px; }
.tl-row:last-child { border-bottom:none; }
.tl-row span { color:var(--muted); font-variant-numeric:tabular-nums; }

@media(max-width:900px){
  .client-pick, .nav-group, .role-seg { display:none; }
}

/* ad spend chart: live-window bars visible but muted */
.dchart .dbar.imported { fill:#7d8796; opacity:.85; }
.dchart .dx { font-size:12px; }

/* ad scorecard */
.ads-bar { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.ads-bar-r { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ads-bar input[type=date] { color-scheme:dark; padding-right:11px; background-image:none; }
.trend-stats { margin-left:auto; display:flex; gap:22px; font-weight:500; }
.trend-stats span { display:flex; flex-direction:column; align-items:flex-end; font-size:10.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.6px; }
.trend-stats b { font-size:16px; letter-spacing:-.2px; text-transform:none; font-variant-numeric:tabular-nums; margin-top:2px; }
.trend-stats em { font-style:normal; font-size:10.5px; color:var(--muted-2); text-transform:none; letter-spacing:0; }
.chart-card h2 { flex-wrap:wrap; }
.chart-card .nchart-legend { margin:-6px 0 8px; }
.neg { color:var(--bad); font-weight:700; }
@media(max-width:900px){ .trend-stats { margin-left:0; width:100%; justify-content:space-between; margin-top:10px; } }

/* recent feeds */
.feed-sub { font-style:normal; color:var(--muted-2); font-size:11px; margin-left:6px; }
.mlist .mrow[data-open]:hover span { color:#fff; }

/* lead insights bars */
.ibars { display:flex; flex-direction:column; gap:10px; }
.ibar { display:grid; grid-template-columns:minmax(110px,1fr) 1.6fr 92px; gap:12px; align-items:center; font-size:12.5px; }
.ibar-label { color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ibar-track { position:relative; height:14px; border-radius:6px; background:rgba(255,255,255,.05); }
.ibar-track i { position:absolute; left:0; top:0; bottom:0; border-radius:6px; background:linear-gradient(90deg, rgba(77,159,255,.55), var(--accent)); }
.ibar-track b { position:absolute; top:-3px; bottom:-3px; width:2px; margin-left:-1px; background:#fff; border-radius:2px; opacity:.85; }
.ibar-num { text-align:right; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ibar-num em { font-style:normal; font-weight:700; margin-left:6px; }
.ibar-num em.up { color:var(--good); } .ibar-num em.down { color:var(--bad); }

/* setup */
.h2-actions { margin-left:auto; display:flex; gap:8px; }
.checklist { display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; }
.check { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--muted); }
.check i { width:18px; height:18px; border-radius:6px; border:1px solid var(--border-solid); display:grid; place-items:center; font-style:normal; font-size:11px; flex-shrink:0; }
.check.ok { color:var(--text); }
.check.ok i { background:rgba(74,222,128,.15); border-color:rgba(74,222,128,.4); color:var(--good); }
.set-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 14px; }
.set-field { display:flex; flex-direction:column; gap:6px; min-width:0; }
.set-field > span { font-size:12px; font-weight:600; color:var(--muted); }
.set-field em { font-style:normal; font-size:11px; color:var(--muted-2); line-height:1.4; }
.set-field .form-input, .set-field .f-select { min-width:0; width:100%; }
.form-input[type=date] { color-scheme:dark; }
.set-table td { padding:6px 8px; max-width:none; }
.set-table .form-input, .set-table .f-select { min-width:90px; width:100%; padding:7px 9px; font-size:12.5px; }
.set-table tbody tr { cursor:default; }
.set-table tbody tr:hover { background:transparent; }
@media(max-width:900px){ .checklist, .set-grid { grid-template-columns:1fr; } .ibar { grid-template-columns:1fr; gap:4px; } .ibar-num { text-align:left; } }

/* eod form inside a card */
#eod-form .eod-text { margin-bottom:12px; }
#eod-form .eod-text input, #eod-form .eod-text textarea { background:#151515; border:1px solid var(--border-solid); border-radius:10px; color:#fff; padding:10px 12px; font-size:13.5px; font-family:inherit; width:100%; }
#eod-form .eod-text select { width:100%; }
#eod-form input[type=date] { color-scheme:dark; }

/* launch filter bar */
.lfilter { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 16px; padding:10px 12px; border:1px solid var(--border); border-radius:var(--r-card); background:var(--panel); }
.lfilter-r { display:flex; gap:8px; flex-wrap:wrap; }
.lfilter-r .f-select { max-width:360px; }

/* pacing link on overview */
.pace-proj { font-size:12.5px; color:var(--muted); padding:10px 12px; margin:-4px 0 14px; border-radius:10px; background:rgba(77,159,255,.07); border:1px solid var(--accent-border); cursor:pointer; }
.pace-proj b { color:#fff; font-size:14px; }
.pace-proj b.warnc { color:var(--warn); }
.pace-proj span { float:right; color:var(--accent); font-weight:600; }
#asof { color-scheme:dark; background-image:none; padding-right:11px; }

/* compare table */
table.cmp td.best { color:var(--good); font-weight:700; }
.chg { font-weight:700; }
.chg.up { color:var(--good); } .chg.down { color:var(--bad); }
table.cmp tbody tr { cursor:default; }
.set-table .form-input[type=time] { color-scheme:dark; }

/* merged pages: tabs */
.page-tabs { margin:0 0 16px; }
/* pacing card on Overview */
.pacing-card .kpi-row { margin-bottom:0; }
.pacing-card .chart-card h2 { margin-top:4px; }
.pacing-card .pacing-cols .card { box-shadow:none; background:#0E0E0E; }
.pacing-card .h2-actions .f-select { padding-right:11px; background-image:none; color-scheme:dark; }
.pacing-card .kpi-row { grid-template-columns:repeat(4, minmax(0, 1fr)); }
@media(max-width:900px){ .pacing-card .kpi-row { grid-template-columns:1fr 1fr; } }

/* Tile rows (Overview + Event Analytics). Same look as the Ad Spend scorecard cards:
   dark gradient card, soft colour wash in the corner, coloured number. */
.tiles { display:grid; gap:12px; margin-bottom:12px; }
.tile { position:relative; overflow:hidden; min-width:0; background:var(--card-grad); border:1px solid var(--border); border-radius:var(--r-card); padding:18px 18px 16px; transition:transform .2s, box-shadow .2s, border-color .2s; }
.tile:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.16); box-shadow:0 8px 22px rgba(0,0,0,.35); }
.tile::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(17deg, rgba(255,255,255,.05) 0%, transparent 45%); }
.tile.t-green::before { background:linear-gradient(17deg, rgba(74,222,128,.14) 0%, transparent 50%); }
.tile.t-acc::before { background:linear-gradient(17deg, rgba(77,159,255,.16) 0%, transparent 50%); }
.tile.t-warn::before { background:linear-gradient(17deg, rgba(242,201,76,.13) 0%, transparent 50%); }
.tile.t-bad::before { background:linear-gradient(17deg, rgba(235,87,87,.15) 0%, transparent 50%); }
.tile > * { position:relative; }
.tile-l { font-size:11px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; color:var(--muted); }
.tile-v { font-size:26px; font-weight:700; letter-spacing:-.6px; margin:8px 0 3px; color:#fff; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tile-s { font-size:11.5px; color:var(--muted-2); font-weight:500; }
.tile.t-green .tile-v { color:var(--good); }
.tile.t-acc .tile-v { color:var(--accent); }
.tile.t-warn .tile-v { color:var(--warn); }
.tile.t-bad .tile-v { color:var(--bad); }
.sec-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:26px 0 12px; flex-wrap:wrap; }
.sec-head h3 { font-size:17px; font-weight:700; letter-spacing:-.2px; color:#fff; }
.sec-head h3 .muted { font-size:12px; margin-left:8px; font-weight:500; }
.four-col { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.four-col .card { margin-bottom:0; }
.card.mini { padding:16px; }
.card.mini h2 { font-size:13.5px; margin-bottom:12px; }
.card.mini .ibar { grid-template-columns:minmax(70px,1fr) 1fr 70px; gap:8px; font-size:11.5px; }
@media(max-width:1100px){ .four-col { grid-template-columns:1fr 1fr; } }
@media(max-width:900px){ .tiles { grid-template-columns:1fr 1fr !important; } .four-col { grid-template-columns:1fr; } }

/* Leads per day table: same colours as the stacked bar chart */
.leads-pair { align-items:stretch; }
.day-table { max-height:300px; overflow-y:auto; }
.day-table .grid th .lg { display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:6px; vertical-align:0; }
.day-table .grid tbody tr { cursor:default; }
.day-table .grid tfoot td { position:sticky; bottom:0; }
.c-org { color:var(--good); font-weight:600; }
.c-ads { color:var(--accent); font-weight:600; }
/* Lead insights section labels */
.ins-label { font-size:11px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; color:var(--muted); margin:16px 0 10px; }
.ins-label .muted { text-transform:none; letter-spacing:0; font-weight:500; margin-left:6px; }
.three-col .card.mini { margin-bottom:0; }
.sec-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.c-tot { color:#fff; font-weight:700; }
.tile-s { line-height:1.55; }
.day-table .share { font-weight:500; opacity:.7; font-size:11px; margin-left:2px; }
.lfilter { justify-content:flex-start; }
.lfilter .f-select { max-width:420px; }
/* Lead scoring: conversion-by-answer tables + Launch Setup point list */
.c-acc { color:var(--accent); font-weight:700; }
.grid.conv tbody tr { cursor:default; }
.grid.conv td em { font-style:normal; font-size:11px; font-weight:700; margin-left:4px; }
.grid.conv td em.up { color:var(--good); } .grid.conv td em.down { color:var(--bad); }
.grid td.sc-opts { white-space:normal; max-width:none; overflow:visible; }
.sc-opts span { display:inline-block; margin:2px 10px 2px 0; color:var(--muted); font-size:12px; }
.sc-opts span b { color:var(--text); margin-left:3px; }
.grid.conv th, .grid.conv td { padding:9px 10px; }
.grid.conv td:first-child { white-space:normal; max-width:none; }
.conv-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(480px, 1fr)); gap:16px; margin-bottom:16px; }
.conv-grid .card { margin:0; }
@media (max-width:600px) { .conv-grid { grid-template-columns:1fr; } }
/* long typed answers: 2-line clamp, "more" expands in place */
.xtext { display:block; white-space:normal; }
.xtext-v { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
.xtext.open .xtext-v { display:block; -webkit-line-clamp:unset; }
.xtext-more { background:none; border:0; padding:0; margin-top:3px; color:var(--accent); font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.xtext-more:hover { text-decoration:underline; }
.grid td.td-text { white-space:normal; max-width:none; min-width:320px; }
.drawer-attr.wide { grid-column:1 / -1; }
.drawer-attr .xwrap { font-weight:500; color:var(--text); }
.kpi-row.one { grid-template-columns:1fr; }
.drawer-attr .xwrap span { text-transform:none; letter-spacing:0; font-size:12.5px; font-weight:500; color:var(--text); }
.drawer-attrs.scoring .drawer-attr b { white-space:normal; }
.kpi-row.five { grid-template-columns:repeat(5, minmax(0, 1fr)); }
@media (max-width:760px) { .kpi-row.five { grid-template-columns:1fr 1fr; } }
.ads-days .grid th, .ads-days .grid td { padding:9px 10px; }
.c-warn { color:var(--warn); font-weight:600; }
.compact .grid th, .compact .grid td { padding:9px 7px; }
.compact .grid th { letter-spacing:.3px; white-space:normal; vertical-align:bottom; line-height:1.3; }
.kpi-row.three { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.kpi-row.two { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.kpi-row.four { grid-template-columns:repeat(4, minmax(0, 1fr)); }
@media (max-width:760px) { .kpi-row.four, .kpi-row.three, .kpi-row.two { grid-template-columns:1fr 1fr; } }
.kpi-row.five .kpi-value { font-size:clamp(19px, 2.1vw, 30px); white-space:nowrap; }
.src-switch { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 12px; }
.src-chart { margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.src-chart .dchart .dx { font-size:10px; }
.src-chart-t { font-size:13px; font-weight:600; color:var(--text); margin-bottom:6px; }
/* Payment links */
.grid td.td-link { max-width:none; min-width:160px; }
.link-cell { display:flex; gap:6px; align-items:center; }
.link-input { flex:none; width:150px !important; min-width:0; font-size:12px; padding:6px 8px; }
.link-url { font-size:12px; color:var(--muted); word-break:break-all; white-space:normal; }
.link-copy { padding:5px 11px; font-size:11.5px; }
.link-cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:14px; }
.link-card { margin:0; display:flex; flex-direction:column; gap:8px; }
.link-card-t { font-weight:700; font-size:14px; }
.link-card-p { font-size:20px; font-weight:700; color:var(--good); }
.link-card .link-copy { align-self:flex-start; }
.compact .grid td .sub { white-space:normal; }
.grid td.td-wrap { white-space:normal; min-width:120px; }
.link-tx { padding:5px 10px; font-size:11.5px; white-space:nowrap; }
.link-tx .n { margin-left:4px; opacity:.7; }
.link-card-b { display:flex; gap:8px; }
.tx-row { cursor:pointer; }
.tx-row:hover { background:rgba(255,255,255,.035); }
.tx-row .tx-sub { display:block; font-style:normal; font-size:11.5px; color:var(--muted); margin-top:2px; }
/* EOD: closers accordion */
.eod-acc { display:flex; flex-direction:column; gap:8px; }
.eod-acc-item { border:1px solid var(--border); border-radius:var(--r-card); background:rgba(255,255,255,.02); overflow:hidden; }
.eod-acc-item.open { border-color:rgba(77,159,255,.35); }
.eod-acc-head { width:100%; display:flex; align-items:center; gap:12px; padding:13px 16px; background:none; border:0; color:var(--text); font:inherit; cursor:pointer; text-align:left; }
.eod-acc-head:hover { background:rgba(255,255,255,.03); }
.eod-acc-name { font-weight:700; font-size:14px; flex:1; }
.eod-acc-count { font-size:12.5px; color:var(--muted); }
.eod-acc-count b { color:var(--text); margin-left:2px; }
.eod-acc-chev { color:var(--muted); width:14px; text-align:center; }
.eod-acc-body { padding:4px 16px 16px; }
.eod-acc-body .kpi-row { margin-bottom:14px; }
.eod-reports { display:flex; flex-direction:column; gap:10px; max-height:520px; overflow-y:auto; }
.eod-rep { border:1px solid var(--border-soft); border-radius:var(--r-btn); padding:12px 14px; background:var(--card-grad); }
.eod-rep-h { display:flex; justify-content:space-between; gap:10px; margin-bottom:10px; font-size:13px; }
.eod-stats { display:grid; grid-template-columns:repeat(auto-fill, minmax(86px, 1fr)); gap:8px 12px; margin-bottom:8px; }
.eod-st span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); font-weight:600; }
.eod-st b { font-size:13px; }
.eod-note { font-size:12.5px; margin-top:6px; color:var(--text); }
.eod-note span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); font-weight:600; margin-bottom:2px; }
.two-col.eod-layout { grid-template-columns:minmax(0, 1fr) minmax(0, 1.5fr); }
@media (max-width:1280px) { .two-col.eod-layout { grid-template-columns:1fr; } .two-col.eod-layout > .card:last-child { order:-1; } }
.eod-acc-body .kpi-row.four { grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); }
.eod-acc-body .kpi-value { white-space:nowrap; }
.eod-mine .kpi-row.four { grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); margin-bottom:14px; }
.eod-mine .kpi-value { white-space:nowrap; }
.eod-leads { display:flex; flex-wrap:wrap; gap:6px; }
.eod-lead { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--border); border-radius:var(--r-btn); font-size:12.5px; cursor:pointer; }
.eod-lead input { margin:0; }
.eod-lead-link { color:var(--accent); cursor:pointer; text-decoration:none; }
.eod-lead-link:hover { text-decoration:underline; }
.eod-lead.paid { border-color:rgba(74,222,128,.35); background:rgba(74,222,128,.05); }
.eod-st b span { display:inline; font-size:13px; text-transform:none; letter-spacing:0; font-weight:700; }
.eod-st b .c-org { color:var(--good); }

/* ── Client hub (Hub > Clients dropdown) ── */
.list-row.open { border-color:rgba(77,159,255,.45); }
.list-row .eod-acc-chev { display:inline-block; margin-right:4px; }
.hub-panel { margin:2px 0 10px; padding:14px; border:1px solid var(--border); border-radius:var(--r-card); background:rgba(255,255,255,.015); }
.hub-forms { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.hub-kv { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 22px; }
.hub-f { display:flex; flex-direction:column; gap:3px; min-width:0; font-size:13px; }
.hub-f.wide { grid-column:1 / -1; }
.hub-f > span { color:var(--muted); font-size:11.5px; font-weight:600; letter-spacing:.02em; }
.hub-f > b { font-weight:500; line-height:1.5; overflow-wrap:anywhere; white-space:pre-line; }
.hub-sub { margin:16px 0 8px; font-size:12px; font-weight:700; color:var(--text); text-transform:uppercase; letter-spacing:.06em; opacity:.8; }
.hub-sub:first-child { margin-top:4px; }
.hub-note { font-size:12.5px; color:var(--muted); margin:2px 0 12px; }
.hub-warn { font-size:12.5px; color:var(--warn); margin:2px 0 10px; }
.hub-eye { margin-bottom:14px; }
.hub-from { font-size:10.5px; color:var(--muted); font-weight:600; margin-left:4px; }
@media (max-width:720px) { .hub-kv { grid-template-columns:1fr; } }
.hub-login { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px; padding:12px 14px; border:1px solid rgba(77,159,255,.35); border-radius:var(--r-card); background:rgba(77,159,255,.06); font-size:13px; }
.hub-login .form-input { width:220px; max-width:100%; }
.hub-live { display:flex; align-items:center; gap:10px; margin-bottom:14px; font-size:13px; color:var(--muted); }