/* Ramses Multichain — Couchdicks Evidence Terminal skin (cd-ui v1.5.1) */
:root {
  --bg: var(--cd-bg);
  --panel: var(--cd-surface-1);
  --raised: var(--cd-surface-2);
  --ink: var(--cd-text);
  --muted: var(--cd-muted);
  --line: var(--cd-border);
  --acid: var(--cd-accent);
  --warn: var(--cd-warn);
  --bad: var(--cd-danger);
  --shadow: var(--cd-shadow);
}

* { scrollbar-color: var(--cd-border-strong) var(--cd-surface-1); }
html { background: var(--cd-bg); color: var(--cd-text); }
body.cd-app {
  margin: 0;
  background:
    linear-gradient(var(--cd-bg-grid) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, var(--cd-bg-grid) 1px, transparent 1px) 0 0 / 32px 32px,
    var(--cd-bg) !important;
  color: var(--cd-text);
  font-family: "Instrument Sans", "Aptos", sans-serif;
}

.skip {
  border: 1px solid var(--cd-border-strong);
  border-radius: 3px;
  background: var(--cd-accent);
  color: var(--cd-accent-contrast) !important;
  font: 700 11px "IBM Plex Mono", monospace;
  text-decoration: none;
}

.masthead {
  position: relative;
  top: auto;
  z-index: 5;
  height: 38px;
  gap: 18px;
  padding: 0 max(18px, calc((100vw - 1440px) / 2));
  border-color: var(--cd-border);
  background: color-mix(in srgb, var(--cd-surface-1) 92%, transparent);
  backdrop-filter: blur(12px);
}
.masthead-label {
  flex: 0 0 auto;
  color: var(--cd-accent);
  font: 700 8px/1 "IBM Plex Mono", monospace;
  letter-spacing: .11em;
}
.tape {
  color: var(--cd-quiet);
  font-size: 8px;
  letter-spacing: .08em;
  text-align: right;
}

main { width: min(1440px, 100%); max-width: none; padding: 0 18px 80px; }
.hero.compact-hero {
  min-height: 270px;
  padding: 58px 0 38px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 72px;
  border-color: var(--cd-border);
}
.kicker,
.section-head p,
.panel header p,
.dossier header p {
  color: var(--cd-accent);
  font: 700 9px/1.25 "IBM Plex Mono", monospace;
  letter-spacing: .12em;
}
.hero h1,
.compact-hero h1 {
  max-width: 900px;
  color: var(--cd-text);
  font: 700 clamp(3.7rem, 6.8vw, 7.2rem)/.82 Georgia, "Times New Roman", serif;
  letter-spacing: -.07em;
  text-transform: none;
}
.hero h1 em {
  color: var(--cd-accent);
  -webkit-text-stroke: 0;
  font-style: italic;
  font-weight: 400;
}
.hero-note {
  border-left: 2px solid var(--cd-accent);
  padding: 8px 0 8px 22px;
}
.hero-note span { color: var(--cd-accent); font-size: 9px; }
.hero-note p { max-width: 330px; color: var(--cd-quiet); font-size: 1.05rem; line-height: 1.45; }

.filters {
  margin-top: 14px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-panel-radius, 6px);
  background: var(--cd-surface-1);
  box-shadow: none;
  overflow: hidden;
}
.filters label {
  min-height: 58px;
  padding: 9px 12px;
  border-color: var(--cd-border);
  color: var(--cd-muted);
  font-size: 8px;
  letter-spacing: .09em;
}
select, input {
  margin-top: 7px;
  color: var(--cd-text);
  font: 650 13px "Instrument Sans", sans-serif;
}
input::placeholder { color: var(--cd-muted); opacity: .72; }
.filters button {
  border-left: 1px solid var(--cd-border);
  background: var(--cd-accent);
  color: var(--cd-accent-contrast);
  font: 800 9px "IBM Plex Mono", monospace;
  letter-spacing: .04em;
  transition: filter .15s ease, transform .15s ease;
}
.filters button:hover { filter: brightness(1.08); }
.filters button:active { transform: translateY(1px); }

.tabs {
  gap: 4px;
  padding: 4px;
  margin-top: 10px;
  border: 1px solid var(--cd-border);
  border-radius: 5px;
  background: var(--cd-surface-1);
}
.tabs button {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 3px;
  color: var(--cd-muted);
  font-size: 9px;
  transition: color .15s ease, background .15s ease;
}
.tabs button span { color: var(--cd-border-strong); }
.tabs button:hover { color: var(--cd-text); background: var(--cd-surface-2); }
.tabs button.active {
  background: var(--cd-accent);
  color: var(--cd-accent-contrast);
}
.tabs button.active span { color: inherit; opacity: .66; }

.section-head { padding: 46px 2px 16px; }
.section-head.compact { padding-top: 42px; }
.section-head h2 {
  color: var(--cd-text);
  font: 700 clamp(2rem, 3vw, 3.2rem)/.95 Georgia, "Times New Roman", serif;
  letter-spacing: -.045em;
  text-transform: none;
}
.section-head > span { color: var(--cd-quiet); font-size: 9px; }

.kpi-grid { gap: 10px; border: 0; }
.kpi {
  min-height: 190px;
  padding: 16px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-panel-radius, 6px);
  background: var(--cd-surface-1);
  box-shadow: none;
}
.kpi::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: var(--cd-accent);
  opacity: .78;
}
.kpi > div { color: var(--cd-muted); font-size: 9px; letter-spacing: .07em; }
.kpi strong {
  color: var(--cd-text);
  font: 750 clamp(2.2rem, 3vw, 3.15rem)/1 "Instrument Sans", sans-serif;
  letter-spacing: -.055em;
}
.kpi p, .dossier p, .disclosure { color: var(--cd-quiet); }
.kpi-meta { color: var(--cd-muted); }
.kpi-meta .positive { color: var(--cd-good); }
.kpi-meta .negative { color: var(--cd-danger); }
.spark polyline { stroke-width: 1.5; }

.badge {
  padding: 3px 6px;
  border-radius: 2px;
  color: var(--cd-muted);
  font-size: 8px;
  letter-spacing: .04em;
}
.badge.observed, .badge.active, .badge.runtime-observed, .badge.verified-runtime { color: var(--cd-good); background: var(--cd-good-bg); }
.badge.derived, .badge.inactive, .badge.partial, .badge.fixed-window { color: var(--cd-warn); background: var(--cd-warn-bg); }
.badge.unavailable, .badge.not-published, .badge.not-verified, .badge.missing-runtime { color: var(--cd-danger); background: var(--cd-danger-bg); }
.badge.modeled { color: var(--cd-context); background: var(--cd-context-bg); }

.insight-grid { gap: 10px; }
.insight {
  border: 1px solid var(--cd-border);
  border-left: 3px solid var(--cd-muted);
  border-radius: 5px;
  background: var(--cd-surface-1);
}
.insight.good { border-left-color: var(--cd-good); }
.insight.bad { border-left-color: var(--cd-danger); }
.insight.warn { border-left-color: var(--cd-warn); }
.insight strong { color: var(--cd-text); font: 700 1.2rem Georgia, serif; text-transform: none; }

.panel {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid var(--cd-border);
  border-radius: var(--cd-panel-radius, 6px);
  background: var(--cd-surface-1);
}
.panel header h3 {
  color: var(--cd-text);
  font: 700 1.45rem/1.05 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
  text-transform: none;
}
.panel-deck { color: var(--cd-quiet); }
.stacked-chart, .chart svg { background-color: var(--cd-surface-1); background-image: repeating-linear-gradient(to bottom, var(--cd-chart-grid) 0 1px, transparent 1px 25%); }
.chart polyline { stroke: var(--cd-accent); stroke-width: 2; }
.chart-axis, .legend, .range-note { color: var(--cd-muted); }
.range-note { border-color: var(--cd-border); }

.window-warning, .disclosure {
  border: 1px solid var(--cd-border);
  border-left: 3px solid var(--cd-warn);
  border-radius: 4px;
  background: var(--cd-warn-bg);
  color: var(--cd-quiet);
}
.flow {
  border-color: var(--cd-border);
  border-radius: 5px;
  background: var(--cd-surface-2);
  color: var(--cd-accent);
}

.table-wrap { scrollbar-width: thin; }
table { background: var(--cd-surface-1); }
th, td { padding: 11px 13px; border-color: var(--cd-border); font-size: 10px; line-height: 1.45; }
th { background: var(--cd-surface-2); color: var(--cd-muted); }
tbody tr { transition: background .12s ease; }
tbody tr:hover { background: var(--cd-surface-2); }
td a { color: var(--cd-link) !important; text-underline-offset: 3px; }
.sort-button.active { color: var(--cd-accent); }
.pagination { border-color: var(--cd-border); border-radius: 0 0 5px 5px; background: var(--cd-surface-1); }
.pagination button { border-color: var(--cd-border); border-radius: 3px; background: var(--cd-surface-2); color: var(--cd-text); }

.dossier-grid { gap: 10px; }
.dossier {
  padding: 18px;
  border: 1px solid var(--cd-border);
  border-top: 3px solid var(--chain, var(--cd-accent));
  border-radius: 5px;
  background: var(--cd-surface-1);
  box-shadow: none;
}
.dossier header h3 { font: 700 1.45rem Georgia, serif; letter-spacing: -.025em; text-transform: none; }
dl { border-color: var(--cd-border); }
dl div { border-color: var(--cd-border); }
dt { color: var(--cd-muted); }
dd { color: var(--cd-text); }
.inactive { color: var(--cd-warn); -webkit-text-stroke: 0; font: 800 2rem/1 "Instrument Sans", sans-serif; letter-spacing: -.04em; }

.empty { border-color: var(--cd-border-strong); color: var(--cd-muted); }
.empty.large strong { color: var(--cd-danger); font-family: Georgia, serif; text-transform: none; }
footer { border-color: var(--cd-border); color: var(--cd-muted); }

@media (prefers-reduced-motion: no-preference) {
  #view > * { animation: rmi-enter .28s ease-out both; }
  #view > *:nth-child(2) { animation-delay: .025s; }
  #view > *:nth-child(3) { animation-delay: .05s; }
  @keyframes rmi-enter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
}

@media (max-width: 1000px) {
  .hero.compact-hero { grid-template-columns: 1fr; gap: 26px; }
  .hero-note { max-width: 600px; }
}

@media (max-width: 620px) {
  .masthead { padding: 0 12px; }
  .masthead-label { display: none; }
  .tape { display: block; text-align: left; }
  main { padding-inline: 12px; }
  .hero.compact-hero { min-height: 260px; padding: 46px 0 30px; }
  .hero h1, .compact-hero h1 { font-size: 15vw; line-height: .86; }
  .filters { border-radius: 4px; }
  .filters button { border-left: 0; }
  .tabs { position: sticky; top: calc(var(--cd-site-shell-height, 54px) + 4px); z-index: 10; }
  .section-head { padding-top: 36px; }
  .section-head h2 { font-size: 2rem; }
  .kpi { min-height: 172px; }
  .kpi strong { font-size: 2.5rem; }
}