/* Embeddable verification registry widget — mount with VerificationRegistryWidget.init() */

*, *::before, *::after {
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Dark page canvas — applies when AHA theme is active (not just the widget box) */
html.theme-aha,
html.theme-aha body,
html:has(.theme-aha),
html:has(.theme-aha) body {
  margin: 0;
  min-height: 100%;
  background-color: #141412;
  color: #f0ece4;
}

.aha-main {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem clamp(1rem, 4vw, 2rem) 4rem;
  box-sizing: border-box;
}

.aha-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid rgba(240, 236, 228, 0.07);
  background: rgba(20, 20, 18, 0.92);
}

.aha-nav-wordmark {
  font-family: 'DM Mono', 'Courier New', monospace;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #f0ece4;
}

html.theme-aha body {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

.vr-widget.calc-suite.theme-aha {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.vr-widget {
  --vr-surface-1: #f4f4f5;
  --vr-surface-2: #ffffff;
  --vr-border: #e4e4e7;
  --vr-border-strong: #d4d4d8;
  --vr-text-secondary: #52525b;
  --vr-text-muted: #a1a1aa;
  --vr-bg-success: #dcfce7;
  --vr-text-success: #166534;
  --vr-bg-danger: #fee2e2;
  --vr-text-danger: #991b1b;
  --vr-bg-accent: #ede9fe;
  --vr-text-accent: #5b21b6;
  --vr-border-accent: #c4b5fd;
  --vr-radius: 8px;
  --vr-font-mono: "Courier New", monospace;
  font-family: system-ui, -apple-system, sans-serif;
  color: #18181b;
}

.vr-widget.theme-aha {
  --vr-surface-1: rgba(240, 236, 228, 0.06);
  --vr-surface-2: #181816;
  --vr-border: rgba(240, 236, 228, 0.1);
  --vr-border-strong: rgba(240, 236, 228, 0.18);
  --vr-text-secondary: #a8a49c;
  --vr-text-muted: #5a5850;
  --vr-bg-success: rgba(78, 138, 110, 0.18);
  --vr-text-success: #6ecf9a;
  --vr-bg-danger: rgba(192, 57, 43, 0.18);
  --vr-text-danger: #e8806a;
  --vr-bg-accent: rgba(78, 138, 110, 0.14);
  --vr-text-accent: #6ecf9a;
  --vr-border-accent: rgba(78, 138, 110, 0.35);
  color: #f0ece4;
}

.vr-widget .vr-cat-btn {
  font-size: 13px;
  padding: 6px 12px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border);
  background: var(--vr-surface-2);
  color: inherit;
  cursor: pointer;
}
.vr-widget .vr-cat-btn.active {
  background: var(--vr-bg-accent);
  color: var(--vr-text-accent);
  border-color: var(--vr-border-accent);
}

.vr-widget .vr-run-all {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border-strong);
  background: var(--vr-surface-2);
  color: inherit;
  cursor: pointer;
  font-weight: 500;
}
.vr-widget .vr-run-all:disabled { opacity: 0.5; cursor: wait; }

.vr-widget .vr-claim-panel {
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border);
  border-radius: var(--vr-radius);
}
.vr-widget .vr-claim-panel textarea {
  width: 100%;
  min-height: 72px;
  font-size: 13px;
  padding: 8px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border);
  background: var(--vr-surface-1);
  color: inherit;
  resize: vertical;
  font-family: inherit;
}
.vr-widget .vr-claim-actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.vr-widget .vr-claim-actions button {
  font-size: 12px;
  padding: 5px 12px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border-strong);
  background: var(--vr-surface-2);
  color: inherit;
  cursor: pointer;
}
.vr-widget .vr-extract-out {
  font-size: 12px;
  color: var(--vr-text-secondary);
  margin-top: 8px;
  font-family: var(--vr-font-mono);
  white-space: pre-wrap;
}

.vr-widget .vr-engine-badge {
  font-size: 11px;
  color: var(--vr-text-muted);
  margin-bottom: 0.75rem;
  font-family: var(--vr-font-mono);
}

.vr-widget .vr-row {
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border);
  border-radius: var(--vr-radius);
  padding: 0.85rem 1rem;
}
.vr-widget .vr-row.dim { opacity: 0.65; }

.vr-widget .vr-name {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  font-family: var(--vr-font-mono);
}
.vr-widget .vr-desc {
  font-size: 13px;
  color: var(--vr-text-secondary);
  margin: 4px 0 0;
}
.vr-widget .vr-detail {
  font-size: 12px;
  color: var(--vr-text-secondary);
  margin: 4px 0 0;
}
.vr-widget .vr-badge {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: var(--vr-radius);
  white-space: nowrap;
}
.vr-widget .vr-badge.pass { background: var(--vr-bg-success); color: var(--vr-text-success); }
.vr-widget .vr-badge.fail { background: var(--vr-bg-danger); color: var(--vr-text-danger); }
.vr-widget .vr-badge.muted { background: var(--vr-surface-1); color: var(--vr-text-muted); }
.vr-widget .vr-badge.stub {
  background: var(--vr-surface-1);
  color: var(--vr-text-muted);
  border: 0.5px dashed var(--vr-border-strong);
}
.vr-widget .vr-badge.nv {
  background: var(--vr-surface-1);
  color: var(--vr-text-secondary);
  border: 0.5px solid var(--vr-border-strong);
}

.vr-widget .vr-row.highlight {
  outline: 2px solid var(--vr-border-accent);
  outline-offset: 1px;
}

.vr-widget .vr-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.vr-widget .vr-count {
  font-size: 13px;
  color: var(--vr-text-secondary);
  margin: 0;
}
.vr-widget .vr-cats {
  display: flex;
  gap: 8px;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}
.vr-widget .vr-results {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* AHA Verifier RHCA dashboard */
.calc-suite .cs-header { margin-bottom: 1rem; }
.calc-suite .cs-title { font-size: 1.2rem; font-weight: 600; margin: 0 0 0.25rem; }
.calc-suite .cs-subtitle { font-size: 13px; color: var(--vr-text-secondary); margin: 0; }
.calc-suite .cs-tabs { margin-bottom: 1rem; }
.calc-suite .vr-cat-btn.disabled { opacity: 0.45; cursor: not-allowed; }
.calc-suite .cs-input-panel {
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border);
  border-radius: var(--vr-radius);
  padding: 1rem;
  margin-bottom: 1rem;
}
.calc-suite .cs-label { font-size: 13px; display: block; margin-bottom: 6px; color: var(--vr-text-secondary); }
.calc-suite #cs-input {
  width: 100%;
  font-size: 14px;
  padding: 8px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border);
  background: var(--vr-surface-1);
  color: inherit;
  resize: vertical;
  font-family: inherit;
  margin-bottom: 8px;
}
.calc-suite .cs-compute-btn { width: 100%; }
.calc-suite .cs-panels { display: flex; flex-direction: column; gap: 10px; margin-bottom: 1rem; }
.calc-suite .cs-panel {
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border);
  border-radius: var(--vr-radius);
  padding: 0.85rem 1rem;
}
.calc-suite .cs-panel-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--vr-text-muted);
  margin: 0 0 8px;
}
.calc-suite .cs-panel-body {
  font-size: 13px;
  color: var(--vr-text-secondary);
  margin: 0;
  white-space: pre-wrap;
  font-family: var(--vr-font-mono);
}
.calc-suite .cs-prose { font-family: inherit; line-height: 1.55; color: inherit; }
.calc-suite .cs-meta { font-size: 11px; margin-top: 6px; }
.calc-suite .cs-confidence {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 6px;
}
.calc-suite .conf-exact { color: var(--vr-text-accent); }
.calc-suite .conf-verified { color: var(--vr-text-success); }
.calc-suite .conf-sampling-evidence { color: #b45309; }
.calc-suite .conf-unverifiable { color: var(--vr-text-muted); }
.calc-suite .cs-registry-toggle { margin-top: 0.5rem; }
.calc-suite .cs-toggle-btn {
  font-size: 12px;
  background: none;
  border: none;
  color: var(--vr-text-muted);
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}
.calc-suite .cs-error { color: var(--vr-text-danger); }

.cs-header-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.cs-header-row > div:first-child {
  flex: 1;
  min-width: 0;
}
.cs-conn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--vr-text-muted);
  font-family: var(--vr-font-mono);
}
.cs-conn-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--vr-text-muted); display: inline-block; }
.cs-conn-dot.state-online { background: #22c55e; }
.cs-conn-dot.state-partial { background: #eab308; }
.cs-conn-dot.state-offline { background: #ef4444; }

.feed-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; }
.feed-select { font-size: 13px; padding: 6px 8px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); background: var(--vr-surface-2); color: inherit; }
.feed-status { font-size: 12px; color: var(--vr-text-muted); }
.feed-list { display: flex; flex-direction: column; gap: 10px; }
.feed-item { background: var(--vr-surface-2); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); padding: 0.85rem 1rem; }
.feed-item-meta { font-size: 11px; color: var(--vr-text-muted); font-family: var(--vr-font-mono); }
.feed-item-title { font-size: 14px; margin: 4px 0; }
.feed-item-title a { color: inherit; }
.feed-item-summary { font-size: 13px; color: var(--vr-text-secondary); margin: 4px 0 8px; line-height: 1.45; }
.feed-verify-btn { font-size: 12px; padding: 4px 10px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border-strong); background: var(--vr-surface-1); color: inherit; cursor: pointer; }
.feed-empty { font-size: 13px; color: var(--vr-text-secondary); }
.feed-panel-root { position: relative; }
.feed-panel-root.feed-modal-open .feed-list { pointer-events: none; }
.feed-modal-viewport {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.45);
}
.feed-modal-viewport[hidden] { display: none; }
.feed-modal-card {
  position: relative;
  width: min(560px, 95%);
  max-height: 85vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border-strong);
  border-radius: calc(var(--vr-radius) + 2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.feed-modal-body { font-size: 13px; overflow-wrap: anywhere; }
.feed-sources { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.feed-source-card { padding: 10px 12px; background: var(--vr-surface-1); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); }
.feed-source-query {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--vr-text-muted);
  margin-bottom: 4px;
}
.feed-source-title { font-size: 13px; font-weight: 600; color: var(--vr-accent, #6ecf9a); text-decoration: none; }
.feed-source-title:hover { text-decoration: underline; }
.feed-source-snippet {
  font-size: 12px;
  color: var(--vr-text-secondary);
  margin: 6px 0 0;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.feed-source-fallback { border-style: dashed; border-color: var(--vr-border-strong); }
.feed-source-fallback .feed-source-title { color: var(--vr-text-accent, #6ecf9a); }
.feed-source-error { border-color: rgba(232, 128, 106, 0.35); }
.feed-source-error .feed-source-snippet { color: var(--vr-text-secondary); }
.feed-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: var(--vr-radius);
  background: var(--vr-surface-1);
  color: var(--vr-text-muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.feed-modal-close:hover { color: inherit; background: var(--vr-surface-3, var(--vr-surface-1)); }
.feed-modal-headline {
  font-size: 15px;
  font-weight: 600;
  margin: 0 2rem 12px 0;
  line-height: 1.35;
}
.feed-verify-panel { margin-top: 1rem; padding: 1rem; background: var(--vr-surface-2); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); }
.feed-verify-title { font-size: 13px; margin: 0 0 8px; }
.feed-nv { color: var(--vr-text-muted); font-size: 13px; }
.feed-verify-panel pre { font-size: 11px; overflow-x: auto; margin-top: 8px; }
.feed-claim-block { margin: 10px 0; padding: 10px 12px; background: var(--vr-surface-1); border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); }
.feed-claim-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vr-text-muted); margin-bottom: 4px; }
.feed-claim-text { font-size: 14px; margin: 0; line-height: 1.45; }
.feed-search-note { font-size: 12px; color: var(--vr-text-secondary); margin: 8px 0; }
.feed-verdict-note { font-size: 12px; color: var(--vr-text-muted); margin: 12px 0 0; font-style: italic; border-top: 0.5px solid var(--vr-border); padding-top: 10px; }
.feed-verify-loading { font-size: 13px; color: var(--vr-text-secondary); }

/* Responsible Policy */
.policy-panel-root { position: relative; }
.policy-panel-root.policy-modal-open .policy-layout { pointer-events: none; }
.policy-modal-viewport {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.45);
}
.policy-modal-viewport[hidden] { display: none; }
.policy-modal-card {
  position: relative;
  width: min(720px, 95%);
  max-height: 85vh;
  overflow-y: auto;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border-strong);
  border-radius: calc(var(--vr-radius) + 2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.policy-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: var(--vr-radius);
  background: var(--vr-surface-1);
  color: var(--vr-text-muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.policy-modal-close:hover { color: inherit; background: var(--vr-surface-3, var(--vr-surface-1)); }
.policy-modal-headline {
  font-size: 15px;
  font-weight: 600;
  margin: 0 2rem 12px 0;
  line-height: 1.35;
}
.policy-modal-body { font-size: 13px; }
.policy-eo-accordion { display: flex; flex-direction: column; gap: 6px; }
.policy-eo-section { background: var(--vr-surface-1); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); padding: 0 12px; }
.policy-eo-section-title { font-size: 13px; font-weight: 600; padding: 10px 0; cursor: pointer; text-transform: uppercase; letter-spacing: 0.03em; }
.policy-eo-hint { font-size: 11px; color: var(--vr-text-muted); margin: 0 0 8px; line-height: 1.4; font-style: italic; }
.policy-eo-section-body { font-size: 13px; line-height: 1.5; margin: 0 0 12px; color: var(--vr-text-secondary); }
.signal-header,
.policy-header,
.feed-toolbar,
.signal-input-panel,
.signal-output,
.feed-panel-root,
.policy-panel-root,
.signal-panel-root {
  max-width: 100%;
  overflow-x: hidden;
}

.policy-ecosystem-table,
.signal-ecosystem-table,
.policy-scales-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  table-layout: fixed;
}

.policy-ecosystem-table th,
.policy-ecosystem-table td,
.signal-ecosystem-table th,
.signal-ecosystem-table td,
.policy-scales-table th,
.policy-scales-table td {
  border: 0.5px solid var(--vr-border);
  padding: 6px 8px;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.policy-ecosystem-table th { background: var(--vr-surface-2); color: var(--vr-text-muted); font-weight: 600; }
.signal-eo-table-wrap,
.policy-eo-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.policy-eo-orgs { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px; }
.policy-eo-org-card { padding: 8px 10px; background: var(--vr-surface-2); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); }
.policy-eo-org-link { font-size: 13px; font-weight: 600; color: var(--vr-accent, #4a9eff); text-decoration: none; }
.policy-eo-org-link:hover { text-decoration: underline; }
.policy-eo-org-desc { font-size: 12px; color: var(--vr-text-secondary); margin: 4px 0 0; }
.policy-header { margin-bottom: 1rem; }
.policy-title { font-size: 18px; margin: 0 0 4px; }
.policy-tagline { font-size: 13px; color: var(--vr-text-secondary); margin: 0; }
.policy-toolbar { display: flex; gap: 8px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
.policy-search { flex: 1; min-width: 140px; font-size: 13px; padding: 6px 10px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); background: var(--vr-surface-2); color: inherit; }
.policy-select { font-size: 13px; padding: 6px 8px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); background: var(--vr-surface-2); color: inherit; }
.policy-status { font-size: 12px; color: var(--vr-text-muted); }
.policy-layout { display: flex; gap: 12px; min-height: 480px; }
.policy-bill-list { width: 240px; flex-shrink: 0; max-height: 70vh; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
.policy-bill-item { text-align: left; padding: 8px 10px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); background: var(--vr-surface-2); color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.policy-bill-item:hover, .policy-bill-item.active { border-color: var(--vr-border-strong); background: var(--vr-surface-1); }
.policy-bill-num { font-family: var(--vr-font-mono); font-size: 11px; font-weight: 600; }
.policy-bill-status { font-size: 10px; color: var(--vr-text-muted); }
.policy-bill-title { font-size: 12px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.policy-bill-cat { font-size: 10px; color: var(--vr-text-muted); }
.policy-main { flex: 1; display: flex; gap: 10px; min-width: 0; }
.policy-sidebar { width: 200px; flex-shrink: 0; padding: 10px; background: var(--vr-surface-2); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); max-height: 70vh; overflow-y: auto; }
.policy-sidebar-title { font-size: 12px; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vr-text-muted); }
.policy-field { display: block; font-size: 11px; margin-bottom: 8px; color: var(--vr-text-secondary); }
.policy-field input, .policy-field select { display: block; width: 100%; margin-top: 3px; font-size: 12px; padding: 4px 6px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); background: var(--vr-surface-1); color: inherit; box-sizing: border-box; }
.policy-check { display: flex; align-items: center; gap: 6px; font-size: 11px; margin-bottom: 6px; }
.policy-btn { display: block; width: 100%; font-size: 11px; padding: 6px 8px; margin-top: 6px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border-strong); background: var(--vr-surface-1); color: inherit; cursor: pointer; }
.policy-btn-primary { font-weight: 600; }
.policy-privacy { font-size: 10px; color: var(--vr-text-muted); margin: 10px 0 0; line-height: 1.35; }
.policy-hint { font-weight: normal; color: var(--vr-text-muted); font-size: 10px; }
.policy-panes { flex: 1; display: flex; gap: 10px; min-width: 0; }
.policy-pane { flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--vr-surface-2); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); padding: 10px; max-height: 70vh; }
.policy-pane-title { font-size: 12px; margin: 0 0 8px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vr-text-muted); }
.policy-pane-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; gap: 8px; }
.policy-pane-head .policy-pane-title { margin: 0; flex-shrink: 0; }
.policy-pane-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.policy-pane-actions .policy-btn { width: auto; margin: 0; white-space: nowrap; }
.policy-pane-actions .policy-btn:disabled { opacity: 0.45; cursor: not-allowed; color: var(--vr-text-muted); }
.policy-bill-text { flex: 1; margin: 0; font-size: 12px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; overflow-y: auto; font-family: var(--vr-font-mono); background: var(--vr-surface-1); padding: 10px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); }
.policy-translation { flex: 1; overflow-y: auto; font-size: 13px; line-height: 1.5; }
.policy-trans-section { margin-bottom: 12px; }
.policy-trans-section h5 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vr-text-muted); margin: 0 0 4px; }
.policy-trans-section p { margin: 0; }
.policy-opp { border-left: 2px solid var(--vr-border-strong); padding-left: 10px; }
.policy-scales-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 10px; }
.policy-scales-table th, .policy-scales-table td { border: 0.5px solid var(--vr-border); padding: 6px 8px; text-align: left; vertical-align: top; }
.policy-scales-table th { background: var(--vr-surface-1); color: var(--vr-text-muted); font-weight: 600; width: 28%; }
.policy-limits { font-size: 11px; color: var(--vr-text-muted); font-style: italic; margin-top: 12px; border-top: 0.5px solid var(--vr-border); padding-top: 8px; }
.policy-placeholder, .policy-loading, .policy-empty { color: var(--vr-text-secondary); font-size: 13px; }
.policy-error { color: #c96; font-size: 12px; }
.policy-meta { font-size: 11px; color: var(--vr-text-muted); }
.policy-reps { margin-top: 10px; font-size: 11px; }
.policy-city-panel { margin-top: 14px; padding-top: 10px; border-top: 0.5px solid var(--vr-border); }
.policy-city-title { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--vr-text-muted); margin: 0 0 8px; }
.policy-city-state { font-size: 12px; padding: 8px 10px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); }
.policy-city-state--functional { border-color: rgba(80, 160, 100, 0.45); background: rgba(80, 160, 100, 0.08); color: #6db87f; }
.policy-city-state--partial { border-color: rgba(200, 160, 60, 0.45); background: rgba(200, 160, 60, 0.08); color: #c9a84a; }
.policy-city-state--unavailable { color: var(--vr-text-muted); background: var(--vr-surface-1); }
.policy-city-sources { margin-top: 8px; font-size: 11px; }
.policy-city-source { margin-bottom: 6px; word-break: break-all; }
.policy-city-adapter { font-weight: 600; color: var(--vr-text-muted); }
.policy-impact-tags { margin-bottom: 12px; }
.policy-impact-tags-title { font-size: 12px; margin: 0 0 6px; color: var(--vr-text-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.policy-impact-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.policy-impact-badge { font-size: 11px; padding: 4px 8px; border-radius: 999px; }
.policy-impact-badge--tier1 { background: var(--vr-accent, #4a9eff); color: #fff; }
.policy-impact-badge--tier2 { border: 1px dashed var(--vr-border); background: transparent; color: var(--vr-text-secondary); }
.policy-rep-card { padding: 6px 0; border-bottom: 0.5px solid var(--vr-border); }
.policy-impact-title { margin: 0 0 8px; font-size: 13px; }
@media (max-width: 900px) {
  .policy-layout { flex-direction: column; }
  .policy-bill-list { width: 100%; max-height: 200px; }
  .policy-main { flex-direction: column; }
  .policy-sidebar { width: 100%; max-height: none; }
  .policy-panes { flex-direction: column; }
  .policy-pane { max-height: 50vh; width: 95%; margin: 0 auto; box-sizing: border-box; }
}

/* Signal Check */
.signal-header { margin-bottom: 1rem; }
.signal-title { font-size: 18px; margin: 0 0 4px; }
.signal-tagline { font-size: 13px; color: var(--vr-text-secondary); margin: 0; }
.signal-input-panel { margin-bottom: 1rem; }
.signal-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.signal-analyze-btn { margin-top: 0; }
.signal-eo-btn {
  font-size: 13px;
  padding: 6px 14px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border-strong);
  background: var(--vr-surface-2);
  color: inherit;
  cursor: pointer;
}
.signal-eo-btn:disabled { opacity: 0.45; cursor: not-allowed; color: var(--vr-text-muted); }
.signal-eo-btn:not(:disabled):hover { background: var(--vr-surface-1); }
.signal-panel-root { position: relative; }
.signal-panel-root.signal-modal-open .signal-header,
.signal-panel-root.signal-modal-open .signal-input-panel,
.signal-panel-root.signal-modal-open .signal-output { pointer-events: none; }
.signal-modal-viewport {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.45);
}
.signal-modal-viewport[hidden] { display: none; }
.signal-modal-card {
  position: relative;
  width: min(720px, 95%);
  max-height: 85vh;
  overflow-y: auto;
  padding: 1.25rem 1.25rem 1rem;
  background: var(--vr-surface-2);
  border: 0.5px solid var(--vr-border-strong);
  border-radius: calc(var(--vr-radius) + 2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.signal-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: var(--vr-radius);
  background: var(--vr-surface-1);
  color: var(--vr-text-muted);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.signal-modal-close:hover { color: inherit; background: var(--vr-surface-3, var(--vr-surface-1)); }
.signal-modal-headline {
  font-size: 16px;
  font-weight: 600;
  margin: 0 2rem 4px 0;
  line-height: 1.35;
}
.signal-modal-subhead {
  font-size: 13px;
  color: var(--vr-text-secondary);
  margin: 0 2rem 16px 0;
  line-height: 1.4;
}
.signal-modal-body { font-size: 13px; }
.signal-eo-table-wrap { margin-bottom: 18px; }
.signal-eo-section-heading {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--vr-text-muted);
  margin: 0 0 8px;
}
.signal-ecosystem-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.signal-ecosystem-table th, .signal-ecosystem-table td { border: 0.5px solid var(--vr-border); padding: 6px 8px; text-align: left; vertical-align: top; }
.signal-ecosystem-table th { background: var(--vr-surface-1); color: var(--vr-text-muted); font-weight: 600; }
.signal-eo-block { margin-bottom: 16px; }
.signal-eo-body { font-size: 13px; line-height: 1.5; margin: 0; color: var(--vr-text-secondary); }
.signal-label { display: block; font-size: 12px; color: var(--vr-text-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.04em; }
.signal-textarea { width: 100%; min-height: 120px; font-size: 14px; padding: 10px; border-radius: var(--vr-radius); border: 0.5px solid var(--vr-border); background: var(--vr-surface-2); color: inherit; box-sizing: border-box; line-height: 1.45; }
.signal-output { margin-top: 1rem; }
.signal-accordion { display: flex; flex-direction: column; gap: 6px; }
.signal-section { background: var(--vr-surface-2); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); padding: 0 12px; }
.signal-section-title { font-size: 13px; font-weight: 600; padding: 10px 0; cursor: pointer; }
.signal-section-body { font-size: 13px; line-height: 1.5; margin: 0 0 12px; color: var(--vr-text-secondary); }
.signal-sources { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 12px; }
.signal-source-card { padding: 8px 10px; background: var(--vr-surface-1); border: 0.5px solid var(--vr-border); border-radius: var(--vr-radius); }
.signal-source-title { font-size: 13px; font-weight: 600; color: var(--vr-accent, #4a9eff); text-decoration: none; }
.signal-source-title:hover { text-decoration: underline; }
.signal-source-desc { font-size: 12px; color: var(--vr-text-secondary); margin: 4px 0 0; }
.signal-verdict-note { font-size: 12px; color: var(--vr-text-muted); font-style: italic; margin-top: 14px; border-top: 0.5px solid var(--vr-border); padding-top: 10px; }
.signal-loading, .signal-meta { font-size: 13px; color: var(--vr-text-secondary); }
.signal-error { font-size: 13px; color: #c96; }
.signal-status {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border);
  background: var(--vr-surface-1);
  color: var(--vr-text-secondary);
}
.signal-status--amber {
  border-color: rgba(200, 160, 60, 0.45);
  background: rgba(200, 160, 60, 0.08);
  color: #c9a84a;
}
.signal-status--green {
  border-color: rgba(80, 160, 100, 0.45);
  background: rgba(80, 160, 100, 0.08);
  color: #6db87f;
}
.signal-status--done { margin-bottom: 4px; }
.signal-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.signal-status-spinner { width: 16px; height: 16px; flex-shrink: 0; }
.signal-sources-heading {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 12px 0 4px;
  color: var(--vr-text-muted);
}
.signal-source-card--current { border-color: rgba(200, 160, 60, 0.35); }
.signal-web-note, .signal-cutoff-note { margin: 8px 0; font-style: italic; }

/* Shared loading + export */
.aha-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--vr-text-secondary);
  margin: 8px 0;
}
.aha-spinner {
  width: 18px;
  height: 18px;
  border: 2px solid var(--vr-border);
  border-top-color: var(--vr-text-accent, #6ecf9a);
  border-radius: 50%;
  animation: aha-spin 0.75s linear infinite;
  flex-shrink: 0;
}
@keyframes aha-spin {
  to { transform: rotate(360deg); }
}
.aha-export-bar {
  display: flex;
  justify-content: flex-end;
  margin: 12px 0 4px;
  padding-top: 10px;
  border-top: 0.5px solid var(--vr-border);
}
.aha-export-btn {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: var(--vr-radius);
  border: 0.5px solid var(--vr-border-strong);
  background: var(--vr-surface-1);
  color: inherit;
  cursor: pointer;
}
.aha-export-btn:hover { background: var(--vr-surface-2); }
.cs-compute-status { margin-top: 8px; }
#cs-validation-out { white-space: pre-wrap; font-family: var(--vr-font-mono); font-size: 12px; margin-top: 8px; padding: 8px; background: var(--vr-surface-1); border-radius: var(--vr-radius); }