/* Runtime compatibility aliases for the shared MetaHz theme. Scientific plot
   palettes and geometry colors stay owned by their respective viewers. */
:root {
  color-scheme: light;
  --bg: var(--mh-bg); --surface: var(--mh-surface); --panel: var(--mh-surface);
  --card: var(--mh-surface); --raised: var(--mh-raised); --sunken: var(--mh-sunken);
  --line: var(--mh-line); --border: var(--mh-line); --line-strong: var(--mh-line-strong);
  --ink: var(--mh-ink); --text: var(--mh-ink); --ink-2: var(--mh-muted);
  --ink-3: var(--mh-muted); --dim: var(--mh-muted); --chat-bg: var(--mh-sunken);
  --accent: var(--mh-accent); --accent2: var(--mh-accent-hover); --accent-hot: var(--mh-accent-hover);
  --accent-ink: var(--mh-on-accent); --accent-soft: var(--mh-accent-soft); --soft: var(--mh-accent-soft);
  --primary: var(--mh-accent); --primary-dark: var(--mh-accent-hover);
  --good: var(--mh-success, #2b8a4c); --success: var(--good); --green: var(--good);
  --warn: var(--mh-warning, #a8720e); --amber: var(--warn);
  --bad: var(--mh-error, #c73a2c); --err: var(--bad); --red: var(--bad);
  --good-soft: rgba(43,138,76,.12); --warn-soft: rgba(168,114,14,.14); --bad-soft: rgba(199,58,44,.12);
  --info: var(--mh-accent-hover); --info-soft: var(--mh-accent-soft);
  --chart-1: #c8641e; --chart-2: #0a9e98;
  --shadow: 0 8px 24px rgba(90,60,30,.12);
  --studio-ink: var(--mh-ink); --studio-muted: var(--mh-muted); --studio-line: var(--mh-line); --studio-accent: var(--mh-accent-hover);
  --tl-bg: var(--mh-bg); --tl-ink: var(--mh-ink); --tl-muted: var(--mh-muted); --tl-line: var(--mh-line);
  --tl-accent: var(--mh-accent-soft); --tl-soft: var(--mh-sunken); --tl-white: var(--mh-surface);
  --tl-error: var(--bad); --tl-warning: var(--warn);
  --house-ink: var(--mh-ink); --house-muted: var(--mh-muted); --house-border: var(--mh-line); --house-teal: var(--mh-accent-hover);
}
body.mh-runtime { background: var(--mh-bg); color: var(--mh-ink); }
.mh-runtime a { text-underline-offset: 3px; }
.mh-runtime :focus-visible { outline-color: var(--mh-accent); }
.mh-runtime .topbar { background: var(--mh-surface); color: var(--mh-ink); border-bottom: 1px solid var(--mh-line); flex-shrink: 0; }
.mh-runtime .topbar h1, .mh-runtime .topbar .brand, .mh-runtime .topbar .status,
.mh-runtime .topbar .count-badge { color: var(--mh-ink); }
.mh-runtime .topbar .count-badge { background: var(--mh-sunken); }
.mh-runtime .topbar a, .mh-runtime .topbar a.back-btn { color: var(--mh-accent-hover); border-color: var(--mh-line); background: transparent; }
.mh-runtime .topbar a:hover, .mh-runtime .topbar a.back-btn:hover { background: var(--mh-accent-soft); }
.mh-runtime .render-quality { color: var(--mh-ink); border-color: var(--mh-line-strong); background: var(--mh-raised); }
.mh-runtime .chip.hosted { border-color: var(--mh-line-strong); color: var(--mh-accent-hover); background: var(--mh-accent-soft); }
.mh-runtime input:not([type=checkbox]):not([type=radio]):not([type=range]),
.mh-runtime textarea, .mh-runtime select { color: var(--mh-ink); background-color: var(--mh-raised); border-color: var(--mh-line-strong); }
.mh-runtime input:disabled, .mh-runtime textarea:disabled, .mh-runtime select:disabled { color: var(--mh-muted); background-color: var(--mh-sunken); }
.mh-runtime .msg.user, .mh-runtime .quick button, .mh-runtime .chips button,
.mh-runtime .info-item, .mh-runtime .skill-card.selected, .mh-runtime .skill-card .pattern,
.mh-runtime .geometry-info { background: var(--mh-accent-soft); color: var(--mh-ink); }
.mh-runtime .quick button:hover, .mh-runtime .chips button:hover { background: var(--mh-sunken); }
.mh-runtime .msg.bot, .mh-runtime .msg pre, .mh-runtime .modal-body pre,
.mh-runtime .results .file-item, .mh-runtime .btn.secondary { background: var(--mh-sunken); }
.mh-runtime .geometry-info b { color: var(--mh-accent-hover); }
.mh-runtime .card, .mh-runtime .calc-card:hover, .mh-runtime .skill-card:hover { box-shadow: 0 2px 10px rgba(90,60,30,.08); }
.mh-runtime .tooltip { background: var(--mh-surface); color: var(--mh-ink); }
.mh-runtime .upload-area:hover, .mh-runtime .upload-area.dragover { background: var(--mh-accent-soft); }
.mh-runtime .all-papers[aria-pressed=true], .mh-runtime .filter-chip,
.mh-runtime .topic-chip { background: var(--mh-accent-soft); border-color: var(--mh-line-strong); color: var(--mh-ink); }
.mh-runtime .paper-authors, .mh-runtime .paper-venue, .mh-runtime .paper-priority { color: var(--mh-muted); }
.mh-runtime .paper-card:hover, .mh-runtime .category-row:hover { background: var(--mh-sunken); }
.mh-runtime .facet-group, .mh-runtime .category-list .category-list { border-color: var(--mh-line); }
.mh-runtime .tl-button:not(.tl-secondary) { background: var(--mh-accent); border-color: var(--mh-accent); color: var(--mh-on-accent); }
.mh-runtime .tl-secondary { border-color: var(--mh-line-strong); }
.mh-runtime .tl-search-input, .mh-runtime .studio-card { background: var(--mh-surface); border-color: var(--mh-line); }
.mh-runtime .studio-art { background: var(--mh-sunken); }
.mh-runtime .studio-art span { border-color: var(--mh-accent); box-shadow: 3px 4px 0 var(--mh-line-strong); }
.mh-runtime .house-header, .mh-runtime .house-inspector, .mh-runtime .path-summary { background: var(--mh-surface); }
.mh-runtime .scene-toolbar, .mh-runtime .button-group, .mh-runtime .ris-editor,
.mh-runtime .solver-section, .mh-runtime .selection-note, .mh-runtime .array-info,
.mh-runtime .placement { background: var(--mh-sunken); border-color: var(--mh-line); color: var(--mh-ink); }
.mh-runtime .house-workspace button { border-color: var(--mh-line-strong); color: var(--mh-ink); }
.mh-runtime .house-workspace button:hover:not(:disabled) { background: var(--mh-accent-soft); border-color: var(--mh-accent); }
.mh-runtime .house-workspace .primary, .mh-runtime #editRis[aria-pressed=true],
.mh-runtime .ris-editor>button[aria-pressed=true] { background: var(--mh-accent); border-color: var(--mh-accent); color: var(--mh-on-accent); }
.mh-runtime .house-workspace .primary:hover:not(:disabled), .mh-runtime #editRis[aria-pressed=true]:hover { background: var(--mh-accent-hover); color: var(--mh-on-accent); }
.mh-runtime .placement[aria-pressed=true] { background: var(--mh-accent-soft); border-color: var(--mh-accent); }
.mh-runtime .field, .mh-runtime .ris-coordinate-fields label, .mh-runtime .selection-note,
.mh-runtime .scene-facts dt, .mh-runtime .section-number, .mh-runtime .phase-scale,
.mh-runtime .house-workspace .inspector-section p strong { color: var(--mh-muted); }
.mh-copyright { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-shrink: 0; padding: 12px 16px; background: var(--mh-surface); border-top: 1px solid var(--mh-line); color: var(--mh-muted); font: 12px/1.5 "Segoe UI", system-ui, sans-serif; }
.mh-copyright a { color: var(--mh-accent-hover); }
.mh-page-configurator .app { grid-template-rows: auto auto auto minmax(0,1fr) auto; }
.mh-page-configurator #mcnav-root { grid-row: 1; }
.mh-page-configurator .app>.topbar { grid-row: 2; }
.mh-page-configurator .app>.log { grid-row: 3; }
.mh-page-configurator .app>.frame { grid-row: 4; }
.mh-page-configurator .app>.mh-dashboard-footer { grid-row: 5; }
.mh-page-configurator .mh-copyright { padding-block: 6px; }
@media (min-width: 1024px) {
  .mh-page-configurator .app { grid-template-columns: minmax(0,1fr); }
  .mh-page-configurator .mh-dashboard-footer { min-width: 0; }
}