/* ==========================================================================
   UKÜ Panelist — Broadcast Studio & Swiss Editorial
   CIU Corporate Identity & Design System:
   Palette: CIU Orange (#FE5000), Wine (#862633), Red (#A6192E), Ink (#231F20)
   Typography: Poppins (Heading) & Source Sans 3 (Body)
   Dark studio panels, hairline rules, broadcast data accents.
   ========================================================================== */

@font-face {
  font-family: 'Poppins';
  src: url('/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('/fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/fonts/SourceSans3-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/fonts/SourceSans3-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url('/fonts/SourceSans3-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

:root {
  --ground: #06101E;          /* Derin UKÜ kurumsal lacivert-mürekkep stüdyo zemini */
  --surface: #0B192C;         /* UKÜ koyu lacivert yüzey */
  --raised: #10233E;          /* Yükseltilmiş lacivert panel */
  --raised-2: #162E52;
  --line: #1D3557;            /* UKÜ lacivert sınır çizgisi */
  --line-strong: #2B4C7E;

  --ink: #F3F4F6;
  --ink-2: #B7C0CC;
  --ink-3: #7E8998;

  /* CIU Official Identity Palette */
  --ciu-orange: #FE5000;
  --ciu-wine: #862633;
  --ciu-red: #A6192E;
  --ciu-navy: #0B274E;
  --ciu-royal: #12318E;
  --ciu-slate: #425D70;
  --ciu-teal: #0B3F4A;
  --ciu-ink: #231F20;
  --ciu-gray: #9D9FA2;

  --accent: #FE5000;          /* Ana etkileşim ve vurgu: UKÜ Turuncusu */
  --accent-ink: #FFF5EB;
  --accent-tint: rgba(254, 80, 0, 0.16);
  --wine: #862633;
  --crimson: #A6192E;

  --emerald: #10B981;         /* verified */
  --emerald-tint: rgba(16, 185, 129, 0.14);
  --amber: #F59E0B;           /* needs_review */
  --amber-tint: rgba(245, 158, 11, 0.14);
  --cobalt: #3B82F6;          /* academic channel */
  --cobalt-tint: rgba(59, 130, 246, 0.14);

  --heading: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --sans: "Source Sans 3", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --gap: 8px;
  --pad: 16px;
  --control-h: 34px;
  --radius: 2px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--ground);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; color: inherit; }

.mono, .num, time { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.small { font-size: 12px; }
.muted { color: var(--ink-3); font-size: 13px; margin: 0; }

[hidden] { display: none !important; }

/* ------------------------------------------------------------------ shell */
.app {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100vh;
  min-height: 620px;
  background: var(--ground);
}

.topbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 10px 16px;
  background: linear-gradient(90deg, #0B274E 0%, #161922 65%, #231F20 100%);
  border-bottom: 2px solid #FE5000;
}

.masthead { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }

.masthead__brand, .brand { display: flex; align-items: center; gap: 12px; min-width: 0; }

.brand__mark {
  width: 36px; height: 36px;
  display: grid; place-items: center;
  background: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  flex-shrink: 0;
}

.brand__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.brand__univ {
  font-family: var(--heading);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #FE5000;
  text-transform: uppercase;
  white-space: nowrap;
}
.brand__name {
  font-family: var(--heading);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}
.brand__scope {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-2);
  white-space: nowrap;
}

.topbar__session { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; }
.masthead__actions { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; margin-left: auto; }
.quick { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; margin-left: auto; }

.session-pick {
  height: var(--control-h);
  min-width: 240px;
  max-width: 320px;
  padding: 0 8px;
  background: var(--raised);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--ink);
}

.status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--control-h);
  padding: 0 8px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: var(--ink-2);
}
.status__dot { width: 6px; height: 6px; background: var(--ink-3); }
.status[data-status="live"] { border-color: var(--accent); color: var(--accent-ink); }
.status[data-status="live"] .status__dot { background: var(--accent); }
.status[data-status="completed"] .status__dot { background: var(--emerald); }

.clock { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 13px; }
.clock__rec { width: 7px; height: 7px; background: var(--ink-3); }
.clock__rec[data-live="true"] { background: var(--accent); }

/* ------------------------------------------------------------- navigation */
.views, .masthead__nav {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  padding: 3px;
  background: var(--raised);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.viewtab, .masthead__tab {
  height: 28px;
  padding: 0 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius);
  color: var(--ink-2);
  font-family: var(--heading);
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.15s ease;
}
.viewtab:hover, .masthead__tab:hover { color: #FFFFFF; background: var(--raised-2); }
.viewtab[aria-selected="true"], .masthead__tab[aria-selected="true"] {
  background: rgba(254, 80, 0, 0.14);
  border-color: #FE5000;
  border-bottom: 2px solid #FE5000;
  color: #FFFFFF;
  font-weight: 600;
}

/* ---------------------------------------------------------------- buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: var(--control-h);
  padding: 0 12px;
  background: var(--raised);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--ink);
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
}
.btn:hover:not([disabled]) { background: var(--raised-2); border-color: #384657; }
.btn--primary {
  background: #FE5000;
  border-color: #FE5000;
  color: #FFFFFF;
  font-family: var(--heading);
  font-weight: 600;
}
.btn--primary:hover:not([disabled]) {
  background: #E04700;
  border-color: #E04700;
  color: #FFFFFF;
}
.btn--live {
  background: #A6192E;
  border-color: #FE5000;
  color: #FFFFFF;
  font-family: var(--heading);
  font-weight: 600;
}
.btn--live:hover:not([disabled]) {
  background: #862633;
  border-color: #FE5000;
}
.btn--stop, .btn--danger { background: transparent; border-color: #6E2437; color: #FF8FA6; }
.btn--stop:hover:not([disabled]), .btn--danger:hover:not([disabled]) { background: var(--accent-tint); border-color: var(--accent); color: #FFD3DC; }
.btn--ghost { background: transparent; border-color: var(--line-strong); color: var(--ink-2); }
.btn--ghost:hover:not([disabled]) { color: var(--ink); border-color: #384657; }
.btn--mod { background: var(--raised); font-size: 12px; }
.btn--sm { min-height: 28px; padding: 0 8px; font-size: 12px; }
.btn--chip {
  min-height: 28px;
  padding: 0 10px;
  background: var(--raised);
  border: 1px solid var(--line-strong);
  color: var(--ink-2);
  font-size: 12px;
}
.btn--chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #0B0F17; font-weight: 600; }

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: 2px solid var(--cobalt);
  outline-offset: 1px;
}

/* ------------------------------------------------------------------ alerts */
.banners { position: absolute; top: 58px; right: 16px; z-index: 30; display: grid; gap: 6px; max-width: 520px; }
.alert {
  margin: 0;
  padding: 8px 12px;
  font-size: 12px;
  border: 1px solid var(--line-strong);
  border-left: 3px solid var(--ink-3);
  background: var(--raised);
  border-radius: var(--radius);
}
.alert--error { border-left-color: var(--accent); color: #FFC9D4; }
.alert--ok { border-left-color: var(--emerald); color: #A7E8CD; }
.alert--warn { border-left-color: var(--amber); color: #F7DDA6; }

/* --------------------------------------------------------------- director */
.deck, .console-grid {
  display: grid;
  grid-template-columns: minmax(320px, 380px) minmax(420px, 1fr) minmax(340px, 400px);
  gap: 1px;
  background: var(--line);
  min-height: 0;
  height: 100%;
}

.col {
  min-height: 0;
  overflow-y: auto;
  background: var(--ground);
  display: flex;
  flex-direction: column;
}
.col--studio { background: var(--surface); }
.col--transcript { background: var(--ground); }
.col--cards { background: var(--surface); }

.panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: var(--pad);
}
.panel + .panel { margin-top: 1px; }
.panel--tight { padding: 12px 14px; }
.panel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.panel__head--tight { margin-bottom: 8px; }
.panel__title {
  margin: 0;
  font-family: var(--heading);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink);
}
.panel__sub { margin: 2px 0 0; font-size: 12px; color: var(--ink-3); }
.panel__tools { display: flex; gap: var(--gap); flex-wrap: wrap; }

.tag {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--raised);
  color: var(--ink-3);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.tag--off { color: var(--ink-3); }
.tag--ok { border-color: rgba(16, 185, 129, 0.45); background: var(--emerald-tint); color: #6EE7B7; }
.tag--warn { border-color: rgba(245, 158, 11, 0.45); background: var(--amber-tint); color: #FCD34D; }
.tag--live { border-color: var(--line-strong); }
.tag--live.is-on { border-color: rgba(225, 29, 72, 0.6); background: var(--accent-tint); color: #FF9DB2; }
.tag--pin { border-color: rgba(59, 130, 246, 0.5); background: var(--cobalt-tint); color: #93B8FB; }
.tag--access { text-transform: none; letter-spacing: 0; }
.tag--full_text { border-color: rgba(16, 185, 129, 0.45); background: var(--emerald-tint); color: #6EE7B7; }
.tag--abstract { border-color: rgba(59, 130, 246, 0.45); background: var(--cobalt-tint); color: #93B8FB; }
.tag--metadata_only { border-color: rgba(245, 158, 11, 0.45); background: var(--amber-tint); color: #FCD34D; }
.tag--layer { text-transform: none; letter-spacing: 0; }
.tag--identity { border-color: rgba(225, 29, 72, 0.45); background: var(--accent-tint); color: #FF9DB2; }
.tag--episodic { border-color: rgba(59, 130, 246, 0.45); background: var(--cobalt-tint); color: #93B8FB; }
.tag--semantic { border-color: rgba(16, 185, 129, 0.45); background: var(--emerald-tint); color: #6EE7B7; }

.badge, .AccessBadge, .access-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--raised);
  color: var(--ink-2);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
}

/* -------------------------------------------------------- avatar / studio */
.stagebox, .avatar-stage {
  position: relative;
  background: #0A0E16;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  min-height: 320px;
  padding: 12px;
  margin-bottom: 1px;
  overflow: hidden;
}

.voice-dock, .voice-actions { display: flex; flex-wrap: wrap; gap: var(--gap); margin-bottom: 10px; }
.voice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); margin-bottom: 10px; }

.field { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--ink-3); letter-spacing: 0.03em; }
.field select, .field input, .field textarea,
.composer input, .composer select,
.research input, .search, .inject input, .modal__card input, .modal__card textarea {
  min-height: var(--control-h);
  padding: 0 8px;
  background: var(--raised);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--ink);
  font-size: 13px;
}
.field textarea, .modal__card textarea { min-height: 64px; padding: 8px; line-height: 18px; }
.search { width: 240px; }

.meters { display: grid; gap: 8px; margin-bottom: 10px; }
.meter { display: grid; grid-template-columns: 74px 1fr auto; align-items: center; gap: 8px; }
.meter__label {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.meter__bar { height: 6px; background: #0A0E16; border: 1px solid var(--line); overflow: hidden; }
.meter__bar i { display: block; height: 100%; background: var(--cobalt); transition: width 80ms linear; }
.meter__bar--ai i { background: var(--emerald); }

.tool-banner {
  margin: 8px 0 0;
  padding: 6px 8px;
  border-left: 2px solid var(--amber);
  background: var(--amber-tint);
  font-size: 12px;
  color: #F7DDA6;
}
.tool-events { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 4px; }
.tool-events li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  color: var(--ink-3);
  border-bottom: 1px solid var(--line);
  padding-bottom: 3px;
}
.tool-events li[data-status="running"] { color: #FCD34D; }

/* -------------------------------------------------------- moderator desk */
.modgrid, .mod-bar, .mod-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.modgrid .btn--mod, .mod-bar .btn--mod { justify-content: flex-start; text-align: left; }
.inject { display: grid; grid-template-columns: 1fr auto; gap: 6px; grid-column: 1 / -1; }

/* ------------------------------------------------------------ transcript */
.transcript, .transcript-feed {
  display: grid;
  gap: 0;
  padding: 0;
  overflow-y: auto;
  min-height: 0;
  flex: 1;
}
.segment, .seg {
  display: grid;
  gap: 4px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line);
}
.segment__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.segment__chan, .segment__time {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  color: var(--ink-3);
}
.segment__time { margin-left: auto; }
.segment__text { margin: 0; font-size: 14px; line-height: 21px; color: var(--ink); }

.segment[data-role="ai"] { border-left: 2px solid var(--accent); }
.segment[data-role="academic"] { border-left: 2px solid var(--cobalt); }
.segment[data-role="coordinator"] { border-left: 2px solid var(--ink-3); }

.who-badge {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--raised);
  color: var(--ink-2);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.who-badge[data-role="ai"] {
  border-color: rgba(225, 29, 72, 0.55);
  background: var(--accent-tint);
  color: #FF9DB2;
}
.who-badge[data-role="academic"] {
  border-color: rgba(59, 130, 246, 0.55);
  background: var(--cobalt-tint);
  color: #93B8FB;
}
.who-badge[data-role="coordinator"] {
  border-color: var(--line-strong);
  background: var(--raised-2);
  color: var(--ink-2);
}

.live-stream { display: grid; gap: 6px; padding: 8px 14px; border-top: 1px solid var(--line); }
.live-stream[data-active="false"] { display: none; }
.live-row { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; }
.live-row__text { font-size: 13px; color: var(--ink-2); font-style: italic; }

.composer { border-top: 1px solid var(--line); padding: 10px 14px; background: var(--surface); }
.composer__row { display: grid; grid-template-columns: 150px 1fr auto; gap: 6px; }

/* ---------------------------------------------------------------- cards */
.cards, .cards-feed, .kcard {
  display: grid;
  gap: 10px;
  padding: 12px 14px 16px;
  overflow-y: auto;
  align-content: start;
}
.card {
  background: var(--raised);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px;
}
.card[data-state="presented"] { border-left: 2px solid var(--accent); }
.card[data-state="dismissed"] { opacity: 0.5; }
.card__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.card__conf { font-family: var(--mono); font-size: 10px; color: var(--ink-3); margin-left: auto; }
.card__claim { margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 600; }
.card__body { margin: 0; display: grid; gap: 2px; }
.card__body dt {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-top: 8px;
}
.card__body dd { margin: 0; font-size: 13px; line-height: 19px; color: var(--ink-2); }
.card__counter { border-left: 2px solid var(--accent); padding-left: 8px; color: var(--ink); }
.card__question { color: #93B8FB; }
.card__actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.research { display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 12px 14px; border-bottom: 1px solid var(--line); }

/* --------------------------------------------------------------- briefing */
.lower { display: grid; gap: 1px; background: var(--line); }
.briefing, .briefing-grid { display: grid; gap: 12px; }
.part {
  background: var(--raised);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
}
.part--audit { border-left: 2px solid var(--emerald); }
.part__title { margin: 0 0 10px; font-size: 14px; font-weight: 600; display: flex; align-items: baseline; gap: 8px; }
.part__no { font-family: var(--mono); font-size: 11px; color: var(--accent); }
.part__label {
  margin: 14px 0 6px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.part__label--ok { color: #6EE7B7; }
.part__label--warn { color: #FCD34D; }
.part__lede { margin: 0 0 6px; font-size: 13px; line-height: 20px; color: var(--ink-2); }

.kv { margin: 0; display: grid; gap: 4px; }
.kv > div { display: grid; grid-template-columns: 180px 1fr; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.kv dt { font-size: 12px; color: var(--ink-3); }
.kv dd { margin: 0; font-size: 13px; color: var(--ink); }

.bullet-list { margin: 0; padding-left: 18px; display: grid; gap: 4px; font-size: 13px; color: var(--ink-2); }
.bullet-list--warn li { color: #F7DDA6; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.camp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }
.camp {
  border: 1px solid var(--line);
  border-left: 2px solid var(--cobalt);
  padding: 8px 10px;
  display: grid;
  gap: 3px;
  background: var(--surface);
}
.camp__name { font-size: 12px; font-weight: 600; }
.camp__arg { font-size: 12px; color: var(--ink-3); }

.arc { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; counter-reset: arc; }
.arc__stage { border: 1px solid var(--line); padding: 10px 12px; display: grid; gap: 4px; background: var(--surface); }
.arc__name { font-size: 13px; font-weight: 600; color: #93B8FB; }
.arc__intent { font-size: 12px; color: var(--ink-3); }
.arc__prompts { margin: 4px 0 0; padding-left: 18px; font-size: 12px; color: var(--ink-2); }

.chip-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.chip {
  font-family: var(--mono);
  font-size: 11px;
  padding: 2px 8px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--ink-2);
  background: var(--surface);
}

.source-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.source-list li {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.source-list--warn li, .source--warn { border-left: 2px solid var(--amber); }
.source__title { font-size: 13px; font-weight: 500; }
.source__meta { font-size: 11px; color: var(--ink-3); }
.source-list li .tag { justify-self: start; margin-top: 2px; }

.settings { display: grid; gap: 14px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.form { display: grid; gap: 10px; }
.form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.form label { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--ink-3); letter-spacing: 0.03em; }
.form input, .form select, .form textarea {
  min-height: var(--control-h);
  padding: 6px 8px;
  background: var(--raised);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  color: var(--ink);
  font-size: 13px;
}
.form textarea { line-height: 18px; resize: vertical; }
.check { flex-direction: row !important; align-items: center; gap: 8px !important; }
.form__actions { display: flex; justify-content: flex-end; }

.upload { display: grid; gap: 8px; margin-top: 4px; }
.upload__drop {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius);
  font-size: 12px;
  color: var(--ink-3);
  background: var(--surface);
}
.upload__drop input[type="file"] { color: var(--ink-2); font-size: 12px; }

/* ---------------------------------------------------------------- memory */
.memory-layout { display: grid; grid-template-columns: minmax(320px, 1fr) minmax(280px, 380px); gap: 12px; }
.layer-counts { display: flex; gap: 6px; flex-wrap: wrap; }
.count-pill {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  padding: 2px 6px;
}
.count-pill b { color: var(--ink); font-weight: 600; margin-left: 4px; }

.memory-toolbar { display: flex; align-items: center; gap: var(--gap); flex-wrap: wrap; margin-bottom: 10px; }
.layers { display: flex; gap: 4px; flex-wrap: wrap; }
.memory-grid { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(260px, 340px); gap: 12px; }
.memory-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; align-content: start; }
.memory {
  background: var(--raised);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px;
  display: grid;
  gap: 6px;
}
.memory[data-layer="identity"] { border-left: 2px solid var(--accent); }
.memory[data-layer="episodic"] { border-left: 2px solid var(--cobalt); }
.memory[data-layer="semantic"] { border-left: 2px solid var(--emerald); }
.memory__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.memory__cat { font-size: 10px; color: var(--ink-3); }
.memory__imp { font-family: var(--mono); font-size: 10px; color: var(--ink-3); margin-left: auto; }
.memory__text { margin: 0; font-size: 13px; line-height: 19px; color: var(--ink-2); }

.graph, .graph-box {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  padding: 10px;
}
.graph__nodes, .graph__edges {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: grid;
  gap: 4px;
  max-height: 220px;
  overflow-y: auto;
}
.node {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--raised);
  font-size: 12px;
}
.node__label { color: var(--ink); }
.node__type { font-size: 10px; color: var(--ink-3); text-transform: uppercase; letter-spacing: 0.06em; }
.edge { font-size: 11px; color: var(--ink-3); padding: 2px 0; }

/* ----------------------------------------------------------------- press */
.press-layout, .press { display: grid; grid-template-columns: minmax(400px, 1.3fr) minmax(320px, 1fr); gap: 12px; }
.press__sheet {
  background: var(--raised);
  border: 1px solid var(--line);
  border-top: 3px solid var(--accent);
  border-radius: var(--radius);
  padding: 18px;
}
.press__headline { margin: 0 0 8px; font-size: 22px; line-height: 28px; letter-spacing: -0.01em; }
.press__dek { margin: 0 0 8px; font-size: 14px; line-height: 21px; color: var(--ink-2); }
.press__meta { margin: 0 0 12px; font-family: var(--mono); font-size: 10px; color: var(--ink-3); }
.press__body {
  margin: 0;
  font-family: var(--mono);
  font-size: 12px;
  line-height: 19px;
  color: var(--ink-2);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 480px;
  overflow: auto;
}
.press__col { display: grid; gap: 6px; align-content: start; }

.moments { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.moments li {
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-left: 2px solid var(--ink-3);
  border-radius: var(--radius);
  background: var(--surface);
}
.moments li[data-role="ai"] { border-left-color: var(--accent); }
.moments li[data-role="academic"] { border-left-color: var(--cobalt); }
.moments__time { font-family: var(--mono); font-size: 10px; color: var(--ink-3); }
.moments__text { font-size: 13px; }
.moments__why { font-size: 11px; color: var(--ink-3); }

.matrix { display: grid; gap: 4px; }
.matrix__row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 8px;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  font-size: 12px;
}
.matrix__topic { font-weight: 600; color: var(--ink); }
.matrix__detail { color: var(--ink-3); }
.matrix__row[data-state="consensus"] { border-left: 2px solid var(--emerald); }
.matrix__row[data-state="divergence"] { border-left: 2px solid var(--amber); }
.bib__counts { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 8px; }

/* ----------------------------------------------------------------- stage */
.stage-view {
  background: var(--ground);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.stage__bar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 18px;
  background: linear-gradient(90deg, #0B274E 0%, #862633 60%, #231F20 100%);
  border-bottom: 2px solid #FE5000;
}
.stage__torch-wrap {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  flex-shrink: 0;
}
.stage__brand {
  font-family: var(--heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.stage__live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  color: var(--ink-2);
}
.stage__rec { width: 6px; height: 6px; background: var(--ink-3); }
.stage__live[data-live="true"] {
  border-color: #FE5000;
  background: rgba(254, 80, 0, 0.18);
  color: #FFF5EB;
  font-weight: 700;
}
.stage__live[data-live="true"] .stage__rec { background: #FE5000; animation: pulse 1.4s ease-in-out infinite; }
.stage__clock { font-family: var(--mono); font-size: 13px; color: var(--ink); font-variant-numeric: tabular-nums; }
.stage__topic {
  margin-left: auto;
  font-family: var(--heading);
  font-size: 12px;
  font-weight: 600;
  color: #FFF5EB;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stage__frames {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1fr;
  gap: 2px;
  background: var(--line);
  min-height: 0;
}
.frame {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 16px;
  background: var(--surface);
  min-height: 0;
  overflow: hidden;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}
.frame__role {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.frame__mono {
  font-family: var(--mono);
  font-size: 42px;
  line-height: 46px;
  letter-spacing: 0.04em;
  color: var(--raised-2);
}
.frame__name { font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
.frame[data-speaking="true"] {
  background: #0E223D;
  border-color: #FE5000;
  box-shadow: inset 0 0 24px rgba(254, 80, 0, 0.15);
}
.frame[data-speaking="true"] .frame__role { color: #FE5000; font-weight: 700; }
.frame[data-speaking="true"] .frame__mono { color: #1D3557; }

.frame--ai {
  align-items: center;
  justify-content: center;
  text-align: center;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
}
.stage__avatar {
  flex: 1;
  width: 100%;
  min-height: 220px;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.bars { display: flex; align-items: flex-end; gap: 3px; height: 64px; margin-top: auto; }
.bars i { width: 4px; background: var(--line-strong); transition: height 90ms linear; }
.frame[data-speaking="true"] .bars i { background: #FE5000; }

.lowerthird {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 12px 20px;
  min-height: 76px;
  background: linear-gradient(90deg, #0B274E 0%, #162E52 40%, #862633 100%);
  border-top: 3px solid #FE5000;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.4);
}
.lowerthird::before { display: none; }
.lowerthird__tag {
  font-family: var(--heading);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #FE5000;
  color: #FFFFFF;
  padding: 4px 10px;
  border-radius: 4px;
}
.lowerthird__claim {
  font-family: var(--heading);
  font-size: 17px;
  font-weight: 600;
  line-height: 23px;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ----------------------------------------------------------------- modal */
.modal {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(4, 7, 12, 0.78);
}
.modal__card {
  width: min(520px, 100%);
  display: grid;
  gap: 10px;
  padding: 20px;
  background: var(--surface);
  border: 1px solid var(--line-strong);
  border-top: 3px solid var(--accent);
  border-radius: var(--radius);
}
.modal__card label { display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: var(--ink-3); letter-spacing: 0.03em; }
.modal__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 6px; }

/* ------------------------------------------------------------- utilities */
.subview { display: grid; gap: 1px; background: var(--line); }

/* Avatar display mode segmented switch */
.avatar-mode-switch {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  background: rgba(6, 16, 30, 0.85);
  border: 1px solid rgba(254, 80, 0, 0.35);
  border-radius: 999px;
  padding: 3px;
  gap: 2px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 25;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
}

.avatar-mode-btn {
  border: none;
  background: transparent;
  color: #94A3B8;
  font-family: var(--heading, inherit);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 4px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.18s ease;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.avatar-mode-btn:hover {
  color: #F8FAFC;
}

.avatar-mode-btn.is-active {
  background: linear-gradient(135deg, #FE5000 0%, #E04400 100%);
  color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(254, 80, 0, 0.45);
}

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }

/* ---------------------------------------------------------- responsive */
@media (max-width: 1320px) {
  .deck, .console-grid { grid-template-columns: minmax(300px, 340px) 1fr; }
  .col--cards { grid-column: 1 / -1; }
}

@media (max-width: 1024px) {
  .deck, .console-grid { grid-template-columns: 1fr; height: auto; }
  .app { height: auto; min-height: 100vh; }
  .col { overflow: visible; }
  .stage__frames { grid-template-columns: 1fr; }
  .press-layout, .press, .memory-grid, .memory-layout, .split { grid-template-columns: 1fr; }
  .topbar__session, .quick { width: 100%; }
  .session-pick { flex: 1; min-width: 0; }
  .stage__topic { display: none; }
}


/* --- UKU BRAND PROTOTYPE CSS --- */

:root{--wine:#862633;--wine2:#66202e;--cherry:#a6192e;--orange:#fe5000;--cream:#faf8f5;--bg:#f5f4f1;--white:#fff;--ink:#242228;--muted:#84818a;--border:#e8e4e1;--line:#f0ece9;--good:#2d8b68;--shadow:0 18px 45px rgba(54,32,39,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:13px/1.55 Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linejoin:round;stroke-linecap:round;flex:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-.035em}small{font-size:11px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800;color:var(--wine)}.app{display:flex;min-height:100vh}.side{width:264px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);z-index:10}.brand-section{height:171px;padding:15px 24px 15px;border-bottom:1px solid #f0eae7;position:relative}.brand-section:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--orange) 0 30%,var(--wine) 30% 72%,var(--cherry) 72%)}.brand-logo-window{position:relative;overflow:hidden;width:214px;height:92px;background:#fff}.brand-logo-window img{position:absolute;width:245px;height:auto;top:-25px;left:-16px}.logo-fallback{position:absolute;inset:0;display:none;align-items:center;font-size:13px;line-height:1.18;color:#201b1d;font-weight:800;gap:11px}.fallback-stripe{display:block;flex:none;width:22px;height:49px;border-radius:16px 4px 18px 6px;background:linear-gradient(145deg,var(--orange) 0 35%,var(--wine) 36% 67%,var(--cherry) 68%)}.product-label{border-left:2px solid var(--orange);padding-left:10px;margin-top:1px}.product-label b{font-size:12px;letter-spacing:.06em}.product-label small{display:block;color:#8d8a8c;font-size:10px;margin-top:2px}.side-nav{padding:24px 13px 12px;display:grid;gap:5px}.side-label{color:#aaa3a1;font-weight:800;font-size:10px;letter-spacing:1.7px;margin:0 12px 11px;text-transform:uppercase}.nav-item{background:transparent;border:1px solid transparent;color:#77757b;border-radius:11px;min-height:45px;display:flex;align-items:center;gap:13px;padding:0 14px;text-align:left;font-weight:650;transition:.2s}.nav-item:hover{background:#faf5f2;color:var(--wine)}.nav-item.active{background:#f8edeb;border-color:#f2dad8;color:var(--wine)}.nav-item.active svg{stroke:var(--wine)}.nav-item span{flex:1}.nav-item em{font-size:10px;font-style:normal;background:#f4efed;color:#9b7479;padding:2px 6px;border-radius:6px}.side-help{margin:auto 16px 17px;padding:18px;background:#f8f4f1;border:1px solid #eee6e2;border-radius:13px}.side-help .spark{width:34px;height:34px;background:#f0dedb;border-radius:9px;display:grid;place-items:center;color:var(--wine);margin-bottom:12px}.side-help strong{font-size:12px}.side-help p{font-size:10px;color:#8b8182;margin:7px 0 13px;line-height:1.7}.side-help button{background:transparent;border:0;padding:0;color:var(--wine);font-weight:800;font-size:11px}.side-footer{display:flex;gap:10px;align-items:center;padding:13px 20px 20px;border-top:1px solid #f0eeed;color:#5e565a}.userpic{width:35px;height:35px;border-radius:50%;background:linear-gradient(145deg,#dcc9bd,#bfa4a1);color:#673540;display:grid;place-items:center;font-weight:850}.side-footer b{font-size:11px}.side-footer small{display:block;color:#aaa;line-height:1.3}.main{flex:1;min-width:0;max-width:1750px;margin:0 auto}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 41px;background:#fff;border-bottom:1px solid var(--border);gap:15px}.top-path{display:flex;gap:10px;align-items:center;font-size:11px;color:#aaa}.top-path strong{color:var(--wine)}.top-actions{display:flex;align-items:center;gap:12px}.top-badge{display:flex;align-items:center;gap:8px;font-size:10px;color:#656265;background:#f7f6f3;padding:10px 13px;border-radius:30px}.dot{width:7px;height:7px;background:#54af8d;border-radius:50%;box-shadow:0 0 0 4px #54af8d17;display:inline-block;flex:none}.roundicon{border:1px solid var(--border);background:#fff;display:grid;place-items:center;height:36px;width:36px;border-radius:10px;color:#777}.roundicon:hover{color:var(--wine);border-color:#dfbcbd}.content{padding:38px 42px 70px}.screen{display:none}.screen.active{display:block;animation:appear .25s ease}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-head h1{font-size:30px;font-weight:780;line-height:1.24;margin-top:7px}.page-head p{color:var(--muted);font-size:12px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid #ded8d4;background:#fff;color:#50494a;padding:11px 16px;font-size:11px;font-weight:750;white-space:nowrap;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 9px 18px #3b23310d}.btn svg{height:16px;width:16px}.btn.primary{background:var(--wine);border-color:var(--wine);color:#fff}.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}.btn.quiet{background:#faf8f6}.btn.danger{border-color:#e3bbc0;color:#9f2e3b;background:#fff0f2}.card{border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.card-pad{padding:24px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.card-heading h3{font-size:14px;font-weight:790}.card-heading span{color:#9a9293;font-size:10px}.overview-banner{min-height:193px;border-radius:19px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:31px 37px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(116deg,#67212d 0%,#8e2737 51%,#ad3b36 100%);box-shadow:0 15px 40px #86263322}.overview-banner:before{content:"";position:absolute;height:355px;width:355px;border:1px solid #ffffff25;border-radius:50%;right:-86px;top:-140px;box-shadow:0 0 0 37px #ffffff08,0 0 0 77px #ffffff07}.overview-banner:after{content:"";position:absolute;height:170px;width:170px;right:128px;bottom:-108px;background:linear-gradient(160deg,#ff713a50,transparent);filter:blur(13px);border-radius:50%}.overview-banner>*{position:relative;z-index:1}.overview-banner .eyebrow{color:#ffd6c3}.overview-banner h2{font-size:24px;line-height:1.3;max-width:440px;margin:12px 0 7px}.overview-banner p{font-size:12px;color:#f5d6d9}.banner-buttons{display:flex;gap:10px;margin-top:22px}.banner-buttons .btn{background:#fff;color:var(--wine);border:none}.banner-buttons .btn.textonly{background:#ffffff1b;color:#fff;border:1px solid #ffffff36}.banner-right{align-self:stretch;min-width:225px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px}.banner-right b{font-size:44px;font-weight:720;letter-spacing:-3px}.banner-right span{color:#f4c9ca;letter-spacing:.14em;font-size:10px;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0 21px}.stat{padding:19px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#817a7c;font-size:10px;font-weight:700;gap:10px}.stat-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:9px;background:#f9eded;color:var(--wine)}.stat-icon.orange{background:#fff0e8;color:var(--orange)}.stat-icon.green{background:#e8f5ee;color:#398766}.stat-number{font-size:30px;font-weight:790;letter-spacing:-1.2px;margin:12px 0 4px}.stat-desc{font-size:10px;color:#8d8587}.stat-desc b{color:#369674}.overview-grid{display:grid;grid-template-columns:1.34fr .86fr;gap:18px}.session-row{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:17px 2px;cursor:pointer}.session-row:first-of-type{border-top:0}.session-row:hover .row-title{color:var(--wine)}.session-date{height:48px;width:49px;background:#faf2f0;border:1px solid #f0e0dd;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px;color:var(--wine);font-size:9px;flex:none}.session-date b{font-size:19px;line-height:1.2}.session-info{min-width:0;flex:1}.row-title{font-weight:780;font-size:12px}.row-sub{font-size:10px;color:#9c9697;margin-top:4px}.status{border-radius:50px;font-size:9px;font-weight:800;padding:5px 10px;background:#e7f4ed;color:#3b926b;white-space:nowrap}.status.warm{background:#fff0e2;color:#c5732d}.status.grey{background:#f4f2f0;color:#8d8685}.agent-feed{display:grid;gap:0}.feed-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f3efed}.feed-item:last-child{border:none}.feed-icon{width:32px;height:32px;border-radius:10px;background:#fff0e7;color:var(--orange);display:grid;place-items:center}.feed-icon svg{width:15px}.feed-item b{font-size:11px}.feed-item p{color:#999094;font-size:10px;margin-top:4px;line-height:1.55}.footnote{font-size:10px;color:#a69d9d;margin-top:26px}.live-layout{display:grid;grid-template-columns:minmax(0,1.27fr) minmax(295px,.74fr);gap:19px}.stage{border-radius:18px;min-height:503px;background:radial-gradient(ellipse at 53% 49%,#732c3f 0%,#40202e 35%,#221721 75%);border:1px solid #59283b;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;box-shadow:0 22px 45px #2f18251e}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 96%,#ffffff05 97%),linear-gradient(transparent 96%,#ffffff04 97%);background-size:48px 48px;pointer-events:none}.stage:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid #ffffff10;left:50%;top:44%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff03;pointer-events:none}.stage-top{position:relative;z-index:3;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stage-pulse{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:1.4px;color:#ffe3d8}.stage-pulse i{height:7px;width:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px #ff612e}.stage-time{font:650 12px/1 monospace;color:#f3ccd1}.stage-main{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 25px 20px}.avatar-sphere{width:226px;height:226px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 38% 28%,#ffd3b04a,transparent 28%),linear-gradient(145deg,#fc7b4c 0%,#b34c51 28%,#6c2543 64%,#421b36 100%);box-shadow:0 25px 65px #140b1c99,0 0 0 8px #ffffff09,0 0 0 22px #ffffff05,inset -21px -26px 43px #210d2688,inset 14px 11px 27px #ffffff3f;overflow:hidden}.avatar-sphere:before{content:"";position:absolute;width:146px;height:159px;border-radius:49% 49% 42% 42%;top:59px;background:linear-gradient(137deg,#ffc6ab 0%,#f29b88 36%,#a75b64 83%);box-shadow:inset -28px -16px 27px #5a213e6b,0 9px 35px #42172d66}.avatar-sphere:after{content:"";position:absolute;width:185px;height:100px;top:146px;border-radius:48% 48% 0 0;background:linear-gradient(145deg,#26212d,#11121d);clip-path:polygon(0 100%,10% 30%,34% 12%,50% 28%,66% 12%,90% 30%,100% 100%);opacity:.93}.avatar-features{position:absolute;z-index:2;top:107px;width:99px;height:63px}.eyes{position:absolute;top:4px;display:flex;justify-content:space-between;left:4px;right:4px}.eyes i{width:16px;height:5px;border-top:2px solid #582b37;border-radius:50%;transform:rotate(-5deg)}.nose{position:absolute;top:20px;left:48%;width:10px;height:19px;border-right:2px solid #955661;border-bottom:1px solid #955661;transform:rotate(-10deg);border-radius:30%}.mouth{position:absolute;top:50px;left:37%;width:31px;height:4px;border-bottom:2px solid #823b52;border-radius:50%}.avatar-sphere.speaking .mouth{animation:talk .42s infinite alternate}.avatar-sphere.speaking{box-shadow:0 25px 65px #140b1c99,0 0 0 8px #fd865c20,0 0 0 22px #ff7e4330,inset -21px -26px 43px #210d2688,inset 14px 11px 27px #ffffff3f}.avatar-name{font-size:24px;font-weight:800;letter-spacing:-1px;margin-top:24px}.avatar-sub{font-size:11px;color:#d7b5bc;margin-top:4px}.stage-voice{display:flex;align-items:center;gap:8px;margin-top:18px;color:#ffd5c6;font-size:10px;font-weight:800;letter-spacing:1.2px}.wave{display:flex;align-items:center;gap:4px;height:24px}.wave i{display:block;height:8px;width:3px;border-radius:4px;background:#ff9d72;animation:wave 1.2s infinite ease-in-out}.wave i:nth-child(2n){animation-delay:-.35s}.wave i:nth-child(3n){animation-delay:-.7s}.wave.quiet i{height:3px!important;animation:none;opacity:.5}.stage-bottom{z-index:3;position:relative;background:linear-gradient(0deg,#190e19ef,transparent);padding:18px 22px 22px;display:flex;justify-content:space-between;gap:10px;align-items:center}.stage-bottom .stage-caption{color:#d0aeb5;font-size:10px}.stage-actions{display:flex;gap:8px}.stage-circle{border:1px solid #875361;background:#ffffff16;color:#fff;width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.stage-circle:hover{background:#ffffff2a}.stage-circle.off{background:#9e3241;border-color:#c45f68}.stage-circle svg{height:15px}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}.person{padding:15px;display:flex;align-items:center;gap:11px}.person-avatar{height:39px;width:39px;border-radius:12px;background:#ede4df;color:#75515c;font-size:12px;font-weight:850;display:grid;place-items:center}.person-avatar.second{background:#ece4e8;color:#774257}.person b{font-size:11px}.person p{font-size:10px;color:#979092;margin-top:3px}.live-right{display:grid;gap:15px;align-content:start}.live-card{padding:19px}.live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:7px}.live-header h3{font-size:13px}.live-header span{color:#9e9594;font-size:10px}.transcript{max-height:290px;min-height:290px;overflow:auto;display:grid;align-content:start;gap:17px;scrollbar-width:thin}.bubble{display:flex;gap:10px}.bubble-icon{width:27px;height:27px;border-radius:8px;background:#f9e4df;color:var(--wine);font-size:10px;font-weight:900;display:grid;place-items:center;flex:none}.bubble-icon.ai{background:#fdf0e6;color:var(--orange)}.bubble-icon.mod{background:#f2eef2;color:#885e7a}.bubble b{font-size:10px}.bubble small{margin-left:6px;color:#b5adab;font-size:9px}.bubble p{font-size:11px;line-height:1.65;color:#777074;margin-top:3px}.intel-list{display:grid;gap:10px}.intel-row{border-radius:10px;background:#faf8f6;border:1px solid #f0e9e5;padding:11px 12px}.intel-row b{font-size:10px}.intel-row span{display:block;font-size:10px;color:#999094;margin-top:3px}.live-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.live-toolbar .btn{padding:10px 13px}.source-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.search{border:1px solid var(--border);background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:9px;width:min(350px,100%);color:#aaa}.search input{height:41px;border:0;outline:0;width:100%;color:#453d3f}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.filter{background:#fff;color:#777;border:1px solid var(--border);padding:8px 13px;border-radius:20px;font-size:10px;font-weight:750}.filter.active{background:#f7e9e7;border-color:#e9cccc;color:var(--wine)}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.source-item{padding:20px;min-height:183px;display:flex;flex-direction:column}.source-category{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--wine);display:flex;justify-content:space-between;align-items:center}.source-item h3{font-size:13px;line-height:1.5;margin-top:15px}.source-item p{color:#959093;font-size:10px;margin-top:7px}.source-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #f3eeeb;font-size:10px;color:#aaa}.source-bottom b{color:#2e9b70}.agent-hero{padding:24px;background:linear-gradient(105deg,#fff 0%,#f9f0eb 100%);border:1px solid #efdfda;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.agent-hero h2{font-size:20px;margin-top:7px}.agent-hero p{font-size:11px;color:#897e7e;margin-top:7px;max-width:525px}.agent-hero .btn{flex:none}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.service-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line);gap:12px}.service-row:first-of-type{border-top:0}.service-row b{font-size:11px}.service-row span{color:#928a8c;font-size:10px}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memory{padding:19px}.memory .eyebrow{font-size:9px}.memory strong{display:block;font-size:22px;margin-top:10px}.memory p{font-size:10px;color:#9b9292;margin-top:4px}.agent-event{display:flex;gap:11px;border-top:1px solid var(--line);padding:13px 0}.agent-event:first-of-type{border-top:0}.event-point{height:8px;width:8px;border-radius:50%;margin-top:5px;background:var(--orange);flex:none}.agent-event b{font-size:11px}.agent-event p{color:#9a9294;font-size:10px;margin-top:4px}.range-row{display:flex;gap:12px;align-items:center;margin:18px 0 0;color:#7f7478;font-size:11px}.range-row input{flex:1;accent-color:var(--wine)}.session-table{overflow:hidden}.table-row{display:grid;grid-template-columns:1.6fr 1fr .8fr .7fr;gap:12px;align-items:center;padding:17px 22px;border-top:1px solid #f0edea;cursor:pointer;font-size:11px}.table-row:hover{background:#fdfaf8}.table-row.table-header{background:#faf8f6;color:#a09a98;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:800;border-top:0;cursor:default}.table-row b{font-size:12px}.table-row p{color:#aaa;margin-top:4px;font-size:10px}.brand-swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.swatch{padding:13px;border:1px solid var(--border);border-radius:13px}.swatch-color{height:75px;border-radius:9px;margin-bottom:12px}.swatch b{font-size:11px}.swatch p{font-size:10px;color:#999;margin-top:4px}.modal-overlay{position:fixed;inset:0;background:#1b1017a8;display:none;align-items:center;justify-content:center;padding:20px;z-index:50;backdrop-filter:blur(3px)}.modal-overlay.open{display:flex}.modal{width:min(480px,100%);border-radius:19px;padding:27px;background:#fff;box-shadow:0 24px 80px #24162040}.modal h2{font-size:22px;margin:8px 0 3px}.modal p{font-size:11px;color:#999;margin-bottom:22px}.form-group{margin-top:15px}.form-group label{display:block;font-size:10px;font-weight:750;margin-bottom:7px;color:#5e555a}.form-group input,.form-group textarea,.form-group select{width:100%;border:1px solid var(--border);outline:0;border-radius:9px;padding:11px 12px;color:#372f32;background:#fff}.form-group textarea{resize:vertical;min-height:84px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.toast{position:fixed;right:26px;bottom:23px;background:#37222c;border:1px solid #774451;color:white;padding:13px 17px;font-size:12px;box-shadow:0 20px 45px #25101a38;border-radius:12px;z-index:100;opacity:0;transform:translateY(18px);pointer-events:none;transition:.2s;max-width:min(390px,90vw)}.toast.visible{opacity:1;transform:none}.stage.focus{position:fixed;inset:14px;z-index:30;min-height:unset}.stage.focus .avatar-sphere{width:310px;height:310px;transform:scale(1.14)}.pill-demo{background:#fff3e8;border:1px solid #f6dec8;color:#b66a3f;font-size:9px;padding:5px 10px;border-radius:30px;font-weight:800;letter-spacing:.7px}.empty-result{padding:35px;text-align:center;color:#999;font-size:12px;grid-column:1/-1}.brand-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:17px}.brand-links a{font-size:11px;font-weight:700;color:var(--wine);text-decoration:underline;text-underline-offset:3px}@keyframes wave{0%,100%{height:6px}45%{height:21px}}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes talk{to{height:10px;border:2px solid #783049;background:#77324988;border-radius:50%}}
@media(max-width:1230px){.content{padding:28px}.topbar{padding:0 28px}.overview-grid,.live-layout{grid-template-columns:1fr}.live-right{grid-template-columns:1fr 1fr}.live-card:first-child{grid-column:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}.source-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.side{width:70px}.brand-section{height:104px;padding:15px 6px}.brand-logo-window{width:52px;height:57px}.brand-logo-window img{width:178px;left:-8px;top:-20px}.brand-section .product-label,.side-label,.nav-item span,.nav-item em,.side-help,.side-footer>div:not(.userpic){display:none}.side-nav{padding:15px 8px}.nav-item{justify-content:center;padding:0}.side-footer{justify-content:center;padding:16px 0}.content{padding:22px}.topbar{height:68px;padding:0 21px}.top-badge{display:none}.overview-banner .banner-right{display:none}}
@media(max-width:620px){.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:24px}.overview-banner{padding:24px}.overview-banner h2{font-size:20px}.stats-grid,.live-right,.source-grid,.agent-grid,.memory-grid,.brand-swatch-grid{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr}.stage{min-height:440px}.table-row{grid-template-columns:1.5fr 1fr;gap:8px}.table-row>*:nth-child(n+3){display:none}.topbar{gap:8px}.top-path{font-size:9px}.stage-bottom{flex-direction:column;align-items:start}.source-toolbar{flex-wrap:wrap}}