:root {
  color-scheme: dark;
  --ink: #f3f5f7;
  --muted: #9aa3ad;
  --line: #293039;
  --panel: #13171b;
  --soft: #080a0c;
  --sidebar: #0b0e11;
  --sidebar-2: #20252b;
  --green: #39c98b;
  --blue: #79a9ef;
  --rose: #e17895;
  --gold: #e0b65b;
  --red: #ef6a62;
  --shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

:root[data-theme="light"] {
  color-scheme: light;
  --ink: #111820;
  --muted: #62707d;
  --line: #d9e1e7;
  --panel: #ffffff;
  --soft: #eef3f6;
  --sidebar: #f7fafc;
  --sidebar-2: #e9eef3;
  --green: #139b68;
  --blue: #286fc7;
  --rose: #b94665;
  --gold: #bf8b22;
  --red: #c9473f;
  --shadow: 0 14px 34px rgba(22, 34, 45, 0.1);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 34% -10%, rgba(224, 182, 91, 0.08), transparent 28%),
    linear-gradient(180deg, #0b0e11 0%, var(--soft) 42%);
}

:root[data-theme="light"] body {
  background:
    linear-gradient(180deg, #f8fafb 0%, #eef3f6 44%, #e9eef2 100%);
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

.app-shell {
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 28px 20px;
  color: #f7fbfc;
  background: var(--sidebar);
}

.brand-block {
  display: flex;
  align-items: center;
  gap: 14px;
}

.brand-mark {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: #f0c56d;
  color: #1d2225;
  font-weight: 800;
}

.theme-toggle {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 0 12px;
  color: #deebee;
  background: rgba(255, 255, 255, 0.04);
  font-size: 13px;
  font-weight: 800;
}

.theme-toggle:hover {
  border-color: rgba(224, 182, 91, 0.7);
  color: #ffffff;
}

.theme-toggle-mark {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: linear-gradient(90deg, currentColor 0 50%, transparent 50% 100%);
}

.eyebrow {
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sidebar .eyebrow {
  color: #a8c0c6;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.2;
}

h2 {
  margin-bottom: 0;
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1.08;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.22;
}

.nav-list {
  display: grid;
  gap: 8px;
}

.nav-item {
  display: grid;
  grid-template-columns: 26px 1fr;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #deebee;
  background: transparent;
  text-align: left;
}

.nav-item.has-subnav {
  grid-template-columns: 26px 1fr auto;
}

.nav-disclosure {
  justify-self: end;
  color: rgba(222, 235, 238, 0.72);
  font-size: 18px;
  line-height: 1;
}

.nav-item.active .nav-disclosure,
.nav-item:hover .nav-disclosure {
  color: currentColor;
}

.nav-item:hover,
.nav-item.active {
  border-color: rgba(255, 255, 255, 0.14);
  background: var(--sidebar-2);
  color: #ffffff;
}

.source-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #d6e4e7;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}

.source-note:hover {
  border-color: rgba(224, 182, 91, 0.6);
  color: #ffffff;
}

.source-note-action {
  margin-left: auto;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
}

.status-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f0c56d;
}

.public-login-gate {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 26% 0%, rgba(224, 182, 91, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(8, 10, 12, 0.98), rgba(12, 16, 20, 0.98));
}

.public-login-gate[hidden] {
  display: none;
}

:root[data-auth-state="login"][data-owner-route="false"] .app-shell {
  display: none;
}

.public-login-card {
  display: grid;
  width: min(560px, 100%);
  gap: 24px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 30px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.public-login-head {
  display: grid;
  gap: 10px;
}

.public-login-card h2 {
  font-size: clamp(28px, 5vw, 42px);
}

.public-login-copy {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.public-login-form {
  display: grid;
  gap: 14px;
}

.public-login-grid {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.public-login-panel {
  display: grid;
  gap: 12px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.public-login-panel[hidden] {
  display: none;
}

.public-login-panel h3 {
  margin: 0;
}

.public-login-form label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.public-login-form input {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: var(--soft);
}

.public-login-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-login-actions button {
  min-height: 44px;
}

.public-login-switch {
  margin: 2px 0 0;
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.public-login-link {
  border: 0;
  padding: 0;
  color: var(--gold);
  background: transparent;
  font-weight: 900;
}

.public-login-link:hover {
  color: #f0c56d;
  text-decoration: underline;
}

@media (max-width: 760px) {
  .public-login-grid {
    grid-template-columns: 1fr;
  }
}

:root[data-theme="light"] .public-login-gate {
  background:
    radial-gradient(circle at 28% 0%, rgba(191, 139, 34, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(248, 250, 251, 0.98), rgba(232, 238, 243, 0.98));
}

.workspace {
  display: grid;
  gap: 18px;
  align-content: start;
  padding: 22px;
}

.topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  padding: 0 0 16px;
  border-bottom: 1px solid var(--line);
}

.source-tabs {
  display: grid;
  gap: 3px;
  margin: -2px 0 4px 38px;
  padding: 8px 0 4px 12px;
  border-left: 1px solid #394047;
}

.source-subnav-head {
  display: flex;
  min-height: 32px;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 4px 10px;
  color: #788189;
  font-size: 11px;
  font-weight: 800;
}

.source-tab {
  width: 100%;
  min-height: 34px;
  border: 0;
  border-radius: 6px;
  padding: 0 10px;
  color: #aeb5bb;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.source-tab:hover {
  color: var(--ink);
  background: #191d20;
}

.source-tab.active {
  box-shadow: inset 2px 0 0 var(--gold);
  background: #23272b;
  color: var(--ink);
}

.source-add-button {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid #3a4147;
  border-radius: 6px;
  padding: 0;
  background: #1b1f22;
  color: var(--ink);
  font-size: 17px;
  line-height: 1;
}

.source-add-button:hover {
  border-color: var(--gold);
  color: var(--gold);
}

.top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.inline-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.source-entry-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.source-entry-button {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  color: var(--ink);
  background: #ffffff;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.source-entry-button:hover {
  border-color: #8ca0a8;
  background: #f7faf9;
}

.panel-subtitle {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.panel-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.icon-button,
.primary-button,
.ghost-button {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #151a1f;
  color: var(--ink);
}

.icon-button {
  width: 42px;
  padding: 0;
  font-size: 20px;
}

.primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border-color: #d3a946;
  background: var(--gold);
  color: #17130a;
  font-weight: 700;
}

.account-status-button {
  min-width: 84px;
  max-width: 220px;
  white-space: nowrap;
}

.account-status-button.is-authenticated {
  border-color: var(--line);
  background: #151a1f;
  color: var(--ink);
}

.account-status-button.is-guest {
  border-color: #d3a946;
  background: var(--gold);
  color: #17130a;
}

.primary-button.full {
  width: 100%;
}

.ghost-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border-color: #303844;
  color: var(--ink);
  background: #101418;
  font-weight: 700;
}

.ghost-button:hover,
.icon-button:hover {
  border-color: #56606b;
  background: #191f25;
}

.primary-button:hover {
  border-color: #edca74;
  background: #edc465;
}

.primary-button:disabled,
.ghost-button:disabled,
.primary-button.disabled-by-role,
.ghost-button.disabled-by-role {
  cursor: not-allowed;
  opacity: 0.58;
  filter: grayscale(0.35);
}

.primary-button:disabled:hover,
.ghost-button:disabled:hover {
  border-color: var(--line);
}

.summary-grid,
.content-grid {
  display: grid;
  gap: 16px;
}

.summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.summary-card,
.panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: none;
}

.summary-card {
  min-height: 156px;
  padding: 18px;
}

.card-label {
  margin-bottom: 16px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.metric-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}

.metric-row strong {
  font-size: 28px;
  line-height: 1;
}

.metric-row span {
  font-weight: 800;
}

.sparkline {
  width: 100%;
  height: 54px;
  margin-top: 18px;
}

.accent-green {
  border-top: 4px solid var(--green);
}

.accent-blue {
  border-top: 4px solid var(--blue);
}

.accent-rose {
  border-top: 4px solid var(--rose);
}

.accent-gold {
  border-top: 4px solid var(--gold);
}

.content-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.content-grid[data-active-section="overview"] {
  grid-template-columns: 200px minmax(0, 1fr) 260px;
  gap: 0;
  height: calc(100vh - 130px);
  min-height: 640px;
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(12, 15, 18, 0.72);
}

.content-grid[data-active-section] > [data-view] {
  display: none;
}

.content-grid[data-active-section="overview"] > [data-view~="overview"],
.content-grid[data-active-section="alerts"] > [data-view~="alerts"],
.content-grid[data-active-section="sources"] > [data-view~="sources"],
.content-grid[data-active-section="intelligence"] > [data-view~="intelligence"],
.content-grid[data-active-section="health"] > [data-view~="health"],
.content-grid[data-active-section="admin"] > [data-view~="admin"] {
  display: block;
}

.content-grid[data-active-section="overview"] > .report-history-panel,
.content-grid[data-active-section="overview"] > .daily-brief-panel,
.content-grid[data-active-section="overview"] > .report-evidence-panel {
  display: grid;
}

.content-grid[data-active-section="sources"],
.content-grid[data-active-section="intelligence"] {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: calc(100vh - 130px);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  background: rgba(12, 15, 18, 0.72);
}

.content-grid[data-active-section="sources"] > [data-view="sources"],
.content-grid[data-active-section="intelligence"] > [data-view="intelligence"] {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.content-grid[data-active-section="overview"] > [data-view="overview"] {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.content-grid[data-active-section="overview"] .report-history-panel {
  grid-column: 1;
  height: 100%;
  min-height: 0;
  border-right: 1px solid var(--line);
  overflow: hidden;
}

.content-grid[data-active-section="overview"] .daily-brief-panel {
  grid-column: 2;
  height: 100%;
  min-height: 0;
  border-right: 1px solid var(--line);
  overflow: auto;
}

.content-grid[data-active-section="overview"] .report-evidence-panel {
  grid-column: 3;
  height: 100%;
  min-height: 0;
  overflow: auto;
}

.panel {
  min-height: 240px;
  padding: 18px;
}

.panel.wide {
  grid-column: span 2;
}

.content-grid[data-active-section="overview"] .panel.wide {
  grid-column: auto;
}

.content-grid[data-active-section="overview"] .daily-brief-panel {
  grid-column: 2;
}

.content-grid[data-active-section="overview"] .report-evidence-panel {
  grid-column: 3;
}

.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
}

.pill {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid #343c45;
  border-radius: 999px;
  color: #b6c0ca;
  background: #151a20;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.pill.danger {
  color: #ff9a93;
  border-color: #7d3734;
  background: rgba(239, 106, 98, 0.08);
}

.brief-list,
.watchlist,
.market-stack,
.timeline,
.china-grid,
.source-board,
.method-list,
.connector-grid,
.feed-list,
.rule-event-list,
.asset-grid {
  display: grid;
  gap: 12px;
}

.brief-item,
.watch-item,
.market-item,
.timeline-item,
.china-item,
.source-item,
.connector-item,
.feed-item,
.rule-event,
.asset-item {
  border: 1px solid #e5ebef;
  border-radius: 8px;
  background: #fbfcfc;
}

.brief-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 14px;
}

.sec-brief-link {
  color: inherit;
  text-decoration: none;
}

.sec-brief-link:hover {
  border-color: var(--gold);
  background: rgba(214, 174, 75, 0.08);
}

.sec-document-excerpt {
  margin-top: 8px !important;
  color: var(--ink) !important;
  opacity: 0.78;
  font-size: 12px;
}

.brief-item h4,
.timeline-item h4,
.china-item h4 {
  margin: 0 0 8px;
  font-size: 15px;
}

.brief-item p,
.timeline-item p,
.china-item p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.impact {
  align-self: start;
  min-width: 72px;
  padding: 6px 8px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.impact.high {
  background: var(--red);
}

.impact.medium {
  background: var(--gold);
}

.impact.low {
  background: var(--green);
}

.watch-item {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.rule-event {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.rule-event.strong {
  border-color: #e7b2aa;
  background: #fff7f5;
}

.rule-event-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.watch-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.symbol {
  font-weight: 900;
  font-size: 18px;
}

.price-line {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
}

.progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef1;
}

.progress-bar {
  height: 100%;
  border-radius: inherit;
  background: var(--green);
}

.switch {
  position: relative;
  width: 42px;
  height: 24px;
}

.switch input {
  position: absolute;
  opacity: 0;
}

.switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #cbd5db;
}

.switch span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  transition: transform 160ms ease;
}

.switch input:checked + span {
  background: var(--green);
}

.switch input:checked + span::after {
  transform: translateX(18px);
}

.market-item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 14px;
}

.market-item strong {
  display: block;
  margin-bottom: 5px;
}

.market-item span,
.market-item p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.market-change.up {
  color: var(--green);
  font-weight: 900;
}

.market-change.down {
  color: var(--red);
  font-weight: 900;
}

.segmented {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f8f8;
}

.segment {
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.segment.active {
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 2px 8px rgba(20, 31, 38, 0.12);
}

.timeline-item {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
}

.time-badge {
  color: #29434c;
  font-size: 12px;
  font-weight: 900;
}

.china-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.china-item {
  padding: 14px;
}

.source-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.source-item {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.source-item.incomplete-source {
  border-style: dashed;
  background: #f7f9f9;
}

.incomplete-sources {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.incomplete-sources > summary,
.advanced-sources > summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.incomplete-sources > .source-board {
  margin-top: 12px;
}

.advanced-sources {
  grid-column: span 2;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8faf9;
}

.advanced-sources > summary {
  padding: 14px 16px;
}

.advanced-source-content {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--line);
}

.advanced-source-section {
  padding: 16px;
}

.advanced-source-section + .advanced-source-section {
  border-top: 1px solid var(--line);
}

.source-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.source-name {
  font-size: 15px;
  font-weight: 900;
}

.source-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.source-tag {
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf3f5;
  color: #42525a;
  font-size: 12px;
  font-weight: 800;
}

.source-tag.discovery-tag {
  border: 1px solid #6a542a;
  background: #302819;
  color: var(--gold);
}

.source-item p,
.method-list p,
.connector-item p,
.feed-item p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.connector-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.default-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.default-data-item {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e5ebef;
  border-radius: 8px;
  background: #fbfcfc;
}

.default-data-item p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.source-data-preview {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.compact-header {
  margin-bottom: 12px;
}

.compact-header h3 {
  font-size: 15px;
}

.connector-item {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.connector-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.connector-state {
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.connector-state.ready {
  background: var(--green);
}

.connector-state.missing {
  background: var(--gold);
}

.feed-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  gap: 12px;
  margin-bottom: 14px;
}

.feed-toolbar label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.feed-toolbar input {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 10px;
  background: #ffffff;
  color: var(--ink);
}

.feed-item {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.feed-item.important-feed {
  border-color: #d7c28b;
  background: #fffaf0;
}

.feed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.feed-author {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.feed-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #dfe8ec;
  object-fit: cover;
}

.feed-name {
  display: block;
  font-weight: 900;
}

.feed-handle,
.feed-time {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.feed-text {
  white-space: pre-wrap;
}

.feed-title {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

.feed-summary-label {
  width: fit-content;
  color: var(--gold);
  font-size: 11px;
  font-weight: 800;
}

.source-summary-block {
  display: grid;
  gap: 8px;
  margin: 10px 0 18px;
  padding: 16px;
  border: 1px solid #574622;
  border-radius: 8px;
  background: #201c14;
}

.source-summary-block p {
  margin: 0;
  color: var(--ink);
  line-height: 1.65;
  white-space: pre-wrap;
}

.source-evidence {
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.source-evidence > summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.source-evidence-list {
  margin-top: 10px;
}

.feed-text.collapsed {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}

.feed-expand-button {
  width: fit-content;
  border: 0;
  padding: 0;
  color: var(--gold);
  background: transparent;
  font-size: 12px;
  font-weight: 800;
}

.feed-link {
  color: #2c6fbb;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.brief-editor {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.brief-editor label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.brief-editor textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--ink);
  background: #0d1115;
  line-height: 1.5;
}

.brief-editor .wide-field {
  grid-column: span 2;
}

.save-status {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.field-help {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.report-history-panel {
  min-height: 620px;
}

.content-grid[data-active-section="overview"] .report-history-panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  padding: 20px 14px;
}

.content-grid[data-active-section="overview"] .report-history-panel .panel-header {
  margin-bottom: 14px;
}

.report-kind-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 16px;
}

.report-kind-tabs button {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.018);
  font-weight: 900;
}

.report-kind-tabs button.active {
  color: var(--ink);
  border-color: var(--gold);
  background: rgba(214, 174, 75, 0.14);
}

.report-history-list {
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 260px);
  overflow: auto;
  padding-right: 2px;
}

.content-grid[data-active-section="overview"] .report-history-list {
  max-height: none;
}

.report-history-item {
  display: grid;
  width: 100%;
  gap: 5px;
  padding: 12px 11px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.018);
  text-align: left;
}

.report-history-item span {
  color: var(--muted);
  font-size: 12px;
}

.report-history-item:hover,
.report-history-item.active {
  border-color: var(--gold);
  background: rgba(214, 174, 75, 0.08);
}

.report-history-item.active {
  box-shadow: inset 3px 0 0 var(--gold);
}

.report-reader-panel {
  min-height: 620px;
}

.content-grid[data-active-section="overview"] .report-reader-panel {
  padding: 24px 26px 20px;
}

.report-reader-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.content-grid[data-active-section="overview"] .report-reader-header {
  position: sticky;
  top: 0;
  z-index: 3;
  margin: -24px -26px 0;
  padding: 20px 26px 18px;
  background: rgba(13, 16, 19, 0.94);
  backdrop-filter: blur(10px);
}

.content-grid[data-active-section="overview"] .report-reader-header .panel-actions {
  flex-wrap: nowrap;
  gap: 8px;
}

.content-grid[data-active-section="overview"] .report-reader-header .ghost-button,
.content-grid[data-active-section="overview"] .report-reader-header .primary-button {
  min-height: 38px;
  padding: 0 11px;
  font-size: 13px;
  white-space: nowrap;
}

.report-generation-status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.report-generation-status span {
  color: var(--muted);
  font-size: 12px;
}

.report-generation-status.working {
  border-color: #695829;
  background: rgba(224, 182, 91, 0.08);
}

.report-generation-status.success {
  border-color: #236f50;
  background: rgba(57, 201, 139, 0.08);
}

.report-generation-status.success strong {
  color: var(--green);
}

.report-generation-status.error {
  border-color: #7d3734;
  background: rgba(239, 106, 98, 0.08);
}

.report-generation-status.error strong {
  color: var(--red);
}

.button-spinner {
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: button-spin 0.7s linear infinite;
}

@keyframes button-spin {
  to {
    transform: rotate(360deg);
  }
}

.report-reader-header h3 {
  margin-top: 4px;
  font-size: 22px;
}

.report-meta {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.report-document {
  display: grid;
  gap: 0;
}

.content-grid[data-active-section="overview"] .report-document {
  max-width: 880px;
}

.markdown-report {
  display: grid;
  gap: 12px;
  padding-top: 22px;
}

.markdown-report h2,
.markdown-report h3,
.markdown-report h4 {
  margin: 18px 0 4px;
  line-height: 1.3;
}

.markdown-report h2 {
  font-size: 21px;
}

.markdown-report h3 {
  color: var(--gold);
  font-size: 16px;
}

.markdown-report p,
.markdown-report li {
  color: var(--muted);
  line-height: 1.85;
}

.markdown-report p {
  margin: 0;
}

.markdown-report ul {
  margin: 0;
  padding-left: 20px;
}

.markdown-report strong {
  color: var(--ink);
}

.markdown-report a {
  color: #8ab4f8;
}

.report-not-generated {
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid #6f5826;
  border-radius: 6px;
  background: rgba(224, 182, 91, 0.08);
}

.report-not-generated strong {
  color: var(--gold);
}

.report-not-generated p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.report-section {
  padding: 20px 2px;
  border-bottom: 1px solid var(--line);
}

.report-section h4 {
  margin: 0 0 10px;
  font-size: 16px;
}

.report-section p,
.report-section li {
  color: var(--muted);
  line-height: 1.8;
}

.report-section p {
  margin: 6px 0;
}

.report-section ul {
  margin: 0;
  padding-left: 20px;
}

.report-section.primary {
  border-left: 3px solid var(--gold);
  padding-left: 16px;
}

.report-section.primary p,
.report-section.primary li {
  color: var(--ink);
  font-size: 15px;
}

.report-section.risk h4 {
  color: #ff7474;
}

.report-section.action h4 {
  color: #46d59a;
}

.report-empty {
  opacity: 0.7;
}

.report-editor-details {
  margin-top: 24px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
  opacity: 0.72;
}

.report-editor-details > summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.report-editor-details[open] {
  opacity: 1;
}

.report-evidence-panel > summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 800;
}

.report-editor-details .brief-editor {
  margin-top: 16px;
}

.report-evidence-panel {
  min-height: 0;
}

.content-grid[data-active-section="overview"] .report-evidence-panel {
  padding: 20px 14px;
}

.report-evidence-panel > summary {
  cursor: pointer;
  color: var(--ink);
  font-size: 16px;
  font-weight: 900;
  list-style-position: outside;
}

.report-evidence-panel[open] {
  min-height: 180px;
}

.report-evidence-content {
  display: grid;
  gap: 22px;
  margin-top: 16px;
}

.report-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.content-grid[data-active-section="overview"] .report-evidence-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--line);
}

.report-evidence-grid article {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.content-grid[data-active-section="overview"] .report-evidence-grid article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  align-items: baseline;
  padding: 12px 2px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
}

.report-evidence-grid span,
.report-evidence-grid p {
  color: var(--muted);
  font-size: 12px;
}

.report-evidence-grid strong {
  display: block;
  margin: 8px 0;
  font-size: 22px;
}

.content-grid[data-active-section="overview"] .report-evidence-grid strong {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  color: var(--gold);
  font-size: 18px;
}

.content-grid[data-active-section="overview"] .report-evidence-grid p {
  grid-column: 1 / -1;
  margin: 0;
}

.sec-evidence-section {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.source-report-evidence-section {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.content-grid[data-active-section="overview"] .sec-evidence-section {
  max-height: 42vh;
  overflow: auto;
}

.content-grid[data-active-section="overview"] .source-report-evidence-section {
  max-height: 38vh;
  overflow: auto;
}

.sec-evidence-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.sec-evidence-heading h4,
.sec-evidence-heading p {
  margin: 0;
}

.sec-evidence-heading p,
.sec-evidence-heading > span {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}

.sec-evidence-list {
  display: grid;
  border-top: 1px solid var(--line);
}

.source-report-evidence-list {
  display: grid;
  border-top: 1px solid var(--line);
}

.source-report-evidence-item {
  display: grid;
  gap: 7px;
  padding: 12px 4px;
  border-bottom: 1px solid var(--line);
}

.source-report-evidence-item > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}

.source-report-evidence-item strong {
  color: var(--ink);
  font-size: 13px;
}

.source-report-evidence-item span,
.source-report-evidence-item p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.source-report-evidence-item p {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.source-report-evidence-item a {
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.sec-evidence-item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 100px 24px;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 9px 4px;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  text-decoration: none;
}

.content-grid[data-active-section="overview"] .sec-evidence-item {
  grid-template-columns: 54px minmax(0, 1fr) 22px;
  min-height: 54px;
}

.content-grid[data-active-section="overview"] .sec-date {
  display: none;
}

.sec-evidence-item:hover {
  background: rgba(255, 255, 255, 0.035);
}

.sec-form {
  color: var(--gold);
  font-weight: 900;
}

.sec-company {
  display: grid;
  gap: 4px;
}

.sec-company small,
.sec-date,
.sec-open {
  color: var(--muted);
}

.sec-date {
  font-size: 12px;
}

.sec-open {
  text-align: right;
}

.empty-state {
  padding: 18px;
  border: 1px dashed #39414a;
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.018);
}

.asset-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.asset-item {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.asset-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.asset-symbol {
  font-size: 18px;
  font-weight: 900;
}

.asset-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.asset-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.asset-profile {
  display: grid;
  gap: 8px;
  padding-top: 2px;
}

.asset-profile-row {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid #e7edef;
  border-radius: 8px;
  background: #fbfcfc;
}

.asset-profile-row span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.asset-profile-row p {
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
}

.asset-profile-row.risk {
  border-color: #f2d0c7;
  background: #fff8f5;
}

.asset-profile-row.muted p {
  color: var(--muted);
}

.price-chip {
  display: inline-flex;
  width: fit-content;
  min-height: 26px;
  align-items: center;
  padding: 4px 8px;
  border-radius: 8px;
  background: #eef5f0;
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
}

.price-chip.missing {
  background: #fff5df;
  color: var(--gold);
}

.triggered {
  color: var(--red);
}

.method-list > div {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.method-list > div:last-child {
  border-bottom: 0;
}

.alert-dialog {
  width: min(560px, calc(100vw - 32px));
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0;
  box-shadow: var(--shadow);
}

.report-prompt-dialog {
  width: min(820px, calc(100vw - 32px));
}

.manual-opinion-dialog {
  width: min(720px, calc(100vw - 32px));
}

.beta-user-dialog {
  width: min(680px, calc(100vw - 32px));
}

.dialog-description {
  margin: -4px 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.source-template-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #121518;
}

.source-template-panel > div:first-child {
  display: grid;
  gap: 4px;
}

.source-template-panel strong {
  color: var(--ink);
  font-size: 13px;
}

.source-template-panel span {
  color: var(--muted);
  font-size: 12px;
}

.source-template-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.source-template-actions button {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 0 10px;
  color: var(--ink);
  background: #181c1f;
  font-size: 12px;
  font-weight: 800;
}

.source-template-actions button:hover {
  border-color: var(--gold);
  color: var(--gold);
}

.prompt-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.alert-dialog::backdrop {
  background: rgba(12, 24, 30, 0.52);
}

.alert-form {
  display: grid;
  gap: 14px;
  max-height: min(820px, calc(100vh - 40px));
  overflow: auto;
  padding: 20px;
}

.alert-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.checkbox-line {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}

.checkbox-line input {
  width: auto;
  min-width: 16px;
}

.checkbox-line span {
  color: var(--ink);
}

.report-schedule-builder,
.report-schedule-existing {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}

.report-schedule-builder {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) minmax(130px, 0.8fr) minmax(220px, 1.2fr) auto;
  gap: 12px;
  align-items: end;
}

.report-schedule-builder label,
.report-range-row label {
  min-width: 0;
}

.report-schedule-builder input,
.report-schedule-builder select {
  width: 100%;
  min-width: 0;
}

.report-schedule-builder h4,
.report-schedule-existing h4 {
  margin: 2px 0 0;
}

.report-range-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 10px;
  min-width: 0;
}

.report-schedule-task-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.report-schedule-task {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel);
}

.report-schedule-task.is-disabled {
  border-left-color: var(--muted);
  opacity: 0.72;
}

.report-schedule-task strong,
.report-schedule-task span {
  display: block;
}

.report-schedule-task span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.report-schedule-task-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 860px) {
  .report-schedule-builder {
    grid-template-columns: 1fr 1fr;
  }

  .report-schedule-builder > button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 720px) {
  .report-schedule-builder,
  .report-schedule-task {
    grid-template-columns: 1fr;
  }

  .report-schedule-task-actions {
    justify-content: stretch;
  }

  .report-schedule-task-actions button {
    flex: 1;
  }
}

.beta-user-panel {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
}

.beta-user-panel span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.beta-user-panel strong {
  color: var(--ink);
  font-size: 16px;
}

.beta-user-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.beta-login-box {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel);
}

.membership-center {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
}

.membership-center-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.membership-center-head h4 {
  margin: 0;
}

.membership-summary-grid,
.membership-usage-grid,
.membership-plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.membership-summary-grid > div,
.membership-usage-item,
.membership-plan-card,
.membership-order-list > div {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--panel);
}

.membership-summary-grid span,
.membership-usage-item span,
.membership-plan-card span,
.membership-order-list span {
  color: var(--muted);
  font-size: 12px;
}

.membership-summary-grid strong,
.membership-usage-item strong,
.membership-plan-card strong {
  color: var(--ink);
  font-size: 18px;
}

.membership-usage-item i {
  display: block;
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--line);
}

.membership-usage-item b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.membership-plan-card.active {
  border-color: var(--accent);
}

.membership-plan-card em {
  width: fit-content;
  border-radius: 999px;
  padding: 4px 8px;
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--accent-strong);
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
}

.membership-order-list {
  display: grid;
  gap: 8px;
}

.beta-user-registry {
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.beta-user-registry-head,
.beta-create-row,
.beta-user-row,
.beta-user-row-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.beta-user-registry-head,
.beta-user-row {
  justify-content: space-between;
}

.beta-user-registry-head h4 {
  margin: 0;
}

.beta-create-row input {
  flex: 1;
}

.beta-create-row select {
  min-width: 110px;
}

.beta-capacity-bar {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--panel);
}

.beta-capacity-bar strong,
.beta-capacity-bar span {
  display: block;
}

.beta-capacity-bar strong {
  color: var(--ink);
  font-size: 13px;
}

.beta-capacity-bar span {
  color: var(--muted);
  font-size: 12px;
}

.beta-capacity-bar i {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--chip);
}

.beta-capacity-bar b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gold);
}

.beta-capacity-bar.danger b {
  background: var(--danger);
}

.beta-user-list {
  display: grid;
  gap: 8px;
  max-height: 260px;
  overflow: auto;
}

.beta-cost-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}

.beta-cost-summary span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-right: 1px solid var(--line);
}

.beta-cost-summary span:last-child {
  border-right: 0;
}

.beta-cost-summary strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.1;
}

.beta-cost-summary em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.beta-cost-summary span.danger strong {
  color: var(--danger);
}

.beta-cost-list {
  max-height: 220px;
}

.beta-session-list {
  max-height: 180px;
}

.beta-user-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--soft);
}

.beta-user-row.active {
  border-color: var(--gold);
  box-shadow: inset 3px 0 0 var(--gold);
}

.beta-user-row.paused {
  opacity: 0.72;
}

.beta-user-row strong,
.beta-user-row span,
.beta-user-row p {
  display: block;
}

.beta-user-row span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.beta-user-row p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
}

.beta-user-row em {
  border-radius: 999px;
  padding: 3px 7px;
  background: var(--chip);
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}

.beta-user-row em.danger {
  background: rgba(255, 111, 97, 0.12);
  color: var(--danger);
}

.beta-user-row em.ok {
  background: rgba(58, 214, 151, 0.12);
  color: var(--good);
}

.content-grid[data-active-section="admin"] {
  display: block;
}

.content-grid[data-active-section="admin"] > [data-view="admin"] {
  display: grid;
  gap: 18px;
  min-height: calc(100vh - 130px);
}

.beta-admin-panel {
  max-width: 1320px;
  gap: 14px;
}

.beta-admin-panel [data-beta-admin-pane][hidden] {
  display: none !important;
}

.beta-admin-panel .panel-header p {
  margin: 4px 0 0;
  color: var(--muted);
}

.beta-admin-owner-gate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(220, 172, 61, 0.45);
  border-left: 4px solid var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, var(--panel));
}

.beta-admin-owner-gate[hidden] {
  display: none !important;
}

.beta-admin-owner-gate h4,
.beta-admin-owner-gate p {
  margin: 0;
}

.beta-admin-owner-gate h4 {
  margin-bottom: 6px;
  font-size: 18px;
}

.beta-admin-owner-gate p:not(.eyebrow) {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.7;
}

.beta-admin-tabs {
  display: none;
}

.beta-admin-panel > .beta-admin-tabs {
  display: none !important;
}

.admin-subnav {
  margin-bottom: 10px;
}

.beta-admin-tabs button {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 12px;
  background: var(--soft);
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.beta-admin-tabs button:hover,
.beta-admin-tabs button.active {
  border-color: var(--gold);
  background: rgba(226, 177, 76, 0.14);
  color: var(--ink);
}

.beta-admin-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}

.beta-admin-summary > span {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-right: 1px solid var(--line);
}

.beta-admin-summary > span:last-child {
  border-right: 0;
}

.beta-admin-summary > span strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
}

.beta-admin-summary > span em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.beta-admin-summary > span.danger strong {
  color: var(--danger);
}

.beta-admin-ops-overview {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) auto minmax(280px, 1fr);
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid var(--line);
  border-left: 4px solid var(--good);
  background: color-mix(in srgb, var(--panel) 88%, var(--good) 12%);
}

.beta-admin-ops-overview.warn {
  border-left-color: var(--gold);
  background: color-mix(in srgb, var(--panel) 90%, var(--gold) 10%);
}

.beta-admin-ops-overview.danger {
  border-left-color: var(--danger);
  background: color-mix(in srgb, var(--panel) 90%, var(--danger) 10%);
}

.beta-admin-ops-overview > div:first-child,
.beta-admin-ops-overview > div:last-child {
  min-width: 0;
}

.beta-admin-ops-overview > div:first-child {
  display: grid;
  gap: 4px;
}

.beta-admin-ops-overview > div:first-child strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.15;
}

.beta-admin-ops-overview > div:first-child span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.beta-admin-ops-overview > p {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
}

.beta-admin-ops-overview > p em,
.beta-admin-ops-overview > div:last-child span {
  border-radius: 999px;
  padding: 4px 8px;
  background: var(--chip);
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.beta-admin-ops-overview > p em.danger,
.beta-admin-ops-overview > div:last-child span.danger {
  color: var(--danger);
  background: rgba(255, 111, 97, 0.12);
}

.beta-admin-ops-overview > p em.warn,
.beta-admin-ops-overview > div:last-child span.warn {
  color: var(--gold);
  background: rgba(226, 177, 76, 0.14);
}

.beta-admin-ops-overview > p em.ok,
.beta-admin-ops-overview > div:last-child span.ok {
  color: var(--good);
  background: rgba(58, 214, 151, 0.12);
}

.beta-admin-ops-overview > b {
  grid-column: 1 / -1;
  display: block;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--ink);
  font-size: 13px;
  line-height: 1.5;
}

.beta-admin-ops-overview > div:last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.beta-admin-ops-overview > div:last-child span {
  display: grid;
  gap: 3px;
  border-radius: 8px;
  padding: 10px;
}

.beta-admin-ops-overview > div:last-child strong {
  color: var(--ink);
  font-size: 18px;
  line-height: 1.1;
}

.beta-admin-ops-overview > div:last-child em,
.beta-admin-ops-overview > div:last-child small {
  color: inherit;
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
}

.beta-admin-mission {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}

.beta-admin-mission-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.beta-admin-mission-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.beta-admin-mission-head strong {
  color: var(--ink);
  font-size: 18px;
}

.beta-admin-mission-head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.beta-admin-mission-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.beta-admin-mission-grid article {
  display: grid;
  gap: 8px;
  min-height: 150px;
  padding: 14px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--good);
  border-radius: 8px;
  background: var(--panel);
}

.beta-admin-mission-grid article.warn {
  border-left-color: var(--gold);
}

.beta-admin-mission-grid article.danger {
  border-left-color: var(--danger);
}

.beta-admin-mission-grid article.loading {
  border-left-color: var(--muted);
}

.beta-admin-mission-grid p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
}

.beta-admin-mission-grid p span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.beta-admin-mission-grid p em {
  border-radius: 999px;
  padding: 3px 7px;
  background: var(--chip);
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.beta-admin-mission-grid article.ok p em {
  color: var(--good);
  background: rgba(58, 214, 151, 0.12);
}

.beta-admin-mission-grid article.warn p em {
  color: var(--gold);
  background: rgba(226, 177, 76, 0.14);
}

.beta-admin-mission-grid article.danger p em {
  color: var(--danger);
  background: rgba(255, 111, 97, 0.12);
}

.beta-admin-mission-grid strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.beta-admin-mission-grid small,
.beta-admin-mission-grid b {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.beta-admin-mission-grid b {
  align-self: end;
  color: var(--ink);
}

.beta-admin-action-queue {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--panel);
}

.beta-admin-action-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.beta-admin-action-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.beta-admin-action-head strong {
  color: var(--ink);
  font-size: 18px;
}

.beta-admin-action-head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.beta-admin-action-head > em {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--chip);
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.beta-admin-action-head > em.danger {
  background: rgba(255, 111, 97, 0.12);
  color: var(--danger);
}

.beta-admin-action-head > em.warn {
  background: rgba(226, 177, 76, 0.14);
  color: var(--gold);
}

.beta-admin-action-head > em.ok {
  background: rgba(58, 214, 151, 0.12);
  color: var(--good);
}

.beta-admin-action-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.beta-admin-action-list article {
  display: grid;
  gap: 7px;
  min-height: 132px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--muted);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
}

.beta-admin-action-list article.danger {
  border-left-color: var(--danger);
}

.beta-admin-action-list article.warn {
  border-left-color: var(--gold);
}

.beta-admin-action-list article.loading {
  border-left-color: var(--muted);
}

.beta-admin-action-list p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
}

.beta-admin-action-list p span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.beta-admin-action-list p em {
  border-radius: 999px;
  padding: 3px 7px;
  background: var(--chip);
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.beta-admin-action-list article.danger p em {
  background: rgba(255, 111, 97, 0.12);
  color: var(--danger);
}

.beta-admin-action-list article.warn p em {
  background: rgba(226, 177, 76, 0.14);
  color: var(--gold);
}

.beta-admin-action-list strong {
  color: var(--ink);
  font-size: 16px;
  line-height: 1.35;
}

.beta-admin-action-list span,
.beta-admin-action-list b {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.beta-admin-action-list b {
  align-self: end;
  color: var(--ink);
}

.beta-admin-launch-decision {
  display: grid;
  grid-template-columns: minmax(240px, 1.1fr) minmax(120px, 180px) minmax(240px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px solid var(--line);
  border-left: 4px solid var(--good);
  border-radius: 8px;
  padding: 14px;
  background: var(--panel);
}

.beta-admin-launch-decision.warn {
  border-left-color: var(--gold);
}

.beta-admin-launch-decision.danger {
  border-left-color: var(--danger);
}

.beta-admin-launch-decision > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.beta-admin-launch-decision strong {
  color: var(--ink);
}

.beta-admin-launch-decision > div strong {
  font-size: 20px;
}

.beta-admin-launch-decision > div span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.beta-admin-launch-decision section {
  display: grid;
  gap: 2px;
  justify-items: start;
  border-radius: 8px;
  padding: 10px;
  background: var(--soft);
}

.beta-admin-launch-decision section span,
.beta-admin-launch-decision section em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.beta-admin-launch-decision section strong {
  font-size: 30px;
  line-height: 1;
}

.beta-admin-launch-decision > p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.beta-admin-launch-decision > p em {
  border-radius: 999px;
  padding: 4px 8px;
  background: var(--chip);
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.beta-admin-launch-decision ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.beta-admin-quick-actions {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}

.beta-admin-quick-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.beta-admin-quick-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.beta-admin-quick-head strong {
  color: var(--ink);
  font-size: 18px;
}

.beta-admin-quick-head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.beta-admin-quick-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}

.beta-admin-quick-grid button {
  display: grid;
  gap: 5px;
  min-height: 104px;
  padding: 12px;
  border: 0;
  border-right: 1px solid var(--line);
  border-left: 3px solid transparent;
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.beta-admin-quick-grid button:last-child {
  border-right: 0;
}

.beta-admin-quick-grid button:hover {
  background: var(--chip);
}

.beta-admin-quick-grid button.ok {
  border-left-color: var(--good);
}

.beta-admin-quick-grid button.warn {
  border-left-color: var(--gold);
}

.beta-admin-quick-grid button.danger {
  border-left-color: var(--danger);
}

.beta-admin-quick-grid button.loading {
  border-left-color: var(--muted);
}

.beta-admin-quick-grid span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.beta-admin-quick-grid strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.beta-admin-quick-grid em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
}

.beta-admin-auth-policy {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(320px, 1.3fr) minmax(260px, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}

.beta-admin-auth-policy strong,
.beta-admin-auth-policy span {
  display: block;
}

.beta-admin-auth-policy strong {
  color: var(--ink);
  font-size: 20px;
}

.beta-admin-auth-policy span,
.beta-admin-auth-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.beta-admin-auth-policy dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.beta-admin-auth-policy dt,
.beta-admin-auth-policy dd {
  margin: 0;
}

.beta-admin-auth-policy dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.beta-admin-auth-policy dd {
  color: var(--ink);
  font-size: 18px;
  font-weight: 900;
}

.beta-admin-auth-policy dd.warn {
  color: var(--gold);
}

.beta-admin-auth-policy dd.danger {
  color: var(--danger);
}

.beta-admin-auth-note {
  margin: 0;
  border-left: 3px solid var(--gold);
  padding-left: 12px;
  font-weight: 800;
}

.beta-admin-auth-note.ok {
  border-left-color: var(--good);
}

.beta-admin-inline-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.beta-admin-inline-actions span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.beta-auth-cutover {
  display: grid;
  gap: 8px;
  border-left: 3px solid var(--gold);
  padding-left: 12px;
}

.beta-auth-cutover.ok {
  border-left-color: var(--good);
}

.beta-auth-cutover.danger {
  border-left-color: var(--danger);
}

.beta-auth-cutover p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.beta-auth-cutover em {
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--chip);
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.beta-auth-cutover em.ok {
  color: var(--good);
  background: rgba(58, 214, 151, 0.12);
}

.beta-auth-cutover em.warn {
  color: var(--gold);
  background: rgba(226, 177, 76, 0.14);
}

.beta-auth-cutover em.danger {
  color: var(--danger);
  background: rgba(255, 111, 97, 0.12);
}

.beta-auth-cutover ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.45;
}

.beta-auth-runbook {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 4px;
}

.beta-auth-runbook section {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.beta-auth-runbook strong {
  color: var(--text);
  font-size: 12px;
}

.beta-auth-runbook ol {
  padding-left: 16px;
}

.beta-admin-review {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--panel);
}

.beta-admin-review-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.beta-admin-review-head strong,
.beta-admin-review-head span {
  display: block;
}

.beta-admin-review-head strong {
  color: var(--ink);
  font-size: 20px;
}

.beta-admin-review-head span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.beta-admin-review-head p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.beta-admin-review-head em,
.beta-admin-review-list em {
  border-radius: 999px;
  padding: 3px 7px;
  background: var(--chip);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.beta-admin-review-list {
  display: grid;
  gap: 8px;
}

.beta-admin-review-list article {
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(0, 1.3fr) minmax(180px, 0.9fr);
  gap: 12px;
  align-items: center;
  border-left: 3px solid var(--line);
  padding: 9px 11px;
  background: var(--soft);
}

.beta-admin-review-list strong {
  color: var(--ink);
}

.beta-admin-review-list span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.beta-admin-review-list article.danger {
  border-left-color: var(--danger);
}

.beta-admin-review-list article.warn {
  border-left-color: var(--gold);
}

.beta-admin-review-list article.ok {
  border-left-color: var(--good);
}

.beta-admin-review-head em.danger,
.beta-admin-review-list article.danger em {
  color: var(--danger);
  background: rgba(255, 111, 97, 0.12);
}

.beta-admin-review-head em.warn,
.beta-admin-review-list article.warn em {
  color: var(--gold);
  background: rgba(226, 177, 76, 0.14);
}

.beta-admin-review-head em.ok,
.beta-admin-review-list article.ok em {
  color: var(--good);
  background: rgba(58, 214, 151, 0.12);
}

.beta-admin-readiness {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  background: var(--panel);
}

.beta-admin-readiness strong,
.beta-admin-readiness span {
  display: block;
}

.beta-admin-readiness span {
  color: var(--muted);
  font-size: 13px;
}

.beta-admin-readiness p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 2px 0 0;
}

.beta-admin-readiness em {
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--chip);
  color: var(--text);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.beta-admin-readiness.blocked {
  border-left-color: var(--danger);
}

.beta-admin-readiness.ready {
  border-left-color: var(--good);
}

.beta-login-entry-health {
  display: grid;
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
  background: var(--panel);
}

.beta-login-entry-health > div:first-child {
  display: grid;
  gap: 3px;
}

.beta-login-entry-health > div:first-child strong {
  color: var(--ink);
  font-size: 15px;
}

.beta-login-entry-health > div:first-child span {
  color: var(--muted);
  font-size: 12px;
}

.beta-login-entry-health > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.beta-login-entry-health article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--good);
  border-radius: 8px;
  background: var(--soft);
}

.beta-login-entry-health article.warn {
  border-left-color: var(--gold);
}

.beta-login-entry-health article.danger {
  border-left-color: var(--danger);
}

.beta-login-entry-health article p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
}

.beta-login-entry-health article strong,
.beta-login-entry-health article b,
.beta-login-entry-health article span,
.beta-login-entry-health article small {
  display: block;
}

.beta-login-entry-health article strong {
  color: var(--ink);
  font-size: 13px;
}

.beta-login-entry-health article em {
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(58, 214, 151, 0.12);
  color: var(--good);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.beta-login-entry-health article.warn em {
  background: rgba(226, 177, 76, 0.14);
  color: var(--gold);
}

.beta-login-entry-health article.danger em {
  background: rgba(255, 111, 97, 0.12);
  color: var(--danger);
}

.beta-login-entry-health article b {
  color: var(--ink);
  font-size: 20px;
}

.beta-login-entry-health article span,
.beta-login-entry-health article small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.beta-owner-todo {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  background: color-mix(in srgb, var(--panel) 92%, var(--gold) 8%);
}

.beta-owner-todo.clear {
  border-left-color: var(--good);
}

.beta-owner-todo.action_needed {
  border-left-color: var(--danger);
}

.beta-owner-todo strong,
.beta-owner-todo span {
  display: block;
}

.beta-owner-todo span {
  color: var(--muted);
  font-size: 13px;
}

.beta-owner-todo p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

.beta-owner-todo em {
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--chip);
  color: var(--text);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.beta-owner-todo em.danger {
  color: var(--danger);
  background: rgba(255, 111, 97, 0.12);
}

.beta-owner-todo em.warn {
  color: var(--gold);
  background: rgba(226, 177, 76, 0.14);
}

.beta-owner-todo ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
}

.beta-owner-todo li strong {
  font-size: 13px;
}

.beta-admin-warning {
  grid-column: 1 / -1;
  margin: 0;
  padding: 10px 14px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.beta-admin-warning.warn {
  color: var(--gold);
}

.beta-admin-warning.ok {
  color: var(--good);
}

.beta-admin-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.beta-admin-section {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--panel);
}

.beta-admin-database {
  gap: 14px;
}

.beta-admin-db-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.beta-admin-db-card {
  display: grid;
  gap: 6px;
  min-height: 108px;
  padding: 14px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--muted);
  border-radius: 8px;
  background: var(--soft);
}

.beta-admin-db-card.ok {
  border-left-color: var(--good);
}

.beta-admin-db-card.warn {
  border-left-color: var(--gold);
}

.beta-admin-db-card.loading {
  border-left-color: var(--muted);
}

.beta-admin-db-card span,
.beta-admin-db-card em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.beta-admin-db-card strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.05;
}

.beta-admin-db-table {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.beta-admin-db-report-check {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  background: var(--soft);
}

.beta-admin-db-report-check.ok {
  border-left-color: var(--good);
}

.beta-admin-db-report-check.warn {
  border-left-color: var(--gold);
}

.beta-admin-db-report-check div {
  display: grid;
  gap: 6px;
  align-content: start;
}

.beta-admin-db-report-check span,
.beta-admin-db-report-check em,
.beta-admin-db-report-check b {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.5;
}

.beta-admin-db-report-check strong {
  color: var(--ink);
  font-size: 18px;
}

.beta-admin-db-report-check b {
  color: var(--ink);
  font-weight: 800;
}

.beta-admin-db-row {
  display: grid;
  grid-template-columns: minmax(210px, 1.35fr) minmax(160px, 0.9fr) minmax(250px, 1.45fr) minmax(180px, 1fr) minmax(160px, 0.85fr);
  gap: 0;
  min-width: 960px;
  border-top: 1px solid var(--line);
}

.beta-admin-db-row:first-child {
  border-top: 0;
}

.beta-admin-db-row.header {
  background: var(--soft);
}

.beta-admin-db-row > span {
  display: grid;
  align-content: start;
  gap: 5px;
  padding: 12px;
  border-right: 1px solid var(--line);
  color: var(--ink);
  font-size: 13px;
}

.beta-admin-db-row > span:last-child {
  border-right: 0;
}

.beta-admin-db-row.header > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.beta-admin-db-row strong,
.beta-admin-db-row b {
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.beta-admin-db-row b.ok {
  color: var(--good);
}

.beta-admin-db-row b.warn {
  color: var(--gold);
}

.beta-admin-db-row b.loading {
  color: var(--muted);
}

.beta-admin-db-row em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.beta-admin-db-row.warn {
  box-shadow: inset 4px 0 0 var(--gold);
}

.beta-admin-db-row.ok {
  box-shadow: inset 4px 0 0 var(--good);
}

.beta-admin-db-row.loading {
  box-shadow: inset 4px 0 0 var(--muted);
}

.beta-admin-db-runbook {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  background: var(--soft);
}

.beta-admin-db-runbook strong {
  color: var(--ink);
  font-size: 14px;
}

.beta-admin-db-runbook span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.beta-admin-db-runbook b {
  color: var(--ink);
}

.beta-admin-create {
  align-items: stretch;
  flex-wrap: wrap;
}

.beta-admin-create input,
.beta-admin-create select {
  min-width: 160px;
}

.beta-admin-list {
  display: grid;
  gap: 8px;
  max-height: 520px;
  overflow: auto;
}

.beta-admin-list.compact {
  max-height: 300px;
}

.beta-admin-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel);
}

.beta-admin-row.compact {
  padding: 10px 12px;
}

.beta-admin-row.active {
  border-color: var(--gold);
  box-shadow: inset 3px 0 0 var(--gold);
}

.beta-admin-row.paused {
  opacity: 0.72;
}

.beta-admin-row strong,
.beta-admin-row span,
.beta-admin-row p {
  display: block;
}

.beta-admin-row span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.beta-admin-row span.beta-admin-user-operation {
  border-left: 3px solid var(--gold);
  margin-top: 8px;
  padding-left: 8px;
  color: var(--text);
}

.beta-admin-row p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 9px 0 0;
}

.beta-admin-row em {
  border-radius: 999px;
  padding: 3px 7px;
  background: var(--chip);
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.beta-admin-row em.ok {
  background: rgba(58, 214, 151, 0.12);
  color: var(--good);
}

.beta-admin-row em.warn {
  background: rgba(226, 177, 76, 0.14);
  color: var(--gold);
}

.beta-admin-row em.danger {
  background: rgba(255, 111, 97, 0.12);
  color: var(--danger);
}

.beta-admin-simple-table {
  width: 100%;
  min-width: 760px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: auto;
  background: var(--panel);
}

.beta-admin-simple-row {
  display: grid;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  border-top: 1px solid var(--line);
  padding: 10px 12px;
}

.beta-admin-simple-row:first-child {
  border-top: 0;
}

.beta-admin-simple-row.header {
  min-height: 42px;
  background: var(--soft);
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.beta-admin-simple-row.active {
  box-shadow: inset 3px 0 0 var(--gold);
}

.beta-admin-simple-row.paused {
  opacity: 0.72;
}

.beta-admin-simple-row span {
  min-width: 0;
  color: var(--ink);
  font-size: 13px;
}

.beta-admin-simple-row strong,
.beta-admin-simple-row em {
  display: block;
}

.beta-admin-simple-row strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.beta-admin-simple-row em {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.beta-admin-simple-row em.ok {
  color: var(--green);
}

.beta-admin-simple-row em.warn {
  color: var(--gold);
}

.beta-admin-simple-row em.danger {
  color: var(--red);
}

.beta-admin-users-table .beta-admin-simple-row {
  grid-template-columns:
    minmax(120px, 1.05fr)
    minmax(150px, 1.15fr)
    minmax(64px, 0.5fr)
    minmax(64px, 0.5fr)
    minmax(82px, 0.65fr)
    minmax(110px, 0.9fr)
    minmax(82px, 0.65fr)
    minmax(220px, 1.6fr);
}

.beta-admin-token-table .beta-admin-simple-row {
  grid-template-columns:
    minmax(140px, 1.1fr)
    minmax(80px, 0.6fr)
    minmax(80px, 0.6fr)
    minmax(110px, 0.85fr)
    minmax(110px, 0.85fr)
    minmax(110px, 0.85fr);
}

.beta-admin-payment-board {
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--line);
  margin-top: 14px;
  padding-top: 14px;
}

.beta-admin-payment-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.beta-admin-payment-head h4,
.beta-admin-payment-head p {
  margin: 0;
}

.beta-admin-payment-head h4 {
  color: var(--ink);
  font-size: 18px;
}

.beta-admin-payment-head p:not(.eyebrow) {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.beta-payment-plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
}

.beta-payment-plan {
  display: grid;
  gap: 6px;
  min-height: 110px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel);
}

.beta-payment-plan strong,
.beta-payment-plan span,
.beta-payment-plan p {
  margin: 0;
}

.beta-payment-plan strong {
  color: var(--ink);
  font-size: 16px;
}

.beta-payment-plan span {
  color: var(--gold);
  font-weight: 900;
}

.beta-payment-plan p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.beta-admin-payment-table .beta-admin-simple-row {
  grid-template-columns:
    minmax(160px, 1.2fr)
    minmax(150px, 1.1fr)
    minmax(110px, 0.8fr)
    minmax(72px, 0.55fr)
    minmax(72px, 0.55fr)
    minmax(120px, 0.9fr)
    minmax(120px, 0.9fr);
}

.beta-admin-simple-row .beta-user-row-actions {
  justify-content: flex-start;
}

.beta-admin-x-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}

.beta-admin-x-summary span {
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 12px;
  border-right: 1px solid var(--line);
}

.beta-admin-x-summary span:last-child {
  border-right: 0;
}

.beta-admin-x-summary strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.05;
}

.beta-admin-x-summary em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.beta-admin-x-summary .ok strong {
  color: var(--good);
}

.beta-admin-x-summary .warn strong {
  color: var(--gold);
}

.beta-admin-x-note {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--muted);
  font-size: 12px;
}

.beta-admin-x-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  gap: 14px;
}

.beta-admin-x-grid section {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.beta-admin-x-grid h5 {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.beta-admin-cost-subsection {
  border-top: 1px solid var(--line);
  margin-top: 10px;
  padding-top: 10px;
}

.beta-admin-cost-subsection h5 {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0;
  margin: 0 0 8px;
}

.beta-cost-digest {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.beta-cost-digest > div:first-child {
  display: grid;
  gap: 5px;
}

.beta-cost-digest > div:first-child strong,
.beta-cost-digest > div:first-child span {
  display: block;
}

.beta-cost-digest > div:first-child strong {
  color: var(--text);
  font-size: 15px;
}

.beta-cost-digest > div:first-child span,
.beta-cost-digest section span {
  color: var(--muted);
  font-size: 12px;
}

.beta-cost-digest > div:first-child p {
  display: flex;
  gap: 6px;
  margin: 0;
}

.beta-cost-digest > div:last-of-type {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.beta-cost-digest section {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--panel);
}

.beta-cost-digest section strong {
  color: var(--text);
  font-size: 12px;
}

.beta-cost-digest em {
  width: fit-content;
  border-radius: 999px;
  padding: 3px 8px;
  background: var(--chip);
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.beta-cost-digest em.ok {
  background: rgba(58, 214, 151, 0.12);
  color: var(--good);
}

.beta-cost-digest em.warn {
  background: rgba(226, 177, 76, 0.14);
  color: var(--gold);
}

.beta-cost-digest em.danger {
  background: rgba(255, 111, 97, 0.12);
  color: var(--danger);
}

@media (max-width: 900px) {
  .beta-cost-digest > div:last-of-type {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.compact-action-list {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.55;
}

.beta-import-box {
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.source-group-picker {
  display: grid;
  gap: 8px;
  margin: 0;
  border: 0;
  padding: 0;
}

.source-group-picker legend {
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.source-group-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.source-group-option {
  display: flex !important;
  min-width: 0;
  min-height: 38px;
  grid-template-columns: none !important;
  align-items: center;
  gap: 8px !important;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 8px 10px;
  color: var(--ink) !important;
  background: #181c1f;
  font-size: 12px !important;
}

.source-group-option input {
  width: 15px !important;
  min-height: 15px !important;
  margin: 0;
  accent-color: var(--gold);
}

.source-group-option span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-group-options-empty {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 12px;
}

.alert-form input,
.alert-form select,
.alert-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: #ffffff;
}

.alert-form input,
.alert-form select {
  min-height: 42px;
  padding: 0 12px;
}

.alert-form textarea {
  min-height: 74px;
  resize: vertical;
  padding: 10px 12px;
  line-height: 1.45;
}

.report-prompt-dialog textarea {
  min-height: 320px;
}

/* Dark investor workbench */
.source-entry-button,
.icon-button,
.ghost-button,
.feed-toolbar input,
.brief-editor textarea,
.alert-form input,
.alert-form select,
.alert-form textarea {
  border-color: var(--line);
  background: #181c1f;
  color: var(--ink);
}

.source-entry-button:hover,
.icon-button:hover,
.ghost-button:hover {
  border-color: #4a5259;
  background: #22272b;
}

.primary-button {
  border-color: #d7aa4c;
  background: #d7aa4c;
  color: #121416;
}

.pill,
.source-tag,
.price-chip {
  border-color: #353b40;
  background: #23282c;
  color: #c7cdd2;
}

.pill.danger,
.price-chip.missing {
  border-color: #6d4930;
  background: #30251c;
  color: var(--gold);
}

.brief-item,
.watch-item,
.market-item,
.timeline-item,
.china-item,
.source-item,
.connector-item,
.feed-item,
.rule-event,
.asset-item,
.default-data-item,
.asset-profile-row {
  border-color: var(--line);
  background: #191d20;
}

.rule-event.strong,
.feed-item.important-feed,
.asset-profile-row.risk {
  border-color: #604a2c;
  background: #211d17;
}

.source-item.incomplete-source,
.advanced-sources,
.segmented,
.empty-state {
  border-color: var(--line);
  background: #121518;
}

.segment.active {
  background: #2a3035;
  box-shadow: none;
}

.progress-track,
.feed-avatar {
  background: #30363b;
}

.switch span {
  background: #42494f;
}

.feed-link {
  color: var(--blue);
}

.alert-dialog {
  color: var(--ink);
  background: var(--panel);
}

.source-workbench {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: calc(100vh - 130px);
  height: calc(100vh - 130px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: none;
}

.content-grid[data-active-section="sources"] .source-workbench {
  border: 0;
  border-radius: 0;
}

.opinion-archive-panel {
  min-height: calc(100vh - 130px);
}

.intelligence-overview-panel {
  min-height: calc(100vh - 130px);
}

.intelligence-inventory-panel,
.intelligence-profiles-panel {
  min-height: calc(100vh - 130px);
}

.content-grid[data-active-section="intelligence"] > [data-intelligence-pane] {
  min-height: calc(100vh - 130px);
  padding: 0;
  background: #0d1115;
}

.content-grid[data-active-section="intelligence"] > [data-intelligence-pane] > .panel-header {
  min-height: 92px;
  margin: 0;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  background: #11161b;
}

.content-grid[data-active-section="intelligence"] .save-status {
  margin: 0;
  padding: 10px 20px;
  border-bottom: 1px solid var(--line);
  background: #0d1115;
}

.intelligence-inventory-header {
  align-items: flex-start;
}

.intelligence-inventory-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}

.intelligence-inventory-tools input,
.intelligence-inventory-tools select {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 0 10px;
  color: var(--ink);
  background: #181c1f;
}

.intelligence-inventory-tools input {
  width: min(320px, 34vw);
}

#opinionProfileSelect {
  min-width: min(320px, 38vw);
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 0 10px;
  color: var(--ink);
  background: #181c1f;
}

.intelligence-source-list {
  display: grid;
  max-height: calc(100vh - 286px);
  overflow: auto;
}

.intelligence-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 180px) auto;
  align-items: center;
  gap: 18px;
  min-height: 82px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  background: #0f1317;
}

.intelligence-source-row:hover {
  background: #151a20;
}

.intelligence-source-main,
.intelligence-source-name,
.intelligence-source-state {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.intelligence-source-name strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intelligence-source-name span,
.intelligence-source-state small {
  color: var(--muted);
  font-size: 11px;
}

.intelligence-source-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.intelligence-source-tags span,
.intelligence-source-state > span {
  width: fit-content;
  padding: 4px 7px;
  border-radius: 6px;
  background: #252a2e;
  color: #aeb7bd;
  font-size: 10px;
  font-weight: 800;
}

.intelligence-source-state .profile-ready {
  color: #55d6a5;
}

.intelligence-source-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.intelligence-source-actions.compact {
  flex-wrap: wrap;
  max-width: 260px;
}

.intelligence-source-actions button {
  min-height: 34px;
  padding: 0 10px;
  font-size: 11px;
  white-space: nowrap;
}

.source-profile-card {
  display: grid;
  gap: 16px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
  background: #0f1317;
}

.source-profile-card:hover {
  background: #151a20;
}

.source-profile-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.source-profile-body {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(220px, 0.9fr) minmax(280px, 1fr) minmax(240px, 1fr);
  gap: 14px;
  align-items: stretch;
}

.source-score-card,
.source-trend-panel,
.source-profile-metrics,
.source-profile-meta,
.source-recent-list {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f1214;
}

.source-score-card {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
}

.source-score-main {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.source-score-main strong {
  color: var(--ink);
  font-size: 30px;
  line-height: 1;
}

.source-score-main span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.source-score-meter {
  overflow: hidden;
  height: 7px;
  border-radius: 99px;
  background: #242a2e;
}

.source-score-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gold);
}

.source-score-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.source-score-foot b {
  color: var(--gold);
  font-size: 11px;
}

.source-score-foot span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.source-score-card.grade-strong .source-score-meter i {
  background: #55d6a5;
}

.source-score-card.grade-watch .source-score-meter i,
.source-score-card.grade-early .source-score-meter i {
  background: #d7a63d;
}

.source-score-card.grade-weak .source-score-meter i {
  background: #ff7b72;
}

.source-score-card p {
  margin: 0;
  color: #b7c0c6;
  font-size: 12px;
  line-height: 1.55;
}

.source-trend-panel {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 14px;
}

.source-trend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.source-trend-head strong {
  color: var(--ink);
  font-size: 13px;
}

.source-trend-head span {
  padding: 4px 8px;
  border-radius: 99px;
  background: rgba(224, 173, 60, 0.12);
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
}

.source-trend-panel.improving .source-trend-head span {
  background: rgba(85, 214, 165, 0.12);
  color: #55d6a5;
}

.source-trend-panel.declining .source-trend-head span {
  background: rgba(255, 123, 114, 0.12);
  color: #ff7b72;
}

.source-trend-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid var(--line);
}

.source-trend-metrics > div {
  display: grid;
  gap: 3px;
  padding: 9px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.source-trend-metrics > div:nth-child(2n) {
  border-right: 0;
}

.source-trend-metrics > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.source-trend-metrics b {
  color: var(--ink);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.source-trend-metrics span,
.source-trend-panel p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.source-trend-panel p {
  margin: 0;
}

.source-profile-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}

.source-profile-metrics > div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 92px;
  padding: 12px;
  border-right: 1px solid var(--line);
}

.source-profile-metrics > div:last-child {
  border-right: 0;
}

.source-profile-metrics strong {
  color: var(--ink);
  font-size: 20px;
}

.source-profile-metrics span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.source-profile-meta {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 14px;
}

.source-profile-meta .symbol-tags span {
  color: var(--gold);
}

.source-recent-list {
  display: grid;
  gap: 0;
  overflow: hidden;
}

.source-recent-empty {
  padding: 12px 14px;
  color: var(--muted);
  font-size: 12px;
}

.source-recent-observation {
  display: grid;
  grid-template-columns: minmax(90px, 140px) auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  border-top: 1px solid var(--line);
}

.source-recent-observation:first-child {
  border-top: 0;
}

.source-recent-observation strong {
  color: var(--ink);
  font-size: 12px;
}

.source-recent-observation span {
  width: fit-content;
  padding: 4px 7px;
  border-radius: 6px;
  background: #252a2e;
  color: #c7cdd2;
  font-size: 10px;
  font-weight: 900;
}

.source-recent-observation span.good {
  color: #55d6a5;
}

.source-recent-observation span.bad {
  color: #ff7b72;
}

.source-recent-observation p {
  overflow: hidden;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.danger-text-button {
  border: 1px solid #493034;
  border-radius: 7px;
  color: #ff8d85;
  background: transparent;
}

.danger-text-button:hover {
  background: #2d2023;
}

.opinion-archive-header {
  align-items: flex-start;
}

.opinion-archive-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.opinion-archive-actions select {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 0 10px;
  color: var(--ink);
  background: #181c1f;
}

.opinion-archive-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
  background: #0b0f12;
}

.opinion-archive-summary > div {
  display: grid;
  gap: 3px;
  padding: 14px 18px;
  border-right: 1px solid var(--line);
}

.opinion-archive-summary > div:last-child {
  border-right: 0;
}

.opinion-archive-summary strong {
  color: var(--ink);
  font-size: 20px;
}

.opinion-archive-summary span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.intelligence-overview-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.intelligence-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
}

.content-grid[data-active-section="intelligence"] .intelligence-overview-grid {
  min-height: 0;
}

.intelligence-overview-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #101418;
}

.compact-card-header {
  display: grid;
  gap: 3px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
  background: #151a1f;
}

.compact-card-header h4 {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
}

.intelligence-overview-source,
.intelligence-overview-observation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}

.intelligence-overview-source {
  cursor: pointer;
}

.intelligence-overview-source:hover {
  background: #171c20;
}

.intelligence-overview-source:last-child,
.intelligence-overview-observation:last-child {
  border-bottom: 0;
}

.intelligence-overview-source > div:first-child,
.intelligence-overview-observation > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.intelligence-overview-source strong,
.intelligence-overview-observation strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intelligence-overview-source span,
.intelligence-overview-observation span {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.intelligence-overview-score {
  display: grid;
  justify-items: end;
  gap: 2px;
  flex: 0 0 auto;
}

.intelligence-overview-score b {
  color: var(--gold);
  font-size: 18px;
}

.intelligence-overview-observation > b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 6px;
  background: #252a2e;
  color: #c7cdd2;
  font-size: 11px;
}

.intelligence-overview-observation > b.good {
  color: #55d6a5;
}

.intelligence-overview-observation > b.bad {
  color: #ff7b72;
}

.intelligence-price-workbench {
  grid-column: span 2;
}

.intelligence-price-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
}

.intelligence-price-summary > div {
  padding: 10px 12px;
  border-left: 1px solid var(--line);
  box-shadow: inset 3px 0 0 #6f7a82;
}

.intelligence-price-summary > div:first-child {
  border-left: 0;
}

.intelligence-price-summary > div.ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.intelligence-price-summary > div.warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.intelligence-price-summary > div.bad {
  box-shadow: inset 3px 0 0 #ff6b6b;
}

.intelligence-price-summary strong {
  display: block;
  color: var(--ink);
  font-size: 20px;
  line-height: 1;
}

.intelligence-price-summary span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.intelligence-price-list {
  display: grid;
}

.intelligence-price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  box-shadow: inset 3px 0 0 #6f7a82;
}

.intelligence-price-row.ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.intelligence-price-row.warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.intelligence-price-row.bad {
  box-shadow: inset 3px 0 0 #ff6b6b;
}

.intelligence-price-row strong,
.intelligence-price-row span,
.intelligence-price-row p,
.intelligence-price-row small {
  display: block;
}

.intelligence-price-row strong {
  color: var(--ink);
  font-size: 14px;
}

.intelligence-price-row span,
.intelligence-price-row p,
.intelligence-price-row small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.intelligence-price-row small {
  color: var(--ink-soft);
}

.intelligence-price-row > b {
  align-self: start;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(226, 178, 74, 0.14);
  color: var(--gold);
  font-size: 11px;
  white-space: nowrap;
}

.intelligence-price-row > b.ok {
  background: rgba(85, 214, 165, 0.13);
  color: #55d6a5;
}

.intelligence-price-row > b.bad {
  background: rgba(255, 107, 107, 0.12);
  color: #ff8a8a;
}

.intelligence-price-action {
  margin: 12px 14px;
}

.compact-empty {
  margin: 12px;
}

.data-health-panel {
  min-height: 620px;
}

.content-grid[data-active-section="sources"] > .panel[data-source-pane="macro"],
.content-grid[data-active-section="sources"] > .panel[data-source-pane="company"] {
  min-height: calc(100vh - 130px);
  padding: 0;
  background: #0d1115;
}

.content-grid[data-active-section="sources"] > .panel[data-source-pane="macro"] > .panel-header,
.content-grid[data-active-section="sources"] > .panel[data-source-pane="company"] > .panel-header {
  min-height: 92px;
  margin: 0;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  background: #11161b;
}

.content-grid[data-active-section="sources"] .default-data-grid,
.content-grid[data-active-section="sources"] .source-data-preview {
  padding: 18px;
}

.health-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}

.health-metric {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 104px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #111416;
  box-shadow: inset 3px 0 0 #6f7a82;
}

.health-metric.ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.health-metric.warn,
.health-row.warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.health-metric.bad,
.health-row.bad {
  box-shadow: inset 3px 0 0 #ff7b72;
}

.health-metric.loading {
  box-shadow: inset 3px 0 0 #4fa3ff;
}

.health-metric div {
  display: grid;
  align-content: start;
  gap: 6px;
}

.health-metric span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.health-metric strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1.1;
}

.health-metric > b {
  width: fit-content;
  height: fit-content;
  padding: 5px 8px;
  border-radius: 6px;
  background: #252a2e;
  color: #c7cdd2;
  font-size: 10px;
}

.health-metric p {
  grid-column: 1 / -1;
  margin: 0;
  color: #b7c0c6;
  font-size: 12px;
  line-height: 1.5;
}

.health-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
}

.health-diagnostics {
  padding: 18px;
  border-bottom: 1px solid var(--line);
}

.health-diagnostics-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.health-diagnostics-head h4 {
  margin: 3px 0;
  color: var(--ink);
  font-size: 18px;
}

.health-diagnostics-head p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.health-diagnostics-head > span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: #252a2e;
  color: #dce3e8;
  font-size: 11px;
  font-weight: 900;
}

.health-issue-list {
  display: grid;
  gap: 10px;
}

.health-inline-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 10px;
}

.price-alias-panel {
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #101416;
  overflow: hidden;
}

.price-alias-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px;
  border-bottom: 1px solid var(--line);
}

.price-alias-head h4 {
  margin: 3px 0;
  color: var(--ink);
  font-size: 18px;
}

.price-alias-head p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.price-alias-head > span {
  flex: 0 0 auto;
  align-self: flex-start;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(226, 178, 74, 0.16);
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
}

.price-alias-list {
  display: grid;
}

.price-alias-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.55fr);
  gap: 16px;
  align-items: center;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
}

.price-alias-row:first-child {
  border-top: 0;
}

.price-alias-row strong {
  display: block;
  color: var(--ink);
  font-size: 15px;
}

.price-alias-row span,
.price-alias-row p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.price-alias-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.price-alias-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
}

.price-alias-actions input {
  min-width: 0;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #0c1012;
  color: var(--ink);
  padding: 0 10px;
  font-weight: 800;
}

.price-queue-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  border-bottom: 1px solid var(--line);
}

.price-queue-summary > div {
  padding: 12px 14px;
  border-left: 1px solid var(--line);
}

.price-queue-summary > div:first-child {
  border-left: 0;
}

.price-queue-summary strong {
  display: block;
  color: var(--ink);
  font-size: 22px;
  line-height: 1;
}

.price-queue-summary span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.price-queue-summary small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}

.price-queue-summary .ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.price-queue-summary .warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.price-queue-summary .bad {
  box-shadow: inset 3px 0 0 #ff6b6b;
}

.price-provider-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.025);
  font-size: 12px;
}

.price-provider-status strong {
  color: var(--ink);
  font-size: 12px;
}

.price-provider-status span {
  color: var(--muted);
  font-weight: 800;
  text-align: right;
}

.price-provider-status.ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.price-provider-status.warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.price-queue-row {
  align-items: start;
}

.price-queue-row.warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.price-queue-row.bad {
  box-shadow: inset 3px 0 0 #ff6b6b;
}

.price-queue-row.ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.price-queue-main {
  min-width: 0;
}

.price-queue-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

.price-queue-title b,
.price-queue-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(226, 178, 74, 0.14);
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
}

.price-queue-status.ok,
.price-queue-title b.ok {
  background: rgba(85, 214, 165, 0.13);
  color: #55d6a5;
}

.price-queue-status.bad,
.price-queue-title b.bad {
  background: rgba(255, 107, 107, 0.12);
  color: #ff8a8a;
}

.price-queue-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.price-queue-tags span {
  margin: 0;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(232, 238, 242, 0.08);
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
}

.price-queue-reason {
  margin-top: 8px;
}

.price-queue-reason summary {
  cursor: pointer;
  color: var(--gold);
  font-size: 12px;
  font-weight: 900;
}

.price-queue-reason p {
  margin-top: 6px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.12);
}

.health-issue {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #101416;
  box-shadow: inset 3px 0 0 #6f7a82;
}

.health-issue.ok {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.health-issue.warn {
  box-shadow: inset 3px 0 0 var(--gold);
}

.health-issue.bad {
  box-shadow: inset 3px 0 0 #ff7b72;
}

.health-issue-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.health-issue-head div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.health-issue-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.health-issue-head strong {
  color: var(--ink);
  font-size: 15px;
}

.health-issue-head b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 6px;
  background: #252a2e;
  color: #dce3e8;
  font-size: 10px;
}

.health-issue dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.health-issue dl div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.025);
}

.health-issue dt {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.health-issue dd {
  margin: 0;
  color: #d7dde2;
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.health-issue-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

.health-section {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #111416;
}

.health-row-list {
  display: grid;
}

.health-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}

.health-row:last-child {
  border-bottom: 0;
}

.health-row > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.health-row strong {
  color: var(--ink);
  font-size: 13px;
}

.health-row span {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.health-row > b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 6px;
  background: #252a2e;
  color: #c7cdd2;
  font-size: 10px;
}

.source-detail-panel {
  min-height: calc(100vh - 130px);
}

.source-detail-hero {
  display: grid;
  grid-template-columns: minmax(190px, 240px) minmax(260px, 1fr) minmax(360px, 1.2fr);
  gap: 14px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
  background: #0b0f12;
}

.source-detail-summary {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f1214;
}

.source-detail-summary h4 {
  margin: 0;
  color: var(--ink);
  font-size: 15px;
}

.source-detail-summary p {
  margin: 0;
  color: #c3cbd0;
  font-size: 13px;
  line-height: 1.6;
}

.source-explanation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.source-explanation-box {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.source-explanation-box strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ink);
  font-size: 12px;
}

.source-explanation-box ul {
  margin: 0;
  padding-left: 16px;
}

.source-explanation-box li {
  margin: 4px 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.source-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}

.source-detail-grid.observations {
  border-bottom: 0;
}

.source-detail-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #101418;
}

#sourceDetailContent {
  max-height: calc(100vh - 236px);
  overflow: auto;
}

.source-detail-metric-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.source-detail-metric-list > div {
  display: grid;
  gap: 4px;
  min-height: 70px;
  padding: 12px 14px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.source-detail-metric-list > div:nth-child(2n) {
  border-right: 0;
}

.source-detail-metric-list > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.source-detail-metric-list strong {
  color: var(--ink);
  font-size: 20px;
}

.source-detail-metric-list span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.source-detail-horizons {
  display: grid;
}

.source-detail-horizon {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 64px 80px;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
}

.source-detail-horizon:last-child {
  border-bottom: 0;
}

.source-detail-horizon strong {
  color: var(--gold);
  font-size: 13px;
}

.source-detail-horizon span,
.source-detail-horizon small {
  color: var(--muted);
  font-size: 11px;
}

.source-detail-horizon b {
  color: var(--ink);
  font-size: 13px;
}

.source-detail-issues {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 14px 18px 14px 30px;
  color: #c3cbd0;
  font-size: 13px;
  line-height: 1.6;
}

.source-price-issue-list {
  display: grid;
  border-bottom: 1px solid var(--line);
}

.source-price-issue-row {
  display: grid;
  grid-template-columns: minmax(100px, 150px) 90px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
}

.source-price-issue-row:last-child {
  border-bottom: 0;
}

.source-price-issue-row strong {
  color: var(--ink);
  font-size: 12px;
}

.source-price-issue-row span {
  color: var(--gold);
  font-size: 11px;
  font-weight: 900;
}

.source-price-issue-row p {
  overflow: hidden;
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-detail-opinion {
  display: grid;
  grid-template-columns: minmax(100px, 140px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}

.source-detail-opinion:last-child {
  border-bottom: 0;
}

.source-detail-opinion > div {
  display: grid;
  gap: 3px;
}

.source-detail-opinion strong {
  color: var(--ink);
  font-size: 12px;
}

.source-detail-opinion span {
  color: var(--muted);
  font-size: 10px;
}

.source-detail-opinion p {
  overflow: hidden;
  margin: 0;
  color: #b7c0c6;
  font-size: 12px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-detail-opinion > b {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 6px;
  background: #252a2e;
  color: #c7cdd2;
  font-size: 10px;
}

.source-detail-opinion > b.good {
  color: #55d6a5;
}

.source-detail-opinion > b.bad {
  color: #ff7b72;
}

.opinion-event-list {
  display: grid;
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.opinion-event {
  display: grid;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  background: #0f1317;
}

.opinion-event:hover {
  background: #151a20;
}

.opinion-event:hover {
  background: #15191c;
}

.opinion-event.viewpoint {
  box-shadow: inset 3px 0 0 var(--gold);
}

.opinion-event.confirmed {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.opinion-event.auto_accepted {
  box-shadow: inset 3px 0 0 #4fa3ff;
}

.opinion-event.rejected {
  opacity: 0.62;
  box-shadow: inset 3px 0 0 #6b7379;
}

.opinion-event-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.opinion-event-head > div {
  display: grid;
  gap: 3px;
}

.opinion-author {
  color: var(--ink);
  font-size: 14px;
  font-weight: 900;
}

.opinion-meta {
  color: var(--muted);
  font-size: 11px;
}

.opinion-review-state {
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.opinion-event-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.opinion-event-tags span,
.opinion-event-tags strong {
  padding: 4px 7px;
  border-radius: 6px;
  background: #252a2e;
  color: #c7cdd2;
  font-size: 10px;
  font-weight: 900;
}

.opinion-event-tags strong {
  color: var(--gold);
}

.opinion-event-tags .bullish {
  color: #55d6a5;
}

.opinion-event-tags .bearish {
  color: #ff7b72;
}

.opinion-event h4 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.5;
}

.opinion-reason {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  color: #bec5ca;
  font-size: 13px;
  line-height: 1.55;
}

.opinion-reason strong {
  color: var(--muted);
  font-size: 11px;
}

.opinion-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  color: var(--muted);
  font-size: 11px;
}

.opinion-facts span {
  display: inline-flex;
  gap: 5px;
}

.opinion-facts b {
  color: #8e979e;
}

.opinion-original {
  border-top: 1px solid var(--line);
  padding-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.opinion-original summary {
  cursor: pointer;
  font-weight: 800;
}

.opinion-original p {
  color: #aeb7bd;
  line-height: 1.6;
  white-space: pre-wrap;
}

.opinion-original a {
  color: var(--blue);
}

.opinion-review-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.opinion-review-actions button {
  min-height: 34px;
  padding: 0 11px;
  font-size: 11px;
}

.observation-panel {
  min-height: calc(100vh - 130px);
}

.observation-list {
  display: grid;
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.observation-item {
  display: grid;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  background: #0f1317;
  box-shadow: inset 3px 0 0 #4fa3ff;
}

.observation-item:hover {
  background: #151a20;
}

.observation-item.completed {
  box-shadow: inset 3px 0 0 #55d6a5;
}

.observation-item.price_unavailable {
  box-shadow: inset 3px 0 0 #d7a63d;
}

.observation-item.no_price_history {
  box-shadow: inset 3px 0 0 #7d8790;
  opacity: 0.84;
}

.observation-item.due {
  box-shadow: inset 3px 0 0 var(--gold);
}

.observation-item .opinion-event-tags span.good {
  color: #55d6a5;
  border-color: rgba(85, 214, 165, 0.35);
  background: rgba(85, 214, 165, 0.08);
}

.observation-item .opinion-event-tags span.bad {
  color: #ff7b7b;
  border-color: rgba(255, 123, 123, 0.35);
  background: rgba(255, 123, 123, 0.08);
}

.observation-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.observation-head > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.observation-head strong,
.observation-item h4 {
  color: var(--ink);
}

.observation-head strong {
  font-size: 14px;
}

.observation-head span,
.observation-head > span {
  color: var(--muted);
  font-size: 11px;
}

.observation-head > span {
  width: fit-content;
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  font-weight: 900;
}

.observation-item h4 {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.observation-result {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: #d4dbe0;
  background: #15191c;
  font-size: 13px;
  line-height: 1.55;
}

.source-rail {
  min-width: 0;
  border-right: 1px solid var(--line);
  background: #0f1317;
  overflow: hidden;
}

.source-rail-header,
.source-stream-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px;
  border-bottom: 1px solid var(--line);
}

.source-rail-header {
  min-height: 92px;
  background: #11161b;
}

.source-stream {
  min-width: 0;
  background: #090c0f;
  overflow: hidden;
}

.source-stream-header {
  min-height: 92px;
  background: #11161b;
}

.source-stream-header .panel-subtitle {
  max-width: 680px;
}

.source-stream > .save-status {
  min-height: 20px;
  margin: 0;
  padding: 10px 18px;
  border-bottom: 1px solid var(--line);
  background: #0d1115;
}

.source-feed-list {
  max-height: calc(100vh - 244px);
  overflow: auto;
  gap: 0;
}

.source-feed-list .feed-item {
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: #0c1013;
}

.source-feed-list .feed-item:hover {
  background: #12171c;
}

.source-list {
  display: grid;
  max-height: calc(100vh - 222px);
  overflow: auto;
}

.xueqiu-auth-panel {
  margin: 0 12px 12px;
  padding: 12px;
  border: 1px solid rgba(224, 177, 74, 0.38);
  background: rgba(224, 177, 74, 0.08);
}

.xueqiu-toolbar-status {
  gap: 7px;
}

.xueqiu-toolbar-status span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--muted);
}

.xueqiu-toolbar-status.ok span {
  background: var(--green);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 14%, transparent);
}

.xueqiu-toolbar-status.warn span {
  background: var(--gold);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 16%, transparent);
}

.xueqiu-toolbar-status.bad span {
  background: var(--red);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--red) 14%, transparent);
}

.xueqiu-toolbar-drawer {
  flex: 0 0 100%;
  width: 100%;
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--line));
  background: color-mix(in srgb, var(--panel-soft) 88%, var(--gold) 6%);
}

.xueqiu-toolbar-drawer-head {
  display: grid;
  gap: 3px;
}

.xueqiu-toolbar-drawer-head strong {
  color: var(--text);
}

.xueqiu-toolbar-drawer-head span {
  color: var(--muted);
  font-size: 12px;
}

.xueqiu-toolbar-drawer textarea {
  width: 100%;
  min-height: 78px;
  resize: vertical;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  padding: 9px 10px;
  font: inherit;
  font-size: 12px;
}

.xueqiu-toolbar-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.xueqiu-auth-panel > .xueqiu-auth-head,
.xueqiu-auth-panel > p:not(.save-status),
.xueqiu-auth-panel > .xueqiu-auth-guide,
.xueqiu-auth-panel > .xueqiu-quick-source,
.xueqiu-auth-panel > #xueqiuAuthInput,
.xueqiu-auth-panel > .xueqiu-auth-actions,
.xueqiu-auth-panel > #xueqiuAuthMessage,
.xueqiu-auth-panel > #xueqiuAuthDiagnostics {
  display: none;
}

.xueqiu-auth-panel.xueqiu-compact {
  padding: 8px;
  background: transparent;
}

.xueqiu-auth-panel.xueqiu-compact > p:not(.save-status),
.xueqiu-auth-panel.xueqiu-compact .xueqiu-auth-guide,
.xueqiu-auth-panel.xueqiu-compact .xueqiu-quick-source,
.xueqiu-auth-panel.xueqiu-compact #xueqiuAuthInput,
.xueqiu-auth-panel.xueqiu-compact .xueqiu-auth-actions,
.xueqiu-auth-panel.xueqiu-compact .xueqiu-auth-diagnostics {
  display: none;
}

.xueqiu-auth-panel.xueqiu-compact .xueqiu-auth-head {
  margin-top: 8px;
  padding: 8px 9px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}

.xueqiu-auth-panel.xueqiu-compact .xueqiu-auth-head-actions {
  display: none;
}

.xueqiu-auth-panel.xueqiu-compact .xueqiu-auth-message {
  margin: 7px 2px 0;
}

.xueqiu-auth-head,
.xueqiu-auth-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.xueqiu-auth-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.xueqiu-auth-head strong,
.xueqiu-auth-head span,
.xueqiu-auth-panel p {
  display: block;
}

.xueqiu-auth-guide {
  display: grid;
  gap: 6px;
  margin: 10px 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.xueqiu-auth-guide code {
  padding: 1px 5px;
  border: 1px solid var(--border);
  background: var(--panel-soft);
  color: var(--text);
  font-family: inherit;
  font-size: 11px;
}

.xueqiu-quick-source {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel-soft) 86%, transparent);
}

.xueqiu-quick-source strong {
  color: var(--text);
  font-size: 12px;
}

.xueqiu-quick-source input {
  width: 100%;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  padding: 8px 9px;
  font: inherit;
  font-size: 12px;
}

.xueqiu-auth-head strong {
  color: var(--text);
}

.xueqiu-auth-head span,
.xueqiu-auth-panel p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.xueqiu-auth-head span.ok {
  color: var(--green);
}

.xueqiu-auth-head span.warn {
  color: var(--gold);
}

.xueqiu-auth-head span.bad {
  color: var(--red);
}

.xueqiu-auth-panel textarea {
  width: 100%;
  margin: 10px 0;
  resize: vertical;
  min-height: 82px;
  border: 1px solid var(--border);
  background: var(--panel-soft);
  color: var(--text);
  padding: 10px;
  font: inherit;
  font-size: 12px;
}

.xueqiu-auth-actions .compact,
.xueqiu-auth-head .compact,
.xueqiu-auth-head-actions .compact {
  min-height: 32px;
  padding: 7px 10px;
  font-size: 12px;
}

.xueqiu-auth-diagnostics {
  display: grid;
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.xueqiu-auth-diagnostics strong {
  color: var(--text);
}

.xueqiu-auth-diagnostics .xueqiu-auth-step {
  padding: 6px 8px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}

.xueqiu-auth-message.ok {
  color: var(--green);
}

.xueqiu-auth-message.pending {
  color: var(--gold);
}

.xueqiu-auth-message.bad {
  color: var(--red);
}

.xueqiu-action-result {
  display: grid;
  gap: 4px;
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--gold);
  background: color-mix(in srgb, var(--panel-soft) 86%, transparent);
}

.xueqiu-action-result.ok {
  border-left-color: var(--green);
  background: color-mix(in srgb, var(--panel-soft) 84%, var(--green) 10%);
}

.xueqiu-action-result.pending {
  border-left-color: var(--gold);
  background: color-mix(in srgb, var(--panel-soft) 84%, var(--gold) 10%);
}

.xueqiu-action-result.bad {
  border-left-color: var(--red);
  background: color-mix(in srgb, var(--panel-soft) 84%, var(--red) 10%);
}

.xueqiu-action-result strong {
  color: var(--text);
}

.xueqiu-action-result span {
  color: var(--muted);
  word-break: break-word;
}

#xueqiuRosterMount {
  display: block;
}

.xueqiu-roster {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.xueqiu-roster-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.xueqiu-roster-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.xueqiu-roster-head div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.xueqiu-roster-head strong {
  color: var(--text);
}

.xueqiu-roster-head span {
  color: var(--muted);
}

.xueqiu-roster-warning {
  padding: 8px 9px;
  border-left: 3px solid var(--gold);
  background: color-mix(in srgb, var(--panel-soft) 82%, var(--gold) 10%);
  color: var(--text);
}

.xueqiu-setup-drawer {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--line));
  background: color-mix(in srgb, var(--panel-soft) 82%, var(--gold) 8%);
}

.xueqiu-setup-status {
  display: grid;
  gap: 3px;
  color: var(--muted);
}

.xueqiu-setup-status strong {
  color: var(--text);
}

.xueqiu-inline-fields,
.xueqiu-inline-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
}

.xueqiu-inline-fields input,
.xueqiu-setup-drawer textarea {
  width: 100%;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  padding: 8px 9px;
  font: inherit;
  font-size: 12px;
}

.xueqiu-setup-drawer textarea {
  resize: vertical;
  min-height: 72px;
}

.xueqiu-setup-drawer .compact {
  min-height: 32px;
}

.xueqiu-setup-drawer p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.xueqiu-roster-list {
  display: grid;
  gap: 7px;
}

.xueqiu-roster-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 9px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  background: var(--panel-soft);
}

.xueqiu-roster-row.selected {
  border-color: color-mix(in srgb, var(--gold) 70%, var(--line));
  background: color-mix(in srgb, var(--panel-soft) 84%, var(--gold) 10%);
}

.xueqiu-roster-row.ok {
  border-left-color: var(--green);
}

.xueqiu-roster-row.bad {
  border-left-color: var(--red);
}

.xueqiu-roster-row.muted {
  border-left-color: var(--muted);
  opacity: 0.78;
}

.xueqiu-roster-main {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.xueqiu-roster-main strong {
  color: var(--text);
  font-size: 13px;
}

.xueqiu-roster-main span,
.xueqiu-roster-main small {
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xueqiu-roster-state {
  display: grid;
  gap: 3px;
  color: var(--muted);
  text-align: left;
}

.xueqiu-roster-state em {
  color: var(--text);
  font-style: normal;
  font-weight: 900;
}

.xueqiu-roster-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.xueqiu-roster-actions .compact {
  min-height: 28px;
  padding: 5px 8px;
}

.xueqiu-roster-empty {
  padding: 12px;
  border: 1px dashed var(--border);
  color: var(--muted);
}

.xueqiu-auth-diagnostics .xueqiu-auth-current {
  display: grid;
  gap: 3px;
  padding: 8px 9px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.xueqiu-auth-diagnostics .xueqiu-auth-current.ok {
  border-color: color-mix(in srgb, var(--green) 45%, var(--line));
}

.xueqiu-auth-diagnostics .xueqiu-auth-current.pending {
  border-color: color-mix(in srgb, var(--gold) 45%, var(--line));
}

.xueqiu-auth-diagnostics .xueqiu-auth-current span {
  color: var(--muted);
}

.xueqiu-auth-quality {
  display: grid;
  gap: 8px;
  padding: 8px 9px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  background: var(--panel);
}

.xueqiu-auth-quality.ok {
  border-left-color: var(--green);
}

.xueqiu-auth-quality.pending {
  border-left-color: var(--gold);
}

.xueqiu-auth-quality span {
  color: var(--text);
  font-weight: 800;
}

.xueqiu-auth-quality small {
  color: var(--muted);
  line-height: 1.5;
}

.xueqiu-auth-field-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.xueqiu-auth-field-chips span {
  padding: 4px 7px;
  border-radius: 999px;
  background: var(--chip-bg);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.xueqiu-auth-field-chips span.ok {
  background: rgba(75, 221, 154, 0.12);
  color: var(--green);
}

.xueqiu-auth-field-chips span.bad {
  background: rgba(255, 107, 107, 0.12);
  color: var(--red);
}

.xueqiu-auth-field-chips span.pending {
  background: rgba(224, 177, 74, 0.14);
  color: var(--gold);
}

.xueqiu-source-states {
  display: grid;
  gap: 6px;
}

.xueqiu-source-states > strong {
  color: var(--text);
}

.xueqiu-source-state {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 8px 9px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}

.xueqiu-source-state.ok {
  border-left: 2px solid var(--green);
}

.xueqiu-source-state.pending {
  border-left: 2px solid var(--gold);
}

.xueqiu-source-state.bad {
  border-left: 2px solid var(--red);
}

.xueqiu-source-state div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.xueqiu-source-state span {
  color: var(--muted);
  word-break: break-word;
}

.xueqiu-source-state small {
  color: var(--muted);
  font-size: 12px;
}

.xueqiu-source-state a {
  color: var(--accent);
  font-size: 12px;
}

.xueqiu-source-state em {
  color: var(--muted);
  font-style: normal;
  white-space: nowrap;
}

.xueqiu-auth-diagnostics .xueqiu-auth-help {
  display: grid;
  gap: 3px;
  padding: 7px 8px;
  border-left: 2px solid var(--gold);
  background: color-mix(in srgb, var(--panel-soft) 82%, transparent);
}

.xueqiu-auth-diagnostics .xueqiu-auth-help span {
  color: var(--muted);
}

.xueqiu-auth-checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.xueqiu-auth-checklist > div {
  display: grid;
  gap: 3px;
  padding: 7px 8px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}

.xueqiu-auth-checklist > div.ok {
  border-color: color-mix(in srgb, var(--green) 45%, var(--line));
}

.xueqiu-auth-checklist > div.ok strong {
  color: var(--green);
}

.xueqiu-auth-checklist > div.pending strong {
  color: var(--gold);
}

.xueqiu-auth-checklist span {
  color: var(--muted);
}

.xueqiu-auth-diagnostics code {
  padding: 1px 5px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  font-family: inherit;
  font-size: 11px;
}

.xueqiu-auth-diagnostics .warn {
  color: var(--gold);
}

.xueqiu-auth-diagnostics .bad {
  color: var(--red);
  word-break: break-word;
}

.source-list-group {
  display: grid;
  border-bottom: 1px solid var(--line);
}

.source-list-group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 12px 18px 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.source-list-group-title strong {
  display: grid;
  min-width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 999px;
  background: #30363b;
  color: var(--ink);
  font-size: 10px;
}

.source-list-group .source-list-row:last-child {
  border-bottom: 0;
}

.source-list-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  align-items: center;
  gap: 8px;
  min-height: 74px;
  border-bottom: 1px solid var(--line);
}

.source-list-row:hover,
.source-list-row.selected {
  background: #1b2026;
}

.source-list-row.selected {
  box-shadow: inset 3px 0 0 var(--gold);
}

.source-select-button,
.source-list-all {
  min-width: 0;
  border: 0;
  color: var(--ink);
  background: transparent;
  text-align: left;
}

.source-select-button {
  display: grid;
  gap: 4px;
  align-self: stretch;
  align-content: center;
  padding: 12px 4px 12px 18px;
}

.source-list-name,
.source-list-detail,
.source-list-meta {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-list-name {
  font-size: 14px;
  font-weight: 900;
}

.source-list-detail,
.source-list-meta {
  color: var(--muted);
  font-size: 11px;
}

.source-health-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--line);
  background: #15181b;
}

.source-health-summary span {
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.source-health-summary .healthy,
.source-health-line.healthy {
  color: #55d6a5;
}

.source-health-summary .warning,
.source-health-line.warning {
  color: var(--gold);
}

.source-health-summary .error,
.source-health-line.error {
  color: #ff7b72;
}

.source-health-line {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
}

.source-health-line i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
}

.source-health-line strong {
  font-size: 11px;
}

.source-health-line span {
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-health-advice {
  display: -webkit-box;
  overflow: hidden;
  color: #8f989f;
  font-size: 10px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.source-list-all {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.source-list-all:hover,
.source-list-all.selected {
  color: var(--ink);
  background: #202529;
}

.source-list-all strong {
  display: grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  background: #30363b;
  color: var(--ink);
  font-size: 11px;
}

.source-collection {
  border-bottom: 1px solid var(--line);
}

.source-collection.selected > .source-collection-header {
  box-shadow: inset 3px 0 0 var(--gold);
  background: #202529;
}

.source-collection-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: center;
  min-height: 48px;
}

.source-collection-header:has(.source-group-menu-button) {
  grid-template-columns: minmax(0, 1fr) 30px 32px;
}

.source-collection-select {
  display: flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 0;
  padding: 0 6px 0 18px;
  color: var(--ink);
  background: transparent;
  text-align: left;
  font-size: 13px;
  font-weight: 900;
}

.source-collection-select strong {
  display: grid;
  min-width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 999px;
  background: #30363b;
  color: var(--ink);
  font-size: 10px;
}

.source-collapse-button,
.source-group-menu-button,
.source-more-button,
.source-groups-toolbar button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--muted);
  background: transparent;
  font-weight: 900;
}

.source-collapse-button:hover,
.source-group-menu-button:hover,
.source-more-button:hover,
.source-groups-toolbar button:hover {
  border-color: var(--line);
  color: var(--ink);
  background: #252a2e;
}

.source-collection-items {
  border-top: 1px solid var(--line);
}

.source-collection-empty {
  padding: 12px 18px;
  color: var(--muted);
  font-size: 11px;
}

.source-groups-toolbar {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 18px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  background: #111416;
  font-size: 11px;
  font-weight: 900;
}

.source-row-actions {
  position: relative;
  display: grid;
  grid-template-columns: 38px 28px;
  align-items: center;
  gap: 2px;
  padding-right: 5px;
}

.source-group-actions {
  position: relative;
}

.source-group-action-menu {
  position: absolute;
  z-index: 22;
  top: 32px;
  right: 0;
  display: grid;
  width: 132px;
  overflow: hidden;
  border: 1px solid #3b4248;
  border-radius: 7px;
  background: #202428;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.source-group-action-menu button {
  min-height: 36px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 0 11px;
  color: var(--ink);
  background: transparent;
  text-align: left;
  font-size: 11px;
}

.source-group-action-menu button:last-child {
  border-bottom: 0;
}

.source-group-action-menu button:hover {
  background: #2a3035;
}

.source-group-action-menu button.danger {
  color: #ff8d85;
}

.source-more-button {
  font-size: 17px;
  line-height: 1;
}

.source-action-menu {
  position: absolute;
  z-index: 20;
  top: 34px;
  right: 7px;
  display: grid;
  width: 174px;
  overflow: hidden;
  border: 1px solid #3b4248;
  border-radius: 7px;
  background: #202428;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.source-action-menu button {
  min-height: 38px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 0 12px;
  color: var(--ink);
  background: transparent;
  text-align: left;
  font-size: 12px;
}

.source-action-menu button:last-child {
  border-bottom: 0;
}

.source-action-menu button:hover {
  background: #2a3035;
}

.source-action-menu button.danger {
  color: #ff8d85;
}

.compact-switch {
  transform: scale(0.8);
  transform-origin: center;
}

.source-list-row.incomplete-source {
  opacity: 0.55;
}

.incomplete-sources {
  padding: 12px 18px;
}

.incomplete-sources > .source-list {
  margin: 12px -18px -12px;
  border-top: 1px solid var(--line);
}

.source-feed-list {
  gap: 0;
  padding: 8px 18px 24px;
}

.source-feed-list .feed-item {
  border-width: 0 0 1px;
  border-radius: 0;
  padding: 18px 4px;
  background: transparent;
}

.source-feed-list .feed-item:hover {
  background: #15191c;
}

.source-feed-list .empty-state {
  margin-top: 10px;
}

.content-grid[data-active-section="sources"] .source-feed-list {
  max-height: calc(100vh - 244px);
  overflow: auto;
  padding: 0 18px 22px;
}

.content-grid[data-active-section="sources"] .source-feed-list .feed-item {
  padding: 16px 4px;
  background: #0c1013;
}

.content-grid[data-active-section="sources"] .source-feed-list .feed-item:hover {
  background: #12171c;
}

.content-grid[data-active-section="sources"] .source-workbench {
  display: grid;
  grid-template-columns: clamp(280px, 24vw, 380px) minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  min-height: calc(100vh - 96px);
  height: calc(100vh - 96px);
  border: 1px solid var(--line);
  border-radius: 0;
  background: #0b0f13;
  overflow: hidden;
}

.source-command-bar {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 84px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #111820 0%, #0d1217 100%);
}

.source-command-bar h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
}

.source-command-bar .panel-subtitle {
  margin-top: 4px;
}

.source-command-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.source-command-actions button {
  min-height: 40px;
  border-radius: 7px;
  white-space: nowrap;
}

.source-command-actions input {
  width: min(320px, 28vw);
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 0 12px;
  color: var(--ink);
  background: #10161c;
  outline: none;
}

.source-command-actions input:focus {
  border-color: rgba(224, 181, 72, 0.72);
  box-shadow: 0 0 0 3px rgba(224, 181, 72, 0.12);
}

.content-grid[data-active-section="sources"] .source-workbench .source-rail {
  grid-column: 1;
  grid-row: 2;
  min-height: 0;
  background: #0c1116;
}

.content-grid[data-active-section="sources"] .source-workbench .source-stream {
  grid-column: 2;
  grid-row: 2;
  min-height: 0;
  background: #090d11;
}

.content-grid[data-active-section="sources"] .source-workbench .source-list {
  max-height: calc(100vh - 250px);
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list {
  max-height: calc(100vh - 250px);
  padding: 0;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item {
  display: grid;
  grid-template-columns: 74px minmax(112px, 170px) minmax(0, 1fr) auto;
  gap: 6px 14px;
  align-items: start;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  background: #0b0f13;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-head {
  display: contents;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-time {
  grid-column: 1;
  grid-row: 1 / span 4;
  color: #9eb0bf;
  font-size: 13px;
  white-space: normal;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-name {
  grid-column: 2;
  grid-row: 1;
  color: var(--ink);
  font-size: 14px;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-handle {
  grid-column: 2;
  grid-row: 2;
  color: var(--blue);
  font-size: 12px;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-title,
.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-summary-label,
.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-text,
.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-expand-button {
  grid-column: 3;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-title {
  margin: 0;
  font-size: 14px;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-text {
  margin: 0;
  color: #c9d5df;
  font-size: 14px;
  line-height: 1.55;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .source-meta {
  grid-column: 4;
  grid-row: 1;
  justify-content: flex-end;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-link {
  grid-column: 4;
  grid-row: 2;
  justify-self: end;
  white-space: nowrap;
}

/* Financial terminal pass: dense rows over stacked cards. */
.content-grid[data-active-section="sources"],
.content-grid[data-active-section="intelligence"],
.content-grid[data-active-section="health"] {
  gap: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 88px 88px,
    #070b0f;
}

.content-grid[data-active-section="intelligence"] > [data-intelligence-pane],
.content-grid[data-active-section="health"] > [data-view="health"] {
  border: 1px solid var(--line);
  border-radius: 0;
  background: #090d11;
  box-shadow: none;
}

.content-grid[data-active-section="intelligence"] > [data-intelligence-pane] > .panel-header,
.content-grid[data-active-section="health"] > [data-view="health"] > .panel-header,
.source-command-bar,
.source-rail-header,
.source-stream-header {
  min-height: 76px;
  padding: 14px 18px;
  background: #0e141a;
}

.content-grid[data-active-section="intelligence"] > [data-intelligence-pane] > .panel-header h3,
.content-grid[data-active-section="health"] > [data-view="health"] > .panel-header h3,
.source-command-bar h3,
.source-rail-header h3,
.source-stream-header h3 {
  font-size: 20px;
}

.content-grid[data-active-section="sources"] .source-workbench {
  grid-template-columns: clamp(300px, 24vw, 390px) minmax(0, 1fr);
  border-radius: 0;
  background: #080c10;
}

.content-grid[data-active-section="sources"] .source-workbench .source-list,
.content-grid[data-active-section="sources"] .source-workbench .source-feed-list,
.intelligence-source-list,
.opinion-event-list,
.observation-list,
#sourceDetailContent {
  scrollbar-color: #3a424a transparent;
  scrollbar-width: thin;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item {
  grid-template-columns: 76px minmax(150px, 210px) minmax(0, 1fr) minmax(88px, auto);
  min-height: 78px;
  padding: 12px 18px;
  background: transparent;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item:hover,
.intelligence-source-row:hover,
.source-profile-card:hover,
.opinion-event:hover,
.observation-item:hover,
.health-row:hover,
.health-issue:hover {
  background: #111820;
}

.content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-text {
  color: #c7d0d7;
  font-size: 13px;
}

.source-command-actions input,
.intelligence-inventory-tools input,
#opinionProfileSelect,
.opinion-archive-actions select {
  border-radius: 4px;
  background: #0b1117;
}

.source-list-row,
.source-collection-header,
.source-collection-select {
  min-height: 50px;
}

.source-list-row {
  grid-template-columns: minmax(0, 1fr) 64px;
}

.source-select-button {
  gap: 2px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.source-list-name {
  font-size: 13px;
}

.source-list-detail,
.source-list-meta {
  font-size: 10px;
}

.opinion-archive-summary {
  grid-auto-rows: 70px;
  background: #080c10;
}

.opinion-archive-summary > div {
  align-content: center;
  padding: 10px 16px;
}

.opinion-archive-summary strong {
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}

.intelligence-overview-grid {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
}

.intelligence-overview-card {
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.compact-card-header {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 16px;
  background: #0e141a;
}

.compact-card-header .eyebrow {
  margin: 0;
}

.compact-card-header h4 {
  font-size: 13px;
}

.intelligence-overview-source,
.intelligence-overview-observation {
  min-height: 48px;
  padding: 9px 16px;
}

.intelligence-source-row,
.source-profile-card,
.opinion-event,
.observation-item {
  border-radius: 0;
  background: transparent;
}

.intelligence-source-row {
  min-height: 58px;
  padding: 10px 16px;
}

.source-profile-card {
  gap: 10px;
  padding: 14px 16px;
}

.source-profile-body {
  grid-template-columns: 190px minmax(220px, 0.85fr) minmax(260px, 0.9fr) minmax(280px, 1fr);
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 0;
  overflow: hidden;
}

.source-score-card,
.source-trend-panel,
.source-profile-metrics,
.source-profile-meta,
.source-recent-list,
.source-detail-summary,
.source-detail-card,
.health-section,
.health-metric,
.health-issue {
  border-radius: 0;
  box-shadow: none;
}

.source-score-card,
.source-trend-panel,
.source-profile-metrics,
.source-profile-meta,
.source-recent-list {
  border: 0;
  border-right: 1px solid var(--line);
  background: #0d1217;
}

.source-recent-list {
  border-right: 0;
}

.source-score-main strong {
  font-size: 24px;
  font-variant-numeric: tabular-nums;
}

.source-profile-metrics > div {
  min-height: 70px;
}

.opinion-event {
  gap: 8px;
  padding: 12px 18px;
}

.opinion-event h4,
.observation-item h4 {
  font-size: 13px;
}

.opinion-facts,
.opinion-event-tags {
  gap: 5px 10px;
}

.opinion-event-tags span,
.opinion-event-tags strong,
.intelligence-source-tags span,
.intelligence-source-state > span,
.health-row > b,
.health-issue-head b,
.opinion-review-state,
.observation-head > span,
.source-recent-observation span,
.intelligence-overview-observation > b {
  border-radius: 3px;
  font-variant-numeric: tabular-nums;
}

.observation-item {
  gap: 8px;
  padding: 12px 18px;
}

.observation-result {
  border: 0;
  border-left: 1px solid var(--line);
  border-radius: 0;
  padding: 4px 0 4px 10px;
  background: transparent;
  color: #bec8d0;
}

.source-detail-hero {
  grid-template-columns: 190px minmax(260px, 0.85fr) minmax(340px, 1fr);
  gap: 0;
  padding: 0;
}

.source-detail-summary,
.source-detail-hero > .source-score-card,
.source-detail-hero > .source-profile-metrics {
  border: 0;
  border-right: 1px solid var(--line);
}

.source-detail-grid {
  gap: 0;
  padding: 0;
}

.source-detail-card {
  border-width: 0 1px 1px 0;
}

.source-detail-card:last-child {
  border-right: 0;
}

.health-summary-grid {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
}

.health-metric {
  grid-template-columns: 170px minmax(0, 1fr) 78px;
  min-height: 62px;
  align-items: center;
  padding: 10px 16px;
  border-width: 0 0 1px;
  background: transparent;
}

.health-metric div {
  display: contents;
}

.health-metric span {
  grid-column: 1;
}

.health-metric strong {
  grid-column: 2;
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}

.health-metric > b {
  grid-column: 3;
  justify-self: end;
}

.health-metric p {
  grid-column: 1 / -1;
  padding-left: 170px;
  color: #8f9aa3;
  font-size: 11px;
}

.health-section-grid {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
}

.health-section {
  border-width: 0 0 1px;
  background: transparent;
}

.health-diagnostics {
  padding: 0;
}

.health-diagnostics-head {
  min-height: 58px;
  margin: 0;
  padding: 10px 16px;
  border-bottom: 1px solid var(--line);
  background: #0e141a;
}

.health-issue-list {
  gap: 0;
}

.health-issue {
  padding: 12px 16px;
  border-width: 0 0 1px;
  background: transparent;
}

.health-issue dl div {
  border-radius: 0;
  background: #0b1015;
}

.health-row {
  min-height: 48px;
  padding: 9px 16px;
}

.content-grid[data-active-section="sources"] #macroSourceStack.market-stack,
#macroStack.market-stack {
  gap: 0;
}

.content-grid[data-active-section="sources"] #macroSourceStack .market-item,
#macroStack .market-item {
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr) 90px;
  min-height: 50px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

.content-grid[data-active-section="sources"] #macroSourceStack .market-item:last-child,
#macroStack .market-item:last-child {
  border-bottom: 0;
}

.content-grid[data-active-section="sources"] #macroSourceStack .market-item > div,
#macroStack .market-item > div {
  display: contents;
}

.content-grid[data-active-section="sources"] #macroSourceStack .market-item strong,
#macroStack .market-item strong {
  grid-column: 1;
  margin: 0;
  font-size: 14px;
}

.content-grid[data-active-section="sources"] #macroSourceStack .market-item p,
#macroStack .market-item p {
  grid-column: 2;
  overflow: hidden;
  color: #8fa0ad;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-grid[data-active-section="sources"] #macroSourceStack .market-change,
#macroStack .market-change {
  grid-column: 3;
  justify-self: end;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.content-grid[data-active-section="alerts"] {
  gap: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px) 0 0 / 88px 88px,
    #070b0f;
}

.content-grid[data-active-section="alerts"] > .panel {
  border-radius: 0;
  border-color: var(--line);
  background: #090d11;
  box-shadow: none;
}

.content-grid[data-active-section="alerts"] > .panel > .panel-header {
  min-height: 76px;
  margin: 0;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  background: #0e141a;
}

.content-grid[data-active-section="alerts"] .rule-event-list,
.content-grid[data-active-section="alerts"] .asset-grid {
  display: grid;
  gap: 0;
  padding: 0;
}

.content-grid[data-active-section="alerts"] .rule-event,
.content-grid[data-active-section="alerts"] .asset-item {
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.content-grid[data-active-section="alerts"] .rule-event {
  gap: 7px;
  padding: 12px 18px;
}

.content-grid[data-active-section="alerts"] .rule-event.strong {
  background: rgba(239, 106, 98, 0.06);
  box-shadow: inset 3px 0 0 var(--red);
}

.content-grid[data-active-section="alerts"] .asset-grid {
  grid-template-columns: 1fr;
}

.content-grid[data-active-section="alerts"] .asset-item {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(180px, 0.8fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px 18px;
}

.content-grid[data-active-section="alerts"] .asset-head,
.content-grid[data-active-section="alerts"] .asset-meta,
.content-grid[data-active-section="alerts"] .asset-note,
.content-grid[data-active-section="alerts"] .asset-profile,
.content-grid[data-active-section="alerts"] .price-chip {
  margin: 0;
}

.content-grid[data-active-section="alerts"] .asset-head {
  grid-column: 1;
}

.content-grid[data-active-section="alerts"] .price-chip,
.content-grid[data-active-section="alerts"] .asset-meta {
  grid-column: 2;
}

.content-grid[data-active-section="alerts"] .asset-note,
.content-grid[data-active-section="alerts"] .asset-profile {
  grid-column: 3;
}

.content-grid[data-active-section="alerts"] .asset-profile {
  display: grid;
  gap: 6px;
}

.content-grid[data-active-section="alerts"] .asset-profile-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}

.content-grid[data-active-section="alerts"] .asset-profile-row span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.content-grid[data-active-section="alerts"] .asset-profile-row p {
  margin: 0;
  color: #c5ced5;
  font-size: 12px;
  line-height: 1.45;
}

.content-grid[data-active-section="alerts"] .source-tag,
.content-grid[data-active-section="alerts"] .price-chip {
  border-radius: 3px;
}

.content-grid[data-active-section="alerts"] {
  grid-template-columns: 340px minmax(0, 1fr);
  grid-template-rows: 174px minmax(0, 1fr);
  min-height: calc(100vh - 130px);
  height: calc(100vh - 130px);
  overflow: hidden;
}

.content-grid[data-active-section="alerts"] .alert-rules-panel {
  grid-column: 1;
  grid-row: 1 / span 2;
  min-height: 0;
  overflow: hidden;
}

.content-grid[data-active-section="alerts"] .alert-events-panel {
  grid-column: 2;
  grid-row: 1;
  min-height: 174px;
  max-height: 190px;
  overflow: hidden;
}

.content-grid[data-active-section="alerts"] .asset-center-panel {
  grid-column: 2;
  grid-row: 2;
  min-height: 0;
  overflow: hidden;
}

.content-grid[data-active-section="alerts"] .watchlist {
  max-height: calc(100vh - 208px);
  overflow: auto;
  gap: 0;
}

.content-grid[data-active-section="alerts"] .watch-item {
  gap: 8px;
  padding: 12px 14px;
  border-width: 0 0 1px;
  border-radius: 0;
  background: transparent;
}

.content-grid[data-active-section="alerts"] .watch-item:hover {
  background: #111820;
}

.content-grid[data-active-section="alerts"] .watch-top > div {
  display: grid;
  gap: 2px;
}

.content-grid[data-active-section="alerts"] .watch-top small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.content-grid[data-active-section="alerts"] .symbol {
  font-size: 16px;
}

.content-grid[data-active-section="alerts"] .progress-track {
  height: 5px;
  border-radius: 0;
  background: #1b2229;
}

.content-grid[data-active-section="alerts"] .price-line {
  font-size: 11px;
}

.content-grid[data-active-section="alerts"] .rule-event-list {
  max-height: 98px;
  overflow: auto;
}

.content-grid[data-active-section="alerts"] .asset-grid {
  max-height: calc(100vh - 330px);
  overflow: auto;
}

.alert-metrics-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--line);
  background: #080c10;
}

.alert-metrics-strip > div {
  display: grid;
  gap: 3px;
  min-height: 58px;
  align-content: center;
  padding: 8px 16px;
  border-right: 1px solid var(--line);
}

.alert-metrics-strip > div:last-child {
  border-right: 0;
}

.alert-metrics-strip span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
}

.alert-metrics-strip strong {
  color: var(--ink);
  font-size: 18px;
  font-variant-numeric: tabular-nums;
}

.content-grid[data-active-section="alerts"] .asset-item {
  grid-template-columns: minmax(120px, 160px) minmax(160px, 220px) minmax(240px, 1.15fr) minmax(180px, 0.85fr) minmax(120px, 180px);
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 10px 16px;
}

.content-grid[data-active-section="alerts"] .asset-head {
  grid-column: 1;
  align-items: center;
}

.content-grid[data-active-section="alerts"] .asset-symbol {
  font-size: 15px;
}

.content-grid[data-active-section="alerts"] .asset-price-cell {
  grid-column: 2;
  display: grid;
  gap: 4px;
}

.content-grid[data-active-section="alerts"] .asset-price-cell small {
  color: var(--muted);
  font-size: 10px;
}

.content-grid[data-active-section="alerts"] .price-chip {
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-grid[data-active-section="alerts"] .asset-signal-cell,
.content-grid[data-active-section="alerts"] .asset-risk-cell {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.content-grid[data-active-section="alerts"] .asset-signal-cell {
  grid-column: 3;
}

.content-grid[data-active-section="alerts"] .asset-risk-cell {
  grid-column: 4;
}

.content-grid[data-active-section="alerts"] .asset-signal-cell strong,
.content-grid[data-active-section="alerts"] .asset-risk-cell strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-grid[data-active-section="alerts"] .asset-signal-cell span,
.content-grid[data-active-section="alerts"] .asset-risk-cell span {
  overflow: hidden;
  color: #9facb7;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-grid[data-active-section="alerts"] .asset-meta {
  grid-column: 5;
  justify-content: flex-end;
  gap: 5px;
}

.content-grid[data-active-section="alerts"] .asset-note,
.content-grid[data-active-section="alerts"] .asset-profile {
  display: none;
}

.content-grid[data-active-section="alerts"] .switch {
  flex: 0 0 auto;
}

[hidden] {
  display: none !important;
}

@media (max-width: 1080px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 16px;
  }

  .nav-list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .source-tabs {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
  }

  .source-subnav-head {
    grid-column: 1 / -1;
  }

  .source-note {
    display: none;
  }

  .summary-grid,
  .content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .panel.wide {
    grid-column: span 2;
  }

  .beta-admin-layout {
    grid-template-columns: 1fr;
  }

  .beta-admin-summary,
  .beta-cost-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .beta-admin-mission-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .beta-admin-action-list {
    grid-template-columns: 1fr;
  }

  .beta-admin-launch-decision {
    grid-template-columns: 1fr 160px;
  }

  .beta-admin-launch-decision > p,
  .beta-admin-launch-decision ol {
    grid-column: 1 / -1;
  }

  .beta-admin-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .beta-admin-ops-overview {
    grid-template-columns: 1fr;
  }

  .beta-admin-ops-overview > p {
    justify-content: flex-start;
  }

  .beta-admin-ops-overview > b,
  .beta-admin-ops-overview > div:last-child {
    grid-column: auto;
  }

  .beta-admin-auth-policy {
    grid-template-columns: 1fr;
  }

  .beta-admin-review-list article {
    grid-template-columns: 1fr;
  }

  .beta-login-entry-health > div:last-child {
    grid-template-columns: 1fr;
  }

  .beta-admin-row {
    grid-template-columns: 1fr;
  }

  .beta-admin-simple-table {
    min-width: 0;
  }

  .beta-admin-simple-row,
  .beta-admin-users-table .beta-admin-simple-row,
  .beta-admin-token-table .beta-admin-simple-row {
    grid-template-columns: 1fr;
  }

  .beta-admin-simple-row.header {
    display: none;
  }

  .source-workbench {
    grid-column: 1 / -1;
  }

  .content-grid[data-active-section="sources"] .source-workbench {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }

  .source-command-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .source-command-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .source-command-actions input {
    flex: 1 1 220px;
    width: auto;
  }

  .intelligence-overview-grid {
    grid-template-columns: 1fr;
  }

  .intelligence-overview-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .source-profile-body {
    grid-template-columns: 1fr;
  }

  .source-detail-hero,
  .source-detail-grid {
    grid-template-columns: 1fr;
  }

  .health-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .health-section-grid {
    grid-template-columns: 1fr;
  }

  .health-issue dl {
    grid-template-columns: 1fr;
  }

  .source-recent-observation {
    grid-template-columns: minmax(90px, 140px) auto minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .beta-admin-summary,
  .beta-cost-summary {
    grid-template-columns: 1fr;
  }

  .beta-admin-mission-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .beta-admin-action-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .beta-admin-launch-decision {
    grid-template-columns: 1fr;
  }

  .beta-admin-launch-decision > p,
  .beta-admin-launch-decision ol {
    grid-column: auto;
  }

  .beta-admin-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .beta-admin-quick-grid button:nth-child(2n) {
    border-right: 0;
  }

  .beta-admin-mission-grid {
    grid-template-columns: 1fr;
  }

  .beta-admin-ops-overview > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .beta-admin-create {
    display: grid;
  }

  .beta-admin-row .beta-user-row-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .content-grid[data-active-section="sources"] .source-workbench {
    height: auto;
    min-height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .content-grid[data-active-section="sources"] .source-workbench .source-rail,
  .content-grid[data-active-section="sources"] .source-workbench .source-stream {
    grid-column: 1;
    grid-row: auto;
    max-height: none;
  }

  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item {
    grid-template-columns: 1fr;
  }

  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-head {
    display: flex;
  }

  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-time,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-name,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-handle,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-title,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-summary-label,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-text,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-expand-button,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .source-meta,
  .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-link {
    grid-column: auto;
    grid-row: auto;
    justify-self: auto;
  }

  .intelligence-inventory-header {
    flex-direction: column;
  }

  .intelligence-inventory-tools {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .intelligence-inventory-tools input,
  #opinionProfileSelect {
    width: 100%;
    min-width: 0;
  }

  .intelligence-source-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .intelligence-source-actions,
  .intelligence-source-actions.compact {
    max-width: none;
    justify-content: flex-start;
  }

  .source-profile-top {
    flex-direction: column;
  }

  .source-profile-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .source-profile-metrics > div:nth-child(2n) {
    border-right: 0;
  }

  .source-profile-metrics > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .source-recent-observation {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .source-detail-opinion {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .source-detail-opinion p {
    white-space: normal;
  }

  .source-detail-horizon {
    grid-template-columns: 1fr 1fr;
  }

  .source-recent-observation p {
    white-space: normal;
  }

  .opinion-archive-header,
  .opinion-event-head {
    flex-direction: column;
  }

  .opinion-archive-actions {
    width: 100%;
  }

  .opinion-archive-actions select,
  .opinion-archive-actions button {
    flex: 1;
  }

  .opinion-archive-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intelligence-overview-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .intelligence-overview-source,
  .intelligence-overview-observation {
    align-items: flex-start;
    flex-direction: column;
  }

  .intelligence-overview-score {
    justify-items: start;
  }

  .opinion-archive-summary > div:nth-child(2) {
    border-right: 1px solid var(--line);
  }

  .opinion-archive-summary > div:nth-child(2n) {
    border-right: 0;
  }

  .opinion-archive-summary > div:not(:last-child) {
    border-bottom: 1px solid var(--line);
  }

  .source-group-options {
    grid-template-columns: 1fr;
  }

  .workspace {
    padding: 18px;
  }

  .topbar,
  .panel-header {
    flex-direction: column;
  }

  .top-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .source-entry-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .source-tabs {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .source-tab {
    padding: 0 8px;
  }

  .nav-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .summary-grid,
  .content-grid,
  .china-grid,
  .source-board,
  .connector-grid {
    grid-template-columns: 1fr;
  }

  .content-grid[data-active-section="overview"] {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .content-grid[data-active-section="overview"] .report-history-panel,
  .content-grid[data-active-section="overview"] .daily-brief-panel,
  .content-grid[data-active-section="overview"] .report-evidence-panel {
    grid-column: 1;
    height: auto;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    overflow: visible;
  }

  .content-grid[data-active-section="overview"] .report-reader-header .panel-actions {
    flex-wrap: wrap;
  }

  .content-grid[data-active-section="sources"],
  .content-grid[data-active-section="intelligence"] {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .content-grid[data-active-section="sources"] .source-workbench,
  .content-grid[data-active-section="intelligence"] > [data-intelligence-pane] {
    height: auto;
    min-height: 0;
  }

  .content-grid[data-active-section="sources"] .source-feed-list,
  .intelligence-source-list,
  .opinion-event-list,
  .observation-list,
  #sourceDetailContent {
    max-height: none;
    overflow: visible;
  }

  .health-summary-grid {
    grid-template-columns: 1fr;
  }

  .health-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .health-row span {
    white-space: normal;
  }

  .health-diagnostics-head,
  .health-issue-head {
    flex-direction: column;
  }

  .panel.wide {
    grid-column: span 1;
  }

  .source-workbench {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .source-rail {
    max-height: 360px;
    overflow: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .source-stream-header {
    flex-direction: row;
  }

  .advanced-sources {
    grid-column: span 1;
  }

  .timeline-item {
    grid-template-columns: 1fr;
  }

  .feed-toolbar {
    grid-template-columns: 1fr;
  }

  .brief-editor,
  .brief-editor .wide-field,
  .asset-grid,
  .default-data-grid,
  .report-evidence-grid {
    grid-template-columns: 1fr;
    grid-column: span 1;
  }

  .report-reader-header {
    flex-direction: column;
  }

  .sec-evidence-item {
    grid-template-columns: 52px minmax(0, 1fr) 24px;
  }

  .sec-date {
    display: none;
  }

  .report-history-panel,
  .report-reader-panel {
    min-height: 0;
  }
}

@media (max-width: 1080px) {
  .content-grid[data-active-section="alerts"] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .content-grid[data-active-section="alerts"] .alert-rules-panel,
  .content-grid[data-active-section="alerts"] .alert-events-panel,
  .content-grid[data-active-section="alerts"] .asset-center-panel {
    grid-column: 1;
    grid-row: auto;
    max-height: none;
    overflow: visible;
  }

  .content-grid[data-active-section="alerts"] .watchlist,
  .content-grid[data-active-section="alerts"] .rule-event-list,
  .content-grid[data-active-section="alerts"] .asset-grid {
    max-height: none;
    overflow: visible;
  }

  .content-grid[data-active-section="alerts"] .asset-item {
    grid-template-columns: minmax(120px, 180px) minmax(160px, 220px) minmax(0, 1fr);
  }

  .content-grid[data-active-section="alerts"] .asset-risk-cell,
  .content-grid[data-active-section="alerts"] .asset-meta {
    grid-column: 3;
  }
}

@media (max-width: 720px) {
  .alert-metrics-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .content-grid[data-active-section="alerts"] .asset-item {
    grid-template-columns: 1fr;
  }

  .content-grid[data-active-section="alerts"] .asset-head,
  .content-grid[data-active-section="alerts"] .asset-price-cell,
  .content-grid[data-active-section="alerts"] .asset-signal-cell,
  .content-grid[data-active-section="alerts"] .asset-risk-cell,
  .content-grid[data-active-section="alerts"] .asset-meta {
    grid-column: 1;
  }
}

:root[data-theme="light"] .sidebar {
  color: var(--ink);
  border-right: 1px solid var(--line);
  background: var(--sidebar);
}

:root[data-theme="light"] .brand-mark {
  border-color: #d0a044;
  background: #e4b64f;
  color: #17202a;
}

:root[data-theme="light"] .sidebar .eyebrow,
:root[data-theme="light"] .source-subnav-head {
  color: #6b7885;
}

:root[data-theme="light"] .nav-item,
:root[data-theme="light"] .source-tab,
:root[data-theme="light"] .source-note,
:root[data-theme="light"] .theme-toggle {
  color: #263442;
}

:root[data-theme="light"] .nav-disclosure {
  color: #6b7885;
}

:root[data-theme="light"] .nav-item:hover,
:root[data-theme="light"] .nav-item.active,
:root[data-theme="light"] .source-tab:hover,
:root[data-theme="light"] .source-tab.active {
  border-color: #cfd9e1;
  background: var(--sidebar-2);
  color: #111820;
}

:root[data-theme="light"] .source-tabs {
  border-left-color: #d3dde5;
}

:root[data-theme="light"] .source-note,
:root[data-theme="light"] .theme-toggle,
:root[data-theme="light"] .source-add-button {
  border-color: #d2dce4;
  background: #ffffff;
}

:root[data-theme="light"] .workspace {
  background: transparent;
}

:root[data-theme="light"] .summary-card,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .source-workbench,
:root[data-theme="light"] .content-grid[data-active-section="overview"],
:root[data-theme="light"] .content-grid[data-active-section="sources"],
:root[data-theme="light"] .content-grid[data-active-section="intelligence"],
:root[data-theme="light"] .content-grid[data-active-section="health"] > [data-view="health"],
:root[data-theme="light"] .content-grid[data-active-section="intelligence"] > [data-intelligence-pane] {
  background: var(--panel);
  border-color: var(--line);
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench,
:root[data-theme="light"] .content-grid[data-active-section="intelligence"] > [data-intelligence-pane],
:root[data-theme="light"] .content-grid[data-active-section="health"] > [data-view="health"],
:root[data-theme="light"] .content-grid[data-active-section="intelligence"] > [data-intelligence-pane] > .panel-header,
:root[data-theme="light"] .content-grid[data-active-section="health"] > [data-view="health"] > .panel-header,
:root[data-theme="light"] .source-command-bar,
:root[data-theme="light"] .source-rail-header,
:root[data-theme="light"] .source-stream-header,
:root[data-theme="light"] .report-reader-header,
:root[data-theme="light"] .content-grid[data-active-section="intelligence"] .save-status {
  background: #ffffff;
  border-color: var(--line);
}

:root[data-theme="light"] .source-rail,
:root[data-theme="light"] .source-list,
:root[data-theme="light"] .source-stream,
:root[data-theme="light"] .source-feed-list,
:root[data-theme="light"] .report-history-panel,
:root[data-theme="light"] .report-reader-panel,
:root[data-theme="light"] .daily-brief-panel,
:root[data-theme="light"] .report-evidence-panel,
:root[data-theme="light"] .alert-rules-panel,
:root[data-theme="light"] .alert-events-panel,
:root[data-theme="light"] .asset-center-panel {
  background: #ffffff;
  border-color: var(--line);
}

:root[data-theme="light"] .brief-item,
:root[data-theme="light"] .watch-item,
:root[data-theme="light"] .market-item,
:root[data-theme="light"] .timeline-item,
:root[data-theme="light"] .china-item,
:root[data-theme="light"] .source-item,
:root[data-theme="light"] .connector-item,
:root[data-theme="light"] .feed-item,
:root[data-theme="light"] .rule-event,
:root[data-theme="light"] .asset-item,
:root[data-theme="light"] .default-data-item,
:root[data-theme="light"] .asset-profile-row,
:root[data-theme="light"] .intelligence-source-row,
:root[data-theme="light"] .source-profile-card,
:root[data-theme="light"] .opinion-event,
:root[data-theme="light"] .observation-item,
:root[data-theme="light"] .health-row,
:root[data-theme="light"] .health-issue,
:root[data-theme="light"] .health-metric,
:root[data-theme="light"] .health-section,
:root[data-theme="light"] .source-summary-block,
:root[data-theme="light"] .source-evidence,
:root[data-theme="light"] .source-collection-header,
:root[data-theme="light"] .source-list-row,
:root[data-theme="light"] .source-list-all,
:root[data-theme="light"] .empty-state,
:root[data-theme="light"] .advanced-sources,
:root[data-theme="light"] .segmented {
  background: #f8fafb;
  border-color: var(--line);
  color: var(--ink);
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item {
  background: transparent;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item:hover,
:root[data-theme="light"] .source-list-row:hover,
:root[data-theme="light"] .source-list-row.selected,
:root[data-theme="light"] .source-list-all.selected,
:root[data-theme="light"] .source-collection.selected > .source-collection-header,
:root[data-theme="light"] .intelligence-source-row:hover,
:root[data-theme="light"] .source-profile-card:hover,
:root[data-theme="light"] .opinion-event:hover,
:root[data-theme="light"] .observation-item:hover,
:root[data-theme="light"] .health-row:hover,
:root[data-theme="light"] .health-issue:hover {
  background: #eef3f7;
}

:root[data-theme="light"] .rule-event.strong,
:root[data-theme="light"] .feed-item.important-feed,
:root[data-theme="light"] .asset-profile-row.risk,
:root[data-theme="light"] .source-item.incomplete-source {
  background: #fff7e5;
  border-color: #e2c47d;
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .feed-toolbar input,
:root[data-theme="light"] .brief-editor textarea,
:root[data-theme="light"] .alert-form input,
:root[data-theme="light"] .alert-form select,
:root[data-theme="light"] .alert-form textarea,
:root[data-theme="light"] .source-command-actions input,
:root[data-theme="light"] .intelligence-inventory-tools input,
:root[data-theme="light"] .intelligence-inventory-tools select,
:root[data-theme="light"] #opinionProfileSelect,
:root[data-theme="light"] .opinion-archive-actions select {
  background: #ffffff;
  border-color: #cfd9e1;
  color: var(--ink);
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder {
  color: #8a97a3;
}

:root[data-theme="light"] .ghost-button,
:root[data-theme="light"] .icon-button,
:root[data-theme="light"] .source-entry-button,
:root[data-theme="light"] .source-select-button,
:root[data-theme="light"] .source-collection-select {
  background: #ffffff;
  border-color: #cfd9e1;
  color: #243241;
}

:root[data-theme="light"] .source-entry-button:hover,
:root[data-theme="light"] .icon-button:hover,
:root[data-theme="light"] .ghost-button:hover,
:root[data-theme="light"] .source-select-button:hover,
:root[data-theme="light"] .source-collection-select:hover {
  background: #eef3f7;
  border-color: #b9c6d1;
}

:root[data-theme="light"] .primary-button {
  background: #d9a93f;
  border-color: #d9a93f;
  color: #121820;
}

:root[data-theme="light"] .pill,
:root[data-theme="light"] .source-tag,
:root[data-theme="light"] .price-chip,
:root[data-theme="light"] .segment.active {
  background: #e9eef3;
  border-color: #d7e0e7;
  color: #344554;
}

:root[data-theme="light"] .progress-track,
:root[data-theme="light"] .feed-avatar,
:root[data-theme="light"] .switch span {
  background: #d8e1e8;
}

:root[data-theme="light"] .feed-text,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-text,
:root[data-theme="light"] .report-markdown,
:root[data-theme="light"] .markdown-body {
  color: #283846;
}

:root[data-theme="light"] .feed-link,
:root[data-theme="light"] a {
  color: #1d66c2;
}

:root[data-theme="light"] dialog,
:root[data-theme="light"] .alert-dialog {
  background: var(--panel);
  color: var(--ink);
}

:root[data-theme="light"] .opinion-archive-summary {
  background: #ffffff;
  border-bottom: 1px solid var(--line);
}

:root[data-theme="light"] .opinion-archive-summary > div {
  background: #f6f9fb;
  border-right: 1px solid var(--line);
}

:root[data-theme="light"] .opinion-archive-summary > div:last-child {
  border-right: 0;
}

:root[data-theme="light"] .opinion-archive-summary strong {
  color: #182434;
}

:root[data-theme="light"] .opinion-archive-summary span {
  color: #667584;
}

:root[data-theme="light"] .intelligence-overview-grid {
  background: #f3f7fa;
}

:root[data-theme="light"] .intelligence-overview-card {
  border-color: #d8e2e9;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(20, 33, 45, 0.04);
}

:root[data-theme="light"] .compact-card-header {
  background: #f6f9fb;
  border-bottom-color: #d8e2e9;
}

:root[data-theme="light"] .compact-card-header h4 {
  color: #172536;
}

:root[data-theme="light"] .compact-card-header .eyebrow {
  color: #637586;
}

:root[data-theme="light"] .intelligence-overview-source,
:root[data-theme="light"] .intelligence-overview-observation {
  background: #ffffff;
  border-bottom-color: #e0e8ee;
}

:root[data-theme="light"] .intelligence-overview-source:hover {
  background: #eef5fa;
}

:root[data-theme="light"] .intelligence-overview-source strong,
:root[data-theme="light"] .intelligence-overview-observation strong {
  color: #102033;
}

:root[data-theme="light"] .intelligence-overview-source span,
:root[data-theme="light"] .intelligence-overview-observation span {
  color: #617181;
}

:root[data-theme="light"] .intelligence-overview-score b {
  color: #b47d12;
}

:root[data-theme="light"] .intelligence-overview-observation > b,
:root[data-theme="light"] .opinion-event-tags span,
:root[data-theme="light"] .opinion-event-tags strong,
:root[data-theme="light"] .intelligence-source-tags span,
:root[data-theme="light"] .intelligence-source-state > span,
:root[data-theme="light"] .health-row > b,
:root[data-theme="light"] .health-issue-head b,
:root[data-theme="light"] .opinion-review-state,
:root[data-theme="light"] .observation-head > span,
:root[data-theme="light"] .source-recent-observation span {
  background: #edf3f7;
  color: #314557;
}

:root[data-theme="light"] .intelligence-overview-observation > b.good,
:root[data-theme="light"] .observation-head > span.good {
  background: #e5f5ed;
  color: #08784f;
}

:root[data-theme="light"] .intelligence-overview-observation > b.bad,
:root[data-theme="light"] .observation-head > span.bad {
  background: #fff0ed;
  color: #b54238;
}

:root[data-theme="light"] .source-score-card,
:root[data-theme="light"] .source-trend-panel,
:root[data-theme="light"] .source-profile-metrics,
:root[data-theme="light"] .source-profile-meta,
:root[data-theme="light"] .source-recent-list,
:root[data-theme="light"] .source-detail-summary,
:root[data-theme="light"] .source-detail-card,
:root[data-theme="light"] .health-section,
:root[data-theme="light"] .health-metric,
:root[data-theme="light"] .health-issue {
  background: #ffffff;
  border-color: var(--line);
}

:root[data-theme="light"] .source-profile-body,
:root[data-theme="light"] .source-detail-hero {
  background: #ffffff;
  border-color: var(--line);
}

:root[data-theme="light"] .source-profile-card,
:root[data-theme="light"] .intelligence-source-row,
:root[data-theme="light"] .opinion-event,
:root[data-theme="light"] .observation-item {
  background: #ffffff;
  border-color: var(--line);
}

:root[data-theme="light"] .source-profile-card:hover,
:root[data-theme="light"] .intelligence-source-row:hover,
:root[data-theme="light"] .opinion-event:hover,
:root[data-theme="light"] .observation-item:hover {
  background: #f4f8fb;
}

:root[data-theme="light"] .source-score-meter,
:root[data-theme="light"] .progress-track {
  background: #dce6ed;
}

:root[data-theme="light"] .source-price-issue-row {
  border-bottom-color: #e0e8ee;
}

:root[data-theme="light"] .source-price-issue-row strong {
  color: #102033;
}

:root[data-theme="light"] .source-price-issue-row p,
:root[data-theme="light"] .source-trend-metrics span,
:root[data-theme="light"] .source-trend-panel p,
:root[data-theme="light"] .source-score-foot span {
  color: #617181;
}

:root[data-theme="light"] .source-score-foot b,
:root[data-theme="light"] .source-trend-metrics b,
:root[data-theme="light"] .source-price-issue-row span {
  color: #b47d12;
}

:root[data-theme="light"] .source-trend-metrics,
:root[data-theme="light"] .source-trend-metrics > div {
  border-color: #d9e3ea;
}

:root[data-theme="light"] .source-explanation-box {
  background: #f7fafc;
  border-color: #d9e3ea;
}

:root[data-theme="light"] .source-explanation-box strong {
  color: #102033;
}

:root[data-theme="light"] .source-explanation-box li {
  color: #617181;
}

:root[data-theme="light"] .observation-result,
:root[data-theme="light"] .health-metric p {
  color: #617181;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] > .panel[data-source-pane="macro"],
:root[data-theme="light"] .content-grid[data-active-section="sources"] > .panel[data-source-pane="company"],
:root[data-theme="light"] .content-grid[data-active-section="sources"] > .panel[data-source-pane="macro"] > .panel-header,
:root[data-theme="light"] .content-grid[data-active-section="sources"] > .panel[data-source-pane="company"] > .panel-header {
  background: #ffffff;
  border-color: var(--line);
}

:root[data-theme="light"] .source-command-bar,
:root[data-theme="light"] .source-rail-header,
:root[data-theme="light"] .source-stream-header {
  background: #f8fafc;
}

:root[data-theme="light"] .source-command-actions input,
:root[data-theme="light"] .intelligence-inventory-tools input,
:root[data-theme="light"] #opinionProfileSelect,
:root[data-theme="light"] .opinion-archive-actions select {
  background: #ffffff;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench {
  background: #ffffff;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item:hover {
  background: #f2f7fb;
}

:root[data-theme="light"] .report-history-list,
:root[data-theme="light"] .source-feed-list,
:root[data-theme="light"] .intelligence-source-list,
:root[data-theme="light"] .opinion-event-list,
:root[data-theme="light"] .observation-list,
:root[data-theme="light"] #sourceDetailContent {
  scrollbar-color: #b7c6d2 transparent;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"],
:root[data-theme="light"] .content-grid[data-active-section="intelligence"],
:root[data-theme="light"] .content-grid[data-active-section="health"] {
  background: #eef3f6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench {
  background: #ffffff;
  border-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-rail,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-stream,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-list,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list {
  background: #ffffff;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-rail {
  border-right-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-command-bar {
  background: #f7fafc;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail-header,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-stream-header {
  background: #f7fafc;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-stream > .save-status {
  background: #edf3f7;
  border-bottom-color: #d4dee6;
  color: #425668;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-group {
  background: #ffffff;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-group-title {
  background: #f1f5f8;
  color: #617384;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-group-title strong,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-all strong {
  background: #dfe8ef;
  color: #243545;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-row,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-all,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection-header,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection-items,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .incomplete-sources {
  background: #ffffff;
  border-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-row:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-row.selected,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-all:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-all.selected,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection.selected > .source-collection-header {
  background: #eaf2f8;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-select-button,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-all,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection-select {
  background: transparent;
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-name,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection-select strong,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-command-bar h3,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail-header h3,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-stream-header h3 {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-detail,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-meta,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection-empty,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .panel-subtitle {
  color: #5d7182;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-feed-list .feed-item {
  background: #ffffff;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-item:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-feed-list .feed-item:hover {
  background: #f2f7fb;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-time,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-name,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-title,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-summary-label,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-text,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-expand-button {
  color: #1d3144;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-handle,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-workbench .source-feed-list .feed-link {
  color: #1f68bd;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .empty-state,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .compact-empty,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-summary-block {
  background: #f8fbfd;
  border-color: #d4dee6;
  color: #23384a;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] > [data-view="health"] {
  background: #ffffff;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-diagnostics {
  background: #ffffff;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-diagnostics-head {
  padding: 12px 14px;
  border: 1px solid #d4dee6;
  border-radius: 8px;
  background: #f7fafc;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-diagnostics-head h4 {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-diagnostics-head p:last-child {
  color: #5d7182;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-diagnostics-head > span {
  background: #e5edf3;
  color: #243545;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue-list {
  gap: 12px;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-panel {
  background: #ffffff;
  border-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-head {
  border-bottom-color: #d4dee6;
  background: #f7fafc;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-head h4,
:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-row strong {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-head p:last-child,
:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-row span,
:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-row p {
  color: #5d7182;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-row {
  border-top-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-queue-summary {
  background: #ffffff;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-queue-summary > div {
  border-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-queue-summary strong,
:root[data-theme="light"] .content-grid[data-active-section="health"] .price-queue-title strong {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-provider-status {
  background: #f7fafc;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-provider-status strong {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-provider-status span {
  color: #4d6072;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-queue-tags span {
  background: #edf3f7;
  color: #243545;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-queue-reason p {
  background: #f7fafc;
  border-color: #d4dee6;
  color: #425668;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .price-alias-actions input {
  background: #ffffff;
  border-color: #cdd9e2;
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue {
  background: #ffffff;
  border-color: #d4dee6;
  box-shadow: inset 3px 0 0 #8796a3;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue:hover {
  background: #fbfdfe;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue.ok {
  box-shadow: inset 3px 0 0 #139b68;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue.warn {
  box-shadow: inset 3px 0 0 #bf8b22;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue.bad {
  box-shadow: inset 3px 0 0 #c9473f;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue-head span {
  color: #667584;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue-head strong {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue-head b {
  background: #edf3f7;
  color: #314557;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue dl div {
  border-color: #d9e3ea;
  background: #f6f9fb;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue dt {
  color: #647789;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue dd {
  color: #1d3144;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-section,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-row {
  background: #ffffff;
  border-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-row:hover {
  background: #f2f7fb;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] {
  background: #eef3f6;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] > .panel,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .alert-rules-panel,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .alert-events-panel,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-center-panel {
  background: #ffffff;
  border-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] > .panel > .panel-header {
  background: #f7fafc;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] > .panel > .panel-header h3,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] > .panel > .panel-header .eyebrow {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] > .panel > .panel-header .panel-subtitle {
  color: #5d7182;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .watchlist,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .rule-event-list,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-grid {
  background: #ffffff;
  scrollbar-color: #b7c6d2 transparent;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .watch-item,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .rule-event,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-item {
  background: #ffffff;
  border-bottom-color: #d4dee6;
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .watch-item:hover,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .rule-event:hover,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-item:hover {
  background: #f2f7fb;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .rule-event.strong {
  background: #fff2ef;
  box-shadow: inset 3px 0 0 #c9473f;
}

:root[data-theme="light"] .alert-metrics-strip {
  background: #f1f5f8;
  border-bottom-color: #d4dee6;
}

:root[data-theme="light"] .alert-metrics-strip > div {
  border-right-color: #d4dee6;
}

:root[data-theme="light"] .alert-metrics-strip span,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .watch-top small,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-price-cell small,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-signal-cell span,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-risk-cell span,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-meta,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-profile-row span {
  color: #647789;
}

:root[data-theme="light"] .alert-metrics-strip strong,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .symbol,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-symbol,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-signal-cell strong,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-risk-cell strong {
  color: #122235;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .progress-track {
  background: #dce6ed;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-profile-row,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-note,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-profile {
  background: transparent;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-profile-row p,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .asset-note,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .price-line {
  color: #1d3144;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .price-chip,
:root[data-theme="light"] .content-grid[data-active-section="alerts"] .source-tag {
  background: #edf3f7;
  border-color: #d9e3ea;
  color: #314557;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .switch span {
  background: #d8e1e8;
}

:root[data-theme="light"] .content-grid[data-active-section="alerts"] .empty-state {
  background: #f8fbfd;
  border-color: #d4dee6;
  color: #23384a;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-groups-toolbar {
  background: #f1f5f8 !important;
  border-bottom-color: #d4dee6 !important;
  color: #5d7182 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-groups-toolbar button,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collapse-button,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-group-menu-button,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-more-button {
  background: #ffffff !important;
  border-color: #d7e1e8 !important;
  color: #536879 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-groups-toolbar button:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collapse-button:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-group-menu-button:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-more-button:hover {
  background: #eaf2f8 !important;
  color: #122235 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-group-title strong,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-collection-select strong,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-list-all strong {
  background: #e4ecf3 !important;
  color: #263a4d !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-health-summary {
  background: #f7fafc !important;
  border-bottom-color: #d4dee6 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-health-summary span {
  background: #ffffff !important;
  border-color: #d7e1e8 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-group-action-menu,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-action-menu {
  background: #ffffff !important;
  border-color: #d4dee6 !important;
  box-shadow: 0 14px 28px rgba(25, 38, 52, 0.14) !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-group-action-menu button,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-action-menu button {
  background: #ffffff !important;
  color: #263a4d !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-group-action-menu button:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-action-menu button:hover {
  background: #eef5fa !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail * {
  text-shadow: none;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-list,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-list-group,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-collection,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-collection-header,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-collection-items,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-list-row,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-row-actions,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-collection-empty,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .incomplete-sources {
  background-color: #ffffff !important;
}

:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-list-row:hover,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-collection.selected > .source-collection-header,
:root[data-theme="light"] .content-grid[data-active-section="sources"] .source-rail .source-list-all.selected {
  background-color: #eaf2f8 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-metric > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-row > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue-head b {
  background: #edf3f7 !important;
  border: 1px solid #d9e3ea;
  color: #314557 !important;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-metric.ok > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-row.ok > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue.ok .health-issue-head b {
  background: #e5f5ed !important;
  border-color: #c6e9d8;
  color: #08784f !important;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-metric.warn > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-row.warn > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue.warn .health-issue-head b {
  background: #fff4da !important;
  border-color: #ead39c;
  color: #8c650f !important;
}

:root[data-theme="light"] .content-grid[data-active-section="health"] .health-metric.bad > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-row.bad > b,
:root[data-theme="light"] .content-grid[data-active-section="health"] .health-issue.bad .health-issue-head b {
  background: #fff0ed !important;
  border-color: #f0c5bd;
  color: #b54238 !important;
}

:root[data-theme="light"] .switch span {
  background: #d8e1e8 !important;
  box-shadow: inset 0 0 0 1px #c8d4dd;
}

:root[data-theme="light"] .switch span::after {
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(26, 39, 52, 0.22);
}

:root[data-theme="light"] .switch input:checked + span {
  background: #1fb879 !important;
  box-shadow: inset 0 0 0 1px #159b64, 0 0 0 3px rgba(31, 184, 121, 0.14);
}

:root[data-theme="light"] .switch input:focus-visible + span {
  outline: 2px solid rgba(31, 104, 189, 0.36);
  outline-offset: 2px;
}

:root[data-theme="light"] .source-template-panel {
  background: #f7fafc;
  border-color: #d4dee6;
}

:root[data-theme="light"] .source-template-panel strong {
  color: #122235;
}

:root[data-theme="light"] .source-template-panel span {
  color: #5d7182;
}

:root[data-theme="light"] .source-template-actions button {
  background: #ffffff;
  border-color: #d7e1e8;
  color: #263a4d;
}

:root[data-theme="light"] .source-template-actions button:hover {
  background: #fff7e5;
  border-color: #d9a93f;
  color: #8c650f;
}

:root[data-theme="light"] .source-group-option {
  background: #ffffff !important;
  border-color: #d7e1e8 !important;
  color: #263a4d !important;
}

:root[data-theme="light"] .source-group-option:hover {
  background: #f2f7fb !important;
  border-color: #c9d7e1 !important;
}

:root[data-theme="light"] .source-group-option input {
  accent-color: #d9a93f;
}

:root[data-theme="light"] .source-group-option span {
  color: #263a4d;
}