:root { --bg:#f5f6f8; --panel:#fff; --ink:#142033; --muted:#6b7787; --line:#dfe5eb; --soft:#f8fafc; --blue:#1769d1; --blue-soft:#eaf3ff; --green:#087a50; --green-soft:#e9f8f1; --red:#ba3d44; --red-soft:#fff1f2; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:Inter,Arial,"Helvetica Neue",sans-serif; }
button,input,select { font:inherit; } button { cursor:pointer; }
a { color:var(--blue); font-weight:700; text-decoration:none; } a:hover { text-decoration:underline; }
.app { max-width:1500px; margin:0 auto; padding:24px; }
.topbar,.overview-head,.panel-title,.section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.topbar { margin-bottom:16px; align-items:center; } .brand-kicker { display:block; margin-bottom:5px; color:var(--blue); font-size:10px; font-weight:800; text-transform:uppercase; } h1 { margin:0; font-size:26px; line-height:1.1; letter-spacing:0; } h2 { margin:0; font-size:15px; line-height:1.25; } h3 { margin:0; font-size:13px; } p { margin:3px 0 0; color:var(--muted); font-size:12px; line-height:1.35; }
.status-pill { border:1px solid var(--line); border-radius:999px; background:var(--panel); padding:7px 10px; color:var(--muted); font-size:12px; white-space:nowrap; }
.topbar-tools { display:flex; align-items:end; gap:10px; }
.dashboard-nav { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--line); border-radius:7px; background:var(--soft); }.dashboard-nav button { min-width:68px; height:28px; border:0; border-radius:4px; background:transparent; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.dashboard-nav button:hover { color:var(--ink); background:#eef3f8; }.dashboard-nav button.active { background:#fff; color:var(--blue); box-shadow:0 1px 2px rgba(15,23,42,.1); }
.summary-dashboard { display:grid; gap:12px; border:0; border-radius:0; background:transparent; overflow:visible; }.summary-head { display:flex; align-items:center; justify-content:space-between; padding:4px 14px 0; gap:16px; flex-wrap:wrap; }.summary-eyebrow { color:var(--blue); font-size:10px; font-weight:800; text-transform:uppercase; }.summary-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:12px 16px; border-bottom:1px solid var(--line); background:var(--soft); }.summary-kpi { min-width:0; padding:10px 11px; border:1px solid #e5eaf0; border-radius:6px; background:#fff; }.summary-kpi span { display:block; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.summary-kpi strong { display:block; margin-top:5px; color:var(--ink); font-size:17px; line-height:1.1; }.summary-kpi small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }.summary-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr); gap:12px; padding:0 14px 14px; }.summary-section { min-width:0; margin:0 14px; padding:13px; border:1px solid var(--line); border-radius:6px; background:#fff; }.summary-overview-split .summary-section { margin:0; }.summary-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }.summary-section-head h3 { margin:0; font-size:13px; }.summary-section-head p { margin-top:3px; font-size:10px; }.summary-period-controls { display:flex; align-items:end; flex-wrap:wrap; gap:7px; }.summary-period-controls label,.summary-grain-control { display:grid; gap:3px; min-width:100px; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.summary-period-controls input,.summary-period-controls select,.summary-grain-control select { min-width:0; height:30px; padding:0 7px; border:1px solid var(--line); border-radius:3px; background:#fff; color:var(--ink); font-size:11px; }.summary-overview-split { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:12px; margin:0 14px 12px; }.summary-overview-split .summary-section { margin:0; }.summary-selected-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); padding:10px 0 15px; border:0; background:#fff; gap:16px; }.summary-selected-kpis .summary-kpi { padding:20px 22px; border-radius:8px; }.summary-selected-kpis .summary-kpi strong { font-size:28px; }.summary-alltime-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:5px 0 10px; border:0; background:#fff; }.summary-alltime-kpis .summary-kpi { padding:12px 14px; }.summary-alltime-kpis .summary-kpi strong { font-size:20px; }.summary-coverage { display:flex; flex-wrap:wrap; gap:5px 12px; margin:0; color:var(--muted); font-size:10px; }.summary-coverage span { color:#3f5266; }.summary-youtube-exclusion { margin-top:5px; color:#795c25; font-size:10px; }.summary-trend { padding-top:10px; border-top:1px solid var(--line); }.summary-trend .section-head { margin-bottom:4px; }.summary-trend .trend-host { height:190px; }.summary-alltime .summary-kpis { grid-template-columns:repeat(6,minmax(0,1fr)); margin:0 -13px 10px; }.summary-youtube-snapshots { display:flex; flex-wrap:wrap; align-items:center; gap:5px 8px; margin-top:8px; }.summary-snapshot-label { flex:0 0 100%; color:var(--muted); font-size:9px; font-weight:700; }.summary-snapshot-marker { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 9px; padding:5px 8px; border-left:2px solid #d97706; background:#fff8ed; color:#5f4a27; font-size:9px; }.summary-snapshot-marker strong { color:var(--ink); font-size:10px; }.summary-table-scroll { overflow-x:auto; }.summary-media-table { min-width:900px; border:1px solid var(--line); border-radius:5px; overflow:hidden; }.summary-media-row { display:grid; grid-template-columns:minmax(120px,1.15fr) .65fr .65fr 1.05fr 1fr 1fr .8fr .65fr; align-items:center; border-top:1px solid var(--line); }.summary-media-row:first-child { border-top:0; }.summary-media-row > * { min-width:0; padding:9px 8px; color:var(--ink); font-size:10px; text-align:right; white-space:nowrap; }.summary-media-row > strong { text-align:left; }.summary-media-row.header { background:var(--soft); }.summary-media-row.header > * { color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }.summary-chart-section { grid-column:1 / -1; }.summary-identity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid var(--line); background:var(--line); }.summary-identity div { padding:14px 16px; background:#fbfdff; }.summary-identity span { display:block; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.summary-identity strong { display:block; margin-top:6px; color:var(--ink); font-size:22px; line-height:1; }.summary-media-charts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }.summary-mini-chart { min-width:0; padding:9px; border:1px solid #e5eaf0; border-radius:5px; background:#fbfdff; }.summary-mini-chart h4 { margin:0 0 9px; font-size:9px; text-transform:uppercase; }.summary-bar-row { display:grid; grid-template-columns:minmax(62px,auto) minmax(24px,1fr) auto; align-items:center; gap:5px; margin-top:7px; color:var(--muted); font-size:9px; }.summary-bar { height:6px; overflow:hidden; border-radius:3px; background:#e7edf3; }.summary-bar span { display:block; height:100%; border-radius:3px; background:#1769d1; }.summary-bar-row.tiktok .summary-bar span { background:#16835d; }.summary-bar-row.youtube .summary-bar span { background:#d97706; }.summary-bar-row b { color:var(--ink); font-size:9px; white-space:nowrap; }
.overview,.creator-panel,.video-panel { min-width:0; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.overview-head { padding:15px 16px; border-bottom:1px solid var(--line); background:var(--soft); border-radius:12px 12px 0 0; }
.global-controls,.video-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:6px; }
.video-toolbar [hidden] { display:none !important; }
.video-sort-notice { display:block; max-width:220px; color:#9a4b12; line-height:1.3; }
.platform-filter { flex:0 0 86px; }
label { display:grid; gap:3px; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; } label span { white-space:nowrap; }
input,select { min-width:0; height:32px; border:1px solid var(--line); background:#fff; color:var(--ink); border-radius:3px; padding:0 8px; font-size:12px; }
input:focus,select:focus { outline:2px solid rgba(23,105,209,.24); border-color:var(--blue); }
.kpis { display:grid; grid-template-columns:repeat(6,minmax(100px,1fr)); gap:8px; padding:12px 16px; background:var(--soft); border-bottom:1px solid var(--line); }
.kpi { min-width:0; padding:10px 12px; border:1px solid #e5eaf0; border-radius:10px; background:#f8fafc; }.kpi-label { display:block; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.kpi-value { display:block; margin-top:4px; font-size:22px; font-weight:800; line-height:1.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.kpi-note { display:block; margin-top:4px; color:var(--muted); font-size:10px; }
.overall-trend { padding:14px 16px 16px; }.trend-host { position:relative; height:200px; margin-top:8px; overflow-x:auto; overflow-y:hidden; }.trend-host svg { min-width:100%; height:100%; display:block; overflow:visible; }.chart-grid { stroke:#e8eef4; stroke-width:1; }.chart-line { fill:none; stroke-width:2.25; stroke-linecap:round; stroke-linejoin:round; }.chart-point { fill:#fff; stroke-width:1.8; }.chart-tick { fill:#7b8797; font-size:10px; }.chart-series-label { font-size:10px; font-weight:800; }.chart-value { font-size:10px; font-weight:800; paint-order:stroke; stroke:#fff; stroke-width:3px; stroke-linejoin:round; }
.chart-tooltip { position:absolute; z-index:4; min-width:172px; pointer-events:none; padding:8px 9px; border:1px solid #cbd5e1; background:rgba(255,255,255,.97); box-shadow:0 5px 15px rgba(15,23,42,.12); color:var(--ink); font-size:11px; opacity:0; transform:translateY(3px); transition:opacity .1s ease; }.chart-tooltip.visible { opacity:1; transform:translateY(0); }.chart-tooltip b { display:block; margin-bottom:5px; }.chart-tooltip div { display:flex; justify-content:space-between; gap:14px; margin-top:2px; color:var(--muted); }.chart-tooltip strong { color:var(--ink); }
.workbench { display:grid; grid-template-columns:minmax(300px,30%) minmax(0,70%); gap:14px; margin-top:14px; align-items:start; }.panel-title { padding:14px 15px; border-bottom:1px solid var(--line); background:var(--soft); border-radius:12px 12px 0 0; }.creator-panel { position:sticky; top:12px; max-height:calc(100vh - 24px); overflow:auto; }
.creator-row,.creator-table-head { display:grid; grid-template-columns:minmax(132px,1.85fr) .52fr .62fr 1.05fr .58fr; gap:7px; align-items:center; }.creator-row { width:100%; border:0; border-bottom:1px solid var(--line); background:#fff; padding:9px 12px; text-align:left; color:var(--ink); }.creator-row:hover { background:#f8fbff; }.creator-row.active { background:var(--blue-soft); box-shadow:inset 3px 0 0 var(--blue); }.creator-row.all-creators { grid-template-columns:minmax(0,1fr) auto; min-height:42px; }.creator-table-head { padding:8px 12px 6px; border-bottom:1px solid var(--line); background:#fbfcfd; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.creator-table-head span:not(:first-child),.creator-cell { text-align:right; }.creator-table-head small { display:block; margin-top:2px; color:#94a3b8; font-size:8px; font-weight:700; text-transform:none; }.creator-row-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:800; }.creator-row-name strong,.creator-row-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.creator-row-name small { margin-top:2px; color:var(--muted); font-size:10px; font-weight:700; }.creator-row-meta { color:var(--muted); font-size:10px; font-weight:700; text-align:right; white-space:nowrap; }.creator-detail { display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px; align-items:center; min-width:0; }.creator-avatar { width:28px; height:28px; border:1px solid var(--line); border-radius:50%; object-fit:cover; background:#e6eef6; }.creator-avatar-fallback { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--line); border-radius:50%; background:#e6eef6; color:#64748b; font-size:11px; font-weight:800; }.creator-cell { min-width:0; overflow:hidden; color:var(--ink); font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }.creator-cell.spend { font-size:10px; }
.video-titlebar { align-items:end; }.video-search input { width:150px; text-transform:none; font-weight:400; }.video-grid { display:grid; grid-template-columns:1fr; gap:12px; padding:12px; }.empty-state { padding:32px 14px; text-align:center; color:var(--muted); font-size:13px; }
.video-card { display:grid; grid-template-columns:minmax(220px,270px) minmax(0,1fr); align-items:start; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#fff; }.preview-pane { position:relative; align-self:start; width:100%; aspect-ratio:9 / 16; min-height:0; background:#e8eef3; }.preview-trigger { position:relative; display:block; width:100%; height:100%; padding:0; border:0; background:#e8eef3; overflow:hidden; color:inherit; }.preview-trigger img { width:100%; height:100%; display:block; object-fit:cover; }.preview-trigger::after { content:""; position:absolute; top:50%; left:50%; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #fff; filter:drop-shadow(0 1px 3px rgba(15,23,42,.5)); opacity:0; transform:translate(-40%,-50%) scale(.86); transition:opacity .15s ease,transform .15s ease; }.preview-trigger:hover::after,.preview-trigger:focus-visible::after { opacity:1; transform:translate(-40%,-50%) scale(1); }.preview-trigger:focus-visible { outline:3px solid var(--blue); outline-offset:-3px; }.preview-placeholder { display:grid; place-items:center; height:100%; color:var(--muted); font-size:12px; font-weight:700; }.preview-chip { position:absolute; top:8px; left:8px; border:1px solid rgba(255,255,255,.45); border-radius:999px; background:rgba(15,23,42,.76); color:#fff; padding:3px 6px; font-size:10px; font-weight:700; }
.video-main { min-width:0; padding:14px; }.video-top { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }.creator-identity { display:flex; align-items:center; gap:8px; min-width:0; }.creator-profile-link { color:inherit; text-decoration:none; }.creator-identity .creator-avatar,.creator-identity .creator-avatar-fallback { width:34px; height:34px; flex:0 0 34px; }.video-creator { min-width:0; }.video-creator strong,.video-creator span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.video-creator strong { font-size:14px; }.video-creator span { margin-top:2px; color:var(--muted); font-size:11px; }.status-cluster { display:flex; flex-wrap:wrap; justify-content:end; gap:4px; }.chip { padding:3px 6px; border:1px solid var(--line); background:var(--soft); color:#4c5a6b; font-size:10px; font-weight:800; white-space:nowrap; }.chip.running,.chip.exact { border-color:#b4e1cf; background:var(--green-soft); color:var(--green); }.chip.closed { border-color:#f2c4c4; background:var(--red-soft); color:var(--red); }
.ad-line { margin:10px 0; padding:7px 8px; border:1px solid var(--line); background:var(--soft); }.field-label { display:block; margin-bottom:3px; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.ad-line strong { display:block; font-size:11px; line-height:1.35; overflow-wrap:anywhere; }.ad-line small { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.chip.unresolved { border-color:#e7d6a8; background:#fff8e6; color:#85631c; }
.lifecycle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin-bottom:10px; }.life-metric { min-width:0; padding:7px; border:1px solid var(--line); background:#fff; }.life-metric.status-running { border-color:#b4e1cf; background:var(--green-soft); }.life-metric.status-closed { border-color:#f2c4c4; background:var(--red-soft); }.life-metric span { display:block; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.life-metric strong { display:block; margin-top:3px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.life-metric small { display:block; margin-top:3px; overflow:hidden; color:var(--muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.primary-paid,.secondary-paid,.traffic-paid,.organic-strip { display:grid; gap:1px; border:1px solid var(--line); background:var(--line); }.primary-paid { grid-template-columns:repeat(4,minmax(0,1fr)); }.secondary-paid,.traffic-paid { grid-template-columns:repeat(5,minmax(0,1fr)); margin-top:7px; }.metric-cell { min-width:0; padding:7px 8px; background:#fff; }.metric-cell.emphasis { background:#f5f9ff; }.metric-cell span { display:block; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.metric-cell strong { display:block; margin-top:3px; color:var(--ink); font-size:13px; line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.primary-paid .metric-cell strong { font-size:15px; }
.organic-wrap { margin-top:10px; padding:7px 8px; border:1px solid #e4eaf0; border-radius:5px; background:#fafbfd; }.organic-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px; }.organic-head span { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.organic-head small { color:var(--muted); font-size:10px; }.organic-strip { grid-template-columns:repeat(5,minmax(0,1fr)); border-color:#e6edf5; background:#e6edf5; }.organic-strip .metric-cell { padding:5px 7px; background:#fbfdff; }.organic-strip .metric-cell strong { font-size:12px; }
.card-trend { grid-column:1 / -1; padding:10px 14px 12px; border-top:1px solid var(--line); background:#fbfdff; }.card-trend .trend-host { height:140px; margin-top:4px; }.post-line { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:9px; color:var(--muted); font-size:11px; }.post-line b { color:var(--ink); }
.preview-modal { width:min(920px,calc(100vw - 28px)); max-height:calc(100vh - 28px); margin:auto; padding:0; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); box-shadow:0 24px 64px rgba(15,23,42,.28); }.preview-modal::backdrop { background:rgba(15,23,42,.66); }.preview-modal-panel { display:grid; grid-template-columns:minmax(220px,320px) minmax(0,1fr); gap:0 18px; position:relative; max-height:calc(100vh - 28px); overflow:auto; padding:14px; }.preview-modal-close { position:absolute; z-index:2; top:8px; right:8px; display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(255,255,255,.45); border-radius:50%; background:rgba(15,23,42,.72); color:#fff; font-size:22px; line-height:1; }.preview-modal-media { grid-row:1 / span 3; width:100%; aspect-ratio:9 / 16; max-height:calc(100vh - 56px); overflow:hidden; background:#0f172a; }.preview-modal-media video,.preview-modal-media img { width:100%; height:100%; display:block; object-fit:contain; }.preview-modal-placeholder { display:grid; place-items:center; width:100%; height:100%; padding:18px; color:#cbd5e1; text-align:center; font-size:12px; }.preview-modal-info { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; padding:8px 28px 10px 0; }.preview-modal-eyebrow { margin:0; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.preview-modal-info h2 { margin:4px 0 0; font-size:17px; }.preview-modal-info p:not(.preview-modal-eyebrow) { margin-top:3px; }.preview-modal-organic { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; align-self:start; border:1px solid var(--line); background:var(--line); }.preview-modal-organic .metric-cell { padding:8px; }.preview-modal-post-link { align-self:end; justify-self:start; margin-top:14px; padding:8px 10px; border:1px solid #b8d3f3; background:var(--blue-soft); color:var(--blue); font-size:12px; }
@media (max-width:1180px) { .workbench { grid-template-columns:minmax(280px,31%) minmax(0,69%); }.creator-row,.creator-table-head { grid-template-columns:minmax(118px,1.6fr) .5fr .56fr .98fr .55fr; gap:5px; }.creator-cell.spend { font-size:9px; }.secondary-paid,.traffic-paid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { .app { padding:10px; }.topbar,.overview-head,.panel-title { flex-direction:column; }.global-controls,.video-toolbar { width:100%; }.global-controls label,.video-toolbar label { flex:1 1 130px; }.kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.workbench { grid-template-columns:1fr; }.creator-panel { position:static; max-height:none; }.creator-list { max-height:320px; overflow:auto; }.video-card { grid-template-columns:1fr; }.preview-pane { width:min(100%,290px); margin:0 auto; min-height:0; }.lifecycle { grid-template-columns:repeat(2,minmax(0,1fr)); }.primary-paid,.organic-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }.secondary-paid,.traffic-paid { grid-template-columns:repeat(2,minmax(0,1fr)); }.preview-modal { width:calc(100vw - 16px); max-height:calc(100vh - 16px); }.preview-modal-panel { grid-template-columns:1fr; gap:12px; max-height:calc(100vh - 16px); padding:10px; }.preview-modal-media { grid-row:auto; width:min(100%,290px); margin:0 auto; max-height:58vh; }.preview-modal-info { padding:0 32px 0 0; }.preview-modal-organic { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }.preview-modal-post-link { margin-top:0; } }

/* Creator Hub-inspired content detail. */
.preview-modal { width:min(1180px,calc(100vw - 32px)); border-radius:12px; }
.preview-modal-panel { grid-template-columns:minmax(250px,370px) minmax(0,1fr); grid-auto-rows:min-content; gap:0 22px; padding:18px; }
.preview-modal-media { grid-row:1 / span 6; border-radius:8px; }
.detail-section { grid-column:2; min-width:0; padding:13px 0; border-top:1px solid var(--line); }
.detail-identity { grid-column:2; }
.detail-section-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.detail-section-head h3 { font-size:12px; text-transform:uppercase; color:#425266; }
.detail-section-head span { color:var(--muted); font-size:10px; }
.detail-post-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid var(--line); background:var(--line); }
.detail-post-grid div { min-width:0; padding:8px; background:#fbfcfd; }
.detail-post-grid span { display:block; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.detail-post-grid strong { display:block; margin-top:4px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.preview-modal-organic,.preview-modal-paid { width:100%; }
.preview-modal-paid { display:grid; gap:7px; }
.preview-modal-paid .metric-cell { padding:8px; }
.detail-trend .trend-host { height:170px; margin-top:0; }
.preview-modal-post-link { grid-column:2; margin:0 0 2px; border-radius:6px; }
@media (max-width:760px) { .preview-modal-panel { grid-template-columns:1fr; gap:0; }.preview-modal-media,.detail-section,.detail-identity,.preview-modal-post-link { grid-column:auto; grid-row:auto; }.detail-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.detail-trend .trend-host { height:150px; } }

/* Scan card hierarchy: visual content and organic context live together. */
.video-visual { grid-column:1; grid-row:1; min-width:0; background:#fbfcfd; }
.video-visual .preview-pane { width:100%; }
.video-main { grid-column:2; grid-row:1; padding:16px; }
.card-organic { padding:9px 9px 7px; border-top:1px solid var(--line); background:#f9fbfc; }
.card-organic .organic-head { margin-bottom:5px; }.card-organic .organic-head span { font-size:8px; }.card-organic .organic-head small { font-size:8px; }
.card-organic .organic-strip { border:0; background:transparent; gap:0; }.card-organic .organic-strip .metric-cell { padding:2px 3px; background:transparent; border-right:1px solid #e5ebf0; }.card-organic .organic-strip .metric-cell:last-child { border-right:0; }.card-organic .organic-strip .metric-cell span { font-size:7px; }.card-organic .organic-strip .metric-cell strong { margin-top:2px; font-size:11px; }
.card-post-footer { display:flex; justify-content:space-between; gap:8px; padding:8px 9px 10px; color:var(--muted); font-size:10px; }.card-post-footer b { color:var(--ink); }.card-post-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; }.card-detail-trigger { padding:0; border:0; background:transparent; color:var(--blue); font:inherit; font-size:10px; font-weight:800; white-space:nowrap; cursor:pointer; }.card-detail-trigger:hover,.card-detail-trigger:focus-visible { color:#0f4d9a; text-decoration:underline; }.card-detail-trigger:focus-visible { outline:2px solid var(--blue); outline-offset:2px; }.card-post-footer a { font-size:10px; white-space:nowrap; }
.primary-paid { gap:6px; border:0; background:transparent; }.primary-paid .metric-cell { padding:10px; border:1px solid #e2e8ef; border-radius:8px; background:#f8fafc; }.primary-paid .metric-cell.emphasis { border-color:#bed8f5; background:var(--blue-soft); }.primary-paid .metric-cell span { font-size:9px; }.primary-paid .metric-cell strong { margin-top:5px; font-size:19px; }
.lifecycle { gap:7px; margin:11px 0; }.life-metric { padding:8px 9px; border-radius:7px; background:#fafbfd; }.life-metric span { font-size:8px; }.life-metric strong { margin-top:4px; font-size:14px; }
.secondary-paid,.traffic-paid { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:9px; border:0; background:transparent; }.secondary-paid .metric-cell,.traffic-paid .metric-cell { display:flex; align-items:baseline; gap:4px; padding:0; background:transparent; }.secondary-paid .metric-cell span,.traffic-paid .metric-cell span { font-size:9px; }.secondary-paid .metric-cell strong,.traffic-paid .metric-cell strong { margin:0; color:#3d4b5c; font-size:11px; }.traffic-paid { padding-top:8px; border-top:1px dashed #e5eaf0; }

/* Dedicated Creator Content Detail. */
.detail-identity { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px; padding:4px 30px 14px 0; }.detail-avatar .creator-avatar,.detail-avatar .creator-avatar-fallback { width:42px; height:42px; }.preview-modal-info h2 { font-size:18px; }.preview-modal-info p:not(.preview-modal-eyebrow) { font-size:11px; }
.detail-caption-text { margin:0; color:#334155; font-size:13px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }.detail-caption-text.expanded { display:block; }.caption-toggle { margin-top:6px; padding:0; border:0; background:transparent; color:var(--blue); font-size:11px; font-weight:800; }.detail-post-date { margin-top:9px; color:var(--muted); font-size:11px; }
.detail-metadata { display:grid; gap:6px; margin:0; }.detail-metadata div { display:grid; grid-template-columns:126px minmax(0,1fr); gap:12px; }.detail-metadata dt { color:var(--muted); font-size:11px; }.detail-metadata dd { margin:0; color:var(--ink); font-size:11px; font-weight:700; overflow-wrap:anywhere; }
.detail-lifecycle { grid-column:2; display:flex; flex-wrap:wrap; align-items:center; gap:0; margin:0 0 2px; padding:9px 10px; border:1px solid var(--line); border-radius:7px; background:#fafbfd; color:var(--muted); font-size:11px; }.detail-lifecycle span { padding:0 10px; border-right:1px solid var(--line); }.detail-lifecycle span:first-child { padding-left:0; }.detail-lifecycle span:last-child { border-right:0; }.detail-lifecycle b { color:var(--ink); }.detail-lifecycle .running b { color:var(--green); }.detail-lifecycle .closed b { color:var(--red); }
.meta-video-performance { margin:10px 0; padding:9px 10px; border:1px solid #dfe7ef; border-radius:6px; background:#fbfcfd; }
.meta-video-performance-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:7px; }
.meta-video-performance-head strong { color:#425266; font-size:9px; font-weight:800; text-transform:uppercase; }
.meta-video-performance-head span { color:var(--muted); font-size:9px; }
.meta-video-performance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border:1px solid #e5ebf1; background:#e5ebf1; }
.meta-video-performance-metric { min-width:0; padding:6px 7px; background:#fff; }
.meta-video-performance-metric span { display:block; color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
.meta-video-performance-metric strong { display:block; margin-top:3px; overflow:hidden; color:var(--ink); font-size:12px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.meta-video-performance-status { margin-top:6px; color:var(--muted); font-size:9px; }
.detail-video-performance .meta-video-performance-grid { width:100%; }
.detail-video-performance .meta-video-performance-metric { padding:9px; }
.detail-video-performance .meta-video-performance-metric strong { font-size:14px; }
@media (max-width:980px) { .video-card .meta-video-performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .meta-video-performance-head { align-items:flex-start; flex-direction:column; gap:2px; }.meta-video-performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.detail-video-performance .meta-video-performance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.preview-modal-organic { display:flex; align-items:center; justify-content:space-between; gap:8px; border:0; background:transparent; }.organic-visual-metric { display:flex; align-items:center; gap:6px; min-width:0; }.organic-symbol { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#edf4fb; color:#3a6fa8; font-size:10px; font-weight:800; }.organic-visual-metric strong,.organic-visual-metric small { display:block; white-space:nowrap; }.organic-visual-metric strong { font-size:13px; }.organic-visual-metric small { margin-top:2px; color:var(--muted); font-size:9px; }
.preview-modal-paid .primary-paid .metric-cell strong { font-size:18px; }.preview-modal-paid .secondary-paid,.preview-modal-paid .traffic-paid { margin-top:8px; }
.data-limit-note { margin:0; padding:6px 8px; border-left:2px solid #c68b22; background:#fff9e9; color:#755415; font-size:10px; }
@media (max-width:760px) { .video-visual,.video-main { grid-column:auto; grid-row:auto; }.card-organic { width:min(100%,290px); margin:0 auto; }.card-post-footer { width:min(100%,290px); margin:0 auto; }.detail-identity,.detail-lifecycle { grid-column:auto; }.detail-identity { padding-right:32px; }.preview-modal-organic { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.detail-lifecycle span { padding:4px 7px; } }

/* All-time and date-filtered paid performance remain visually distinct. */
.overview-layer { border-bottom:1px solid var(--line); }.overview-layer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 16px 0; background:var(--soft); }.overview-layer-head h3 { margin:0; font-size:12px; }.overview-layer-head p { margin:3px 0 0; color:var(--muted); font-size:11px; }.overview-layer .kpis { padding-top:10px; border-bottom:0; }.overview-selected,.overview-selected .overview-layer-head,.overview-selected .kpis { background:#fff; }

/* Keep the original-post action immediately below the 9:16 media. */
.preview-modal-media { grid-column:1; grid-row:1; }.preview-modal-post-link { grid-column:1; grid-row:2; align-self:start; justify-self:stretch; width:100%; margin:9px 0 2px; border-radius:6px; text-align:center; }
@media (max-width:760px) { .overview-layer-head { padding-top:10px; }.preview-modal-post-link { grid-column:auto; grid-row:auto; } }

/* Overview filters are scoped to the Overview; the two time horizons are discrete sections. */
.overview-head { align-items:center; }.overview-selected .overall-trend { border-top:1px solid var(--line); }.overview-all-time .overall-trend { border-top:1px solid var(--line); background:#fbfcfd; }.overview-all-time { border-bottom:0; }

/* Selected Period is the primary analytical surface; All-Time is a compact benchmark. */
.overview-split { display:grid; grid-template-columns:minmax(0,68%) minmax(320px,32%); gap:14px; padding:14px; align-items:start; }
.overview-split .overview-layer { overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#fff; }
.overview-split .overview-layer-head { padding:13px 14px 0; background:#fff; }
.overview-split .overview-layer .kpis { padding:10px 14px 13px; background:#fff; }
.overview-split .overview-selected .kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
.overview-split .overview-selected .kpi:nth-child(n+5) { display:grid; grid-column:span 2; grid-template-columns:minmax(0,1fr) auto; align-items:center; min-height:42px; padding:8px 10px; border-width:1px 0 0; border-radius:0; background:transparent; }
.overview-split .overview-selected .kpi:nth-child(n+5) .kpi-value { margin:0; font-size:16px; text-align:right; }.overview-split .overview-selected .kpi:nth-child(n+5) .kpi-note { display:none; }
.overview-split .overview-all-time .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.overview-split .overview-all-time .kpi { padding:8px 9px; border-radius:8px; }
.overview-split .overview-all-time .kpi-value { font-size:18px; }
.overview-split .overview-all-time .kpi-note { font-size:9px; }
.overview-split .overall-trend { padding:13px 14px 14px; }
.overview-split .overview-selected .trend-host { height:220px; }
.overview-split .overview-all-time .trend-host { height:150px; }
.overview-split .overview-all-time .section-head h3 { font-size:12px; }
.overview-split .overview-all-time .section-head p { font-size:10px; }
.overview-split .overview-all-time .chart-value { font-size:9px; }
.all-time-controls { flex:0 0 auto; }.all-time-controls label { min-width:82px; }
.creator-retention-overview { margin:0 14px 14px; padding:13px 14px 14px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.creator-retention-head { display:flex; align-items:end; justify-content:space-between; gap:8px; padding:0 0 10px; }.creator-retention-head h3 { font-size:12px; }.creator-retention-head p { font-size:10px; }
.creator-retention-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid #e4eaf0; border-radius:8px; overflow:hidden; background:#e4eaf0; }.creator-retention-metrics div { min-width:0; padding:9px 11px; background:#f8fafc; }.creator-retention-metrics span { display:block; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.creator-retention-metrics strong { display:block; margin-top:4px; color:var(--ink); font-size:18px; line-height:1; }
.retention-progress { height:8px; margin-top:11px; overflow:hidden; border-radius:999px; background:#e6edf3; }.retention-progress span { display:block; height:100%; border-radius:inherit; background:var(--green); transition:width .2s ease; }
@media (max-width:980px) { .overview-split { grid-template-columns:1fr; }.overview-split .overview-selected .kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }.overview-split .overview-all-time .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.overview-split .overview-all-time .trend-host { height:180px; } }
@media (max-width:760px) { .overview-split { padding:10px; gap:10px; }.overview-split .overview-layer-head { padding:11px 12px 0; }.overview-split .overview-layer .kpis { padding:9px 12px 12px; }.overview-split .overview-selected .kpis,.overview-split .overview-all-time .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.overview-split .overview-selected .kpi:nth-child(n+5) { grid-column:span 1; }.overview-split .overall-trend { padding:11px 12px 12px; }.overview-split .overview-selected .trend-host,.overview-split .overview-all-time .trend-host { height:180px; }.creator-retention-overview { margin:0 10px 10px; padding:12px; }.creator-retention-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.creator-retention-metrics div { padding:9px 10px; } }
@media (max-width:760px) { .topbar-tools { align-items:end; flex-wrap:wrap; justify-content:flex-end; } }

/* Keep the entire visual stack in the left column so detail rows stay continuous on the right. */
.preview-modal-visual { grid-column:1; grid-row:1 / span 6; display:grid; align-content:start; gap:9px; min-width:0; }.preview-modal-visual .preview-modal-media { grid-column:auto; grid-row:auto; width:100%; margin:0; }.preview-modal-visual .preview-modal-post-link { grid-column:auto; grid-row:auto; width:100%; margin:0; }
@media (max-width:760px) { .preview-modal-visual { grid-column:auto; grid-row:auto; width:min(100%,290px); margin:0 auto; } }

/* Keep each card's paid trend beside its video instead of in a separate full-width row. */
.video-main .card-trend { margin-top:12px; padding:10px 0 0; border-top:1px solid var(--line); background:transparent; }
.video-main .card-trend .trend-host { height:150px; margin-top:5px; }
.card-organic .organic-strip .metric-cell strong { overflow:visible; text-overflow:clip; }
.card-organic .organic-strip .metric-cell strong.organic-unavailable { white-space:normal; overflow-wrap:anywhere; line-height:1.3; }

/* Scoped model filters share one compact multi-select treatment. */
.all-time-controls { display:flex; flex-wrap:wrap; align-items:end; gap:6px; }
.model-filter-slot { flex:0 0 auto; min-width:112px; }.model-filter-control { display:grid; gap:3px; }.filter-control-label { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }
.model-filter-menu { position:relative; }.model-filter-menu summary { display:flex; align-items:center; justify-content:space-between; gap:8px; height:32px; padding:0 8px; border:1px solid var(--line); border-radius:3px; background:#fff; color:var(--ink); font-size:12px; font-weight:700; list-style:none; white-space:nowrap; }.model-filter-menu summary::-webkit-details-marker { display:none; }.model-filter-menu summary::after { content:"v"; color:var(--muted); font-size:10px; }.model-filter-menu[open] summary { border-color:var(--blue); outline:2px solid rgba(23,105,209,.16); }
.model-filter-options { position:absolute; z-index:8; top:calc(100% + 4px); right:0; width:210px; padding:8px; border:1px solid var(--line); border-radius:7px; background:#fff; box-shadow:0 10px 24px rgba(15,23,42,.14); }.model-filter-options label { display:flex; align-items:center; gap:6px; color:var(--ink); font-size:11px; font-weight:600; line-height:1.3; text-transform:none; }.model-filter-options input[type="checkbox"] { width:14px; min-width:14px; height:14px; margin:0; padding:0; accent-color:var(--blue); }.model-filter-all { padding:2px 0 7px; border-bottom:1px solid var(--line); font-weight:800 !important; }.model-filter-options-list { display:grid; gap:6px; max-height:188px; margin:7px 0; overflow:auto; }.model-filter-clear { width:100%; height:27px; border:1px solid var(--line); border-radius:4px; background:var(--soft); color:var(--ink); font-size:10px; font-weight:800; }
.model-chip { max-width:132px; overflow:hidden; text-overflow:ellipsis; }

/* Model summary uses the current canonical video mapping and all Meta paid rows. */
.model-summary { margin-top:14px; padding-top:13px; border-top:1px solid var(--line); }.model-summary-head { margin-bottom:8px; }.model-summary-head h3 { font-size:12px; }.model-summary-head p { font-size:10px; }.model-summary-scroll { overflow-x:auto; }.model-summary-table { min-width:960px; border:1px solid var(--line); border-radius:7px; overflow:hidden; }.model-summary-row { display:grid; grid-template-columns:minmax(132px,1.4fr) 70px 94px 104px 108px 102px 108px 82px 66px; align-items:center; border-top:1px solid var(--line); background:#fff; }.model-summary-row:first-child { border-top:0; }.model-summary-row > * { min-width:0; padding:8px 7px; color:var(--ink); font-size:10px; text-align:right; white-space:nowrap; }.model-summary-row > strong { overflow:hidden; text-align:left; text-overflow:ellipsis; }.model-summary-header { background:#f8fafc; }.model-summary-header button { border:0; background:transparent; color:var(--muted); font-size:8px; font-weight:800; text-align:right; text-transform:uppercase; }.model-summary-header button:first-child { text-align:left; }.model-summary-header button.active { color:var(--blue); }.model-summary-note { margin:7px 0 0; color:var(--muted); font-size:10px; }
@media (max-width:760px) { .model-filter-slot { flex:1 1 130px; }.model-filter-menu summary { width:100%; }.model-filter-options { left:0; right:auto; }.model-summary { margin-top:12px; }.model-summary-table { min-width:900px; } }
@media (max-width:760px) { .topbar-tools { width:100%; align-items:center; justify-content:space-between; }.dashboard-nav { flex:1; }.dashboard-nav button { flex:1; min-width:0; }.summary-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-grid,.summary-media-charts { grid-template-columns:1fr; }.summary-chart-section { grid-column:auto; } }
.dashboard-nav button[data-dashboard-page="YouTube"] { min-width:104px; text-transform:none; }
@media (max-width:1050px) { .summary-media-charts { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-section-head { align-items:flex-start; } }
@media (max-width:760px) { .summary-dashboard { gap:9px; }.summary-head { padding:11px 12px 0; }.summary-section,.summary-selected,.summary-alltime { margin-right:9px; margin-left:9px; padding:10px; }.summary-overview-split { grid-template-columns:1fr; margin:0 9px; }.summary-section-head { flex-direction:column; }.summary-period-controls { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-period-controls label:last-child { grid-column:1 / -1; }.summary-grain-control { width:100%; }.summary-selected-kpis,.summary-alltime-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-trend .trend-host { height:180px; }.summary-grid { padding:0 9px 10px; }.summary-identity { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-media-charts { grid-template-columns:1fr; }.summary-snapshot-marker { width:100%; } }

/* A class display declaration overrides the browser's default [hidden] style. */
.summary-dashboard[hidden] { display:none; }

/* Summary V2 layout is intentionally scoped so media dashboards remain independent. */
.summary-alltime-pair { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:12px; padding:0 14px; }
.summary-alltime-pair .summary-section,.summary-alltime-trend { margin:0; }
.summary-alltime .summary-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:0; border:0; background:transparent; }
.summary-alltime-summary .summary-identity { min-height:calc(100% - 43px); }
.summary-alltime-trend { margin:0 14px !important; }
.summary-alltime-trend { padding-top:13px; }
.summary-alltime-trend .trend-host { height:190px; }
.summary-model-section { margin:0 14px; }.summary-model-section .section-head h3 { font-size:12px; }.summary-model-section .section-head p { font-size:10px; }.model-summary-table.summary-model-compact { min-width:720px; }.model-summary-row-compact { grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(120px,1fr)); }.model-summary-row-compact > span { font-variant-numeric:tabular-nums; }.model-summary-row-compact button { padding:0; cursor:pointer; font-family:inherit; line-height:1.3; }.model-summary-row-compact.model-summary-header button { color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
@media (max-width:760px) { .summary-alltime-pair { grid-template-columns:1fr; padding:0 9px; }.summary-alltime-pair .summary-section { margin:0; }.summary-alltime .summary-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-alltime-trend { margin-right:9px; margin-left:9px; }.summary-alltime-trend .trend-host { height:180px; } }

@media (max-width:760px) { .summary-model-section { margin:0 9px; }.model-summary-table.summary-model-compact { min-width:720px; } }

/* TikTok blocks its player document from this embedded local context. Keep a durable 9:16 preview and link to its official player. */
.tiktok-preview-trigger { cursor:pointer; }
.tiktok-player-frame { position:relative; display:grid; width:100%; height:100%; min-height:0; overflow:hidden; background:#e8eef3; }
.tiktok-runtime-thumbnail,.tiktok-player-placeholder { grid-area:1 / 1; width:100%; height:100%; object-fit:cover; }
.tiktok-player-placeholder { display:grid; place-items:center; padding:16px; color:#536274; background:#eef3f7; text-align:center; font-size:12px; font-weight:800; line-height:1.5; }
.tiktok-player-placeholder b,.tiktok-player-placeholder small { display:block; }.tiktok-player-placeholder b { color:#111827; font-size:16px; }.tiktok-player-placeholder small { color:#708095; font-size:10px; font-weight:700; }
.tiktok-play-overlay { grid-area:1 / 1; align-self:end; justify-self:start; z-index:1; margin:9px; padding:5px 8px; border:1px solid rgba(255,255,255,.7); border-radius:4px; background:rgba(15,23,42,.78); color:#fff; font-size:10px; font-weight:800; }
.tiktok-card-player { display:grid; }
.tiktok-preview-trigger:hover .tiktok-play-overlay,.tiktok-preview-trigger:focus-visible .tiktok-play-overlay { background:rgba(23,105,209,.92); }
.modal-tiktok-player { height:100%; }
.tiktok-player-modal-action { grid-area:1 / 1; z-index:1; align-self:end; justify-self:stretch; padding:12px; background:rgba(15,23,42,.78); text-align:center; }
.tiktok-player-open { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 12px; border:1px solid rgba(255,255,255,.8); border-radius:5px; background:#fff; color:#1769d1; font-size:11px; font-weight:800; }
.tiktok-card-caption { display:-webkit-box; margin:0 0 10px; overflow:hidden; color:#425266; font-size:11px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.paid-attribution-note { margin:0 0 8px; color:#85631c; font-size:10px; font-weight:800; }
.paid-trend-unavailable { margin:12px 0 0; color:var(--muted); font-size:11px; }
.creative-residual { grid-column:1 / -1; margin:0; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:#fbfdff; color:var(--muted); font-size:11px; }
.creative-residual b { color:var(--ink); }
.creator-paid-expanded { padding:9px 12px 11px 48px; border-bottom:1px solid var(--line); background:#f8fafc; }.creator-paid-expanded-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 10px; margin-bottom:7px; }.creator-paid-expanded-head strong { color:var(--ink); font-size:10px; }.creator-paid-expanded-head small { color:var(--muted); font-size:9px; }.creator-paid-expanded-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px 10px; }.creator-paid-expanded-metrics div { min-width:0; }.creator-paid-expanded-metrics span,.creator-paid-expanded-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.creator-paid-expanded-metrics span { color:var(--muted); font-size:8px; }.creator-paid-expanded-metrics strong { margin-top:2px; color:var(--ink); font-size:10px; }
.overview-selected .kpis:has(.kpi:nth-child(7)) { grid-template-columns:repeat(4,minmax(100px,1fr)); }
.overview-all-time .kpis:has(.kpi:nth-child(5)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:760px) { .overview-selected .kpis:has(.kpi:nth-child(7)) { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* TikTok video-level paid attribution stays separate from shared Ad context. */
.chip.partial { border-color:#e7c88b; background:#fff7e7; color:#79520c; }

.tiktok-platform .overview-split .overview-selected .kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
.tiktok-platform .overview-split .overview-all-time .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tiktok-platform .overview-split .overview-selected .kpi:nth-child(n+5) { display:block; grid-column:auto; min-height:0; padding:10px 12px; border:1px solid #e5eaf0; border-radius:10px; background:#f8fafc; }
.tiktok-platform .overview-split .overview-selected .kpi:nth-child(n+5) .kpi-value { margin-top:4px; font-size:22px; text-align:left; }
.tiktok-platform .overview-split .overview-selected .kpi:nth-child(n+5) .kpi-note { display:block; }
.secondary-overview-metrics { display:flex; flex-wrap:wrap; gap:0; padding:0 14px 12px; border-bottom:1px solid var(--line); background:#fff; }
.secondary-overview-metrics span { display:flex; align-items:baseline; gap:5px; margin:3px 11px 0 0; padding:4px 11px 4px 0; border-right:1px solid var(--line); color:var(--muted); font-size:10px; }
.secondary-overview-metrics span:last-child { border-right:0; }.secondary-overview-metrics b { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }.secondary-overview-metrics strong { color:var(--ink); font-size:11px; }
.tiktok-workbench { grid-template-columns:minmax(420px,34%) minmax(0,66%); align-items:stretch; }
.tiktok-source-section { margin-top:16px; }
.tiktok-source-table { overflow:auto; }
.tiktok-source-row { display:grid; grid-template-columns:minmax(220px,1fr) 100px repeat(3,minmax(100px,auto)); gap:12px; align-items:center; min-width:680px; padding:9px 12px; border-top:1px solid var(--line); font-size:12px; }
.tiktok-source-row > :not(:first-child) { text-align:right; font-variant-numeric:tabular-nums; }
.tiktok-source-header { color:var(--muted); font-size:10px; text-transform:uppercase; }
.tiktok-workbench .tiktok-creator-panel,.tiktok-workbench .video-panel { grid-column:auto; display:flex; flex-direction:column; height:min(820px,calc(100vh - 28px)); max-height:calc(100vh - 28px); overflow:hidden; }
.tiktok-workbench .tiktok-creator-panel { position:sticky; top:12px; }
.tiktok-workbench .tiktok-creator-panel .panel-title,.tiktok-workbench .tiktok-creator-panel .all-creators,.tiktok-workbench .tiktok-creator-panel .creator-table-head,.tiktok-workbench .video-panel .panel-title { flex:0 0 auto; }
.tiktok-workbench .tiktok-creator-panel .creator-list,.tiktok-workbench .video-panel .video-grid { flex:1 1 auto; min-height:0; overflow:auto; }
.tiktok-workbench .video-panel .video-grid { grid-auto-rows:max-content; align-content:start; overflow-x:hidden; overflow-y:auto; }
.tiktok-workbench .video-panel .video-grid > .tiktok-post-card { align-self:start; flex:none; min-height:0; height:auto; }
.tiktok-workbench .tiktok-post-card .preview-pane { min-height:0; }
.tiktok-workbench .tiktok-post-card .tiktok-cost-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 12px; }
.tiktok-workbench .tiktok-post-card .tiktok-cost-metrics .metric-cell { display:block; min-width:0; padding:0; background:transparent; }
.tiktok-workbench .tiktok-post-card .tiktok-cost-metrics .metric-cell span { white-space:normal; }
.tiktok-workbench .tiktok-post-card .tiktok-cost-metrics .metric-cell strong { font-variant-numeric:tabular-nums; }
.tiktok-creator-panel .creator-table-head,.tiktok-creator-panel .creator-row:not(.all-creators) { min-width:0; grid-template-columns:minmax(126px,1.65fr) repeat(6,minmax(0,.75fr)); gap:6px; }
.tiktok-creator-panel .creator-list { overflow:auto; }
.tiktok-creator-panel .creator-table-head button { width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:right; text-transform:inherit; cursor:pointer; }
.tiktok-creator-panel .creator-table-head span:first-child button { text-align:left; }
.tiktok-creator-panel .creator-table-head button:hover { color:var(--blue); }
.tiktok-creator-row-wrap { min-width:0; }
.video-count-kpi { display:inline-flex; flex-wrap:wrap; align-items:stretch; gap:8px; margin-top:7px; }
.video-kpi-item { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:2px 8px; min-width:115px; padding:5px 8px; border:1px solid var(--line); border-radius:5px; background:#fff; }
.video-count-kpi span { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.video-count-kpi strong { color:var(--ink); font-size:15px; line-height:1; }
.video-count-kpi small { grid-column:1 / -1; color:var(--muted); font-size:9px; }
.video-filter-reset { min-height:32px; padding:0 9px; border:1px solid var(--line); border-radius:3px; background:#fff; color:var(--ink); font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.video-filter-reset:hover { border-color:var(--blue); color:var(--blue); }
.video-performance-coverage { flex:1 0 100%; max-width:440px; color:var(--muted); font-size:10px; line-height:1.35; }
.date-type-coverage { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.4; }
.creator-post-table { overflow-x:auto; margin-top:10px; border:1px solid var(--line); background:#fff; }
.creator-post-row { display:grid; grid-template-columns:minmax(165px,1.5fr) repeat(9,minmax(82px,.8fr)); gap:8px; min-width:1030px; padding:7px 9px; border-bottom:1px solid var(--line); align-items:center; font-size:10px; }
.creator-post-row:last-child { border-bottom:0; }
.creator-post-row strong,.creator-post-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.creator-post-row span { text-align:right; }
.creator-post-row.header { background:var(--soft); color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.creator-post-row.header span { text-align:right; }
@media (max-width:1050px) { .tiktok-workbench { grid-template-columns:1fr; }.tiktok-workbench .tiktok-creator-panel,.tiktok-workbench .video-panel { position:static; height:auto; max-height:none; }.tiktok-workbench .tiktok-creator-panel .creator-list { max-height:440px; }.tiktok-workbench .video-panel .video-grid { max-height:760px; } }
@media (max-width:760px) { .tiktok-platform .overview-split .overview-selected .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.secondary-overview-metrics { padding:0 12px 10px; }.secondary-overview-metrics span { margin-right:8px; padding-right:8px; }.tiktok-workbench .tiktok-creator-panel .creator-list { max-height:320px; }.tiktok-workbench .video-panel .video-grid { max-height:620px; }.creator-paid-expanded { padding-left:12px; }.creator-paid-expanded-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.tiktok-attribution-meta { display:flex; flex-wrap:wrap; gap:7px 16px; align-items:center; color:var(--muted); font-size:10px; }
.tiktok-attribution-meta span { display:flex; align-items:center; gap:6px; }
.tiktok-attribution-meta b:not(.chip) { color:var(--ink); }
.paid-metric-block h4 { margin:2px 0 5px; color:var(--muted); font-size:10px; font-weight:800; }
.preview-modal-paid .paid-attribution-note { margin:0; padding:7px 9px; border-left:2px solid #d6a241; background:#fff9ec; color:#725516; font-size:10px; line-height:1.4; }
.shared-paid-note { margin:0; padding:8px 10px; border-left:2px solid #8796a8; background:#f5f7f9; color:#485568; font-size:10px; line-height:1.45; }
.shared-paid-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:8px; }
.shared-paid-grid .metric-cell { padding:7px 8px; border:1px solid var(--line); border-radius:6px; background:#fafbfd; }
.shared-paid-grid .metric-cell.emphasis { background:#f2f5f8; }
.shared-paid-grid .metric-cell span { font-size:9px; }
.shared-ad-details { margin-top:8px; color:var(--muted); font-size:10px; }
.shared-ad-details summary { cursor:pointer; font-weight:700; }
.shared-ad-list { display:grid; gap:4px; margin-top:6px; }
.shared-ad-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:12px; padding:6px 8px; border-bottom:1px solid var(--line); }
.shared-ad-row span { overflow:hidden; color:var(--ink); text-overflow:ellipsis; white-space:nowrap; }
.shared-ad-row b { color:var(--ink); }
.shared-trend-head { display:flex; justify-content:space-between; gap:8px; margin-top:12px; color:var(--muted); font-size:10px; }
.shared-trend-head strong { color:var(--ink); }
.tiktok-trend-host { height:196px; }
.tiktok-paid-trend { display:block; height:100%; min-width:100%; }
.card-trend .tiktok-trend-host { height:190px; }
@media (max-width:760px) { .shared-paid-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.tiktok-attribution-meta { gap:7px 10px; }.tiktok-trend-host,.card-trend .tiktok-trend-host { height:184px; } }

.workbench[hidden],.creator-retention[hidden],.youtube-asset-workbench[hidden] { display:none !important; }
.youtube-asset-workbench { overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--panel); }
.youtube-page-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border-bottom:1px solid var(--line); }
.youtube-page-head h2 { font-size:18px; }
.youtube-page-head p { margin-top:4px; }
.youtube-freshness { display:grid; gap:3px; text-align:right; }
.youtube-freshness span { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.youtube-freshness strong { font-size:12px; }
.youtube-primary-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:12px 14px; background:var(--soft); }
.youtube-kpi { min-width:0; padding:10px 11px; border:1px solid #e5eaf0; border-radius:8px; background:var(--panel); }
.youtube-kpi span,.youtube-kpi small { display:block; overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }
.youtube-kpi span { font-size:9px; font-weight:800; text-transform:uppercase; }
.youtube-kpi strong { display:block; margin-top:5px; overflow:hidden; font-size:20px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.youtube-kpi small { margin-top:4px; font-size:9px; }
.youtube-secondary-metrics { display:flex; flex-wrap:wrap; gap:0; padding:2px 14px 12px; border-bottom:1px solid var(--line); background:var(--soft); }
.youtube-secondary-metrics span { display:flex; align-items:baseline; gap:5px; margin:3px 10px 0 0; padding:3px 10px 3px 0; border-right:1px solid var(--line); white-space:nowrap; }
.youtube-secondary-metrics b { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.youtube-secondary-metrics strong { color:var(--ink); font-size:11px; }
.youtube-chart-section,.youtube-material-section { padding:14px; border-top:1px solid var(--line); }
.youtube-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
.youtube-section-head h3 { font-size:13px; }
.youtube-section-head p { margin-top:3px; font-size:10px; }
.youtube-chart-legend { display:flex; gap:12px; color:var(--muted); font-size:10px; }
.youtube-chart-legend span { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.youtube-chart-legend i { width:9px; height:9px; border-radius:2px; }
.youtube-chart-legend .revenue-swatch { background:var(--blue); }
.youtube-chart-legend .spend-swatch { background:#8492a3; }
.youtube-chart-rows { display:grid; gap:7px; }
.youtube-chart-row { display:grid; grid-template-columns:28px minmax(110px,190px) minmax(100px,1fr) minmax(92px,120px); align-items:center; gap:9px; min-height:38px; }
.youtube-chart-rank { color:var(--muted); font-size:9px; font-weight:800; }
.youtube-chart-material { min-width:0; }
.youtube-chart-material strong { display:block; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.youtube-bars { display:grid; gap:3px; margin-top:3px; }
.youtube-bar { display:block; height:5px; min-width:0; border-radius:2px; }
.youtube-bar.revenue-bar { background:var(--blue); }
.youtube-bar.spend-bar { background:#8492a3; }
.youtube-chart-value { display:grid; justify-items:end; gap:2px; white-space:nowrap; }
.youtube-chart-value b { font-size:10px; }
.youtube-chart-value small { color:var(--muted); font-size:9px; }
.youtube-snapshot-section { padding:0 14px 14px; }
.youtube-snapshot-notice { margin:0 0 8px; color:var(--muted); font-size:10px; font-weight:700; }
.youtube-snapshot-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.youtube-snapshot-chart { min-width:0; padding:10px 12px 8px; border:1px solid var(--line); border-radius:6px; background:var(--panel); }
.youtube-snapshot-chart .youtube-section-head { margin-bottom:8px; }
.youtube-snapshot-series { display:grid; gap:5px; }
.youtube-snapshot-row { display:grid; grid-template-columns:84px minmax(0,1fr); align-items:center; gap:8px; min-height:42px; }
.youtube-snapshot-label { color:var(--muted); font-size:10px; font-weight:700; }
.youtube-snapshot-row svg { display:block; width:100%; height:40px; overflow:visible; }
.youtube-snapshot-dates { display:grid; grid-template-columns:84px minmax(0,1fr); gap:8px; margin-top:1px; }
.youtube-snapshot-date-track { display:grid; grid-template-columns:repeat(var(--snapshot-count),minmax(0,1fr)); color:var(--muted); font-size:9px; }
.youtube-snapshot-date-track span:last-child { text-align:right; }
.youtube-snapshot-empty { color:var(--muted); font-size:10px; }
.youtube-filters { display:flex; flex-wrap:wrap; align-items:end; justify-content:end; gap:6px; }
.youtube-filters label { min-width:110px; }
.youtube-filters .youtube-search { min-width:205px; flex:1 1 205px; }
.youtube-filters input[type="date"] { width:140px; }
.youtube-filters .youtube-search input { width:100%; }
.youtube-material-section { padding-bottom:0; }
.youtube-unknown-assets { padding-bottom:14px; }
.youtube-unknown-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; }
.youtube-unknown-summary::-webkit-details-marker { display:none; }
.youtube-unknown-summary::before { content:""; width:7px; height:7px; margin-right:2px; border-right:1px solid var(--muted); border-bottom:1px solid var(--muted); transform:rotate(-45deg); transition:transform .12s ease; }
.youtube-unknown-assets[open] .youtube-unknown-summary::before { transform:rotate(45deg); }
.youtube-unknown-title { margin-right:auto; color:var(--ink); font-size:13px; font-weight:800; }
.youtube-unknown-total { color:var(--muted); font-size:10px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.youtube-unknown-result-count { margin:10px 0 8px; color:var(--muted); font-size:10px; }
.youtube-table-head { align-items:end; flex-wrap:wrap; }
.youtube-table-scroll { overflow:auto; max-height:calc(100vh - 240px); border-top:1px solid var(--line); }
.youtube-material-table { width:100%; min-width:1320px; border-collapse:separate; border-spacing:0; }
.youtube-material-table th,.youtube-material-table td { padding:8px 9px; border-bottom:1px solid var(--line); color:var(--ink); font-size:10px; text-align:left; vertical-align:middle; white-space:nowrap; }
.youtube-material-table th { position:sticky; top:0; z-index:1; background:#f8fafc; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.youtube-material-table th button { padding:0; border:0; background:transparent; color:inherit; font-size:inherit; font-weight:inherit; text-transform:inherit; white-space:nowrap; }
.youtube-material-table th button:hover,.youtube-material-table th button.active { color:var(--blue); }
.youtube-material-table td.numeric { text-align:right; font-variant-numeric:tabular-nums; }
.youtube-material-table .youtube-rank-cell { color:var(--muted); font-weight:800; }
.youtube-material-name { display:block; max-width:190px; overflow:hidden; font-size:10px; text-overflow:ellipsis; }
.youtube-material-preview { display:block; width:64px; height:36px; }
.youtube-material-preview img { display:block; width:64px; height:36px; border-radius:4px; object-fit:cover; }
.youtube-delivery-status { display:inline-flex; padding:3px 6px; border:1px solid var(--line); border-radius:3px; background:var(--soft); color:var(--muted); font-size:9px; font-weight:800; }
.youtube-delivery-status.active { border-color:#b4e1cf; background:var(--green-soft); color:var(--green); }
.youtube-delivery-status.limited { border-color:#ead4a9; background:#fff8ed; color:#8a631f; }
.youtube-delivery-status.paused { border-color:#d6dee7; background:#f5f7fa; color:#566575; }
.youtube-delivery-status.removed { border-color:#f2c4c4; background:var(--red-soft); color:var(--red); }
.youtube-video-id { display:block; margin-top:2px; color:var(--muted); font-size:9px; }
.youtube-unlinked-tag { display:inline-block; margin-top:3px; padding:2px 5px; border:1px solid #d6dee7; border-radius:3px; color:var(--muted); font-size:8px; font-weight:800; text-transform:uppercase; }
.youtube-status { display:inline-flex; padding:3px 6px; border:1px solid var(--line); border-radius:3px; background:var(--soft); color:var(--muted); font-size:9px; font-weight:800; }
.youtube-status.running { border-color:#b4e1cf; background:var(--green-soft); color:var(--green); }
.youtube-status.closed { border-color:#f2c4c4; background:var(--red-soft); color:var(--red); }
.youtube-material-table td a { color:var(--blue); font-size:9px; }
.youtube-no-link { color:var(--muted); }
.youtube-empty,.youtube-empty-cell { padding:24px !important; color:var(--muted) !important; text-align:center !important; }
@media (max-width:1050px) { .youtube-primary-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.youtube-table-head { align-items:start; }.youtube-filters { justify-content:start; } }
@media (max-width:760px) { .youtube-page-head { align-items:flex-start; flex-direction:column; }.youtube-freshness { text-align:left; }.youtube-primary-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; }.youtube-kpi { padding:9px; }.youtube-kpi strong { font-size:18px; }.youtube-secondary-metrics { padding:2px 10px 10px; }.youtube-secondary-metrics span { margin-right:7px; padding-right:7px; }.youtube-chart-section,.youtube-material-section { padding:11px 10px; }.youtube-snapshot-section { padding:0 10px 11px; }.youtube-snapshot-grid { grid-template-columns:1fr; gap:8px; }.youtube-snapshot-chart { padding:9px; }.youtube-snapshot-row,.youtube-snapshot-dates { grid-template-columns:74px minmax(0,1fr); gap:6px; }.youtube-chart-row { grid-template-columns:24px minmax(0,1fr) minmax(82px,95px); gap:6px; }.youtube-chart-material { grid-column:2; }.youtube-chart-value { grid-column:3; grid-row:1; }.youtube-filters { width:100%; justify-content:stretch; }.youtube-filters label { flex:1 1 135px; min-width:0; }.youtube-filters .youtube-search { flex-basis:100%; }.youtube-filters input[type="date"] { width:100%; }.youtube-table-scroll { max-height:70vh; }.youtube-section-head { flex-wrap:wrap; } }
/* Media Performance only: fit all eight columns on desktop while retaining a small-screen fallback. */
.summary-media-scroll { overflow-x:hidden; }
.summary-media-table-compact { width:100%; min-width:0; }
.summary-media-table-compact .summary-media-row { grid-template-columns:minmax(82px,1.25fr) minmax(48px,.62fr) minmax(46px,.58fr) minmax(82px,1fr) minmax(88px,1.08fr) minmax(92px,1.12fr) minmax(68px,.82fr) minmax(50px,.58fr); }
.summary-media-table-compact .summary-media-row > * { padding:8px 5px; font-size:9px; }
.summary-media-table-compact .summary-media-row.header > * { font-size:8px; }
@media (max-width:760px) {
  .summary-media-scroll { overflow-x:auto; }
  .summary-media-table-compact { min-width:760px; }
}

/* Summary shares the platform overview hierarchy, with compact all-time metrics. */
.summary-dashboard { gap:20px; }
.summary-dashboard .summary-head { padding:15px 16px; border-radius:0; }
.summary-overview-split { grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:24px; margin:0 14px; }
.summary-dashboard .summary-section { padding:18px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.summary-overview-split > .summary-section { margin:0; padding:0; border-top:0; }
.summary-selected { padding-right:24px !important; border-right:1px solid var(--line) !important; }
.summary-selected > .summary-section-head { flex-wrap:wrap; gap:14px; margin-bottom:16px; }
.summary-section-head h3 { font-size:14px; }
.summary-period-controls { gap:10px; }
.summary-selected .summary-selected-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:0 0 16px; background:transparent; }
.summary-selected-kpis .summary-kpi { padding:20px 14px; background:var(--panel); }
.summary-selected-kpis .summary-kpi strong { font-size:26px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.summary-selected-kpis .summary-kpi span { font-size:10px; }
.summary-selected-kpis .summary-kpi small { line-height:1.4; }
.summary-alltime-overview .summary-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 0 16px; gap:8px; background:transparent; }
.summary-alltime-kpis .summary-kpi { padding:12px; }
.summary-alltime-kpis .summary-kpi strong { font-size:18px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.summary-dashboard .summary-trend { margin:16px 0 0 !important; padding:16px 0 0; border-top:1px solid var(--line); }
.summary-selected .summary-trend .trend-host { height:260px; }
.summary-alltime-overview .summary-trend .trend-host { height:180px; }
.summary-alltime-trend .summary-section-head { flex-wrap:wrap; align-items:start; }
.summary-alltime-trend .summary-grain-control { min-width:90px; }
.summary-scale-grid { grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:24px; }
.summary-grid { padding:0 14px; gap:24px; }
.summary-grid > .summary-section { margin:0; }
.summary-alltime-summary .summary-identity { min-height:0; }
.summary-identity { grid-template-columns:repeat(2,minmax(0,1fr)); border:0; gap:0 18px; background:transparent; }
.summary-identity div { padding:12px 0; background:transparent; border-bottom:1px solid var(--line); }
.summary-identity div:last-child { grid-column:1 / -1; }
.summary-identity strong { font-size:22px; }
.summary-media-scroll { overflow-x:auto; }
.summary-media-table-compact { min-width:680px; }
@media (max-width:1200px) {
  .summary-selected .summary-selected-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .summary-selected .summary-trend .trend-host { height:200px; }
}
@media (max-width:980px) {
  .summary-overview-split,.summary-scale-grid { grid-template-columns:1fr; }
  .summary-selected { padding-right:0 !important; border-right:0 !important; }
  .summary-overview-split > .summary-alltime-overview { padding-top:20px; border-top:1px solid var(--line); }
}
@media (max-width:760px) {
  .summary-dashboard { gap:16px; }
  .summary-overview-split { margin:0 9px; gap:20px; }
  .summary-grid { padding:0 9px; gap:16px; }
  .summary-selected-kpis .summary-kpi { padding:16px 12px; }
  .summary-selected-kpis .summary-kpi strong { font-size:22px; }
  .summary-selected .summary-trend .trend-host { height:190px; }
}