/* ourNote — rám tří panelů (F8). Vzhled prvků drží Bootstrap a sdílené
   šablony ourLibu; sem patří jen rozvržení deníku. */

/* Výška lišty se MĚŘÍ (skript v base), neodhaduje; 57px je záloha bez JS. */
:root { --levy-w: 232px; --stred-w: 380px; --pravy-w: 440px; }   /* šířky panelů — mění assets/sirky.js tažením */
.denik-ram { display: flex; min-height: calc(100vh - var(--vyska-listy, 57px)); min-height: calc(100dvh - var(--vyska-listy, 57px)); }
/* Dělicí pruh mezi panely (sirky.js): úzký, roztažený do záporných okrajů, aby šel chytit. */
.denik-delic { flex: 0 0 7px; margin: 0 -3px; cursor: col-resize; position: relative; z-index: 3; background: transparent; transition: background .15s; }
.denik-delic:hover, .denik-delic.tahnu { background: color-mix(in srgb, #5B21B6 35%, transparent); }
.denik-delic[hidden] { display: none; }
body.tahnu-sirku { cursor: col-resize; user-select: none; -webkit-user-select: none; }
body.tahnu-sirku canvas, body.tahnu-sirku iframe { pointer-events: none; }
@media (max-width: 991.98px) { .denik-delic { display: none; } }
.denik-levy { background: var(--bs-tertiary-bg); padding: .875rem .625rem; gap: .25rem; }
/* ⚠ Poloha a výška levého panelu JEN na desktopu: pod 992 px ho řídí
   Bootstrap offcanvas (position: fixed, transform) a sticky by to přebilo —
   panel by stál v toku a odsunul osu o celou svou výšku pod okraj. */
@media (min-width: 992px) {
	.denik-levy { width: var(--levy-w); flex: 0 0 var(--levy-w); border-right: 1px solid var(--bs-border-color); display: flex; flex-direction: column; position: sticky; top: var(--vyska-listy, 57px); height: calc(100vh - var(--vyska-listy, 57px)); height: calc(100dvh - var(--vyska-listy, 57px)); overflow-y: auto; }
}
.denik-levy .offcanvas-body, .denik-levy.offcanvas-lg { display: flex; flex-direction: column; }
.denik-levy .nav-link { display: flex; align-items: center; gap: .625rem; padding: .4375rem .625rem; border-radius: var(--bs-border-radius); color: var(--bs-body-color); font-size: .9375rem; }
.denik-levy .nav-link.active { background: color-mix(in srgb, #5B21B6 12%, transparent); color: #5B21B6; font-weight: 600; }
.denik-levy .nadpis { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bs-secondary-color); padding: .875rem .625rem .25rem; }
.denik-levy .druh { display: flex; align-items: center; gap: .625rem; padding: .25rem .625rem; font-size: .875rem; color: var(--bs-body-color); border-radius: var(--bs-border-radius); }
.denik-levy .druh.active { background: var(--bs-secondary-bg); font-weight: 600; }
.denik-levy .druh .pocet { margin-left: auto; font-size: .75rem; color: var(--bs-secondary-color); }
.denik-stred { width: var(--stred-w); flex: 0 0 var(--stred-w); border-right: 1px solid var(--bs-border-color); display: flex; flex-direction: column; min-width: 0; }
.denik-stred .hlava { padding: .5rem .875rem; min-height: 3.25rem; border-bottom: 1px solid var(--bs-border-color); display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.denik-stred .seznam { flex: 1; overflow-y: auto; }
.denik-den { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bs-secondary-color); padding: .625rem .875rem .25rem; }
.denik-polozka { display: block; padding: .625rem .875rem; border-bottom: 1px solid var(--bs-tertiary-bg); color: inherit; text-decoration: none; }
.denik-polozka:hover { background: var(--bs-tertiary-bg); color: inherit; text-decoration: none; }
.denik-polozka.active { background: color-mix(in srgb, #5B21B6 9%, var(--bs-body-bg)); }
.denik-polozka .uryvek { font-size: .875rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.denik-pravy { flex: 1; min-width: 0; display: flex; flex-direction: column; }
/* Obě záhlaví stejně vysoká (3,25 rem = tlačítko btn-sm + okraje), vlastník 17. 9. */
.denik-pravy .hlava { padding: .5rem 1.25rem; min-height: 3.25rem; border-bottom: 1px solid var(--bs-border-color); display: flex; align-items: center; gap: .625rem; flex-wrap: wrap; }
/* Tlačítka (zámek, Strom, Prostor, Upravit, ···) se na úzké obrazovce zalomí na další řádek —
   do 4. 10. 2026 přetekly doprava mimo obrazovku a „Upravit“ nebylo kam kliknout (vlastník). */
.denik-pravy .hlava > .ms-auto { flex-wrap: wrap; }
.denik-pravy .hlava > strong { min-width: 0; flex: 1 1 auto; }
.denik-pravy .hlava .btn, .denik-pravy .hlava .small { white-space: nowrap; flex: 0 0 auto; }
.denik-pravy .tok { flex: 1; overflow-y: auto; padding: 1.125rem 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.denik-pravy .pata { border-top: 1px solid var(--bs-border-color); padding: .625rem 1.25rem; background: var(--bs-tertiary-bg); }
.denik-siroky { flex: 1; min-width: 0; padding: 1rem 1.5rem; overflow-y: auto; }
.delic-dne { font-size: .72rem; text-align: center; color: var(--bs-secondary-color); }
.delic-dne span { background: var(--bs-secondary-bg); border-radius: 1rem; padding: .15rem .7rem; }
.clanek { display: flex; gap: .625rem; align-items: flex-start; }
.clanek:not(.vybrany) { cursor: pointer; }
.clanek .kolecko[data-tahnout] { cursor: grab; touch-action: none; }
a.denik-polozka[data-tahnout] { -webkit-user-drag: none; }
body.tahnu, body.tahnu * { cursor: grabbing !important; user-select: none; -webkit-user-select: none; }
.denik-duch { position: fixed; z-index: 1070; pointer-events: none; width: 28px; height: 28px; border-radius: 50%; background: #5B21B6; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, .25); }
.clanek.cil .bublina, a.denik-polozka.cil { outline: 2px dashed #5B21B6; outline-offset: -2px; }
.denik-bublina.plovouci { position: fixed; z-index: 1060; }
.denik-bublina { margin-top: .5rem; padding: .625rem .75rem; border: 1px solid var(--bs-border-color); border-radius: .5rem; background: var(--bs-body-bg); box-shadow: 0 6px 20px rgba(0, 0, 0, .12); max-width: 26rem; font-size: .875rem; }
.clanek:not(.vybrany):hover .bublina { border-color: var(--bs-border-color); }
.clanek .kolecko { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; flex: 0 0 28px; }
.clanek .telo { max-width: 72ch; min-width: 0; flex: 1; }
.clanek .bublina { padding: .625rem .875rem; border-radius: 1rem; border-top-left-radius: .25rem; background: color-mix(in srgb, #5B21B6 8%, var(--bs-body-bg)); font-size: .9375rem; border: 1px solid transparent; }
.clanek.cizi .bublina { background: var(--bs-secondary-bg); }
.clanek.vybrany .bublina { background: var(--bs-body-bg); border-color: #5B21B6; box-shadow: 0 0 0 4px color-mix(in srgb, #5B21B6 12%, transparent); }
.clanek .vazba { font-size: .75rem; color: var(--bs-secondary-color); display: flex; align-items: center; gap: .25rem; margin-bottom: .25rem; }
.zaznam-text > :last-child { margin-bottom: 0; }
.zaznam-text pre, .verze pre { background: var(--bs-secondary-bg); padding: .5rem .75rem; border-radius: .375rem; white-space: pre-wrap; }
.zaznam-text blockquote { border-left: 3px solid var(--bs-border-color); padding-left: .75rem; color: var(--bs-secondary-color); }
.denik-form textarea { resize: none; }
/* Úprava přímo v bublině (7. 10. 2026): pole textu na místě textu, ovládání okolo. */
.uprava-misto .denik-form textarea { min-height: 6rem; }
.clanek .bublina { position: relative; }
.uprava-tuzka { position: absolute; top: -.8rem; right: -.8rem; width: 2rem; height: 2rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.15); z-index: 2; }
.uprava-tuzka[aria-pressed="true"] { background: #5B21B6; border-color: #5B21B6; color: #fff; }
/* Zámek zápisu pod tužkou — kulatá ikona na okraji bubliny; btn-secondary = zamčeno (denik.js). */
.uprava-zamek { position: absolute; top: 1.6rem; right: -.8rem; z-index: 2; }
.uprava-kulate { width: 2rem; height: 2rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
/* Uložit a Zrušit při úpravě — pod zámkem na okraji bubliny (jen v režimu úpravy, .uprava-misto je jinak skrytý). */
.uprava-akce { position: absolute; right: -.8rem; z-index: 2; }
.uprava-ulozit { top: 4rem; color: #fff; background: #198754; border-color: #198754; }
.uprava-zrusit { top: 6.4rem; }
.uprava-zamek .uprava-kulate.btn-secondary { background: #5B21B6; border-color: #5B21B6; color: #fff; }
.clanek.vybrany .bublina.upravuje { border-style: dashed; }
/* Řady přepínačů (druh vazby, druh záznamu, viditelnost, předvolby) v úzkém
   pravém panelu: Prostor ho má 440 px a sedm druhů měří 563 px — Událost
   a Okolnost byly za okrajem (vlastník 4. 10. 2026). Pod 600 px šířky panelu
   se skupina zalomí do samostatných tlačítek; v širším zůstává spojená.
   Pata na mobilu dál jede jedním řádkem s posuvem (pravidlo níž) — skupina
   tam má šířku podle obsahu, takže se nezalomí. */
.denik-pravy, .prostor-form { container: panel / inline-size; }
@container panel (max-width: 600px) {
	.btn-group[role=group] { flex-wrap: wrap; gap: .25rem; }
	.btn-group[role=group] > .btn { flex: 0 0 auto; white-space: nowrap; margin-left: 0 !important; border-radius: var(--bs-btn-border-radius) !important; }
	/* Sloupce „víc“ (datum, připomínka, odkaz) jdou podle šířky OKNA — v úzkém panelu by byly po 110 px. */
	.row > [class*="col-md-"] { flex: 0 0 100%; max-width: 100%; }
}
.fab { position: fixed; right: 1.125rem; bottom: 1.5rem; width: 56px; height: 56px; border-radius: 50%; background: #5B21B6; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(91,33,182,.35); font-size: 1.5rem; z-index: 1030; }
.fab:hover { color: #fff; }

/* Mobil: tři obrazovky za sebou. Levý panel je v offcanvas, osa a vlákno se střídají. */
@media (max-width: 991.98px) {
	.denik-ram { display: block; min-height: 0; }
	.denik-stred, .denik-pravy { width: auto; flex: none; border-right: 0; }
	.denik-stred .seznam, .denik-pravy .tok { overflow: visible; }
	body[data-obrazovka="vlakno"] .denik-stred { display: none; }
	body[data-obrazovka="osa"] .denik-pravy { display: none; }
	.denik-pravy .pata { position: sticky; bottom: 0; }
	/* Přepínače v poli na jeden řádek s posuvem — na 390 px by se skládaly do tří pater. */
	.denik-pravy .pata form [data-denik="volby"] > .d-flex.flex-wrap { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
	.denik-pravy .pata .btn-group { flex: 0 0 auto; }
}
@media (min-width: 992px) {
	.fab, .jen-mobil { display: none !important; }
	.denik-stred .seznam, .denik-pravy .tok { min-height: 0; }
	.denik-ram { height: calc(100vh - var(--vyska-listy, 57px)); height: calc(100dvh - var(--vyska-listy, 57px)); }
	.denik-stred, .denik-pravy, .denik-siroky { height: 100%; }
}

/* Zámek (F13): zamčený text před rozšifrováním. */
.zamek-zamceno { color: var(--bs-secondary-color); font-style: italic; }
.zamek-otevreno { white-space: pre-wrap; font-style: normal; color: inherit; }
.zamek-oko { vertical-align: baseline; line-height: 1; }

/* Paleta barev štítků (assets/barvy.js) — všude, nejen v Prostoru. */
.prostor-paleta { position: fixed; z-index: 1080; background: var(--bs-body-bg); border: 1px solid var(--bs-border-color); border-radius: .5rem; padding: .5rem; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); width: 172px; }
.prostor-paleta .vzorky { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; margin-bottom: .375rem; }
.prostor-paleta .vzorek { width: 22px; height: 22px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; }
.prostor-paleta .vzorek.on { border-color: var(--bs-body-color); }
.tecka { width: .7em; height: .7em; border-radius: 50%; display: inline-block; margin-right: .3em; border: 1px solid rgba(0, 0, 0, .15); cursor: pointer; vertical-align: baseline; }

/* Štítek nese svou barvu (vlastník 17. 9.): podklad = barva štítku, písmo kontrastní (StitkyBarvy::pismo). */
.stitek-odznak { border: 1px solid transparent; }
.stitky-nastroje { margin-bottom: .35rem; }
.stitky-nastroje .form-control { font-size: .8rem; padding: .15rem .5rem; }
.stitek-vice { cursor: pointer; }
.stitek-odznak.aktivni { box-shadow: 0 0 0 2px var(--bs-body-bg), 0 0 0 4px currentColor; }
.stitek-odznak .stetec { margin-left: .35em; opacity: .7; cursor: pointer; font-size: .85em; }
.stitek-odznak .stetec:hover { opacity: 1; }
/* Přepnutí druhu vazby přímo u vazby (8. 10. 2026): výběr vypadá jako text, dokud na něj nenajedeš. */
.vazba-druh { font-size: inherit; line-height: 1.25; border-color: transparent; background-color: transparent; padding-left: .2rem; }
.vazba-druh:hover, .vazba-druh:focus { border-color: var(--bs-border-color); background-color: var(--bs-body-bg); }
/* Kontext stromu (K3): štítek/zmínka zděděná z kořene — zesvětla a tečkovaně, ať je poznat od vlastních. */
.zdedeny { opacity: .6; }
.stitek-odznak.zdedeny { border-style: dotted; border-color: currentColor; }

/* Druh záznamu jen ikonou (popisek při najetí), ať se neplete s barevnými štítky (vlastník 17. 9.). */
/* F17: odznaky nových druhů — barvy shodné s Prostorem (TYP_BARVA). */
.text-bg-udalost { color: #fff !important; background-color: #6f42c1 !important; }
.text-bg-okolnost { color: #fff !important; background-color: #7a5c3e !important; }
.druh-ikona { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: .375rem; font-size: .85rem; flex: 0 0 auto; cursor: default; }

/* Výběr cíle vazby na ose (F15). */
.denik-stred .vyber-pruh { display: flex; align-items: center; gap: .5rem; }
.denik-stred .vyber-pruh[hidden] { display: none; }
.denik-stred.vyber-cile .denik-polozka { cursor: crosshair; }
.denik-stred.vyber-cile .denik-polozka:hover { outline: 2px dashed #5B21B6; outline-offset: -2px; }
[data-vyber-seznam] .list-group-item.aktivni { background: var(--bs-secondary-bg); }

/* Přílohy záznamu (F16). */
.prilohy .priloha { padding: .25rem 0; }
.prilohy .priloha-nahled img { max-height: 120px; max-width: 200px; border-radius: .375rem; border: 1px solid var(--bs-border-color); }
.clanek.priloha-cil .bublina { outline: 2px dashed #5B21B6; outline-offset: 2px; }

/* Okruh záznamu (F3 TYMY): odznaky členů a nabídka našeptávače. */
.okruh-vyber .list-group-item { cursor: pointer; }
.okruh-vyber .list-group-item.aktivni { background: var(--bs-secondary-bg); }
/* Návod: pojmy pod sebou (název tučně, výklad na plnou šířku) — dřív dvousloupcová
   mřížka 4/8 nechala třetinu šířky prázdnou a text mačkala vpravo (vlastník 19. 9.). */
.navod-dl dt { font-weight: 600; margin-top: .75rem; }
.navod-dl dd { margin: .125rem 0 0; }
/* Nastavení pod jménem (F18): dvě karty, stálá šířka — ať nabídka při přepnutí karty neskáče. */
.nastaveni-nabidka { width: 26rem; max-width: calc(100vw - 1rem); }
.nastaveni-nabidka .nav-link { color: var(--bs-secondary-color); }
.nastaveni-nabidka .nav-link.active { color: var(--bs-body-color); }
.nastaveni-nabidka .btn-group { display: flex; }
.nastaveni-nabidka .btn-group > .btn { flex: 1 1 auto; white-space: nowrap; min-width: 0; padding-inline: .5rem; }
.nastaveni-prostor .btn-group > .btn { flex: 1 1 0; min-width: 0; }
.nastaveni-nabidka .form-range { flex: 1; min-width: 0; }
.nastaveni-hodnota { width: 3.2em; font-variant-numeric: tabular-nums; flex: 0 0 auto; }
/* Mobil: nabídka zarovnaná k tlačítku se jménem by přetekla vlevo z displeje (tlačítko není u kraje)
   — pod 576 px se drží okrajů obrazovky. `!important` přebíjí inline polohu od Popperu. */
@media (max-width: 575.98px) { .nastaveni-nabidka { position: fixed !important; inset: calc(var(--vyska-listy, 57px) + .25rem) .5rem auto .5rem !important; transform: none !important; width: auto; } }

/* Zmínky věcí z jiných aplikací (Z3): čip v textu, nabídka `@`, nabídka odkazů čipu. */
/* F27: Úkoly a zmínky u záznamu — „Zmínit v“ z fragmentu skrýt, tlačítko „Úkol z tohoto“ je v hlavičce. */
.zminky-zaznamu { margin: .5rem 0; }
.zminky-zaznamu .zmineno-v-zminit { display: none !important; }
.zminky-zaznamu .zmineno-v > div, .zminky-zaznamu .zmineno-v li { padding-left: 0 !important; }

/* ───────────────────────── Vzhled Neon (celý ourNote) ─────────────────────────
   Čtvrtá volba motivu (vlastník 29. 10. 2026: „vzhled Neon rozšířit na celý ourNote,
   azurovou nahraď barvou aplikace z loga“). Kontrakt je v ourLibu (theme/_boot ≥ 2.44):
   `data-theme="neon"` na <html> a Bootstrap `dark`. Stavba podle ourTasku (ourTask
   převzal scénu Neon z Prostoru): noc, mřížka, skleněná okna se zářícím okrajem,
   linkou nahoře a rohovými značkami. Barva značky ourNote je #5B21B6 — na noci
   je moc temná, záře a okraje proto berou světlejší fialovou téže barvy (violet),
   druhá barva linky je růžovofialová (fuchsia). Ozdoby jen v přihlášené části
   (`body.note-app`); Prostor má vlastní scénu (prostor.css) a v Neonu se přepne sám. */
:root[data-theme="neon"] {
	--neon: #8B5CF6;
	--neon-svetla: #C4B5FD;
	--neon-druha: #E879F9;
	--neon-noc: #060a1a;
	--neon-text: #EEE9FF;
	--neon-tlumeny: #A99BD6;
	--neon-sklo: linear-gradient(160deg, rgba(16, 28, 66, .82), rgba(6, 10, 30, .72));
	--neon-linka: linear-gradient(90deg, transparent, var(--neon) 20%, var(--neon-druha) 80%, transparent);

	--bs-body-bg: var(--neon-noc);
	--bs-body-bg-rgb: 6, 10, 26;
	--bs-tertiary-bg: #0a1024;
	--bs-tertiary-bg-rgb: 10, 16, 36;
	--bs-secondary-bg: #0e1533;
	--bs-body-color: var(--neon-text);
	--bs-body-color-rgb: 238, 233, 255;
	--bs-emphasis-color: #fff;
	--bs-secondary-color: var(--neon-tlumeny);
	--bs-border-color: rgba(139, 92, 246, .3);
	--bs-border-color-translucent: rgba(139, 92, 246, .3);
	--bs-link-color: var(--neon-svetla);
	--bs-link-color-rgb: 196, 181, 253;
	--bs-link-hover-color: #fff;
	--bs-link-hover-color-rgb: 255, 255, 255;
	--bs-primary: var(--neon);
	--bs-primary-rgb: 139, 92, 246;

	--bs-danger-bg-subtle: rgba(244, 63, 94, .12);
	--bs-danger-border-subtle: rgba(251, 113, 133, .35);
	--bs-danger-text-emphasis: #fecdd3;
	--bs-warning-bg-subtle: rgba(250, 204, 21, .09);
	--bs-warning-border-subtle: rgba(250, 204, 21, .3);
	--bs-warning-text-emphasis: #fef08a;
	--bs-info-bg-subtle: rgba(232, 121, 249, .12);
	--bs-info-border-subtle: rgba(232, 121, 249, .35);
	--bs-info-text-emphasis: #f5d0fe;
	--bs-success-bg-subtle: rgba(74, 222, 128, .09);
	--bs-success-border-subtle: rgba(74, 222, 128, .3);
	--bs-success-text-emphasis: #bbf7d0;
	--bs-secondary-bg-subtle: rgba(148, 163, 184, .06);
	--bs-secondary-border-subtle: rgba(148, 163, 184, .2);
	--bs-secondary-text-emphasis: #94a3b8;
}

/* Mřížka „podlahy“ — přes celé okno, nahoře mizí. */
[data-theme="neon"] body.note-app::before {
	content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
	background-image: linear-gradient(rgba(91, 33, 182, .2) 1px, transparent 1px), linear-gradient(90deg, rgba(91, 33, 182, .2) 1px, transparent 1px);
	background-size: 44px 44px;
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 35%); mask-image: linear-gradient(180deg, transparent 0, #000 35%);
}

/* Lišta: tmavé sklo, spodní linka fialová → růžovofialová. */
[data-theme="neon"] .note-app > .navbar {
	background-color: transparent !important;
	background-image: linear-gradient(180deg, rgba(10, 16, 40, .96), rgba(6, 10, 26, .94));
	border-bottom-color: rgba(139, 92, 246, .35) !important; position: relative;
	box-shadow: 0 0 18px rgba(139, 92, 246, .12);
}
[data-theme="neon"] .note-app > .navbar::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
	background: var(--neon-linka); box-shadow: 0 0 8px var(--neon); pointer-events: none;
}
[data-theme="neon"] .note-app .navbar-brand svg { filter: drop-shadow(0 0 6px rgba(139, 92, 246, .7)); }
[data-theme="neon"] .note-app .navbar-brand span span { color: var(--neon-svetla) !important; text-shadow: 0 0 8px rgba(139, 92, 246, .6); }

/* Okna (karty, dialogy, nabídky, plovoucí bubliny, paleta): sklo, zářící okraj, nahoře linka, v rozích značky. */
[data-theme="neon"] .note-app :is(.card, .modal-content, .denik-bublina, .prostor-paleta, .nastaveni-nabidka) {
	background-color: transparent;
	background-image: var(--neon-sklo);
	border: 1px solid rgba(139, 92, 246, .45);
	box-shadow: 0 0 0 1px rgba(232, 121, 249, .12), 0 0 24px rgba(139, 92, 246, .16), inset 0 0 22px rgba(139, 92, 246, .06);
}
[data-theme="neon"] .note-app :is(.modal-content, .nastaveni-nabidka, .denik-bublina.plovouci, .prostor-paleta) { background-image: linear-gradient(160deg, rgb(16, 28, 66), rgb(6, 10, 30)); }
/* Jen okna bez vlastní polohy — dropdown je absolutní, plovoucí bublina a paleta fixní (relative by je vrátilo do toku). */
[data-theme="neon"] .note-app :is(.card, .modal-content, .denik-bublina:not(.plovouci)) { position: relative; }
[data-theme="neon"] .note-app :is(.card, .modal-content, .denik-bublina, .prostor-paleta, .nastaveni-nabidka)::before {
	content: ""; position: absolute; left: .75rem; right: .75rem; top: -1px; height: 2px; border-radius: 2px;
	background: var(--neon-linka); box-shadow: 0 0 10px var(--neon); pointer-events: none;
}
[data-theme="neon"] .note-app :is(.card, .modal-content, .denik-bublina, .prostor-paleta, .nastaveni-nabidka)::after {
	content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
	--r: var(--neon);
	background:
		linear-gradient(var(--r), var(--r)) left top / 12px 2px no-repeat, linear-gradient(var(--r), var(--r)) left top / 2px 12px no-repeat,
		linear-gradient(var(--r), var(--r)) right top / 12px 2px no-repeat, linear-gradient(var(--r), var(--r)) right top / 2px 12px no-repeat,
		linear-gradient(var(--r), var(--r)) left bottom / 12px 2px no-repeat, linear-gradient(var(--r), var(--r)) left bottom / 2px 12px no-repeat,
		linear-gradient(var(--r), var(--r)) right bottom / 12px 2px no-repeat, linear-gradient(var(--r), var(--r)) right bottom / 2px 12px no-repeat;
	filter: drop-shadow(0 0 3px var(--neon));
}
[data-theme="neon"] .note-app .card-header { background-color: rgba(139, 92, 246, .07); }
[data-theme="neon"] .note-app .dropdown-menu {
	--bs-dropdown-bg: rgba(10, 18, 44, .97);
	--bs-dropdown-border-color: rgba(139, 92, 246, .4);
	--bs-dropdown-link-hover-bg: rgba(139, 92, 246, .14);
	--bs-dropdown-link-active-bg: rgba(139, 92, 246, .32);
	--bs-dropdown-divider-bg: rgba(139, 92, 246, .25);
	box-shadow: 0 0 24px rgba(139, 92, 246, .18) !important;
}

/* Záložky (Nastavení…): zvolená jako okno — sklo, fialový okraj, nahoře linka. */
[data-theme="neon"] .note-app .nav-tabs { --bs-nav-tabs-border-color: rgba(139, 92, 246, .35); --bs-nav-tabs-link-hover-border-color: rgba(139, 92, 246, .35) rgba(139, 92, 246, .35) transparent; --bs-nav-tabs-link-active-bg: rgba(16, 28, 66, .8); --bs-nav-tabs-link-active-color: #fff; --bs-nav-tabs-link-active-border-color: rgba(139, 92, 246, .55) rgba(139, 92, 246, .55) transparent; }
[data-theme="neon"] .note-app .nav-tabs .nav-link { color: var(--neon-tlumeny); }
[data-theme="neon"] .note-app .nav-tabs .nav-link.active { position: relative; text-shadow: 0 0 8px rgba(139, 92, 246, .55); }
[data-theme="neon"] .note-app .nav-tabs .nav-link.active::before { content: ""; position: absolute; left: .4rem; right: .4rem; top: -1px; height: 2px; border-radius: 2px; background: var(--neon-linka); box-shadow: 0 0 8px var(--neon); }
[data-theme="neon"] .nav-pills { --bs-nav-pills-link-active-bg: rgba(139, 92, 246, .18); --bs-nav-pills-link-active-color: #fff; }
[data-theme="neon"] .nav-pills .nav-link.active { box-shadow: 0 0 0 1px var(--neon), 0 0 12px rgba(139, 92, 246, .4); }

/* Tlačítka: hlavní akce fialová se září, vedlejší tlumený obrys a najetí do růžovofialova. */
[data-theme="neon"] .btn-primary {
	--bs-btn-bg: rgba(139, 92, 246, .18); --bs-btn-border-color: var(--neon); --bs-btn-color: #F5F1FF;
	--bs-btn-hover-bg: rgba(139, 92, 246, .32); --bs-btn-hover-border-color: var(--neon-svetla); --bs-btn-hover-color: #fff;
	--bs-btn-active-bg: rgba(139, 92, 246, .42); --bs-btn-active-border-color: var(--neon-svetla); --bs-btn-active-color: #fff;
	--bs-btn-disabled-bg: rgba(139, 92, 246, .06); --bs-btn-disabled-border-color: rgba(139, 92, 246, .35); --bs-btn-disabled-color: var(--neon-tlumeny);
	box-shadow: 0 0 10px rgba(139, 92, 246, .45);
}
[data-theme="neon"] :is(.btn-outline-secondary, .btn-light, .btn-outline-primary) {
	--bs-btn-color: #D6CCF7; --bs-btn-bg: rgba(6, 12, 30, .25); --bs-btn-border-color: rgba(139, 92, 246, .32);
	--bs-btn-hover-bg: rgba(232, 121, 249, .18); --bs-btn-hover-border-color: var(--neon-druha); --bs-btn-hover-color: #fff;
	--bs-btn-active-bg: rgba(139, 92, 246, .26); --bs-btn-active-border-color: var(--neon); --bs-btn-active-color: #fff;
}
[data-theme="neon"] :is(.btn-group .btn-outline-secondary.active, .btn-secondary) { --bs-btn-bg: rgba(139, 92, 246, .26); --bs-btn-border-color: var(--neon); --bs-btn-color: #fff; --bs-btn-hover-bg: rgba(139, 92, 246, .36); --bs-btn-hover-border-color: var(--neon-svetla); --bs-btn-hover-color: #fff; box-shadow: 0 0 8px rgba(139, 92, 246, .38); }
[data-theme="neon"] .btn-success {
	--bs-btn-color: #dcfce7; --bs-btn-bg: rgba(74, 222, 128, .12); --bs-btn-border-color: rgba(74, 222, 128, .6);
	--bs-btn-hover-bg: rgba(74, 222, 128, .26); --bs-btn-hover-border-color: #4ade80; --bs-btn-hover-color: #fff;
	box-shadow: 0 0 10px rgba(74, 222, 128, .3);
}
[data-theme="neon"] :is(.btn-outline-danger, .btn-danger) {
	--bs-btn-color: #fecdd3; --bs-btn-bg: rgba(244, 63, 94, .08); --bs-btn-border-color: rgba(251, 113, 133, .6);
	--bs-btn-hover-bg: rgba(244, 63, 94, .3); --bs-btn-hover-border-color: #fb7185; --bs-btn-hover-color: #fff;
}
[data-theme="neon"] .btn:focus-visible { box-shadow: 0 0 0 .2rem rgba(139, 92, 246, .4); }

/* Pole formuláře; fajfka tmavá — bílá na fialové má slabý kontrast. */
[data-theme="neon"] :is(.form-control, .form-select, .input-group-text) { background-color: rgba(3, 8, 24, .55); border-color: rgba(139, 92, 246, .32); color: var(--neon-text); }
[data-theme="neon"] :is(.form-control, .form-select):focus { border-color: var(--neon); box-shadow: 0 0 0 .2rem rgba(139, 92, 246, .22); }
[data-theme="neon"] .form-control::placeholder { color: var(--neon-tlumeny); opacity: .75; }
[data-theme="neon"] .form-check-input { background-color: rgba(3, 8, 24, .55); border-color: rgba(139, 92, 246, .45); }
[data-theme="neon"] .form-check-input:focus { border-color: var(--neon); box-shadow: 0 0 0 .2rem rgba(139, 92, 246, .25); }
[data-theme="neon"] .form-check-input:checked { background-color: var(--neon); border-color: var(--neon); box-shadow: 0 0 8px rgba(139, 92, 246, .55); }
[data-theme="neon"] .form-range::-webkit-slider-thumb { background: var(--neon); box-shadow: 0 0 8px var(--neon); }
[data-theme="neon"] .form-range::-moz-range-thumb { background: var(--neon); box-shadow: 0 0 8px var(--neon); }
[data-theme="neon"] .badge.text-bg-light { background-color: rgba(139, 92, 246, .14) !important; color: var(--neon-text) !important; border-color: rgba(139, 92, 246, .4) !important; }

/* Deník: levý panel tmavé sklo se zářícím okrajem, střed a pravý panel nad mřížkou. */
[data-theme="neon"] .note-app .denik-levy { background: linear-gradient(180deg, rgba(10, 18, 44, .94), rgba(5, 9, 24, .96)); border-right: 1px solid rgba(139, 92, 246, .3); box-shadow: 10px 0 30px rgba(139, 92, 246, .06), inset -1px 0 0 rgba(232, 121, 249, .1); }
[data-theme="neon"] .note-app .denik-levy .nav-link { color: #CFC4F5; }
[data-theme="neon"] .note-app .denik-levy .nav-link:hover { background: rgba(139, 92, 246, .1); color: #fff; }
[data-theme="neon"] .note-app .denik-levy .nav-link.active { background: rgba(139, 92, 246, .16); color: #fff; box-shadow: inset 2px 0 0 var(--neon), 0 0 14px rgba(139, 92, 246, .16); text-shadow: 0 0 8px rgba(139, 92, 246, .6); }
[data-theme="neon"] .note-app .denik-levy .druh.active { background: rgba(139, 92, 246, .14); }
[data-theme="neon"] .note-app :is(.denik-stred, .denik-pravy) { background: rgba(6, 10, 26, .55); }
[data-theme="neon"] .note-app .denik-stred { border-right-color: rgba(139, 92, 246, .3); }
[data-theme="neon"] .note-app :is(.denik-stred .hlava, .denik-pravy .hlava) { border-bottom-color: rgba(139, 92, 246, .3); background: rgba(10, 16, 40, .6); }
[data-theme="neon"] .note-app .denik-pravy .pata { background: rgba(10, 16, 40, .8); border-top-color: rgba(139, 92, 246, .3); }
[data-theme="neon"] .note-app .denik-polozka { border-bottom-color: rgba(139, 92, 246, .14); }
[data-theme="neon"] .note-app .denik-polozka:hover { background: rgba(139, 92, 246, .08); }
[data-theme="neon"] .note-app .denik-polozka.active { background: rgba(139, 92, 246, .16); box-shadow: inset 3px 0 0 var(--neon), inset 14px 0 18px -14px rgba(139, 92, 246, .6); }
[data-theme="neon"] .note-app .delic-dne span { background: rgba(139, 92, 246, .14); border: 1px solid rgba(139, 92, 246, .3); }
[data-theme="neon"] .note-app .denik-delic:hover, [data-theme="neon"] .note-app .denik-delic.tahnu { background: rgba(139, 92, 246, .4); }

/* Bubliny článků: sklo s fialovým okrajem; vybraný článek září. */
[data-theme="neon"] .note-app .clanek .bublina { background: rgba(16, 28, 66, .55); border: 1px solid rgba(139, 92, 246, .3); }
[data-theme="neon"] .note-app .clanek.cizi .bublina { background: rgba(14, 21, 51, .7); }
[data-theme="neon"] .note-app .clanek.vybrany .bublina { background: linear-gradient(160deg, rgba(16, 28, 66, .9), rgba(6, 10, 30, .82)); border-color: var(--neon); box-shadow: 0 0 0 1px rgba(232, 121, 249, .14), 0 0 22px rgba(139, 92, 246, .3); }
[data-theme="neon"] .note-app .clanek.cil .bublina, [data-theme="neon"] .note-app a.denik-polozka.cil { outline-color: var(--neon); }
[data-theme="neon"] .note-app :is(.zaznam-text pre, .verze pre) { background: rgba(3, 8, 24, .6); border: 1px solid rgba(139, 92, 246, .2); }
[data-theme="neon"] .note-app .zaznam-text blockquote { border-left-color: var(--neon); }
[data-theme="neon"] .note-app :is(.uprava-tuzka[aria-pressed="true"], .uprava-zamek .uprava-kulate.btn-secondary, .fab, .denik-duch) { background: var(--neon); border-color: var(--neon); box-shadow: 0 0 12px rgba(139, 92, 246, .6); }
[data-theme="neon"] .note-app .denik-levy a.btn[style*="5B21B6"] { background: linear-gradient(135deg, #6d28d9, #7c3aed 45%, #c026d3) !important; border: 1px solid rgba(196, 181, 253, .6); box-shadow: 0 0 14px rgba(139, 92, 246, .5), 0 0 22px rgba(232, 121, 249, .18); }