/* ───────────────────────── Vzhled Neon ─────────────────────────
   Čtvrtá volba v Nastavení (vlastník 29. 10. 2026). Společnou vrstvu
   (proměnné Bootstrapu, mřížka, lišta, okna, tlačítka, pole, štítky)
   dává od ourLibu 2.45 ourLib (`_boot` se `znacka: 'ourchat'`,
   theme/_neon) — do té doby byla celá tady. Ozdoby jen přihlášenému
   (`our-neon-ozdoby` na <body> v base). Tady zůstávají jen plochy, které
   má jen ourChat: okno chatu, seznam místností, bubliny, reakce,
   emotikony. Barvy z proměnných vrstvy (`--neon`, `--neon-rgb`, …).

   Soubor je statický v public/, ne přes asset mapper: ourChat styly jinak
   nese v šablonách a importmap na stránce nevolá.
   Plán rodiny: ops/docs/NEON_RODINA_PLAN.md, krok 5. */

/* Značka v liště svítí. */
[data-theme="neon"] .chat-app .navbar-brand span span { text-shadow: 0 0 8px rgba(var(--neon-rgb), .6); }

/* Okno chatu: panel místností, záhlaví a pruh psaní jako tmavé sklo,
   výpis zpráv průhledný nad mřížkou. `.bg-body` má !important. */
[data-theme="neon"] .chat-app .chat-okno { border-color: rgba(var(--neon-rgb), .3) !important; }
[data-theme="neon"] .chat-app .chat-panel,
[data-theme="neon"] .chat-app .chat-konverzace > header,
[data-theme="neon"] .chat-app .chat-konverzace > footer {
    background-color: transparent !important;
    background-image: linear-gradient(160deg, rgba(14, 24, 58, .9), rgba(6, 10, 30, .86));
}
[data-theme="neon"] .chat-app .chat-konverzace > header { box-shadow: 0 6px 18px -12px rgba(var(--neon-rgb), .5); }
[data-theme="neon"] .chat-app .chat-konverzace > footer { box-shadow: 0 -6px 18px -12px rgba(var(--neon-rgb), .5); }
[data-theme="neon"] .chat-app #clenove-panel { background-color: rgba(10, 16, 40, .9) !important; }

/* Seznam místností: zvolená zářící linkou vlevo (JS jí dává `active bg-body-secondary`). */
[data-theme="neon"] .chat-app .mistnost:hover { background-color: rgba(var(--neon-rgb), .06); }
[data-theme="neon"] .chat-app .mistnost.active {
    background-color: rgba(var(--neon-rgb), .13) !important;
    box-shadow: inset 3px 0 0 var(--neon), inset 18px 0 22px -18px rgba(var(--neon-rgb), .7);
}
[data-theme="neon"] .chat-app .badge.text-bg-primary {
    background-color: rgba(var(--neon-rgb), .22) !important; color: #fff !important;
    border: 1px solid var(--neon); box-shadow: 0 0 8px rgba(var(--neon-rgb), .55);
}
[data-theme="neon"] .chat-app .avatar { box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 10px rgba(var(--neon-rgb), .25); }

/* Bubliny: cizí jako sklo, moje indigové se září. Bílý text na plném
   #818CF8 má kontrast 2,9:1 — proto plocha jen průsvitná a text bílý
   na tmavém skle. */
[data-theme="neon"] .chat-app .bublina-ciz {
    background: var(--neon-sklo);
    border: 1px solid rgba(var(--neon-rgb), .28);
    box-shadow: 0 0 14px rgba(var(--neon-rgb), .08);
}
[data-theme="neon"] .chat-app .bublina-moje {
    background: linear-gradient(160deg, rgba(var(--neon-rgb), .32), rgba(99, 102, 241, .2));
    border: 1px solid rgba(165, 180, 252, .7);
    box-shadow: 0 0 12px rgba(var(--neon-rgb), .35), inset 0 0 14px rgba(var(--neon-rgb), .12);
    color: #fff;
}
[data-theme="neon"] .chat-app .citace { background: rgba(var(--neon-rgb), .08); }
[data-theme="neon"] .chat-app .bublina-moje .citace { border-left-color: var(--neon-svetla); background: rgba(6, 10, 30, .35); }
[data-theme="neon"] .chat-app .delic-dne span {
    background: rgba(10, 16, 40, .85); border: 1px solid rgba(var(--neon-rgb), .3);
    box-shadow: 0 0 10px rgba(var(--neon-rgb), .15);
}
[data-theme="neon"] .chat-app .radek-zpravy.zvyraznena .bublina { animation-name: zvyrazneni-neon; }
@keyframes zvyrazneni-neon {
    0%, 35% { box-shadow: 0 0 0 .3rem rgba(168, 85, 247, .65), 0 0 18px rgba(168, 85, 247, .6); }
    100% { box-shadow: 0 0 0 .3rem rgba(168, 85, 247, 0); }
}

/* Reakce, lišta reakcí, emotikony, pruh odpovědi. */
[data-theme="neon"] .chat-app .reakce button { background: rgba(10, 18, 44, .85); border-color: rgba(var(--neon-rgb), .3); color: var(--neon-text); }
[data-theme="neon"] .chat-app .reakce button.moje { border-color: var(--neon); background: rgba(var(--neon-rgb), .18); box-shadow: 0 0 8px rgba(var(--neon-rgb), .4); }
[data-theme="neon"] .chat-app :is(.lista-reakci, .emotikony-nabidka) {
    background: linear-gradient(160deg, rgba(16, 28, 66, .97), rgba(6, 10, 30, .95));
    border-color: rgba(var(--neon-rgb), .45);
    box-shadow: 0 0 0 1px rgba(168, 85, 247, .14), 0 0 24px rgba(var(--neon-rgb), .2);
}
[data-theme="neon"] .chat-app :is(.lista-reakci .rychle button, .emotikony-mriz button):is(:hover, :focus-visible, .moje) { background: rgba(var(--neon-rgb), .16); }
[data-theme="neon"] .chat-app .akce-zpravy button:is(:hover, :focus-visible) { background: rgba(var(--neon-rgb), .16); color: #fff; }
[data-theme="neon"] .chat-app .odpoved-pruh { background: rgba(var(--neon-rgb), .1); box-shadow: inset 6px 0 10px -8px var(--neon); }
[data-theme="neon"] .chat-app .priloha { border-color: rgba(var(--neon-rgb), .4); }