/* ============================================================
   ORBIO · RESTYLE — čitateľnosť + minimalizmus  (2026-06-16)
   Cieľ (zadanie): „neón slabo čitateľné texty a políčka správ →
   funkčné, pekné, monochromatické + farebný akcent, minimalistické."

   Princíp:
   • TEXT = monochromatický, plný kontrast (biela/sivá) — nič bledé.
   • TYRKYSOVÁ = len akcent (aktívne stavy, štítky, tlačidlá, odkazy).
   • MENEJ ŽIARY (glow) — čisté hrany namiesto neónovej hmly.

   Načítané POSLEDNÉ → vyhráva kaskádu. Scope: tmavá téma
   (default / „ocean"). Svetlú tému („svetlo") zámerne neriešime —
   tá už má vlastné kontrastné overridy.
   ============================================================ */

/* Neutrálne tokeny pre sekundárny text — koniec „bledých" hodnôt.
   Appka číta --text-dim/--text-muted na desiatkach miest. */
html:not([data-theme="svetlo"]) {
  --text:        rgba(231, 240, 248, 0.96);
  --text-dim:    rgba(206, 220, 234, 0.78);   /* bol ~0.55 */
  --text-muted:  rgba(184, 200, 218, 0.62);   /* bol ~0.40 */
  --text-faint:  rgba(170, 188, 208, 0.55);   /* placeholdery */
  --ink-2:       rgba(206, 220, 234, 0.78);   /* pomocná: neutrálny sekundár */

  /* Žiara — výrazne stlmená (minimalizmus) */
  --glow-soft:   0 0 0 1px rgba(0, 212, 170, 0.12);
  --glow-strong: 0 0 0 1px rgba(0, 212, 170, 0.22);
  --glow-focus:  0 0 0 3px rgba(0, 212, 170, 0.16);
  --neon-glow:   0.06;
}

/* ════════════════════════════════════════════════════════════
   1) POLÍČKA SPRÁV — chat bubliny (jadro zadania)
   ════════════════════════════════════════════════════════════ */

/* AI správa — pokojná zdvihnutá plocha, ostrá vlasová hrana, plný text */
html:not([data-theme="svetlo"]) .msg-bubble-ai {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(233, 243, 250, 0.97);
  box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
/* Vypnúť animovanú neónovú auru okolo AI bubliny (minimalizmus) */
html:not([data-theme="svetlo"]) .msg-bubble-ai::before,
html:not([data-theme="svetlo"]) .msg-bubble-ai::after {
  opacity: 0 !important;
  animation: none !important;
  display: none !important;
}

/* Užívateľská správa — čistý tyrkysový akcent, čitateľný text, bez žiary */
html:not([data-theme="svetlo"]) .msg-bubble-user {
  background: rgba(0, 200, 165, 0.16);
  border: 1px solid rgba(0, 212, 170, 0.34);
  color: rgba(236, 255, 250, 0.98);
  box-shadow: none;
}

/* Proaktívny tip — jemný ľavý akcentový prúžok, čitateľný štítok */
html:not([data-theme="svetlo"]) .msg-bubble-proactive {
  background: rgba(0, 212, 170, 0.05);
  border: 1px solid rgba(0, 212, 170, 0.18);
  border-left: 3px solid rgba(0, 212, 170, 0.7);
  color: rgba(233, 243, 250, 0.96);
}
html:not([data-theme="svetlo"]) .proactive-badge {
  color: #34d8bc;
  font-weight: 600;
}

/* Časové pečiatky / meta v bublinách — neutrálne, čitateľné (nie bledé) */
html:not([data-theme="svetlo"]) .msg-meta,
html:not([data-theme="svetlo"]) .msg-bubble .msg-time,
html:not([data-theme="svetlo"]) .msg-bubble time {
  color: rgba(196, 210, 226, 0.62);
}
/* Zvýraznenie v texte AI — tyrkysový akcent, ale plný */
html:not([data-theme="svetlo"]) .msg-bubble-ai strong,
html:not([data-theme="svetlo"]) .ai-strong { color: #2fe0c2; }

/* ════════════════════════════════════════════════════════════
   2) VSTUPNÉ POLE správy — čisté, funkčné, minimálna žiara
   ════════════════════════════════════════════════════════════ */
html:not([data-theme="svetlo"]) .chat-textarea {
  background: rgba(255, 255, 255, 0.055);
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  color: rgba(235, 245, 251, 0.98);
  box-shadow: none;
}
html:not([data-theme="svetlo"]) .chat-textarea::placeholder {
  color: rgba(186, 202, 220, 0.5);
}
html:not([data-theme="svetlo"]) .chat-textarea:focus,
html:not([data-theme="svetlo"]) .chat-textarea.neuron-active {
  border-color: rgba(0, 212, 170, 0.55);
  box-shadow: 0 0 0 3px rgba(0, 212, 170, 0.14);
}
html:not([data-theme="svetlo"]) .chat-textarea.neuron-thinking {
  border-color: rgba(0, 212, 170, 0.32);
  box-shadow: none;
}

/* Ikony pri vstupe — čitateľné, akcent na hover */
html:not([data-theme="svetlo"]) .chat-plus-btn,
html:not([data-theme="svetlo"]) .input-bubble-cam,
html:not([data-theme="svetlo"]) .input-bubble-mic,
html:not([data-theme="svetlo"]) .attach-btn,
html:not([data-theme="svetlo"]) .vision-camera-btn {
  color: rgba(206, 220, 234, 0.72);
}
html:not([data-theme="svetlo"]) .chat-plus-btn:hover,
html:not([data-theme="svetlo"]) .input-bubble-cam:hover,
html:not([data-theme="svetlo"]) .vision-camera-btn:hover { color: #2fe0c2; }

/* Odoslať — plné tyrkysové tlačidlo, tmavý glyf, bez veľkej žiary */
html:not([data-theme="svetlo"]) .send-btn {
  background: #00d0a8; color: #042018; box-shadow: none;
}
html:not([data-theme="svetlo"]) .send-btn:hover { background: #14ddb6; }

/* ════════════════════════════════════════════════════════════
   3) NEÓN / ŠTÍTKY / EYEBROWS — akcent, ale plne čitateľné
   ════════════════════════════════════════════════════════════ */
html:not([data-theme="svetlo"]) .tut-chapter-label { color: #34d8bc; }
html:not([data-theme="svetlo"]) .tut-chapter-num   { color: rgba(196, 210, 226, 0.58); }
html:not([data-theme="svetlo"]) .tut-badge {
  color: #3ee3c6;
  border-color: rgba(0, 212, 170, 0.4);
  background: rgba(0, 212, 170, 0.1);
}
html:not([data-theme="svetlo"]) .orbio-eyebrow { color: rgba(196, 210, 226, 0.7); }

/* Stavová „pill" — neutrálny popis + akcentová bodka (bez veľkej žiary) */
html:not([data-theme="svetlo"]) .pill {
  color: rgba(214, 226, 238, 0.92);
  border-color: rgba(0, 212, 170, 0.32);
  background: rgba(0, 212, 170, 0.08);
}
html:not([data-theme="svetlo"]) .dot { box-shadow: 0 0 4px rgba(0, 212, 170, 0.5); }

/* Karty / widgety — čitateľný titul aj podtitul */
html:not([data-theme="svetlo"]) .card-title { color: rgba(233, 243, 250, 0.97); }
html:not([data-theme="svetlo"]) .card-sub   { color: rgba(196, 210, 226, 0.72); }

/* ════════════════════════════════════════════════════════════
   4) UKÁŽKOVÉ TRIEDY harnessu — reprezentujú výsledok plošného
      „opacity floor" prepisu inline textov v index.html.
      (V appke to rieši in-place pass, nie tento súbor.)
   ════════════════════════════════════════════════════════════ */
html:not([data-theme="svetlo"]) .t-teal40,
html:not([data-theme="svetlo"]) .t-teal55,
html:not([data-theme="svetlo"]) .t-white40,
html:not([data-theme="svetlo"]) .t-white55 { color: rgba(206, 220, 234, 0.82); }
html:not([data-theme="svetlo"]) .t-teal70   { color: #2fe0c2; }

/* ════════════════════════════════════════════════════════════
   5) SVETLÁ TÉMA — rovnaký princíp: tmavý neutrálny text,
      cyan (14,116,144) len akcent, minimálna žiara.
      (Svetlá už mala kontrastné overridy — toto dorovnáva
      políčka správ, stlmuje glow a dvíha bledé texty.)
   ════════════════════════════════════════════════════════════ */

/* Vstup — minimálny focus ring namiesto trojvrstvovej žiary */
html[data-theme="svetlo"] .chat-textarea:focus,
html[data-theme="svetlo"] .chat-textarea.neuron-active {
  border-color: rgba(14, 116, 144, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(14, 116, 144, 0.12) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}
html[data-theme="svetlo"] .chat-textarea.neuron-thinking {
  box-shadow: none !important;
}
/* Odoslať — plný cyan, biely glyf */
html[data-theme="svetlo"] .send-btn { background: #0e7490; color: #ffffff; box-shadow: none; }
html[data-theme="svetlo"] .send-btn:hover { background: #0b5e74; }

/* Proaktívny tip — ľavý akcentový prúžok + čitateľný štítok */
html[data-theme="svetlo"] .msg-bubble-proactive {
  border-left: 3px solid rgba(14, 116, 144, 0.6);
}
html[data-theme="svetlo"] .proactive-badge { color: #0e7490; font-weight: 600; }

/* Meta / časové pečiatky — neutrálne čitateľné (nie bledý cyan) */
html[data-theme="svetlo"] .msg-meta,
html[data-theme="svetlo"] .msg-bubble time,
html[data-theme="svetlo"] .card-sub { color: #5b6b7d; }

/* Bledé akcenty/štítky → čitateľné */
html[data-theme="svetlo"] .tut-chapter-label { color: #0e7490; }
html[data-theme="svetlo"] .tut-chapter-num   { color: #64748b; }
html[data-theme="svetlo"] .tut-badge {
  color: #0b6076; border-color: rgba(14, 116, 144, 0.4); background: rgba(14, 116, 144, 0.1);
}
html[data-theme="svetlo"] .pill { color: #0b6076; border-color: rgba(14, 116, 144, 0.32); }
/* .info-bubble-text bol rgba(14,116,144,0.2) — takmer neviditeľný */
html[data-theme="svetlo"] .info-bubble-text { color: #475569 !important; }

/* Ukážkové triedy svetlého harnessu — reprezentujú in-place pass */
html[data-theme="svetlo"] .s-cyan40,
html[data-theme="svetlo"] .s-cyan20,
html[data-theme="svetlo"] .s-ink40,
html[data-theme="svetlo"] .s-slate40 { color: #475569; }