/* EXPRESSIVE LAYER — for moments when the AI acts: dictation, automatic pricing,
   duplicate detection. Gradients, frosted glass and glow exist ONLY here.
   Never on a management screen. */
:root{
  --ai-canvas:var(--ink-900);
  --ai-eyebrow:var(--mint-bright);

  /* frosted glass panel */
  --ai-glass-bg:rgba(255,255,255,.06);
  --ai-glass-border:1px solid rgba(255,255,255,.12); /* @kind other */
  --ai-glass-blur:blur(12px); /* @kind other */

  /* chips on ink */
  --ai-chip-bg:rgba(255,255,255,.08);
  --ai-pill-bg:rgba(255,255,255,.07);
  --ai-pill-border:1px solid rgba(255,255,255,.1); /* @kind other */

  /* the listening orb */
  --ai-orb:radial-gradient(circle at 32% 28%, rgba(255,255,255,.5), rgba(34,197,95,.9) 46%, #0B6E38 100%); /* @kind other */
  --ai-orb-glow:0 0 0 1px rgba(255,255,255,.14), 0 0 48px rgba(34,197,95,.45);
  --ai-orb-size:128px;

  /* progress — always green to transparent, never two hues */
  --ai-progress:linear-gradient(90deg, #22C55F, #7DE3A5 55%, rgba(125,227,165,.1)); /* @kind other */
  --ai-progress-partial:linear-gradient(90deg, #22C55F, rgba(34,197,95,.15) 70%); /* @kind other */
  --ai-progress-empty:rgba(255,255,255,.1);
}