/* Bot command center, BIG theme: the brand-align skill's BIG profile
   (data-claudeai docs/brand/theme-contract.md and html-slide-kit.css).
   Navy + teal on warm neutrals, Aptos type, the teal monogram on a navy header
   band, quiet cards with hairline borders. No glow, no mono, no robots.
   Applies when <html data-theme="big">; theme.css stays the Tech look. */

:root[data-theme="big"] {
  /* Brand tokens (BIG theme values) */
  --navy: #1F3147; --teal: #94DACF; --deep-teal: #2F7E70;
  --cream: #F4E7D1; --clay: #D2A791; --clay-ink: #B07F66;
  --muted: #7A7064; --line: #EAE1D4; --panel: #FBF6EC; --page-bg: #FBF8F3;
  --pos: #3D7E4F; --neg: #B23A3A; --caution: #C68A3C;
  --teal-tint: #E2F1ED; --navy-tint: #E4E9EF;

  /* The console's own tokens, mapped onto the brand */
  --void: var(--page-bg);
  --phosphor: var(--deep-teal);          /* accent that must read on white */
  --phosphor-dim: var(--muted);
  --phosphor-faint: var(--teal-tint);
  --glass: #fff;
  --glass-deep: var(--panel);
  --text: var(--navy);
  --text-muted: var(--muted);
  --strong: var(--navy);
  --error: var(--neg);
  --warn: var(--caution);
  --edge: var(--line);
  --edge-soft: var(--line);
  --edge-strong: var(--line);
  --display: "Aptos Display", "Aptos", "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --body: "Aptos", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  --glow-text: none;
  --glow-box: 0 1px 2px rgba(31, 49, 71, .04), 0 6px 24px rgba(31, 49, 71, .06);
  --glow-focus: 0 0 0 3px rgba(148, 218, 207, .55);
  color-scheme: light;
}

[data-theme="big"] body { -webkit-font-smoothing: antialiased; }
[data-theme="big"] .cursor { display: none; }
[data-theme="big"] .brand-mark, [data-theme="big"] .eyebrow { display: block; }
[data-theme="big"] .title { color: var(--navy); letter-spacing: 0; font-weight: 500; }

[data-theme="big"] .panel { border: 1px solid var(--line); border-radius: 10px; backdrop-filter: none; }

/* Eyebrow labels: small, bold, tracked, deep teal (as on the slides). */
[data-theme="big"] .label, [data-theme="big"] label {
  font: 700 11px var(--display); letter-spacing: .2em; color: var(--deep-teal);
}

[data-theme="big"] input, [data-theme="big"] textarea {
  background: #fff; border: 1px solid var(--line); border-radius: 8px; caret-color: var(--navy);
}
[data-theme="big"] input::placeholder, [data-theme="big"] textarea::placeholder { color: rgba(122, 112, 100, .7); }
[data-theme="big"] input:focus-visible, [data-theme="big"] textarea:focus-visible { border-color: var(--deep-teal); }

/* Buttons: navy primary, outlined secondary, sentence case. */
[data-theme="big"] button, [data-theme="big"] .button {
  font: 600 14px var(--body); letter-spacing: .01em; text-transform: none;
  color: #fff; background: var(--navy); border: 1px solid var(--navy); border-radius: 8px;
  padding: 10px 16px; box-shadow: none;
}
[data-theme="big"] button:hover { background: #2a4260; border-color: #2a4260; color: #fff; }
[data-theme="big"] button:focus-visible { outline: 2px solid var(--deep-teal); outline-offset: 2px; }
[data-theme="big"] button:disabled:hover { background: var(--navy); color: #fff; }
[data-theme="big"] button.ghost {
  font: 500 13px var(--body); letter-spacing: 0; padding: 6px 12px;
  color: var(--navy); background: #fff; border-color: var(--line); border-radius: 20px;
}
[data-theme="big"] button.ghost:hover { background: var(--teal-tint); border-color: var(--teal); box-shadow: none; }
[data-theme="big"] button.ghost:disabled:hover { background: #fff; color: var(--navy); border-color: var(--line); }
[data-theme="big"] button.link { font: 500 13px var(--body); letter-spacing: 0; color: inherit; background: none; border: 0; padding: 0; }
[data-theme="big"] button.link:hover { text-decoration: underline; }

/* Tags: soft pills. */
[data-theme="big"] .tag {
  font: 600 11px var(--body); letter-spacing: .02em; text-transform: none;
  color: var(--navy); background: var(--teal-tint); border: 0; border-radius: 20px; padding: 2px 8px;
}
[data-theme="big"] .tag.off { color: var(--muted); background: var(--navy-tint); }

[data-theme="big"] a { color: var(--deep-teal); }
[data-theme="big"] a:hover { text-shadow: none; text-decoration: underline; }
[data-theme="big"] ::selection { background: var(--teal); color: var(--navy); }
[data-theme="big"] * { scrollbar-color: var(--clay) transparent; }
[data-theme="big"] ::-webkit-scrollbar-thumb { background: var(--clay); border-radius: 8px; }

/* ---- Console layout in BIG ---- */

[data-theme="big"] body.app { background: var(--page-bg); }

/* The navy header band, with the teal monogram (its letters show the navy through). */
[data-theme="big"] .topbar { background: var(--navy); color: #fff; margin-bottom: 16px; padding-bottom: clamp(12px, 2vh, 20px); }
[data-theme="big"] .topbar .title { color: #fff; font-size: clamp(19px, 2vw, 24px); }
[data-theme="big"] .topbar .eyebrow { color: var(--teal); }
[data-theme="big"] .operator { color: #dbe3ec; }
[data-theme="big"] .topbar button.link { color: var(--teal); }

[data-theme="big"] .agent {
  font: 400 13px var(--body); color: var(--navy); background: var(--panel);
  border: 1px solid var(--line); border-radius: 8px;
}
[data-theme="big"] .agent:hover { background: var(--teal-tint); border-color: var(--teal); color: var(--navy); }
[data-theme="big"] .agent[aria-pressed="true"] {
  background: #fff; border-color: var(--teal); box-shadow: inset 4px 0 0 var(--deep-teal);
}
[data-theme="big"] .agent .name { font: 500 17px var(--display); letter-spacing: 0; color: var(--navy); text-transform: none; }
[data-theme="big"] .agent .pending { font: 600 11px var(--body); letter-spacing: .02em; text-transform: none; }

[data-theme="big"] .chat-title .title { font-size: 24px; text-transform: none; }

[data-theme="big"] .msg .from { font: 700 11px var(--display); letter-spacing: .18em; }
[data-theme="big"] .msg.op { align-self: flex-end; }
[data-theme="big"] .msg.op .from { text-align: right; }
[data-theme="big"] .msg.op .body { background: var(--navy-tint); border-radius: 12px 12px 2px 12px; padding: 8px 12px; }
[data-theme="big"] .msg.op .body::before { content: none; }
[data-theme="big"] .msg.bot .from { color: var(--deep-teal); }
[data-theme="big"] .msg.bot .body { border-left: 3px solid var(--teal); }
[data-theme="big"] .msg.sys::before { content: none; }
[data-theme="big"] .msg.sys { font-style: italic; }

[data-theme="big"] .md .md-h { font: 600 15px var(--display); letter-spacing: 0; text-transform: none; color: var(--navy); }
[data-theme="big"] .md code { border-radius: 4px; }
[data-theme="big"] .md pre { border-radius: 8px; }
[data-theme="big"] .md hr { border-top: 1px solid var(--line); }
[data-theme="big"] .md th { font: 600 12px var(--body); letter-spacing: 0; text-transform: none; color: var(--navy); background: var(--cream); }
[data-theme="big"] .md tr:nth-child(even) td { background: #FDFBF7; }

[data-theme="big"] .working { font: 500 13px var(--body); letter-spacing: 0; text-transform: none; color: var(--deep-teal); }
[data-theme="big"] .working::after { content: "…"; }

[data-theme="big"] .caps h3 { font: 700 11px var(--display); letter-spacing: .18em; color: var(--clay-ink); }
[data-theme="big"] .caps li .cap-name { font: 600 13px var(--body); letter-spacing: 0; text-transform: none; color: var(--navy); }
[data-theme="big"] .fine { border-top: 1px solid var(--line); }
[data-theme="big"] .fine em { color: var(--navy); font-weight: 600; }

/* The BIG | Tech switch, BIG skin */
[data-theme="big"] .theme-switch { border-color: rgba(148, 218, 207, .45); border-radius: 20px; }
[data-theme="big"] .theme-switch button { color: #dbe3ec; background: transparent; border: 0; border-radius: 20px; font: 600 12px var(--body); letter-spacing: .04em; padding: 4px 12px; }
[data-theme="big"] .theme-switch button:hover { background: rgba(148, 218, 207, .15); color: #fff; }
[data-theme="big"] .theme-switch button[aria-pressed="true"] { background: var(--teal); color: var(--navy); }

/* Admin audit dialog, BIG skin */
[data-theme="big"] .audit { border-radius: 12px; background: #fff; }
[data-theme="big"] .audit td button.link { color: var(--deep-teal); }
[data-theme="big"] .audit::backdrop { background: rgba(31, 49, 71, .35); }
[data-theme="big"] .audit th { font: 600 12px var(--body); letter-spacing: 0; text-transform: none; color: var(--navy); background: var(--cream); }
[data-theme="big"] .audit tr.bad td { color: var(--neg); }