/* Careem brand palette + small component overrides.
   Tailwind + DaisyUI load from the CDN (base.html). We re-tint the active DaisyUI
   theme by overriding its color CSS variables (HSL triplets) with Careem's official
   brand colors, so every primary/secondary/accent/badge class inherits the brand
   automatically. Source: brand.careem.com/colour
     Careem Green #00E784 · Forest Green #00493E · Midnight Blue #001942
     Off White #FAFFFC · Light Green #D6FFEA · Purple #855DFF · Orange #FB6704 · Red #FF0040 */
/* DaisyUI v4 stores theme colors in OKLCH ("L% C H"), used as oklch(var(--p)).
   These MUST be OKLCH (HSL triplets parse as invalid oklch and strip the design). */
[data-theme="winter"] {
  --p: 81.473% 0.2033 154.526;   /* Careem Green  #00E784 */
  --pc: 22.479% 0.0847 258.383;  /* Midnight ink on green */
  --s: 36.279% 0.0666 178.319;   /* Forest Green  #00493E */
  --sc: 99.541% 0.0066 160.082;  /* off-white on forest */
  --a: 60.825% 0.2282 289.149;   /* Careem Purple #855DFF */
  --ac: 100% 0 90;
  --n: 22.479% 0.0847 258.383;   /* Midnight Blue #001942 */
  --nc: 99.541% 0.0066 160.082;
  --b1: 100% 0 90;               /* white cards */
  --b2: 98.122% 0.0140 162.484;  /* faint Careem-green page bg */
  --b3: 93.555% 0.0234 165.839;
  --bc: 25.677% 0.0495 260.642;  /* midnight body text */
  --su: 63.532% 0.1464 155.620;  /* success (good score band) */
  --suc: 100% 0 90;
  --wa: 69.107% 0.1994 44.152;   /* Careem Orange #FB6704 */
  --wac: 100% 0 90;
  --er: 63.215% 0.2542 20.849;   /* Careem Red #FF0040 */
  --erc: 100% 0 90;
  --in: 56.296% 0.1859 259.983;  /* info (processing / running) */
  --inc: 100% 0 90;
}

#waveform {
  position: relative;
}

/* Evidence pins rendered over the waveform by app.js (Careem red). */
.evidence-marker {
  position: absolute;
  top: 0;
  width: 2px;
  height: 72px;
  background: #ff0040;
  cursor: pointer;
  z-index: 5;
}
.evidence-marker::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: #ff0040;
}

/* Keep long transcripts readable in mixed LTR/RTL content. */
.seek-turn [dir="auto"] {
  line-height: 1.5;
}

/* Two-sided chat transcript: subtle affordance that a bubble is clickable. */
.seek-turn .chat-bubble {
  transition: filter 0.12s ease, box-shadow 0.12s ease;
}
.seek-turn:hover .chat-bubble {
  filter: brightness(0.97);
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.08);
}

/* The turn currently playing (set by app.js on timeupdate) — Careem green. */
.seek-turn.turn-active .chat-bubble {
  outline: 2px solid #00e784;
  outline-offset: 1px;
  box-shadow: 0 0 0 4px rgb(0 231 132 / 0.18);
}
.seek-turn.turn-active .chat-header {
  opacity: 1;
}

/* daisyUI <details> collapse: smooth the arrow/content reveal. */
.collapse-arrow > .collapse-title:after {
  transition: transform 0.2s ease;
}