:root{
  --bg:#0b0d12;--panel:#11151c;--panel-2:#171c25;--border:#222a36;
  --text:#e6edf3;--muted:#8b95a5;--accent:#3b82f6;
  --c-broad:#dc2626;--c-cat:#ea580c;--c-svc:#2563eb;--c-tool:#16a34a;--c-brand:#6b7280;
  --c-covered:#22c55e;--c-partial:#f59e0b;--c-missing:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans CJK TC","PingFang HK",sans-serif;font-size:13px}
a{color:var(--accent);text-decoration:none}

  :root{
    --bg:#0b0d12;--panel:#11151c;--panel-2:#171c25;--border:#222a36;
    --text:#e6edf3;--muted:#8b95a5;--accent:#3b82f6;
    --c-broad:#dc2626;--c-cat:#ea580c;--c-svc:#2563eb;--c-tool:#16a34a;--c-brand:#6b7280;
    --c-covered:#22c55e;--c-partial:#f59e0b;--c-missing:#ef4444;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,"Segoe UI",Roboto,"Noto Sans CJK TC","PingFang HK",sans-serif;font-size:13px}
  a{color:var(--accent);text-decoration:none}
  /* Header */
  header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
  header h1{margin:0;font-size:15px;font-weight:600;letter-spacing:.3px}
  header .meta{font-size:12px;color:var(--muted)}
  header .meta b{color:var(--text)}
  header .month{font-size:11px;background:#1f2937;color:#cbd5e1;padding:3px 8px;border-radius:4px;margin-left:8px}
  /* KPI row */
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 18px;background:var(--panel)}
  .kpi{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:10px 12px;transition:opacity .25s}
  .kpi.dim{opacity:.35}
  .kpi-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
  .kpi-value{font-size:22px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}
  .kpi-sub{font-size:11px;color:var(--muted);margin-top:1px}
  /* Filter chips */
  .chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px 18px 10px;background:var(--panel);border-bottom:1px solid var(--border)}
  .chip-group{display:flex;gap:4px;align-items:center;margin-right:14px}
  .chip-group .lbl{font-size:11px;color:var(--muted);margin-right:4px}
  .chip{cursor:pointer;font-size:11px;padding:3px 9px;border-radius:11px;background:#1a2230;border:1px solid var(--border);user-select:none;transition:all .15s}
  .chip:hover{border-color:#3a4658}
  .chip.active{background:#1d4ed8;border-color:#3b82f6;color:#fff}
  .chip[data-scope="broad_pillar"].active{background:var(--c-broad);border-color:var(--c-broad)}
  .chip[data-scope="service_category"].active{background:var(--c-cat);border-color:var(--c-cat)}
  .chip[data-scope="specific_service"].active{background:var(--c-svc);border-color:var(--c-svc)}
  .chip[data-scope="tool"].active{background:var(--c-tool);border-color:var(--c-tool)}
  .chip[data-scope="brand_about"].active{background:var(--c-brand);border-color:var(--c-brand)}
  .chip[data-cov="covered"].active{background:var(--c-covered);border-color:var(--c-covered)}
  .chip[data-cov="partial"].active{background:var(--c-partial);border-color:var(--c-partial)}
  .chip[data-cov="missing"].active{background:var(--c-missing);border-color:var(--c-missing)}
  .chip.reset{background:#374151;border-color:#475569;margin-left:auto}
  /* Main grid */
  .grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px;padding:8px 18px 18px}
  .panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
  .panel-h{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
  .panel-h b{color:var(--text);font-weight:600;font-size:12px}
  .panel-h .hint{font-size:10.5px;color:var(--muted)}
  .chart{width:100%}
  /* Layout slots */
  .slot-bubble{grid-column:1;grid-row:1}
  .slot-right{grid-column:2;grid-row:1 / span 2}
  .slot-secondary{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .slot-coverage{grid-column:1 / span 2;grid-row:3}
  .slot-secondary > .panel{min-height:280px}
  .slot-bubble .chart{height:440px}
  .slot-secondary .chart{height:280px}
  .slot-coverage .chart{height:240px}
  /* Right panel */
  .rp{flex:1;overflow:auto;padding:14px 16px;font-size:13px;line-height:1.55}
  .rp.empty{display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:30px;font-size:13px}
  .rp h2{margin:0 0 4px;font-size:15px;color:var(--text)}
  .rp .h1-sub{font-size:12px;color:var(--muted);margin-bottom:10px}
  .rp .badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
  .badge{font-size:10.5px;padding:2px 7px;border-radius:3px;background:#1f2937;color:#cbd5e1}
  .badge.scope-broad_pillar{background:var(--c-broad);color:#fff}
  .badge.scope-service_category,.badge.scope-category{background:var(--c-cat);color:#fff}
  .badge.scope-specific_service,.badge.scope-service_landing{background:var(--c-svc);color:#fff}
  .badge.scope-tool,.badge.scope-tool_subfeature{background:var(--c-tool);color:#fff}
  .badge.scope-brand_about{background:var(--c-brand);color:#fff}
  .rp .rationale{font-size:11.5px;color:var(--muted);margin-bottom:10px;padding:8px;background:var(--panel-2);border-radius:4px;border-left:2px solid var(--accent)}
  .cov-bar{display:flex;height:18px;border-radius:3px;overflow:hidden;margin-bottom:4px;background:#1f2937}
  .cov-bar div{display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}
  .cov-bar .c{background:var(--c-covered)}
  .cov-bar .p{background:var(--c-partial)}
  .cov-bar .m{background:var(--c-missing)}
  .cov-meta{font-size:11px;color:var(--muted);margin-bottom:12px;display:flex;gap:14px}
  .cov-meta span b{color:var(--text)}
  .rp h3{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px;font-weight:600}
  .tbl{width:100%;border-collapse:collapse;font-size:11.5px}
  .tbl th{text-align:left;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--muted);font-weight:500;cursor:pointer;user-select:none}
  .tbl th.sort-asc::after{content:" ▲";color:var(--accent);font-size:9px}
  .tbl th.sort-desc::after{content:" ▼";color:var(--accent);font-size:9px}
  .tbl td{padding:4px 6px;border-bottom:1px solid #1a2230;vertical-align:top}
  .tbl tr.row-missing td{color:#fca5a5}
  .tbl tr.row-partial td{color:#fcd34d}
  .pill{font-size:9.5px;padding:1px 5px;border-radius:8px;background:#1f2937;color:#cbd5e1;display:inline-block}
  .pill.covered{background:var(--c-covered);color:#062b18}
  .pill.partial{background:var(--c-partial);color:#3b1f00}
  .pill.missing{background:var(--c-missing);color:#3b0707}
  .pill.branded{background:#7c3aed;color:#fff}
  .pill.intent{background:#0ea5e9;color:#03253b}
  .pill.intent.commercial{background:#16a34a;color:#062b18}
  .pill.intent.transactional{background:#dc2626;color:#fff}
  .pill.intent.informational{background:#0ea5e9;color:#03253b}
  .pill.intent.navigational{background:#6b7280;color:#fff}
  .btn{font-size:11px;padding:4px 10px;border-radius:4px;background:#1f2937;color:#cbd5e1;border:1px solid var(--border);cursor:pointer}
  .btn[disabled]{opacity:.5;cursor:not-allowed}
  /* Loading / error */
  #loading{padding:30px;text-align:center;color:var(--muted)}
  /* Tooltip override */
  .echarts-tooltip{font-size:11.5px !important}
  /* Footer note */
  footer{padding:8px 18px;font-size:10.5px;color:var(--muted);border-top:1px solid var(--border);background:var(--panel)}
  footer code{background:var(--panel-2);padding:1px 5px;border-radius:3px;font-size:10px}
  /* === View 6 — Comprehensive Checklist === */
  .checklist-wrap{padding:8px 18px 0}
  .checklist-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}
  .cl-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}
  .cl-head b{font-size:13px;color:var(--text)}
  .cl-stat{font-size:11px;color:var(--muted)}
  .cl-stat .num{font-variant-numeric:tabular-nums;font-weight:600}
  .cl-stat .pass{color:#22c55e}.cl-stat .fail{color:#ef4444}.cl-stat .warn{color:#f59e0b}.cl-stat .na{color:#8b95a5}
  .cl-stat .imp{color:#22c55e}.cl-stat .reg{color:#ef4444}
  .cl-filters{display:flex;gap:6px;flex-wrap:wrap}
  .cl-filters .chip{cursor:pointer;font-size:11px;padding:3px 9px;border-radius:11px;background:#1a2230;border:1px solid var(--border);user-select:none}
  .cl-filters .chip.active{background:#1d4ed8;border-color:#3b82f6;color:#fff}
  .cl-filters .chip[data-flt="FAIL"].active{background:#dc2626;border-color:#dc2626}
  .cl-filters .chip[data-flt="WARN"].active{background:#f59e0b;border-color:#f59e0b;color:#3b1f00}
  .cl-filters .chip[data-flt="improved"].active{background:#16a34a;border-color:#16a34a}
  .cl-filters .chip[data-flt="regressed"].active{background:#dc2626;border-color:#dc2626}
  .cl-cat{border-bottom:1px solid var(--border)}
  .cl-cat:last-child{border-bottom:0}
  .cl-cat-h{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--panel-2);cursor:pointer;user-select:none}
  .cl-cat-h:hover{background:#1d2330}
  .cl-cat-h .left{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text)}
  .cl-cat-h .icon{font-size:14px}
  .cl-cat-h .arrow{font-size:10px;color:var(--muted);transition:transform .15s}
  .cl-cat.collapsed .arrow{transform:rotate(-90deg)}
  .cl-cat.collapsed .cl-rows{display:none}
  .cl-cat-h .mini{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
  .cl-cat-h .mini .p{color:#22c55e}.cl-cat-h .mini .f{color:#ef4444}.cl-cat-h .mini .w{color:#f59e0b}.cl-cat-h .mini .n{color:#8b95a5}
  .cl-rows{display:flex;flex-direction:column}
  .cl-row{display:grid;grid-template-columns:24px minmax(0,2fr) 90px 90px 1fr;gap:8px;padding:7px 14px;border-top:1px solid #1a2230;font-size:11.5px;align-items:start;cursor:pointer;transition:background .1s}
  .cl-row:hover{background:#161b25}
  .cl-row.hidden{display:none}
  .cl-row .icn{font-size:14px;line-height:1;text-align:center;padding-top:1px}
  .cl-row .icn.pass{color:#22c55e}.cl-row .icn.fail{color:#ef4444}.cl-row .icn.warn{color:#f59e0b}.cl-row .icn.na{color:#8b95a5}
  .cl-row .label{color:var(--text);line-height:1.4}
  .cl-row .label .id{font-size:10px;color:var(--muted);font-family:monospace;display:block;margin-top:1px}
  .cl-row .stat{font-size:10.5px;font-weight:600}
  .cl-row .stat.PASS{color:#22c55e}.cl-row .stat.FAIL{color:#ef4444}.cl-row .stat.WARN{color:#f59e0b}.cl-row .stat\:N\/A{color:#8b95a5}
  .cl-row .delta{font-size:10px;padding:1px 6px;border-radius:8px;display:inline-block;font-weight:500}
  .cl-row .delta.improved{background:#064e3b;color:#6ee7b7}
  .cl-row .delta.regressed{background:#7f1d1d;color:#fca5a5}
  .cl-row .delta.unchanged{background:#1f2937;color:#9ca3af}
  .cl-row .delta.new{background:#1e3a8a;color:#93c5fd}
  .cl-row .evidence{font-size:10.5px;color:var(--muted);line-height:1.45;word-break:break-word}
  .cl-row .evidence .commits{margin-top:2px;display:flex;flex-wrap:wrap;gap:3px}
  .cl-row .evidence .commits code{background:#064e3b;color:#6ee7b7;padding:1px 4px;border-radius:3px;font-size:9.5px;font-family:monospace}
  .cl-row .evidence .rule{margin-top:2px;font-size:10px;color:#93c5fd}
  /* Checklist tab strip (View 6 v2) */
  .cl-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel-2)}
  .cl-tab{cursor:pointer;font-size:11.5px;padding:5px 10px;border-radius:14px;background:#1a2230;border:1px solid var(--border);user-select:none;display:inline-flex;align-items:center;gap:5px;color:var(--text);transition:background .12s}
  .cl-tab:hover{background:#222a3a}
  .cl-tab.active{background:#1f2937;border-color:#3b82f6}
  .cl-tab .tab-badge{font-size:10px;padding:0 6px;border-radius:8px;font-weight:600;background:#374151;color:#cbd5e1;font-variant-numeric:tabular-nums}
  .cl-tab.health-fail .tab-badge{background:#7f1d1d;color:#fca5a5}
  .cl-tab.health-warn .tab-badge{background:#78350f;color:#fcd34d}
  .cl-tab.health-pass .tab-badge{background:#064e3b;color:#6ee7b7}
  .cl-tab.health-na .tab-badge{background:#1f2937;color:#9ca3af}
  .cl-tab-body{padding:0}
  /* Raw content expand panel */
  .cl-row .raw-toggle{margin-top:4px;font-size:10.5px;cursor:pointer;color:#93c5fd;user-select:none}
  .cl-row .raw-toggle:hover{color:#bfdbfe;text-decoration:underline}
  .cl-raw{margin-top:6px;padding:8px 10px;background:#0f1419;border:1px solid #1f2937;border-radius:4px;font-size:10.5px;color:#cbd5e1;line-height:1.45;display:none}
  .cl-raw.open{display:block}
  .cl-raw .raw-src{font-size:10px;color:#8b95a5;margin-bottom:6px;font-family:monospace}
  .cl-raw table{width:100%;border-collapse:collapse;font-size:10.5px;font-variant-numeric:tabular-nums}
  .cl-raw table th,.cl-raw table td{padding:3px 6px;border-bottom:1px solid #1a2230;text-align:left;vertical-align:top}
  .cl-raw table th{color:#8b95a5;font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.3px;background:#0a0d12}
  .cl-raw table td.mono{font-family:monospace;font-size:10px;color:#cbd5e1;word-break:break-all}
  .cl-raw .badge-pass{color:#22c55e}.cl-raw .badge-fail{color:#ef4444}.cl-raw .badge-warn{color:#f59e0b}
  .cl-raw .json{font-family:monospace;font-size:10px;background:#0a0d12;border:1px solid #1a2230;padding:6px 8px;border-radius:3px;white-space:pre-wrap;overflow-x:auto;max-height:240px;overflow-y:auto;color:#cbd5e1}
  .cl-raw .json .k{color:#93c5fd}
  .cl-raw .json .s{color:#6ee7b7}
  .cl-raw .json .n{color:#fcd34d}
  .cl-raw .json .b{color:#c084fc}
  .cl-raw .raw-page-block{border:1px solid #1a2230;border-radius:3px;margin:5px 0;background:#0a0d12}
  .cl-raw .raw-page-h{padding:5px 8px;cursor:pointer;font-size:10.5px;display:flex;justify-content:space-between;align-items:center;user-select:none}
  .cl-raw .raw-page-h:hover{background:#0f1419}
  .cl-raw .raw-page-h .page-id{color:#bfdbfe;font-family:monospace}
  .cl-raw .raw-page-b{padding:6px 10px;border-top:1px solid #1a2230;display:none}
  .cl-raw .raw-page-block.open .raw-page-b{display:block}
  .cl-raw .raw-page-block.open .raw-page-h .arr{transform:rotate(90deg)}
  .cl-raw .raw-page-h .arr{display:inline-block;font-size:9px;color:#8b95a5;transition:transform .12s;margin-left:6px}
  .cl-raw .pill{display:inline-block;font-size:9.5px;padding:1px 6px;border-radius:8px;margin-right:4px;background:#1f2937;color:#cbd5e1}
  .cl-raw .pill.pass{background:#064e3b;color:#6ee7b7}
  .cl-raw .pill.fail{background:#7f1d1d;color:#fca5a5}
  .cl-raw .pill.warn{background:#78350f;color:#fcd34d}
  /* === View 7 — AI Conversation log === */
  .conv-wrap{padding:8px 18px 18px}
  .conv-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}
  .conv-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}
  .conv-head b{font-size:13px;color:var(--text)}
  .conv-head select{background:#1a2230;border:1px solid var(--border);color:var(--text);font-size:11.5px;padding:4px 8px;border-radius:4px;max-width:480px}
  .conv-meta{font-size:11px;color:var(--muted)}
  .conv-grid{display:grid;grid-template-columns:1fr 280px;gap:0}
  .conv-body{padding:14px 16px;border-right:1px solid var(--border);min-height:300px}
  .conv-body .pq{font-size:13px;color:var(--text);font-weight:600;line-height:1.5;margin-bottom:10px}
  .conv-body .meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
  .conv-body .meta-row .badge{font-size:10px;padding:2px 7px;border-radius:3px;background:#1f2937;color:#cbd5e1}
  .conv-body .meta-row .badge.branded{background:#7c3aed;color:#fff}
  .conv-body .meta-row .badge.unbranded{background:#1e3a8a;color:#93c5fd}
  .conv-body .meta-row .badge.shallow{background:#7f1d1d;color:#fca5a5}
  .conv-body .meta-row .badge.moderate{background:#92400e;color:#fcd34d}
  .conv-body .meta-row .badge.detailed{background:#064e3b;color:#6ee7b7}
  .conv-body .resp{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:12px;line-height:1.6;color:#cbd5e1;white-space:pre-wrap;max-height:340px;overflow:auto}
  .conv-body .resp.collapsed{max-height:90px}
  .conv-body .resp-toggle{margin-top:4px;font-size:10.5px;cursor:pointer;color:var(--accent);user-select:none}
  .conv-body .analysis{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:11px}
  .conv-body .analysis .pair{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:6px 10px}
  .conv-body .analysis .k{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.4px}
  .conv-body .analysis .v{color:var(--text);font-weight:500;margin-top:2px}
  .conv-body .analysis .v.bad{color:#ef4444}.conv-body .analysis .v.good{color:#22c55e}
  .conv-body .competitors{margin-top:10px;font-size:11px}
  .conv-body .competitors .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;margin-bottom:4px}
  .conv-body .competitors .clist{display:flex;flex-wrap:wrap;gap:4px}
  .conv-body .competitors .c{background:#374151;color:#e6edf3;padding:2px 7px;border-radius:3px;font-size:11px}
  .conv-side{padding:14px 16px;background:var(--panel-2);font-size:11.5px}
  .conv-side h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}
  .conv-side .stat{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #1a2230}
  .conv-side .stat:last-child{border:0}
  .conv-side .stat .l{color:var(--muted);font-size:11px}
  .conv-side .stat .v{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
  .conv-side .stat .v.bad{color:#ef4444}
  .conv-side .top5{margin-top:10px}
  .conv-side .top5 .row{display:flex;justify-content:space-between;font-size:11px;padding:3px 0}
  .conv-side .top5 .row .b{color:var(--text)}
  .conv-side .top5 .row .n{color:#fcd34d;font-variant-numeric:tabular-nums}
  /* Conv tab strip + cards (View 7 v2) */
  .conv-tabs{display:flex;gap:6px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel-2);flex-wrap:wrap}
  .conv-tab{cursor:pointer;font-size:12px;padding:6px 12px;border-radius:14px;background:#1a2230;border:1px solid var(--border);user-select:none;display:inline-flex;align-items:center;gap:6px;color:var(--text);transition:background .12s}
  .conv-tab:hover{background:#222a3a}
  .conv-tab.active{background:#1f2937;border-color:#3b82f6;color:#fff}
  .conv-tab .conv-tab-num{font-size:11px;padding:0 7px;border-radius:8px;font-weight:600;font-variant-numeric:tabular-nums}
  .conv-tab[data-grp="covered"] .conv-tab-num{background:#064e3b;color:#6ee7b7}
  .conv-tab[data-grp="partial"] .conv-tab-num{background:#78350f;color:#fcd34d}
  .conv-tab[data-grp="missing"] .conv-tab-num{background:#7f1d1d;color:#fca5a5}
  .conv-summary{padding:8px 14px;font-size:11.5px;color:var(--muted);border-bottom:1px solid var(--border);background:#0f1419}
  .conv-summary b{color:var(--text)}
  .conv-cards{padding:10px 14px;display:flex;flex-direction:column;gap:8px}
  .conv-card{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:10px 12px;cursor:pointer;transition:border-color .12s}
  .conv-card:hover{border-color:#3b82f6}
  .conv-card.open{border-color:#3b82f6}
  .conv-card .pq{font-size:12.5px;color:var(--text);font-weight:600;line-height:1.45;margin-bottom:6px}
  .conv-card .meta-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
  .conv-card .meta-row .badge{font-size:10px;padding:2px 7px;border-radius:3px;background:#1f2937;color:#cbd5e1}
  .conv-card .meta-row .badge.branded{background:#7c3aed;color:#fff}
  .conv-card .meta-row .badge.unbranded{background:#1e3a8a;color:#93c5fd}
  .conv-card .meta-row .badge.shallow{background:#7f1d1d;color:#fca5a5}
  .conv-card .meta-row .badge.moderate{background:#92400e;color:#fcd34d}
  .conv-card .meta-row .badge.detailed{background:#064e3b;color:#6ee7b7}
  .conv-card .meta-row .badge.mention-name{background:#064e3b;color:#6ee7b7}
  .conv-card .meta-row .badge.mention-url{background:#1d4ed8;color:#bfdbfe}
  .conv-card .meta-row .badge.mention-comp{background:#7f1d1d;color:#fca5a5}
  .conv-card .resp{display:none;background:#0f1419;border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:11.5px;line-height:1.55;color:#cbd5e1;white-space:pre-wrap;margin-top:6px;max-height:340px;overflow:auto}
  .conv-card.open .resp{display:block}
  .conv-card .competitors{margin-top:6px;font-size:11px}
  .conv-card .competitors .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px;margin-bottom:3px}
  .conv-card .competitors .clist{display:flex;flex-wrap:wrap;gap:3px}
  .conv-card .competitors .c{background:#374151;color:#e6edf3;padding:1px 6px;border-radius:3px;font-size:10.5px}


/* === Top header nav (4-page + site-switcher) === */
.topnav{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.topnav .brand{display:flex;align-items:center;gap:8px;flex-shrink:0}
.topnav .brand .logo{font-size:16px}
.topnav .brand .site-label{font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--text)}
.topnav .brand .date-label{font-size:11px;background:#1f2937;color:#cbd5e1;padding:3px 8px;border-radius:4px;margin-left:4px}
.topnav .nav-links{display:flex;gap:4px;margin-left:auto}
.topnav .nav-link{font-size:12px;padding:6px 14px;border-radius:5px;background:#1a2230;border:1px solid var(--border);color:#cbd5e1;text-decoration:none;transition:background .12s,color .12s}
.topnav .nav-link:hover{background:#222a3a;color:var(--text)}
.topnav .nav-link.active{background:#1d4ed8;border-color:#3b82f6;color:#fff}
/* Site picker dropdown */
.topnav .site-picker{position:relative;flex-shrink:0}
.topnav .site-current{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;border-radius:5px;background:#1a2230;border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s}
.topnav .site-current:hover{background:#222a3a;border-color:#3a4658}
.topnav .site-current[aria-expanded="true"]{background:#1d2330;border-color:#3b82f6}
.topnav .site-current .pin{font-size:11px}
.topnav .site-current .cur-id{font-weight:600;font-variant-numeric:tabular-nums}
.topnav .site-current .caret{font-size:10px;color:var(--muted)}
.site-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:320px;max-height:520px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 10px 28px rgba(0,0,0,.55);z-index:60;display:flex;flex-direction:column;overflow:hidden}
.site-dropdown[hidden]{display:none}
.site-dropdown .site-search{margin:8px 8px 6px;padding:6px 9px;font-size:12px;background:#0f1419;border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:inherit;outline:none}
.site-dropdown .site-search:focus{border-color:#3b82f6}
.site-dropdown .site-search::placeholder{color:var(--muted)}
.site-dropdown .site-section-h{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:7px 12px 4px;background:#0f1419;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-weight:600}
.site-dropdown .site-section-body{overflow-y:auto;max-height:200px}
.site-dropdown .site-section-body::-webkit-scrollbar{width:6px}
.site-dropdown .site-section-body::-webkit-scrollbar-thumb{background:#222a36;border-radius:3px}
.site-dropdown .site-item{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:11.5px;color:var(--text);text-decoration:none;cursor:pointer;border-bottom:1px solid #161b25;transition:background .1s}
.site-dropdown .site-item:last-child{border-bottom:0}
.site-dropdown .site-item:hover{background:#1d2330}
.site-dropdown .site-item.disabled{cursor:not-allowed;color:var(--muted)}
.site-dropdown .site-item.disabled:hover{background:#161b25}
.site-dropdown .site-item.current{background:#1d4ed8 !important;color:#fff}
.site-dropdown .site-item.current .domain{color:#bfdbfe}
.site-dropdown .site-item .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.site-dropdown .site-item .dot.ok{background:var(--c-covered);box-shadow:0 0 4px rgba(34,197,94,.5)}
.site-dropdown .site-item .dot.pending{background:#475569}
.site-dropdown .site-item .sid{font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:80px}
.site-dropdown .site-item .domain{font-size:11px;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-dropdown .site-item.current .sid{color:#fff}
.site-dropdown .site-item .date{font-size:10px;color:#6ee7b7;background:#064e3b;padding:1px 6px;border-radius:3px;flex-shrink:0;font-variant-numeric:tabular-nums}
/* === Prompt drill-in expand row (index.html right panel) === */
.tbl tr.prow{cursor:pointer;transition:background .1s}
.tbl tr.prow:hover{background:#161b25}
.tbl tr.prow .caret{display:inline-block;width:10px;color:var(--muted);font-size:10px;transition:transform .12s;margin-right:3px}
.tbl tr.prow.open .caret{transform:rotate(90deg)}
.tbl tr.pdrill{display:none}
.tbl tr.pdrill.open{display:table-row}
.tbl tr.pdrill td{padding:10px 14px;background:#0f1419;border-bottom:1px solid #1a2230}
.pdrill-box{font-size:11.5px;line-height:1.55}
.pdrill-box.covered{border-left:3px solid var(--c-covered);padding-left:10px}
.pdrill-box.partial{border-left:3px solid var(--c-partial);padding-left:10px}
.pdrill-box.missing{border-left:3px solid var(--c-missing);padding-left:10px}
.pdrill-box .pdrill-status{display:inline-block;font-size:10.5px;padding:2px 8px;border-radius:3px;font-weight:600;margin-bottom:6px}
.pdrill-box .pdrill-status.covered{background:var(--c-covered);color:#062b18}
.pdrill-box .pdrill-status.partial{background:var(--c-partial);color:#3b1f00}
.pdrill-box .pdrill-status.missing{background:var(--c-missing);color:#3b0707}
.pdrill-box .pdrill-row{margin-bottom:6px}
.pdrill-box .pdrill-row .lbl{display:inline-block;width:130px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
.pdrill-box .pdrill-row .val{color:#cbd5e1}
.pdrill-box .pdrill-row .val.h2{color:#bfdbfe;font-weight:500}
.pdrill-box .pdrill-row .val.excerpt{color:#cbd5e1;font-style:italic}
.pdrill-box .pdrill-row .val.source{color:#94a3b8;font-family:monospace;font-size:10.5px;word-break:break-all}
.pdrill-box .pdrill-row .val.empty{color:#64748b;font-style:italic}
.pdrill-box .pdrill-action{margin-top:8px}
.pdrill-box .pdrill-action .btn{font-size:10.5px;padding:3px 9px}

