/* ==========================================================================
   Theme: Corporate — clean enterprise console (default).
   Light grey canvas, white cards with coloured top rules, navy chrome.
   ========================================================================== */

:root {
  --bg: #e9ebee;
  --surface: #ffffff;
  --surface-2: #f4f5f7;
  --surface-3: #eceef1;

  --border: #d8dbe0;
  --border-strong: #bcc1c9;

  --text: #1b2430;
  --text-muted: #66707f;

  --accent: #1e3a5f;
  --accent-hover: #274a78;
  --accent-soft: #e9eff8;
  --on-accent: #ffffff;

  --ok: #2f6f36;
  --ok-soft: #e8f4e9;
  --danger: #b3261e;
  --danger-soft: #fbeceb;
  --warn: #916000;
  --warn-soft: #fdf5e6;

  --radius: 3px;
  --radius-sm: 2px;

  --shadow-sm: 0 1px 2px rgba(20, 30, 45, 0.07);
  --shadow-md: 0 8px 22px rgba(20, 30, 45, 0.12);

  --topbar-bg: linear-gradient(180deg, #22406a 0%, #1a3153 100%);
  --topbar-text: #f2f6fb;
  --topbar-muted: #b9c7da;
  --topbar-border: rgba(255, 255, 255, 0.16);
  --topbar-hover: rgba(255, 255, 255, 0.12);

  --input-bg: #ffffff;
  --code-bg: #f4f6f9;
  --code-text: #1b2430;

  --user-bubble: #eef4fc;
  --user-bubble-border: #cddcee;
  --assistant-bubble: #ffffff;
  --assistant-bubble-border: #e0e3e8;

  --font-ui: "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;
}

.page-head {
  background: transparent;
}

.stat {
  border-top-width: 3px;
}

/* The reference layout keeps section headers quiet and typographic. */
.panel-head {
  background: #f7f8fa;
  border-bottom: 1px solid var(--border);
  letter-spacing: 0.5px;
}

.auth-brand .mark {
  background: #1e3a5f;
}

.topbar {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

.brand-mark {
  background: rgba(255, 255, 255, 0.1);
}