:root {
  --bg: #07101e;
  --bg-soft: #0a1423;
  --panel: #0d1929;
  --panel-2: #101f32;
  --panel-3: #13263c;
  --line: #1d3149;
  --line-strong: #294866;
  --text: #f4f8fc;
  --muted: #8fa4ba;
  --muted-2: #9aafc4;
  --blue: #58a9ff;
  --cyan: #62d4cb;
  --gold: #d6ad61;
  --green: #48d6a2;
  --red: #ff7a8a;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
  --sidebar: 248px;
  color-scheme: dark;
  font-family: Inter, "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
}

:root.light {
  --bg: #eef3f8;
  --bg-soft: #f7f9fc;
  --panel: #ffffff;
  --panel-2: #f7f9fc;
  --panel-3: #edf3f9;
  --line: #dbe5ee;
  --line-strong: #bfd0df;
  --text: #10243a;
  --muted: #5d7287;
  --muted-2: #5d7287;
  --blue: #1677d2;
  --cyan: #098f87;
  --gold: #a97720;
  --green: #0c9c69;
  --red: #d74a5d;
  --shadow: 0 20px 60px rgba(27, 57, 85, 0.12);
  color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-size: 15px; line-height: 1.6; margin: 0; min-width: 320px; background: radial-gradient(circle at 72% -10%, rgba(48, 122, 200, .14), transparent 30%), var(--bg); color: var(--text); }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button, select { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
button:disabled { cursor: not-allowed; opacity: .45; }
bdi, [dir="ltr"] { font-variant-numeric: tabular-nums; }

.demo-ribbon { position: fixed; z-index: 50; inset: 0 0 auto 0; min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 6px 18px; color: #f7e8c6; background: linear-gradient(90deg, #6f4b19, #8b6429 48%, #6f4b19); border-bottom: 1px solid rgba(255,255,255,.14); font-size: 12px; }
.demo-dot { width: 7px; height: 7px; border-radius: 50%; background: #ffd683; box-shadow: 0 0 0 4px rgba(255,214,131,.12); }
.production-ribbon { color: #d9fff0; background: linear-gradient(90deg, #0a4f42, #0f6d5c 48%, #0a4f42); }
.production-ribbon .demo-dot { background: var(--green); box-shadow: 0 0 0 4px rgba(72,214,162,.14); }
.production-ribbon.warning { color: #f7e8c6; background: linear-gradient(90deg, #6f4b19, #8b6429 48%, #6f4b19); }
.production-ribbon.error { color: #ffe5e9; background: linear-gradient(90deg, #6d2030, #8b2d3f 48%, #6d2030); }
.app-shell { min-height: 100vh; padding-top: 34px; }
.sidebar { position: fixed; z-index: 20; top: 34px; right: 0; bottom: 0; width: var(--sidebar); display: flex; flex-direction: column; padding: 26px 16px 18px; background: rgba(8, 18, 32, .94); backdrop-filter: blur(18px); border-left: 1px solid var(--line); }
:root.light .sidebar { background: rgba(255,255,255,.94); }
.brand { display: flex; gap: 12px; align-items: center; padding: 0 10px 24px; border-bottom: 1px solid var(--line); }
.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(214,173,97,.65); border-radius: 12px; background: linear-gradient(145deg, rgba(214,173,97,.2), rgba(71,137,202,.08)); color: var(--gold); box-shadow: inset 0 0 18px rgba(214,173,97,.08); }
.brand-mark span { font-weight: 850; letter-spacing: -.08em; direction: ltr; transform: translateX(-1px); }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 15px; }
.brand small { margin-top: 4px; color: var(--muted); font-size: 12px; letter-spacing: .08em; direction: ltr; text-align: right; }
.nav-list { display: grid; gap: 5px; margin-top: 18px; overflow-y: auto; padding-bottom: 10px; scrollbar-width: thin; }
.nav-item { display: flex; align-items: center; gap: 11px; min-height: 43px; padding: 0 13px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--muted); text-align: right; }
.nav-item span { width: 21px; color: var(--muted-2); font-family: ui-monospace, monospace; font-size: 17px; }
.nav-item b { font-size: 13px; font-weight: 650; }
.nav-item:hover { color: var(--text); background: var(--panel); }
.nav-item.active { color: var(--text); border-color: rgba(88,169,255,.24); background: linear-gradient(90deg, rgba(88,169,255,.16), rgba(88,169,255,.05)); box-shadow: inset -2px 0 0 var(--blue); }
.nav-item.active span { color: var(--blue); }
.sidebar-foot { margin-top: auto; }
.data-health { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.health-row { display: flex; align-items: center; gap: 7px; }
.health-row strong { font-size: 12px; }
.status-live, .pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(72,214,162,.1); }
.data-health p { margin: 11px 0 4px; font-size: 12px; color: var(--muted); }
.data-health small { color: var(--muted-2); font-size: 12px; }
.independent-note { margin: 11px 7px 0; color: var(--muted-2); font-size: 12px; line-height: 1.6; }

.workspace { min-height: calc(100vh - 34px); margin-right: var(--sidebar); }
.topbar { position: sticky; z-index: 15; top: 34px; height: 66px; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; background: rgba(7,16,30,.82); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
:root.light .topbar { background: rgba(238,243,248,.88); }
.crumb { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 12px; }
.crumb b { color: var(--line-strong); }
.crumb strong { color: var(--text); }
.top-actions { display: flex; align-items: center; gap: 9px; }
.avatar { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(214,173,97,.45); border-radius: 50%; background: rgba(214,173,97,.12); color: var(--gold); font-size: 12px; font-weight: 800; }
main { max-width: 1680px; margin: 0 auto; padding: 34px 30px 60px; }
.view { display: none; animation: rise .24s ease; }
.view.active { display: block; }
@keyframes rise { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.hero-row, .page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.hero-row h1, .page-head h1 { margin: 4px 0 8px; font-size: clamp(24px, 2.4vw, 39px); line-height: 1.25; letter-spacing: -.03em; }
.hero-row > div:first-child > p:last-child, .page-head > div > p:last-child { max-width: 720px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.eyebrow { margin: 0; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.dataset-pill { display: flex; align-items: center; gap: 14px; min-width: 430px; padding: 14px 17px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, var(--panel-2), var(--panel)); box-shadow: var(--shadow); }
.dataset-pill div { display: grid; }
.dataset-pill strong { font-size: 17px; }
.dataset-pill small { margin-top: 3px; color: var(--muted); font-size: 12px; }
.dataset-pill i { width: 1px; height: 30px; background: var(--line); }

.search-command { display: flex; align-items: stretch; gap: 9px; padding: 10px; border: 1px solid var(--line-strong); border-radius: 15px; background: var(--panel); box-shadow: 0 16px 40px rgba(0,0,0,.15); }
.command-field { min-width: 240px; flex: 1; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid transparent; border-radius: 10px; background: var(--bg-soft); }
.command-field:focus-within { border-color: var(--blue); }
.command-field > span { color: var(--blue); font-size: 21px; }
.command-field input { width: 100%; height: 42px; border: 0; outline: 0; background: transparent; color: var(--text); text-align: left; }
.command-field kbd { color: var(--muted-2); border: 1px solid var(--line); border-radius: 5px; padding: 3px 6px; background: var(--panel); font-size: 12px; }
.primary-btn, .secondary-btn, .icon-btn, .text-btn, .link-btn { border: 0; border-radius: 9px; transition: .18s ease; }
.primary-btn { padding: 0 18px; background: linear-gradient(135deg, #278fe9, #1474c7); color: white; font-size: 12px; font-weight: 750; box-shadow: 0 8px 22px rgba(39,143,233,.2); }
.primary-btn:hover { filter: brightness(1.1); transform: translateY(-1px); }
.secondary-btn { min-height: 38px; padding: 0 14px; border: 1px solid var(--line); background: var(--panel-2); color: var(--muted); font-size: 12px; font-weight: 700; }
.secondary-btn:hover, .icon-btn:hover, .text-btn:hover { border-color: var(--line-strong); color: var(--text); background: var(--panel-3); }
.icon-btn { width: 38px; height: 38px; border: 1px solid var(--line); background: var(--panel); color: var(--muted); }
.text-btn { min-width: 38px; height: 34px; border: 1px solid var(--line); background: var(--panel); color: var(--muted); font-size: 12px; font-weight: 800; }
.link-btn { padding: 3px 0; background: transparent; color: var(--blue); font-size: 12px; }
.active-filters { min-height: 42px; display: flex; flex-wrap: wrap; gap: 7px; align-items: center; padding: 8px 0; }
.active-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid rgba(88,169,255,.24); border-radius: 99px; background: rgba(88,169,255,.08); color: #9fcfff; font-size: 12px; }
.active-chip button { border: 0; background: transparent; color: inherit; padding: 0; }
.filter-mobile-toggle { display: none; width: 100%; margin-bottom: 10px; }

.search-layout { display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 16px; align-items: start; }
.filter-panel { grid-column: 2; grid-row: 1; position: sticky; top: 112px; max-height: calc(100vh - 126px); overflow: auto; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.results-panel { grid-column: 1; grid-row: 1; min-width: 0; }
.panel-heading, .label-row, .card-head, .console-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.panel-heading h2 { margin: 3px 0 0; font-size: 18px; }
.filter-group { padding: 15px 0; border-top: 1px solid var(--line); }
.filter-group:first-of-type { margin-top: 14px; }
.filter-group label { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: var(--muted); font-size: 12px; font-weight: 700; }
.filter-group label small { color: var(--muted-2); font-weight: 500; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); color: var(--text); }
input, select { min-height: 37px; padding: 0 10px; font-size: 12px; }
select { appearance: auto; }
input::placeholder, textarea::placeholder { color: var(--muted-2); }
.range-fields, .inline-fields { display: flex; align-items: center; gap: 7px; }
.range-fields input { min-width: 0; }
.range-fields span { color: var(--muted-2); }
.date-fields { margin-top: 7px; }
.inline-fields input { flex: 1.4; }
.inline-fields select { flex: .6; }
.helper { display: block; margin-top: 6px; color: var(--muted-2); font-size: 8.5px; line-height: 1.55; }
.chip-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.tld-chip { min-width: 43px; padding: 5px 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg-soft); color: var(--muted); direction: ltr; font-size: 12px; }
.tld-chip.active { border-color: rgba(88,169,255,.52); background: rgba(88,169,255,.14); color: #9fd1ff; }
#moreTld { margin-top: 7px; }
.advanced { border-top: 1px solid var(--line); }
.advanced summary { padding: 15px 0 0; color: var(--gold); font-size: 12px; font-weight: 750; }
.segmented { display: grid; grid-template-columns: repeat(3, 1fr); padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); }
.segmented button { min-height: 28px; border: 0; border-radius: 6px; background: transparent; color: var(--muted-2); font-size: 12px; }
.segmented button.active { background: var(--panel-3); color: var(--text); box-shadow: 0 3px 12px rgba(0,0,0,.12); }

.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.stat-card { position: relative; overflow: hidden; min-height: 88px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(145deg, var(--panel-2), var(--panel)); }
.stat-card::after { content: ""; position: absolute; width: 64px; height: 64px; left: -18px; bottom: -28px; border-radius: 50%; background: radial-gradient(circle, rgba(88,169,255,.12), transparent 70%); }
.stat-card small { display: block; color: var(--muted); font-size: 12px; }
.stat-card strong { display: block; margin-top: 8px; font-size: 18px; direction: ltr; text-align: right; }
.stat-card em { display: block; margin-top: 4px; color: var(--muted-2); font-size: 12px; font-style: normal; }
.sales-analytics { margin-top: 9px; padding: 0 13px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.sales-analytics > summary { padding: 11px 0 0; color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 750; }
.sales-analytics[open] > summary { padding-bottom: 9px; }
.sales-extra-stats { margin-top: 4px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sales-extra-stats .stat-card { min-height: 76px; padding: 10px 12px; }
.sales-extra-stats .stat-card strong { margin-top: 6px; font-size: 15px; }
.sales-extra-stats .stat-card em { font-size: 12px; }
.sales-search-card { padding: 18px 20px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.sales-search-card h2 { margin: 0 0 18px; padding-bottom: 12px; border-bottom: 1px solid var(--line); font-size: 15px; }
.sales-filter-grid { display: grid; grid-template-columns: minmax(130px,1.2fr) minmax(125px,.95fr) minmax(90px,.7fr) minmax(120px,1fr) minmax(120px,1fr) minmax(175px,1.35fr); gap: 18px 12px; align-items: start; }
.sales-filter-field { min-width: 0; }
.sales-filter-field > label, .sales-exclude-field legend { display: block; margin-bottom: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.sales-filter-field > input, .sales-filter-field > select { min-height: 38px; }
.sales-date-field { grid-column: 3; }
.sales-exclude-field { grid-column: 4 / span 2; min-width: 0; margin: 0; padding: 0; border: 0; }
.sales-exclude-field label { display: inline-flex; align-items: center; gap: 6px; margin-inline-end: 15px; white-space: nowrap; color: var(--muted); font-size: 12px; cursor: pointer; }
.sales-exclude-field input { width: 15px; height: 15px; min-height: 0; margin: 0; accent-color: var(--blue); }
.sales-length-field { grid-column: 6; }
#salesCustomDates[hidden] { display: none; }
.sales-search-actions { display: flex; justify-content: flex-end; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.sales-search-actions .primary-btn { min-width: 130px; min-height: 39px; }
#view-search .results-panel { margin-top: 18px; }
#view-search .sales-analytics { margin-top: 12px; }
.insight-strip { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 10px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.insight-title { min-width: 190px; }
.insight-title strong { display: block; margin-top: 5px; font-size: 12px; }
.mini-bars { flex: 1; display: flex; align-items: end; justify-content: flex-end; gap: 5px; height: 42px; direction: ltr; }
.mini-bar { width: 11px; min-height: 3px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg, var(--blue), rgba(88,169,255,.18)); }

.table-card, .card { margin-top: 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); box-shadow: 0 18px 50px rgba(0,0,0,.09); }
.table-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 17px; border-bottom: 1px solid var(--line); }
.table-toolbar h2 { margin: 0 0 4px; font-size: 14px; }
.table-toolbar p { margin: 0; color: var(--muted); font-size: 12px; }
.table-actions, .action-row { display: flex; align-items: center; gap: 7px; }
.table-actions select { width: auto; min-width: 88px; }
.table-actions .secondary-btn { min-height: 37px; }
.table-wrap { overflow: auto; }
table { width: 100%; border-collapse: collapse; white-space: nowrap; }
th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; font-size: 12px; }
th { position: sticky; top: 0; z-index: 2; background: var(--panel-2); color: var(--muted); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
tbody tr { transition: background .15s ease; }
tbody tr:hover { background: rgba(88,169,255,.045); }
tbody tr[data-sale-id] { cursor: pointer; }
.domain-cell { color: var(--text); font-weight: 720; direction: ltr; text-align: left; }
.price-cell { color: var(--cyan); font-weight: 750; direction: ltr; }
.muted-cell { color: var(--muted); }
.source-badge, .category-badge, .truth-badge { display: inline-flex; align-items: center; width: fit-content; padding: 4px 7px; border: 1px solid var(--line); border-radius: 99px; background: var(--panel-2); color: var(--muted); font-size: 12px; }
.source-badge { color: #9fcfff; border-color: rgba(88,169,255,.23); background: rgba(88,169,255,.07); }
.category-badge { color: #e5c990; border-color: rgba(214,173,97,.23); background: rgba(214,173,97,.07); }
.truth-badge { direction: ltr; color: var(--gold); border-color: rgba(214,173,97,.35); background: rgba(214,173,97,.08); font-weight: 800; letter-spacing: .08em; }
.truth-badge.success { color: var(--green); border-color: rgba(72,214,162,.3); background: rgba(72,214,162,.08); }
.pagination { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px; }
.pagination span { color: var(--muted); font-size: 12px; }

.page-head { align-items: center; margin-bottom: 28px; }
.bulk-grid { display: grid; grid-template-columns: 1.55fr .75fr; gap: 13px; }
.bulk-grid .card { margin: 0; padding: 20px; }
.bulk-input-card label { display: block; margin-bottom: 10px; color: var(--muted); font-size: 12px; }
textarea { min-height: 230px; resize: vertical; padding: 14px; line-height: 1.7; font-size: 12px; }
.action-row { margin-top: 10px; }
.action-row .primary-btn { min-height: 40px; }
.action-row span { margin-inline-start: auto; color: var(--muted); font-size: 12px; }
.bulk-guide > summary { cursor: pointer; color: var(--text); font-size: 15px; line-height: 1.6; font-weight: 650; }
.bulk-guide ul { padding-inline-start: 20px; margin: 14px 0 0; color: var(--muted); direction: inherit; text-align: start; font-size: 14px; line-height: 1.8; }
.bulk-results { margin-top: 13px; }

.trend-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.chart-card { margin: 0; min-height: 320px; padding: 18px; }
.chart-card.wide { grid-column: 1 / -1; min-height: 280px; }
.card-head h2 { margin: 4px 0 0; font-size: 15px; }
.timeline-chart, .histogram { min-height: 210px; display: flex; align-items: end; gap: 8px; padding: 28px 8px 0; direction: ltr; }
.timeline-col, .hist-col { flex: 1; min-width: 20px; display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 7px; height: 180px; }
.timeline-col i, .hist-col i { display: block; width: 68%; min-height: 3px; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg, var(--cyan), rgba(98,212,203,.14)); }
.timeline-col small, .hist-col small { color: var(--muted-2); font-size: 12px; transform: rotate(-25deg); transform-origin: center; white-space: nowrap; }
.rank-chart { display: grid; gap: 14px; padding-top: 24px; }
.rank-row { display: grid; grid-template-columns: 76px 1fr 38px; align-items: center; gap: 9px; direction: ltr; }
.rank-row b { overflow: hidden; text-overflow: ellipsis; color: var(--muted); font-size: 12px; }
.rank-track { height: 7px; overflow: hidden; border-radius: 99px; background: var(--bg-soft); }
.rank-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); }
.rank-row span { color: var(--muted-2); font-size: 12px; text-align: right; }

.source-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.source-card { margin: 0; padding: 17px; }
.source-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.source-top h3 { margin: 0 0 5px; font-size: 13px; direction: ltr; text-align: left; }
.source-top p { margin: 0; color: var(--muted-2); font-size: 12px; }
.source-status { padding: 4px 7px; border-radius: 99px; font-size: 12px; font-weight: 850; letter-spacing: .06em; direction: ltr; }
.source-status.active { color: var(--green); background: rgba(72,214,162,.1); }
.source-status.disabled { color: var(--muted); background: var(--panel-3); }
.source-status.planned { color: var(--gold); background: rgba(214,173,97,.1); }
.source-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 17px; padding-top: 14px; border-top: 1px solid var(--line); }
.source-meta span { display: grid; gap: 4px; color: var(--muted-2); font-size: 12px; }
.source-meta b { color: var(--muted); font-size: 12px; direction: ltr; }
.source-link { display: block; margin-top: 13px; color: var(--blue); font-size: 12px; direction: ltr; text-align: left; text-decoration: none; }

.recon-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.recon-card { min-height: 116px; margin: 0; padding: 16px; }
.recon-card small { color: var(--muted); font-size: 12px; }
.recon-card strong { display: block; margin-top: 15px; font-size: 21px; direction: ltr; text-align: right; }
.recon-card em { display: block; margin-top: 5px; color: var(--muted-2); font-size: 12px; font-style: normal; }
.reconciliation { padding: 20px; }
.reconciliation p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.code-line { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); color: var(--cyan); font: 10px ui-monospace, SFMono-Regular, Consolas, monospace; text-align: left; }

.api-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 13px; }
.api-tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.api-tool-card { display: block; margin: 0; padding: 18px; color: inherit; text-decoration: none; transition: border-color .18s ease, transform .18s ease; }
.api-tool-card:hover { border-color: var(--line-strong); transform: translateY(-1px); }
.api-tool-card h2 { margin: 9px 0 5px; font-size: 16px; }
.api-tool-card p { min-height: 42px; margin: 0 0 12px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.api-tool-card code { color: var(--cyan); direction: ltr; }
.api-auth-note { margin: 12px 0; color: var(--muted-2); font-size: 12px; line-height: 1.7; }
.endpoint-list { display: grid; gap: 8px; align-content: start; }
.endpoint { display: grid; grid-template-columns: 50px 1fr auto; align-items: center; gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); text-align: left; direction: ltr; }
.endpoint:hover { border-color: var(--line-strong); background: var(--panel-2); }
.method { color: var(--green); font: 800 9px ui-monospace, monospace; }
.endpoint code { color: var(--text); font-size: 12px; }
.endpoint small { color: var(--muted-2); font-size: 12px; }
.api-console { position: sticky; top: 116px; margin: 0; min-height: 520px; overflow: hidden; }
.console-head { padding: 12px 15px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; direction: ltr; }
.api-console pre { min-height: 470px; max-height: 600px; overflow: auto; margin: 0; padding: 17px; background: #050c16; color: #b9d9f2; font: 10px/1.75 ui-monospace, SFMono-Regular, Consolas, monospace; text-align: left; white-space: pre-wrap; }
:root.light .api-console pre { background: #102033; color: #d8ebfb; }

.drawer-backdrop { position: fixed; z-index: 70; inset: 0; background: rgba(1,7,14,.62); backdrop-filter: blur(3px); opacity: 0; pointer-events: none; transition: .22s ease; }
.drawer-backdrop.open { opacity: 1; pointer-events: auto; }
.detail-drawer { position: fixed; z-index: 80; top: 0; bottom: 0; left: 0; width: min(490px, 94vw); overflow: auto; padding: 22px; border-right: 1px solid var(--line-strong); background: var(--panel); box-shadow: var(--shadow); transform: translateX(-103%); transition: .25s ease; }
.detail-drawer.open { transform: none; }
.drawer-head { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.drawer-head h2 { margin: 4px 0 0; font-size: 23px; text-align: left; }
.drawer-section { padding: 18px 0; border-bottom: 1px solid var(--line); }
.drawer-section h3 { margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.detail-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.detail-item { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); }
.detail-item small, .detail-item strong { display: block; }
.detail-item small { color: var(--muted-2); font-size: 12px; }
.detail-item strong { margin-top: 6px; font-size: 12px; direction: ltr; text-align: left; }
.truth-note { padding: 12px; border: 1px solid rgba(214,173,97,.25); border-radius: 8px; background: rgba(214,173,97,.07); color: #ddc38c; font-size: 12px; line-height: 1.7; }
.toast { position: fixed; z-index: 100; left: 24px; bottom: 24px; max-width: 340px; padding: 11px 15px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--panel-3); box-shadow: var(--shadow); color: var(--text); font-size: 12px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: .22s ease; }
.toast.show { opacity: 1; transform: none; }
.mobile-menu { display: none; }

.login-gate { position: fixed; z-index: 200; inset: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 70% 0, rgba(48,122,200,.22), transparent 34%), rgba(4,10,19,.94); backdrop-filter: blur(15px); }
.login-gate[hidden] { display: none; }
.login-card { width: min(430px, 100%); padding: 28px; border: 1px solid var(--line-strong); border-radius: 18px; background: linear-gradient(145deg, var(--panel-2), var(--panel)); box-shadow: 0 32px 100px rgba(0,0,0,.48); }
.brand-lock { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.brand-lock strong, .brand-lock small { display: block; }
.brand-lock small { margin-top: 4px; color: var(--muted); font-size: 12px; direction: ltr; }
.login-card h1 { margin: 7px 0 8px; font-size: 28px; }
.login-card > p:not(.eyebrow) { margin: 0 0 22px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.login-card label { display: block; margin: 13px 0 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.login-card input { min-height: 44px; }
.login-card .primary-btn { width: 100%; min-height: 44px; margin-top: 18px; }
.login-error { min-height: 20px; margin-top: 12px; color: var(--red); font-size: 12px; text-align: center; }
.loading-cell { padding: 42px !important; text-align: center !important; color: var(--muted) !important; }

.intelligence-head bdi { color: var(--cyan); }
.pipeline-strip { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 14px; padding: 13px 16px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(90deg, rgba(88,169,255,.06), rgba(98,212,203,.045)); direction: ltr; white-space: nowrap; }
.pipeline-strip span { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.pipeline-strip span b { width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid rgba(88,169,255,.35); border-radius: 50%; color: var(--blue); background: rgba(88,169,255,.08); }
.pipeline-strip i { color: var(--line-strong); font-style: normal; }
.intelligence-input-grid { grid-template-columns: minmax(0,1.7fr) minmax(280px,.65fr); }
.intelligence-input-grid .card { margin: 0; }
.intelligence-input-grid textarea { min-height: 185px; margin-top: 12px; }
.compact-select { width: auto; min-width: 150px; }
.intelligence-guide { padding: 20px; }
.guide-metric { display: grid; gap: 5px; padding: 15px 0; border-bottom: 1px solid var(--line); direction: ltr; text-align: left; }
.guide-metric:last-child { border-bottom: 0; }
.guide-metric strong { color: var(--cyan); font-size: 12px; }
.guide-metric small { color: var(--muted); font-size: 12px; }
.job-progress-card { margin-top: 13px; padding: 15px 17px; border: 1px solid rgba(88,169,255,.28); border-radius: 12px; background: rgba(88,169,255,.07); }
.job-progress-card > div:first-child { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 12px; }
.job-progress-card small { color: var(--blue); direction: ltr; }
.progress-track { height: 6px; margin-top: 12px; overflow: hidden; border-radius: 99px; background: var(--bg-soft); }
.progress-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--cyan)); transition: width .3s ease; }
.intelligence-results { margin-top: 13px; }
.token-line { display: block; max-width: 190px; color: var(--text); direction: ltr; text-align: left; }
.table-note { display: block; margin-top: 5px; color: var(--muted-2); font-size: 7.5px; direction: ltr; text-align: left; }
.relation-badge { display: inline-block; margin: 2px 0; color: var(--green); font-size: 12px; direction: ltr; }
.route-badge, .site-status, .priority-badge { display: inline-flex; align-items: center; padding: 4px 7px; border: 1px solid var(--line); border-radius: 99px; font-size: 7.5px; font-weight: 850; direction: ltr; white-space: nowrap; }
.route-strong { color: var(--green); border-color: rgba(72,214,162,.32); background: rgba(72,214,162,.08); }
.route-review { color: var(--gold); border-color: rgba(214,173,97,.32); background: rgba(214,173,97,.08); }
.route-cold { color: var(--muted); background: var(--panel-3); }
.route-failure-retry, .route-failure { color: var(--red); border-color: rgba(255,122,138,.3); background: rgba(255,122,138,.08); }
.footprint-command { margin-bottom: 8px; }
.operation-status { min-height: 26px; margin: 0 0 8px; color: var(--muted); font-size: 12px; direction: ltr; text-align: left; }
.footprint-stats { margin-top: 12px; }
.split-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(290px,.55fr); gap: 13px; align-items: start; }
.split-grid .table-card { margin-top: 10px; }
.operator-panel { padding: 18px; }
.operator-panel h2 { margin: 5px 0 15px; font-size: 16px; }
.operator-list { display: grid; gap: 8px; }
.operator-item { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); }
.operator-item > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: rgba(98,212,203,.1); color: var(--cyan); font-size: 12px; }
.operator-item strong, .operator-item small, .operator-item em { display: block; direction: ltr; text-align: left; }
.operator-item strong { font-size: 12px; }
.operator-item small { margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.operator-item em { margin-top: 5px; color: var(--muted-2); font-size: 12px; font-style: normal; }
.site-status { color: var(--muted); background: var(--panel-2); }
.status-active_business, .status-active_product { color: var(--green); border-color: rgba(72,214,162,.28); background: rgba(72,214,162,.07); }
.status-redirect_to_corporate { color: var(--cyan); border-color: rgba(98,212,203,.28); background: rgba(98,212,203,.07); }
.status-parked, .status-for_sale, .status-redirect_to_marketplace { color: var(--gold); border-color: rgba(214,173,97,.28); background: rgba(214,173,97,.07); }
.status-blocked, .status-no_response { color: var(--red); border-color: rgba(255,122,138,.25); background: rgba(255,122,138,.06); }
.url-cell { max-width: 230px; overflow: hidden; text-overflow: ellipsis; direction: ltr; text-align: left; color: var(--muted); }
.event-key { display: flex; align-items: center; gap: 10px; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.priority { width: 9px; height: 9px; border-radius: 50%; }
.priority.very-high { background: var(--red); box-shadow: 0 0 0 4px rgba(255,122,138,.08); }
.priority.high { background: var(--gold); }.priority.medium { background: var(--blue); }.priority.low { background: var(--muted-2); }
.watchlist-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 13px 0; }
.watchlist-card { margin: 0; padding: 17px; }
.watchlist-meta { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.watchlist-meta small { color: var(--muted-2); direction: ltr; }
.empty-state { grid-column: 1/-1; padding: 30px; color: var(--muted); text-align: center; }
.priority-very-high { color: var(--red); border-color: rgba(255,122,138,.3); }.priority-high { color: var(--gold); }.priority-medium { color: var(--blue); }.priority-low { color: var(--muted); }
.error-text { color: var(--red); font-size: 12px; }
.dossier-list { display: grid; gap: 8px; }
.dossier-list > div { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-soft); }
.dossier-list b, .dossier-list span, .dossier-list small { display: block; direction: ltr; text-align: left; }
.dossier-list b { font-size: 12px; }.dossier-list span { margin-top: 5px; color: var(--muted); font-size: 12px; }.dossier-list small { margin-top: 5px; color: var(--muted-2); font-size: 7.5px; }
.detail-item em { display: block; margin-top: 4px; color: var(--muted-2); font-size: 12px; font-style: normal; }

@media (max-width: 1180px) {
  :root { --sidebar: 218px; }
  .search-layout { grid-template-columns: minmax(0, 1fr) 268px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .source-grid { grid-template-columns: repeat(2, 1fr); }
  .sales-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sales-date-field, .sales-exclude-field, .sales-length-field { grid-column: auto; }
}

@media (max-width: 900px) {
  :root { --sidebar: 250px; }
  .sidebar { transform: translateX(105%); transition: .22s ease; box-shadow: var(--shadow); }
  .sidebar.open { transform: none; }
  .workspace { margin-right: 0; }
  .mobile-menu { display: inline-grid; place-items: center; }
  .topbar { padding: 0 18px; }
  main { padding: 26px 18px 50px; }
  .hero-row, .page-head { align-items: flex-start; flex-direction: column; }
  .dataset-pill { width: 100%; min-width: 0; }
  .search-layout { display: block; }
  .filter-mobile-toggle { display: block; }
  .filter-panel { position: static; display: none; max-height: none; margin-bottom: 12px; }
  .filter-panel.open { display: block; }
  .bulk-grid, .api-layout, .api-tool-grid { grid-template-columns: 1fr; }
  .split-grid { grid-template-columns: 1fr; }
  .watchlist-grid { grid-template-columns: repeat(2,1fr); }
  .api-console { position: static; }
}

@media (max-width: 650px) {
  .demo-ribbon span:last-child { display: none; }
  .search-command { flex-wrap: wrap; }
  .command-field { min-width: 100%; }
  .search-command .primary-btn, .search-command .secondary-btn { min-height: 40px; flex: 1; }
  .stats-grid, .trend-grid, .source-grid, .recon-grid { grid-template-columns: 1fr 1fr; }
  .watchlist-grid { grid-template-columns: 1fr; }
  .trend-grid .wide { grid-column: 1 / -1; }
  .table-toolbar { align-items: flex-start; flex-direction: column; }
  .table-actions { width: 100%; overflow: auto; padding-bottom: 3px; }
  .insight-strip { align-items: flex-start; flex-direction: column; }
  .mini-bars { width: 100%; }
  .page-head h1, .hero-row h1 { font-size: 26px; }
  .crumb span, .crumb b { display: none; }
  .sales-search-card { padding: 15px; }
  .sales-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 10px; }
  .sales-search-actions .primary-btn { width: 100%; }
}

@media (max-width: 440px) {
  .stats-grid, .source-grid, .recon-grid { grid-template-columns: 1fr; }
  .trend-grid { grid-template-columns: 1fr; }
  .trend-grid .wide { grid-column: auto; }
  .dataset-pill { flex-wrap: wrap; }
  .dataset-pill i { display: none; }
  .detail-list { grid-template-columns: 1fr; }
  .sales-filter-grid { grid-template-columns: minmax(0,1fr); }
}

/* v1.2 UX clarity and persistent history */
.primary-btn span[aria-hidden="true"], .secondary-btn span[aria-hidden="true"] { margin-inline-end: 5px; }
.operation-row, .history-filters { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.operation-row .operation-status { flex: 1; }
.column-guide { border-top: 1px solid var(--line); padding: 12px 18px; background: var(--bg-soft); }
.column-guide summary, .database-health summary { cursor: pointer; font-weight: 800; color: var(--text); }
.column-guide-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 8px; margin-top: 12px; }
.column-guide-grid article { border: 1px solid var(--line); border-radius: 10px; padding: 10px; background: var(--panel-2); }
.column-guide-grid strong { display: block; color: var(--cyan); font-size: 12px; margin-bottom: 4px; }
.column-guide-grid small { display: block; color: var(--muted); line-height: 1.65; }
.history-filters { justify-content: flex-start; margin: 0 0 16px; }
.history-filter { border: 1px solid var(--line); border-radius: 999px; padding: 8px 14px; background: var(--panel); color: var(--muted); cursor: pointer; font-weight: 800; }
.history-filter.active { color: var(--text); border-color: var(--blue); background: rgba(41,160,255,.1); }
.source-explainer { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }
.source-explainer article { display: flex; gap: 12px; border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: var(--panel); }
.source-explainer article > span { font-size: 24px; }
.source-explainer strong, .source-explainer small { display: block; }
.source-explainer small { margin-top: 5px; color: var(--muted); line-height: 1.6; }
.source-card details { border-top: 1px solid var(--line); margin-top: 12px; padding-top: 10px; }
.source-card details summary { cursor: pointer; font-weight: 800; color: var(--cyan); }
.source-controls { display: grid; gap: 10px; margin-top: 10px; }
.source-control-row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.source-control-row input { flex: 1; min-width: 180px; }
.source-purpose { margin: 8px 0 0; color: var(--muted); line-height: 1.6; }
.source-test-result { direction: ltr; text-align: left; white-space: pre-wrap; word-break: break-word; max-height: 180px; overflow: auto; border: 1px solid var(--line); border-radius: 9px; padding: 9px; background: var(--bg); color: var(--muted); }
.source-status.configuration-required { color: var(--gold); border-color: rgba(214,173,97,.35); background: rgba(214,173,97,.08); }
.database-health { margin-top: 18px; border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: var(--panel); }
.database-health > p { color: var(--muted); }
.evidence-strength { display: inline-flex; border-radius: 999px; padding: 4px 8px; border: 1px solid var(--line); font-size: 12px; font-weight: 900; }
.evidence-high { color: var(--green); border-color: rgba(72,214,162,.35); }
.evidence-medium { color: var(--gold); border-color: rgba(214,173,97,.35); }
.evidence-low { color: var(--muted); }
.comp-list { display: grid; min-width: 190px; gap: 7px; }
.comp-item { padding: 8px 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); }
.comp-item strong, .comp-item span, .comp-item small { display: block; }
.comp-item strong { color: var(--text); font-size: 12px; overflow-wrap: anywhere; }
.comp-item span { margin-top: 3px; color: var(--green); font-size: 12px; direction: ltr; text-align: left; }
.comp-item small { margin-top: 3px; color: var(--muted); font-size: 7.5px; line-height: 1.5; }
.no-evidence { display: block; max-width: 210px; color: var(--muted-2); font-size: 12px; line-height: 1.65; }
.host-list { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.host-list span { padding: 3px 5px; border: 1px solid rgba(72,214,162,.28); border-radius: 6px; background: rgba(72,214,162,.06); color: var(--green); font-size: 12px; }
.history-open { white-space: nowrap; }
.table-intro { display: block; max-width: 760px; margin-top: 5px; color: var(--muted); line-height: 1.7; }

/* v1.3 Upgrade Proof Graph */
.proof-drawer { width: min(900px, 96vw); }
.proof-drawer .drawer-section h3 { margin: 5px 0 12px; color: var(--text); font-size: 14px; letter-spacing: 0; text-transform: none; }
.section-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.section-help { margin: -5px 0 13px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.proof-overview { padding-top: 20px; }
.proof-run-panel { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; padding: 11px 13px; border: 1px solid rgba(88,169,255,.28); border-radius: 11px; background: rgba(88,169,255,.055); }
.proof-run-panel > div { min-width: 0; }
.proof-run-panel strong, .proof-run-panel small, .proof-run-panel em { display: block; }
.proof-run-panel strong { font-size: 12px; }
.proof-run-panel small { margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.proof-run-panel em { min-height: 12px; margin-top: 5px; color: var(--blue); font-size: 12px; font-style: normal; }
.proof-run-panel .primary-btn { flex: 0 0 auto; min-height: 38px; }
.proof-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.proof-case { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); }
.proof-case h4 { margin: 0 0 10px; font-size: 12px; }
.proof-yes { border-color: rgba(72,214,162,.25); background: rgba(72,214,162,.045); }
.proof-no { border-color: rgba(255,122,138,.22); background: rgba(255,122,138,.035); }
.proof-conflict { border-color: rgba(214,173,97,.25); background: rgba(214,173,97,.04); }
.proof-reason-list { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.proof-reason-list li { padding: 8px; border-radius: 8px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 12px; line-height: 1.55; }
.proof-reason-list li span, .proof-reason-list li small { display: block; }
.proof-reason-list li small { margin-top: 4px; color: var(--muted-2); direction: ltr; text-align: left; }
.proof-reason-list code, .technical-detail code, .proof-atom code, .operator-type code, .jina-source-signals code { color: var(--cyan); font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; }
.proof-empty { padding: 12px; border: 1px dashed var(--line-strong); border-radius: 9px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.proof-signal-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.proof-signal-pair > div { min-width: 0; }
.proof-atom-grid, .operator-fingerprints, .jina-signal-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.proof-atom { min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); }
.proof-atom-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 9px; }
.proof-atom-head strong, .proof-atom-head small { display: block; }
.proof-atom-head strong { font-size: 12px; line-height: 1.55; }
.proof-atom-head small { margin-top: 4px; direction: ltr; text-align: left; }
.proof-atom p { margin: 9px 0; color: var(--muted); font-size: 8.5px; line-height: 1.7; overflow-wrap: anywhere; }
.proof-atom-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; padding-top: 8px; border-top: 1px solid var(--line); }
.proof-atom-meta span { min-width: 0; color: var(--muted-2); font-size: 12px; }
.proof-atom-meta b { display: block; margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 7.5px; text-overflow: ellipsis; white-space: nowrap; }
.proof-atom-meta .impact-yes { color: var(--green); }
.proof-atom-meta .impact-no { color: var(--muted-2); }
.decision-effect { display: block; margin-top: 8px; color: var(--muted-2); font-size: 12px; line-height: 1.6; }
.signal-status { display: inline-flex; flex: 0 0 auto; padding: 4px 6px; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; white-space: nowrap; }
.signal-success { color: var(--green); border-color: rgba(72,214,162,.3); background: rgba(72,214,162,.07); }
.signal-no-signal { color: var(--muted); background: var(--panel-2); }
.signal-failure { color: var(--red); border-color: rgba(255,122,138,.28); background: rgba(255,122,138,.06); }
.signal-conflict { color: var(--gold); border-color: rgba(214,173,97,.3); background: rgba(214,173,97,.07); }
.unknown-evidence { border-color: rgba(255,122,138,.28) !important; background: rgba(255,122,138,.04) !important; }
.operator-dna-summary { display: grid; gap: 10px; }
.operator-type { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 11px 13px; border: 1px solid rgba(98,212,203,.24); border-radius: 10px; background: rgba(98,212,203,.05); }
.operator-type small { color: var(--muted); font-size: 12px; }
.operator-type strong { font-size: 12px; }
.operator-graph-counts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.operator-graph-counts .detail-item { padding: 9px; }
.compact-evidence { display: block; max-width: 270px; padding: 4px 0; border-bottom: 1px solid var(--line); white-space: normal; }
.compact-evidence:last-child { border-bottom: 0; }
.evidence-name { display: block; color: var(--text); font-size: 12px; line-height: 1.45; }
.technical-detail { display: block; margin-top: 3px; color: var(--muted-2); font-size: 12px; line-height: 1.5; direction: ltr; text-align: left; }
.sales-evidence-item b, .sales-evidence-item span, .sales-evidence-item small { direction: inherit; text-align: inherit; }
.sales-evidence-item small { direction: ltr; text-align: left; }
.jina-run-contribution > p { padding: 11px; border: 1px solid rgba(88,169,255,.22); border-radius: 9px; background: rgba(88,169,255,.05); color: var(--muted); font-size: 12px; line-height: 1.75; }
.jina-run-contribution > small { display: block; margin-top: 8px; color: var(--muted); }
.jina-run-contribution .detail-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
.jina-run-contribution .jina-signal-list { margin-top: 9px; }
.jina-source-guide { display: grid; gap: 7px; margin-top: 12px; padding: 10px; border: 1px solid rgba(88,169,255,.2); border-radius: 10px; background: rgba(88,169,255,.045); }
.jina-source-guide > div { padding-bottom: 7px; border-bottom: 1px solid var(--line); }
.jina-source-guide > div:last-child { padding-bottom: 0; border-bottom: 0; }
.jina-source-guide strong, .jina-source-guide small, .jina-source-guide em { display: block; }
.jina-source-guide strong { color: var(--text); font-size: 12px; }
.jina-source-guide small { margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.jina-source-guide em { margin-top: 4px; color: var(--muted-2); font-size: 7.5px; font-style: normal; }
.jina-source-signals { display: flex !important; flex-wrap: wrap; gap: 6px; }
.jina-source-signals span { display: grid; gap: 3px; padding: 6px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel-2); }
.jina-source-signals b { font-size: 12px; }

[dir="rtl"] .proof-drawer .drawer-section, [dir="rtl"] .sales-evidence-item { text-align: right; }
[dir="ltr"] .proof-drawer .drawer-section, [dir="ltr"] .sales-evidence-item { text-align: left; }

@media (max-width: 980px) {
  .source-explainer { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .proof-columns { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .proof-signal-pair, .proof-atom-grid, .operator-fingerprints { grid-template-columns: 1fr; }
  .operator-graph-counts, .jina-run-contribution .detail-list { grid-template-columns: 1fr; }
  .source-explainer { grid-template-columns: 1fr; }
  .proof-atom-head { align-items: flex-start; flex-direction: column; }
  .proof-run-panel { align-items: stretch; flex-direction: column; }
}

.sales-summary-stats .stat-card { min-height: 80px; }
.sales-summary-stats .stat-card em { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 650px) {
  .sales-extra-stats { grid-template-columns: 1fr 1fr; }
}

/* ANA Upgrade Radar v2 */
.radar-pipeline { justify-content: flex-start; }

.core-search-health { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--bg-soft); }
.core-search-health div { display:grid; gap:3px; }
.core-search-health strong { font-size:12px; }
.core-search-health small { font-size:12px; color:var(--muted); direction:ltr; }
.core-search-health p { margin:0; color:var(--muted); font-size:12px; text-align:start; }
.core-search-health.healthy { border-color:rgba(77,210,154,.40); background:rgba(77,210,154,.07); }
.core-search-health.degraded { border-color:rgba(240,180,70,.42); background:rgba(240,180,70,.08); }
.core-search-health.critical { border-color:rgba(255,100,100,.46); background:rgba(255,100,100,.08); }
.core-search-health.pending { border-color:rgba(88,169,255,.36); background:rgba(88,169,255,.07); }
.radar-capabilities { display: grid; grid-template-columns: repeat(auto-fit,minmax(125px,1fr)); gap: 7px; margin-top: 12px; }
.radar-capability { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); min-width: 0; }
.radar-capability b { font-size: 12px; direction: ltr; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.radar-capability small { font-size: 12px; direction: ltr; white-space: nowrap; }
.radar-capability.done { border-color: rgba(77,210,154,.34); background: rgba(77,210,154,.06); }
.radar-capability.unresolved { border-color: rgba(240,180,70,.34); background: rgba(240,180,70,.07); }
.radar-capability.pending { border-color: rgba(88,169,255,.34); background: rgba(88,169,255,.07); }
.radar-coverage-grid { grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); }
.compact-actions { margin: 0; align-items: center; }
.radar-download-link { display: inline-flex; width: max-content; margin-top: 12px; text-decoration: none; }
.json-view { direction: ltr; text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 420px; overflow: auto; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); color: var(--muted); font-size: 12px; line-height: 1.6; }
@media (max-width: 760px) { .radar-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Provider health center v2.1.2 */
.provider-health,.provider-test-box{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:5px;background:var(--bg);font-size:.88rem}
.provider-health strong,.provider-test-box strong{font-weight:900}
.provider-health span,.provider-test-box p{margin:0;color:var(--muted)}
.provider-health small{color:var(--muted);font-family:var(--mono,monospace)}
.provider-health-pass,.provider-test-pass{border-color:rgba(46,204,113,.45);background:rgba(46,204,113,.07)}
.provider-health-fail,.provider-test-fail{border-color:rgba(231,76,60,.55);background:rgba(231,76,60,.08)}
.provider-health-not-ready,.provider-test-not-ready{border-color:rgba(241,196,15,.5);background:rgba(241,196,15,.08)}
.provider-health-unknown,.provider-test-running{border-color:var(--line);background:var(--panel)}
.provider-test-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}
.provider-test-facts span{border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:.78rem}
.provider-test-box details{margin-top:4px!important;padding-top:6px!important}
.provider-test-box pre{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto;margin:8px 0 0;padding:8px;border-radius:8px;background:var(--panel)}

/* Provider health run dashboard v2.1.2 */
.source-health-dashboard{margin:0 0 18px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-2));padding:16px;display:grid;gap:13px;box-shadow:var(--shadow)}
.source-health-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.source-health-dashboard-head h2{margin:3px 0 6px}.source-health-dashboard-head p{margin:0;color:var(--muted);max-width:900px}
.source-health-dashboard-state{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-weight:800;white-space:nowrap}.source-health-dashboard-state.running{border-color:rgba(52,152,219,.55);background:rgba(52,152,219,.10)}.source-health-dashboard-state.done{border-color:rgba(46,204,113,.45);background:rgba(46,204,113,.08)}.source-health-dashboard-state.warning{border-color:rgba(241,196,15,.5);background:rgba(241,196,15,.08)}
.source-health-summary{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px}.source-health-summary>span{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:9px 11px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.source-health-summary b{font-size:1.15rem}.source-health-summary small{color:var(--muted)}.source-health-summary .pass{border-color:rgba(46,204,113,.35)}.source-health-summary .fail{border-color:rgba(231,76,60,.45)}.source-health-summary .not-ready{border-color:rgba(241,196,15,.4)}
.source-health-progress{height:8px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}.source-health-progress>div{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .25s ease}
.source-health-table-wrap{overflow:auto;max-height:420px;border:1px solid var(--line);border-radius:10px}.source-health-table{width:100%;border-collapse:collapse;min-width:760px}.source-health-table th,.source-health-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.source-health-table th{position:sticky;top:0;background:var(--panel-2);z-index:1}.source-health-row-running td{background:rgba(52,152,219,.05)}.source-health-row-pass td{background:rgba(46,204,113,.04)}.source-health-row-fail td{background:rgba(231,76,60,.05)}.source-health-row-not-ready td{background:rgba(241,196,15,.05)}
@media(max-width:900px){.source-health-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}.source-health-dashboard-head{flex-direction:column}.source-health-dashboard-state{align-self:flex-start}}

/* Technical evidence remains available without dominating the reading flow. */
.technical-details { margin: 12px 0; border: 1px solid var(--line); border-radius: 8px; padding: 12px; }
.technical-details summary { cursor: pointer; color: var(--text); font-weight: 600; }
.technical-details pre { direction: ltr; text-align: left; overflow: auto; max-height: 420px; }

.history-search { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 18px; }
.history-search input { padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--text); min-width: 240px; }

/* R11 Company Radar — single-button Balanced / Deep Hunt */
.company-hunt-console{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:760px}
.company-hunt-modes{display:flex;gap:6px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft)}
.company-hunt-modes button{min-width:92px}
.company-hunt-modes button.active{border-color:rgba(88,169,255,.55);background:rgba(88,169,255,.13);color:var(--text)}
.company-hunt-intent{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
.company-hunt-spend{margin:12px 17px 0;padding:12px 14px;border:1px solid rgba(245,184,72,.28);border-radius:10px;background:rgba(245,184,72,.06);color:var(--muted);font-size:12px;line-height:1.7}
.company-hunt-spend strong{color:var(--text)}
.company-hunt-stage-flow{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:5px;margin-top:11px}
.company-hunt-stage-chip{padding:6px 7px;border:1px solid var(--line);border-radius:8px;text-align:center;color:var(--muted);font-size:10px;line-height:1.35;background:var(--bg-soft)}
.company-hunt-stage-chip.done{border-color:rgba(61,201,142,.35);color:var(--text);background:rgba(61,201,142,.08)}
.company-hunt-stage-chip.current{border-color:rgba(88,169,255,.55);color:var(--text);background:rgba(88,169,255,.12)}
.manual-recovery-tools{margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}
.manual-recovery-tools>summary{cursor:pointer;color:var(--muted);font-size:12px;margin-bottom:10px}
@media (max-width:980px){.company-hunt-stage-flow{grid-template-columns:repeat(4,1fr)}.company-hunt-console{justify-content:flex-start}.company-hunt-intent{width:100%}}
@media (max-width:620px){.company-hunt-stage-flow{grid-template-columns:repeat(2,1fr)}.company-hunt-modes{width:100%}.company-hunt-modes button{flex:1}.company-hunt-console>button{width:100%}.company-hunt-intent{flex-direction:column;align-items:stretch}}
/* R11.1 autopilot clarity */
#companyRadarHuntStageLabel{font-size:15px;color:var(--text)}
#companyRadarHuntCounter{font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.company-hunt-stage-chip b{display:inline-block;min-width:14px;margin-inline-end:3px;color:var(--text)}

/* R13 Phase 7 — Company Radar V2 read-only preview */
.company-v2-preview { margin: 0 0 14px; padding: 16px; border: 1px solid rgba(214,173,97,.28); border-radius: 14px; background: linear-gradient(145deg, rgba(214,173,97,.055), var(--panel)); }
.company-v2-preview-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.company-v2-preview-head h2 { margin: 7px 0 5px; }
.company-v2-preview-head p { margin: 0; color: var(--muted); max-width: 920px; }
.company-v2-preview-labels { display: flex; flex-wrap: wrap; gap: 7px; }
.company-v2-readonly-badge { display: inline-flex; align-items: center; width: fit-content; padding: 4px 7px; border: 1px solid rgba(72,214,162,.28); border-radius: 99px; background: rgba(72,214,162,.07); color: var(--green); font-size: 11px; font-weight: 800; direction: ltr; letter-spacing: .05em; }
.company-v2-preview-stats { margin: 12px 0 8px; }
.company-v2-preview .stat-card { min-height: 90px; }
.company-v2-preview-split { grid-template-columns: 1fr 1fr; gap: 12px; }
.company-v2-inner-card { margin-top: 8px !important; }
.company-v2-inner-card h3 { margin: 0 0 4px; font-size: 15px; }
.company-v2-inner-card .table-toolbar p { margin: 0; }
.company-v2-recent-details { margin-top: 12px; }
.company-v2-status-chip { display: inline-flex; align-items: center; padding: 3px 7px; border-radius: 99px; border: 1px solid var(--line); background: var(--panel-2); font-size: 11px; white-space: nowrap; direction: ltr; }
.company-v2-status-chip.pending { color: var(--gold); border-color: rgba(214,173,97,.32); background: rgba(214,173,97,.08); }
.company-v2-status-chip.watch { color: var(--blue); border-color: rgba(88,169,255,.28); background: rgba(88,169,255,.07); }
.company-v2-status-chip.reject { color: var(--muted); }
.company-v2-status-chip.unknown { color: var(--orange, #e9a45e); }
.company-v2-domain { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; direction: ltr; unicode-bidi: isolate; }
.company-v2-empty { color: var(--muted); }
@media (max-width: 920px) {
  .company-v2-preview-head { flex-direction: column; }
  .company-v2-preview-split { grid-template-columns: 1fr; }
}

/* R13 Phase 8 — zero-credit identity/current-domain/upgrade-gap verification */
.company-v2-preview-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.company-v2-preview-actions .secondary-btn:disabled{opacity:.55;cursor:wait}

/* R13 Phase 15 — Production promotion gate */
.company-v2-promotion{margin:0 0 14px;padding:14px 16px;border:1px solid rgba(72,214,162,.28);border-radius:14px;background:linear-gradient(145deg,rgba(72,214,162,.055),var(--panel));display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.company-v2-promotion h2{margin:7px 0 5px;font-size:18px}
.company-v2-promotion p{margin:0;color:var(--muted);max-width:900px;line-height:1.65}
.company-v2-promotion-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.company-v2-promotion[data-mode="V2_DEFAULT"]{border-color:rgba(72,214,162,.42);box-shadow:0 0 0 1px rgba(72,214,162,.04) inset}
.company-v2-promotion[data-mode="R12_ROLLBACK"]{border-color:rgba(245,184,72,.38);background:linear-gradient(145deg,rgba(245,184,72,.06),var(--panel))}
.company-radar-legacy-panel[hidden]{display:none!important}
.company-radar-legacy-panel{position:relative}
.company-radar-legacy-panel::before{content:"R12 LEGACY / ROLLBACK";position:absolute;top:8px;inset-inline-end:12px;font-size:10px;letter-spacing:.05em;color:var(--muted);direction:ltr}
.company-v2-preview[data-production-default="true"]{border-color:rgba(72,214,162,.32);background:linear-gradient(145deg,rgba(72,214,162,.035),var(--panel))}
@media (max-width:900px){.company-v2-promotion{flex-direction:column}.company-v2-promotion-actions{justify-content:flex-start;width:100%}.company-v2-promotion-actions button{flex:1}}

/* R13 Phase 17 — read-only production stability gate */
.company-v2-stability{margin:16px 0;padding:18px;border:1px solid rgba(100,149,237,.28);border-radius:18px;background:linear-gradient(145deg,rgba(100,149,237,.055),var(--panel));display:grid;gap:14px}
.company-v2-stability-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.company-v2-stability-head>div:first-child{min-width:min(100%,540px);flex:1}
.company-v2-stability[data-state="READY_FOR_LEGACY_DECOMMISSION_REVIEW"]{border-color:rgba(72,214,162,.42);background:linear-gradient(145deg,rgba(72,214,162,.055),var(--panel))}
.company-v2-stability[data-state^="BLOCKED"]{border-color:rgba(245,184,72,.38);background:linear-gradient(145deg,rgba(245,184,72,.05),var(--panel))}
.company-v2-stability-stats{margin-top:2px}


/* R13 Phase 18 — simplified production UX + soft legacy detach */
.company-v2-admin-details,.company-v2-advanced-actions,.company-v2-data-details{margin:12px 0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015);overflow:hidden}
.company-v2-admin-details>summary,.company-v2-advanced-actions>summary,.company-v2-data-details>summary{cursor:pointer;padding:13px 15px;font-weight:800;color:var(--muted);list-style:none}
.company-v2-admin-details>summary::-webkit-details-marker,.company-v2-advanced-actions>summary::-webkit-details-marker,.company-v2-data-details>summary::-webkit-details-marker{display:none}
.company-v2-admin-details[open]>summary,.company-v2-advanced-actions[open]>summary,.company-v2-data-details[open]>summary{color:var(--text);border-bottom:1px solid var(--line)}
.company-v2-admin-details .company-v2-promotion,.company-v2-admin-details .company-v2-stability,.company-v2-admin-details .company-radar-legacy-panel{margin:12px}
.company-v2-admin-help{padding:0 15px;margin:10px 0 0}
.company-v2-simple-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:18px;border:1px solid rgba(72,214,162,.28);border-radius:16px;background:linear-gradient(145deg,rgba(72,214,162,.05),rgba(255,255,255,.01))}
.company-v2-simple-copy{min-width:0;flex:1}.company-v2-simple-copy h3{font-size:21px;margin:6px 0}.company-v2-simple-copy p{margin:0;color:var(--muted);line-height:1.65}
.company-v2-simple-primary-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:min(100%,330px)}
.company-v2-simple-primary-actions .primary-btn{min-height:46px}
.company-v2-everyday-actions{min-width:auto}
.company-v2-advanced-actions{padding-bottom:0}.company-v2-advanced-actions .section-help{padding:0 15px}.company-v2-manual-actions{padding:0 15px 15px}
.company-v2-preview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.company-v2-opportunities{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:14px 0}
.company-v2-opportunity-card{border:1px solid rgba(214,173,97,.25);border-radius:14px;padding:15px;background:rgba(214,173,97,.035);min-width:0}
.company-v2-opportunity-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.company-v2-opportunity-top>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.company-v2-opportunity-final{font-size:11px;color:var(--muted)}
.company-v2-opportunity-card h4{font-size:18px;margin:14px 0 5px}.company-v2-opportunity-card p{margin:0 0 12px;color:var(--muted)}
.company-v2-opportunity-facts{display:grid;gap:8px}.company-v2-opportunity-facts>div{display:grid;gap:2px;padding-top:8px;border-top:1px solid var(--line)}.company-v2-opportunity-facts small{color:var(--muted)}
.company-v2-simple-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:110px;padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.company-v2-simple-empty strong{color:var(--text);font-size:18px;margin-bottom:5px}
.company-v2-data-details>.company-v2-preview-split{padding:12px}.company-v2-data-details>.company-v2-preview-split .table-card{margin:0}
@media(max-width:900px){.company-v2-simple-overview{flex-direction:column;align-items:stretch}.company-v2-simple-primary-actions{justify-content:stretch;min-width:0}.company-v2-simple-primary-actions button{width:100%}.company-v2-preview-stats{grid-template-columns:1fr}.company-v2-everyday-actions{width:100%;justify-content:stretch}.company-v2-everyday-actions button{flex:1}}

/* V3 Phase 13 — simple read-only production UI before canary */
.company-v3-preview{margin:0 0 14px;padding:18px;border:1px solid rgba(72,214,162,.30);border-radius:16px;background:linear-gradient(145deg,rgba(72,214,162,.045),var(--panel));}
.company-v3-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.company-v3-preview-head h2{margin:7px 0 0;font-size:22px}.company-v3-preview-labels{display:flex;gap:7px;flex-wrap:wrap}
.company-v3-readonly-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 7px;border:1px solid rgba(88,169,255,.32);border-radius:99px;background:rgba(88,169,255,.08);color:var(--blue);font-size:11px;font-weight:800;direction:ltr;letter-spacing:.04em}
.company-v3-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0}.company-v3-stats .stat-card{min-height:92px}
.company-v3-status-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);margin:10px 0 14px}.company-v3-status-strip span{color:var(--muted);font-size:12px;direction:ltr;unicode-bidi:isolate}
.company-v3-canary-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(214,173,97,.30);border-radius:14px;background:rgba(214,173,97,.035);margin:0 0 14px}.company-v3-canary-panel>div:first-child{min-width:0}.company-v3-canary-panel strong{display:block;margin:4px 0 3px}.company-v3-canary-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.company-v3-canary-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.company-v3-canary-actions button{white-space:nowrap}
.company-v3-final-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:14px 0}
.company-v3-final-card{border:1px solid rgba(214,173,97,.28);border-radius:14px;padding:15px;background:rgba(214,173,97,.035);min-width:0}.company-v3-final-card h3{margin:8px 0 4px;font-size:19px}.company-v3-final-card p{margin:0;color:var(--muted)}.company-v3-final-card .company-v3-domain{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate;font-weight:800;color:var(--text)}.company-v3-final-meta{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.company-v3-final-meta div{display:flex;justify-content:space-between;gap:12px}.company-v3-final-meta small{color:var(--muted)}
.company-v3-empty{grid-column:1/-1;min-height:92px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.company-v3-empty strong{color:var(--text)}
.company-v3-domain-details,.company-v3-v2-details,.company-v3-technical-details{margin:12px 0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.015);overflow:hidden}.company-v3-domain-details>summary,.company-v3-v2-details>summary,.company-v3-technical-details>summary{cursor:pointer;padding:13px 15px;font-weight:800;color:var(--muted);list-style:none}.company-v3-domain-details>summary::-webkit-details-marker,.company-v3-v2-details>summary::-webkit-details-marker,.company-v3-technical-details>summary::-webkit-details-marker{display:none}.company-v3-domain-details[open]>summary,.company-v3-v2-details[open]>summary,.company-v3-technical-details[open]>summary{color:var(--text);border-bottom:1px solid var(--line)}
.company-v3-domain-grid{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.company-v3-inner-card{margin:0!important}.company-v3-inner-card h3{margin:0;font-size:15px}.company-v3-domain{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate}
.company-v3-technical-details{margin:0 12px 12px}.company-v3-tech-stats{padding:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.company-v3-processing-list{display:flex;gap:7px;flex-wrap:wrap;padding:0 12px 12px}.company-v3-processing-chip{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:99px;background:var(--bg-soft);font-size:11px;direction:ltr;unicode-bidi:isolate}.company-v3-processing-chip b{color:var(--text)}
.company-v3-v2-details{margin-top:16px}.company-v3-v2-content{padding:12px}.company-v3-v2-content>.company-v2-admin-details:first-child{margin-top:0}
@media(max-width:920px){.company-v3-preview-head{flex-direction:column}.company-v3-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.company-v3-domain-grid{grid-template-columns:1fr}.company-v3-status-strip{align-items:flex-start;flex-direction:column}.company-v3-canary-panel{align-items:stretch;flex-direction:column}.company-v3-canary-actions{justify-content:stretch}.company-v3-canary-actions button{flex:1}.company-v3-tech-stats{grid-template-columns:1fr}}
@media(max-width:560px){.company-v3-stats{grid-template-columns:1fr}.company-v3-preview-head .secondary-btn{width:100%}}

/* Company Radar V3 — Phase 16 final execution controls */
.company-v3-final-control { flex-wrap: wrap; }
.company-v3-stop-help { flex-basis: 100%; margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.pause-btn { border-color: rgba(214, 173, 97, .45); color: #f2d89e; background: rgba(214, 173, 97, .10); }
.pause-btn:hover { border-color: rgba(214, 173, 97, .72); color: #ffe5ad; background: rgba(214, 173, 97, .16); }
.danger-btn { min-height: 38px; padding: 0 14px; border: 1px solid rgba(255, 122, 138, .52); border-radius: 9px; background: rgba(255, 122, 138, .10); color: #ffc2ca; font-size: 12px; font-weight: 800; transition: .18s ease; }
.danger-btn:hover { border-color: rgba(255, 122, 138, .82); background: rgba(255, 122, 138, .18); color: #ffe3e7; transform: translateY(-1px); }
:root.light .danger-btn { color: #a9293c; background: rgba(215, 74, 93, .08); }

/* ANA Company Radar V3.1 — Final Domainer Edition */
.company-v3-stats-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.company-v3-stat-export{margin-top:.55rem;font-size:.75rem;padding:.35rem .6rem;width:100%}
.company-v3-budget-details{margin-top:1rem;border-top:1px solid var(--border);padding-top:.8rem}
.company-v3-budget-details>summary{cursor:pointer;font-weight:700}
.company-v3-budget-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:.7rem;margin:.8rem 0}
.company-v3-budget-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:var(--muted)}
.company-v3-budget-grid input{width:100%}
.company-v3-manual-btn{white-space:nowrap}
@media(max-width:1200px){.company-v3-stats-five,.company-v3-budget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.company-v3-stats-five,.company-v3-budget-grid{grid-template-columns:1fr}}

/* V3.1 operational-progress hotfix */
.company-v3-live-progress{margin:0 0 14px;padding:15px;border:1px solid rgba(88,169,255,.26);border-radius:14px;background:linear-gradient(145deg,rgba(88,169,255,.045),rgba(72,214,162,.025));}
.company-v3-live-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.company-v3-live-title{display:flex;align-items:flex-start;gap:11px;min-width:0}.company-v3-live-title small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.company-v3-live-title strong{display:block;font-size:18px;line-height:1.35}.company-v3-live-title p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.company-v3-live-dot{width:11px;height:11px;border-radius:50%;margin-top:6px;background:var(--muted);box-shadow:0 0 0 0 rgba(72,214,162,.0);flex:0 0 auto}.company-v3-live-dot.running{background:#48d6a2;animation:companyV3Pulse 1.5s infinite}.company-v3-live-dot.paused{background:#d6ad61}.company-v3-live-dot.error{background:#ef6b73}
@keyframes companyV3Pulse{0%{box-shadow:0 0 0 0 rgba(72,214,162,.45)}70%{box-shadow:0 0 0 9px rgba(72,214,162,0)}100%{box-shadow:0 0 0 0 rgba(72,214,162,0)}}
.company-v3-progress-pct{font-size:20px;font-weight:900;direction:ltr;unicode-bidi:isolate;color:var(--blue)}
.company-v3-progress-track{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin:12px 0}.company-v3-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#48d6a2,#58a9ff);transition:width .35s ease}
.company-v3-live-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.company-v3-live-counters>div{padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.08)}.company-v3-live-counters small{display:block;color:var(--muted);font-size:11px}.company-v3-live-counters strong{display:block;margin-top:4px;font-size:19px;direction:ltr;unicode-bidi:isolate}
.company-v3-provider-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.company-v3-provider-progress>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);font-size:12px}.company-v3-provider-progress b{direction:ltr;unicode-bidi:isolate}.company-v3-provider-progress span{color:var(--muted)}.company-v3-provider-progress .ok{color:#48d6a2}.company-v3-provider-progress .warn{color:#d6ad61}.company-v3-provider-progress .bad{color:#ef6b73}
.company-v3-lifecycle-progress{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.company-v3-lifecycle-progress span{padding:5px 8px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025);font-size:11px;color:var(--muted)}.company-v3-lifecycle-progress b{color:var(--text);direction:ltr;unicode-bidi:isolate}
.company-v3-final-funnel-wrap{margin-top:10px}.company-v3-final-funnel-wrap>small{color:var(--muted);font-size:11px}.company-v3-final-funnel{margin-top:5px}.company-v3-final-funnel span{background:rgba(72,214,162,.035)}
.company-v3-canary-actions button[disabled]{opacity:.58;cursor:not-allowed;filter:saturate(.65)}
@media(max-width:920px){.company-v3-live-head{align-items:flex-start}.company-v3-live-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.company-v3-provider-progress{grid-template-columns:1fr}}
@media(max-width:560px){.company-v3-live-counters{grid-template-columns:1fr}.company-v3-live-head{flex-direction:column}.company-v3-progress-pct{align-self:flex-end}}

/* V3.2 derivation-quality telemetry */
.company-v3-live-counters em{display:block;margin-top:4px;font-size:11px;font-style:normal;color:var(--muted);font-weight:600}

/* V3.8.1 — Research storage cleanup */
.history-storage-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 16px;padding:14px 16px;border-color:rgba(255,122,138,.18)}
.history-storage-card>div{display:flex;flex-direction:column;gap:4px}
.history-storage-card strong{font-size:13px;color:var(--text)}
.history-storage-card small{font-size:11px;color:var(--muted);line-height:1.6}
#researchStorageSafety{max-width:720px}
@media(max-width:760px){.history-storage-card{align-items:flex-start;flex-direction:column}.page-head .action-row{width:100%;flex-wrap:wrap}.page-head .action-row .secondary-btn,.page-head .action-row .danger-btn{flex:1}}

/* Sales search: readable Arabic text and controls at comfortable reading size. */
#view-search { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
#view-search .hero-row > div:first-child > p:last-child { font-size: 16px; line-height: 1.8; }
#view-search .sales-search-card { padding: 22px 23px 20px; }
#view-search .sales-search-card h2 { margin-bottom: 20px; padding-bottom: 14px; font-size: 18px; line-height: 1.5; font-weight: 700; }
#view-search .sales-filter-grid { gap: 21px 15px; }
#view-search .sales-filter-field > label,
#view-search .sales-exclude-field legend { margin-bottom: 9px; color: var(--text); font-size: 16px; line-height: 1.55; font-weight: 600; }
#view-search .sales-label-row { position: relative; display: flex; align-items: center; gap: 7px; min-height: 24px; margin-bottom: 9px; }
#view-search .sales-label-row label { color: var(--text); font-size: 16px; line-height: 1.55; font-weight: 600; }
#view-search .sales-term-help { flex: 0 0 auto; width: 19px; height: 19px; padding: 0; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--panel-2); color: var(--blue); font-size: 12px; line-height: 17px; text-align: center; }
#view-search .sales-term-help:hover,
#view-search .sales-term-help:focus { border-color: var(--blue); color: var(--text); }
#view-search .sales-help-popover { display: none; position: absolute; z-index: 30; top: calc(100% + 7px); inset-inline-start: 0; width: min(280px, calc(100vw - 45px)); padding: 11px 13px; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--panel-3); box-shadow: var(--shadow); color: var(--text); font-size: 14px; line-height: 1.75; font-weight: 400; text-align: start; pointer-events: none; }
#view-search .sales-term-help:is(:hover,:focus) + .sales-help-popover { display: block; }
#view-search .sales-filter-field > input,
#view-search .sales-filter-field > select,
#view-search .sales-filter-field .range-fields input { min-height: 46px; padding-inline: 12px; font-size: 16px; line-height: 1.5; font-weight: 400; }
#view-search .sales-filter-field input::placeholder { color: var(--muted); opacity: 1; }
#view-search .sales-exclude-field label { gap: 9px; margin-inline-end: 20px; color: var(--text); font-size: 16px; line-height: 1.6; font-weight: 400; }
#view-search .sales-exclude-field input { width: 17px; height: 17px; min-height: 0; }
#view-search .range-fields { gap: 9px; }
#view-search .sales-search-actions { margin-top: 20px; padding-top: 15px; }
#view-search .sales-search-actions .primary-btn { min-width: 145px; min-height: 45px; font-size: 15px; font-weight: 650; }
#view-search .table-toolbar { padding: 19px 20px; }
#view-search .table-toolbar h2 { font-size: 18px; line-height: 1.5; }
#view-search .table-toolbar p { font-size: 14px; line-height: 1.6; }
#view-search .table-intro { font-size: 13px; line-height: 1.7; }
#view-search .table-actions { gap: 9px; }
#view-search .table-actions select,
#view-search .table-actions button,
#view-search .pagination button { min-height: 42px; font-size: 15px; font-weight: 550; }
#view-search .table-actions .icon-btn { min-width: 42px; }
#view-search th,
#view-search td { padding: 15px 18px; font-size: 16px; line-height: 1.65; }
#view-search th { color: var(--text); font-weight: 600; letter-spacing: normal; }
#view-search .domain-cell,
#view-search .price-cell { font-size: 17px; font-weight: 650; }
#view-search .muted-cell { color: var(--muted-2); }
#view-search .pagination { padding: 15px; }
#view-search .pagination span { font-size: 14px; }
#view-search .sales-analytics > summary { padding-top: 15px; font-size: 14px; line-height: 1.6; }
@media(max-width:900px) {
  #view-search .sales-search-card { padding: 18px; }
  #view-search .table-actions { flex-wrap: wrap; overflow: visible; }
  #view-search .table-toolbar { padding: 17px; }
}
@media(max-width:440px) {
  #view-search .sales-search-card { padding: 16px; }
  #view-search .sales-filter-grid { gap: 16px; }
  #view-search .sales-exclude-field label { margin-inline-end: 13px; }
}

/* Watchlist: one clear action, visible progress, details on demand. */
#view-watchlists { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
#view-watchlists .page-head p { font-size: 14px; line-height: 1.7; }
.watchlist-create-card { max-width: 850px; margin-bottom: 12px; }
.watchlist-create-card label { font-size: 14px; line-height: 1.6; }
.watchlist-create-card input, .watchlist-create-card textarea, .watchlist-create-card select { font-size: 14px; line-height: 1.6; }
.watchlist-create-card .action-row { align-items: center; flex-wrap: wrap; }
.watchlist-create-card .primary-btn { min-height: 44px; font-size: 14px; }
.watchlist-depth-label { display: inline-flex; align-items: center; gap: 7px; }
.watchlist-help { max-width: 850px; margin: 0 0 16px; color: var(--muted); font-size: 14px; }
.watchlist-help summary { cursor: pointer; width: max-content; max-width: 100%; padding: 8px 0; color: var(--cyan); }
.watchlist-help p { max-width: 680px; margin: 4px 0 0; line-height: 1.75; }
#view-watchlists .watchlist-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
#view-watchlists .watchlist-card { padding: 20px; }
#view-watchlists .watchlist-card h3 { font-size: 17px; line-height: 1.5; }
#view-watchlists .watchlist-card .source-top p { font-size: 13px; line-height: 1.65; }
#view-watchlists .watchlist-card .source-status { text-align: center; line-height: 1.5; }
#view-watchlists .watchlist-meta { align-items: flex-start; font-size: 13px; line-height: 1.6; }
#view-watchlists .watchlist-meta small { white-space: nowrap; font-size: 12px; }
#view-watchlists .watchlist-card .action-row { margin: 16px 0 0; flex-wrap: wrap; }
#view-watchlists .watchlist-card button { min-height: 42px; font-size: 13px; }
.watchlist-monitor { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); color: var(--muted); font-size: 13px; line-height: 1.55; }
.watchlist-monitor button { padding: 6px 8px; white-space: normal; }
.watchlist-progress { display: grid; gap: 7px; margin-top: 18px; color: var(--text); font-size: 14px; }
.watchlist-progress progress { width: 100%; height: 9px; accent-color: var(--cyan); }
.watchlist-members, .watchlist-error { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 11px; }
.watchlist-members summary, .watchlist-error summary, .watchlist-raw-change summary { width: max-content; max-width: 100%; cursor: pointer; color: var(--cyan); font-size: 13px; line-height: 1.6; }
.watchlist-member-list { max-height: 300px; overflow: auto; margin-top: 10px; }
.watchlist-member { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.watchlist-member > span { display: grid; gap: 3px; text-align: end; color: var(--muted); }
.watchlist-member small { font-size: 12px; line-height: 1.5; }
.watchlist-lifecycle { color: var(--muted); font-size: 13px; line-height: 1.5; }
.watchlist-lifecycle.verified { color: var(--text); }
.watchlist-uncertain { color: var(--gold); }
.watchlist-error p { overflow-wrap: anywhere; color: var(--muted); font-size: 12px; line-height: 1.65; }
#view-watchlists th, #view-watchlists td { padding: 13px 15px; font-size: 14px; line-height: 1.6; vertical-align: top; }
.watchlist-change-values { display: grid; gap: 4px; min-width: 150px; }
.watchlist-change-values span { overflow-wrap: anywhere; }
.watchlist-raw-change { margin-top: 8px; }
.watchlist-raw-change code { display: block; max-width: 290px; overflow-wrap: anywhere; white-space: pre-wrap; text-align: left; font-size: 11px; color: var(--muted); }
.watchlist-partial { margin-top: 14px; padding: 12px 13px; border: 1px solid var(--gold); border-radius: 9px; background: var(--bg-soft); font-size: 13px; line-height: 1.65; }
.watchlist-partial > summary, .watchlist-confirmed > summary, .watchlist-network-error > summary { cursor: pointer; color: var(--text); font-weight: 700; }
.watchlist-partial p { color: var(--muted); margin: 7px 0 8px; }
.watchlist-partial ul, .watchlist-confirmed ul { list-style: none; padding: 0; margin: 8px 0 0; max-height: 260px; overflow-y: auto; }
.watchlist-partial li, .watchlist-confirmed li { display: grid; gap: 2px; padding: 8px 0; border-top: 1px solid var(--line); overflow-wrap: anywhere; }
.watchlist-partial li > bdi { font-weight: 700; }
.watchlist-partial li > span { color: var(--text); }
.watchlist-partial li > small { color: var(--muted); }
.watchlist-confirmed { margin-top: 12px; }
.watchlist-network-error { margin-top: 4px; }
.watchlist-network-error summary { color: var(--muted); font-size: 12px; font-weight: 400; }
.watchlist-network-error small { display: block; margin-top: 3px; color: var(--muted); overflow-wrap: anywhere; font-size: 12px; }
.watchlist-alerts { padding: 0 15px 16px; }
.watchlist-alert-empty { color: var(--muted); margin: 0; padding: 8px 0 0; font-size: 13px; }
.watchlist-alert-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 20px; flex-wrap: wrap; margin: 0 0 9px; }
.watchlist-alert-heading h3 { font-size: 15px; margin: 0; }
.watchlist-alert-heading small { font-size: 12px; color: var(--muted); line-height: 1.5; }
.watchlist-alert-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 9px; }
.watchlist-alert { display: flex; gap: 9px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); font-size: 13px; line-height: 1.5; }
.watchlist-alert-urgent { border-color: var(--gold); }
.watchlist-alert-mark { color: var(--gold); font-weight: 800; }
.watchlist-alert > div { display: grid; gap: 4px; min-width: 0; }
.watchlist-alert strong { overflow-wrap: anywhere; }
.watchlist-alert small { color: var(--muted); overflow-wrap: anywhere; }
.watchlist-transition { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.watchlist-transition > span { display: grid; gap: 1px; min-width: 75px; }
.watchlist-transition small { color: var(--muted); font-size: 11px; }
.watchlist-transition strong { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.watchlist-transition > b { color: var(--cyan); font-size: 17px; font-weight: 600; }
.watchlist-change-evidence { display: block; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.term-help { position: relative; display: inline-grid; place-items: center; width: 20px; height: 20px; border: 1px solid var(--line); border-radius: 50%; color: var(--cyan); font-size: 12px; font-weight: 700; cursor: help; vertical-align: middle; }
.term-help:hover::after, .term-help:focus-visible::after { content: attr(data-help); position: absolute; z-index: 20; inset-inline-start: 0; top: calc(100% + 7px); width: min(280px, 65vw); padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); color: var(--text); box-shadow: 0 8px 24px rgba(0,0,0,.3); font-size: 13px; font-weight: 400; line-height: 1.6; white-space: normal; }
@media(max-width:650px) {
#view-watchlists .watchlist-meta { flex-wrap: wrap; }
  .watchlist-create-card .action-row .primary-btn { width: 100%; }
}

/* Bulk registration and website scan: scoped from the existing comps and radar views. */
#view-bulkTld { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
#view-bulkTld .page-head p:last-child { font-size: 14px; line-height: 1.7; }
.bulk-tld-input, .bulk-tld-progress { padding: 18px; margin-bottom: 14px; }
.bulk-tld-input > label { display: block; margin-bottom: 9px; font-size: 15px; font-weight: 700; }
.bulk-tld-input textarea { min-height: 120px; font-size: 15px; line-height: 1.6; }
.bulk-tld-input-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; color: var(--muted); font-size: 13px; }
.bulk-tld-input-foot strong { white-space: nowrap; color: var(--text); font-variant-numeric: tabular-nums; }
.bulk-tld-input-foot strong.bulk-tld-over-limit { color: var(--red); }
.bulk-tld-controls { gap: 9px; flex-wrap: wrap; }
.bulk-tld-controls button { min-height: 43px; font-size: 14px; }
.bulk-tld-feedback { min-height: 21px; margin: 10px 0 0; color: var(--gold); font-size: 13px; }
.bulk-tld-progress-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.bulk-tld-progress-head h2 { margin: 5px 0 0; font-size: 19px; }
.bulk-tld-progress-head small { color: var(--muted); }
.bulk-tld-coverage { display: block; margin-top: 12px; font-size: 14px; line-height: 1.6; }
.bulk-tld-progress progress { display: block; width: 100%; height: 11px; margin: 14px 0 8px; accent-color: var(--cyan); }
#bulkTldProgressText { margin: 0; color: var(--muted); font-size: 14px; }
.bulk-tld-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 16px; }
.bulk-tld-metrics > div { display: grid; gap: 2px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--bg-soft); }
.bulk-tld-metrics strong { font-size: 23px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.bulk-tld-metrics small { color: var(--muted); font-size: 12px; }
.bulk-tld-note { padding: 9px 11px; margin: 11px 0 0; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
#bulkTldCatalogWarning { border-color: rgba(214,173,97,.5); color: var(--gold); }
.bulk-tld-help { margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.bulk-tld-help summary { color: var(--cyan); cursor: pointer; width: fit-content; }
.bulk-tld-help p { margin: 6px 0 0; max-width: 820px; }
.bulk-tld-stems th, .bulk-tld-stems td, .bulk-tld-results th, .bulk-tld-results td { font-size: 13px; padding: 11px 13px; }
.bulk-tld-filters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 13px 16px; }
.bulk-tld-filters label { display: grid; gap: 5px; color: var(--muted); font-size: 13px; }
.bulk-tld-filters select { font-size: 13px; min-height: 41px; }
.bulk-tld-tag { display: inline-flex; border: 1px solid var(--line); border-radius: 7px; padding: 3px 7px; white-space: nowrap; }
.bulk-tld-tag.positive { color: var(--green); border-color: rgba(72,214,162,.33); }
.bulk-tld-tag.uncertain { color: var(--gold); border-color: rgba(214,173,97,.37); }
.bulk-tld-tag.neutral { color: var(--muted); }
.bulk-tld-evidence { min-width: 220px; max-width: 370px; white-space: normal; overflow-wrap: anywhere; color: var(--muted); }
@media (max-width: 760px) {
  .bulk-tld-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bulk-tld-filters { grid-template-columns: 1fr; }
  .bulk-tld-controls button { flex: 1; min-width: 140px; }
}

/* Optional explanations keep the primary workflow readable and work with the keyboard. */
.interface-help { min-width: 0; }
.interface-help > summary { width: fit-content; cursor: pointer; color: var(--blue); font-size: 13px; font-weight: 650; line-height: 1.6; list-style: none; text-decoration: underline dotted; text-underline-offset: 4px; }
.interface-help > summary::-webkit-details-marker { display: none; }
.interface-help > summary:hover { color: var(--text); }
.interface-help > summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; border-radius: 3px; }
.interface-help > p { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.release-help { position: relative; align-self: flex-start; flex: 0 0 auto; }
.release-help[open] { z-index: 10; }
.release-help[open] > .interface-help-popover { position: absolute; top: 25px; inset-inline-end: 0; width: min(355px, calc(100vw - 45px)); padding: 15px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--panel-2); color: var(--text); box-shadow: var(--shadow); }
.release-help .interface-help-popover p { margin: 0; color: var(--text); font-size: 13px; line-height: 1.8; }
.release-help .truth-badge { margin-top: 10px; }
.pipeline-help { margin: -8px 0 16px; }
.pipeline-help .pipeline-strip { margin: 12px 0 0; }
.inline-help { margin-top: 12px; }
.guide-disclosure { align-self: start; }
.guide-disclosure > summary { color: var(--text); font-size: 15px; }
.guide-disclosure .guide-metric:first-of-type { margin-top: 10px; }
.company-control-help { flex: 1 0 100%; }
.company-control-help .company-v3-stop-help { margin: 9px 0 0; line-height: 1.8; }
@media(max-width:900px) { .release-help[open] > .interface-help-popover { inset-inline-end: auto; inset-inline-start: 0; } }