/* WIKI sekcia — DON FUEGO brand (purple/fuego, radius 0, bimodal typografia). */
body { margin: 0; background: var(--df-bg); color: var(--df-text); font-family: Inter, system-ui, sans-serif; }
.wiki-top { display: flex; align-items: center; gap: 16px; height: 48px; padding: 0 16px; background: var(--df-bg-1); border-bottom: 1px solid var(--df-line); }
/* MOBIL AUDIT kolo 4: viewport-fit=cover -> spat/akcie boli pod status barom (top 0-16) a na
   340px cover sa tlacidla tlacili v 48px vyske. Hlavicka rastie o safe-area a zalamuje sa. */
.wiki-top { box-sizing: border-box; height: auto; min-height: calc(48px + env(safe-area-inset-top, 0px)); padding-top: env(safe-area-inset-top, 0px); flex-wrap: wrap; row-gap: 6px; }
@media (max-width: 700px) { .wiki-top { gap: 10px; padding-bottom: 6px; } }
/* mobil loop 6: zatvoreny Fold na sirku (3-tlacidlova liska z boku, inset ~48 px) -> prave akcie
   hlavicky boli pod BACK/HOME. Bez insetu (desktop) ostava 16 px. */
.wiki-top { padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.wiki-back { color: var(--df-purple-soft); text-decoration: none; font: 12px 'JetBrains Mono', monospace; }
/* MOBIL audit 3 iter 3: .wiki-back sa pouziva aj na <button> (DNES, TENTO MESIAC, NAHRAT DOKUMENT,
   OBNOV...) -> bez vlastneho pozadia/ramika ostal sivy systemovy ButtonFace v OBOCH temach.
   Inline border-color/color na tlacidlach ostava (ma teraz sirku a styl ramika). */
button.wiki-back { background: transparent; border: 1px solid var(--df-line-strong); border-radius: 0; padding: 6px 10px; cursor: pointer; -webkit-appearance: none; appearance: none; }
@media (pointer: coarse) { button.wiki-back { min-height: 44px; } }
/* mobil-audit-3 25.9.: hlavna navigacia (DON FUEGO, KALENDAR, MESIACE...) je <a class="wiki-back"> —
   pravidlo vyssie ju nekrylo (79x16 px na Folde, tap sa minal alebo trafil susedny odkaz). */
@media (pointer: coarse) { a.wiki-back { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; box-sizing: border-box; } }
/* inline farby tlacidiel su var(--df-amber, #F5B800) / var(--df-purple-light, #C1A7E2) — v svetlej
   teme by fallbacky boli bledo na bielom, preto ich tu definujeme tmavsie */
:root[data-theme="light"] { --df-amber: #8F6500; --df-purple-light: #6E55C8; }
.wiki-ttl { font: 13px 'JetBrains Mono', monospace; letter-spacing: 2px; color: var(--df-purple-mid); }
#stamp { margin-left: auto; font: 11px 'JetBrains Mono', monospace; color: var(--df-text-dim); }

.wiki-wrap { display: grid; grid-template-columns: 280px 1fr; height: calc(100vh - 48px - env(safe-area-inset-top, 0px)); }
.wiki-list { overflow-y: auto; background: var(--df-bg-1); border-right: 1px solid var(--df-line); }
.wiki-cat { padding: 10px 12px 4px; font: 11px 'JetBrains Mono', monospace; color: var(--df-purple-mid); text-transform: uppercase; letter-spacing: 1px; }
.wiki-item { display: block; padding: 6px 14px 6px 22px; color: var(--df-text); text-decoration: none; cursor: pointer; font-size: 14px; }
.wiki-item:hover { background: var(--df-line); }
.wiki-dot { color: var(--df-fire); }

/* Vyhladavanie */
.wiki-search { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 6px; padding: 8px 10px; background: var(--df-bg-1); border-bottom: 1px solid var(--df-line); }
.wiki-search input { flex: 1; min-width: 0; background: var(--df-bg); color: var(--df-text); border: 1px solid var(--df-line); border-radius: 0; padding: 7px 9px; font: 13px 'JetBrains Mono', monospace; box-sizing: border-box; }
.wiki-search input:focus { outline: none; border-color: var(--df-purple-mid); }
.wiki-search input::placeholder { color: var(--df-purple-deep); }
#wiki-q-clear { background: transparent; border: none; color: var(--df-purple-mid); font-size: 18px; line-height: 1; cursor: pointer; padding: 0 6px; }
#wiki-q-clear:hover { color: var(--df-text); }

/* Collapsible sekcie */
.wiki-sec { border-bottom: 1px solid var(--df-line); }
.wiki-sec-hdr { display: flex; align-items: center; gap: 8px; padding: 9px 12px; cursor: pointer; user-select: none; font: 11px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: 1px; color: var(--df-purple-mid); }
.wiki-sec-hdr:hover { background: var(--df-line); color: var(--df-purple-soft); }
.wiki-caret { display: inline-block; width: 10px; font-size: 10px; transition: transform .12s; color: var(--df-purple-deep); }
.wiki-sec.is-collapsed .wiki-caret { transform: rotate(-90deg); }
.wiki-sec-lbl { flex: 1; }
.wiki-count { font-size: 10px; color: var(--df-purple-deep); background: var(--df-bg); padding: 1px 7px; border: 1px solid var(--df-line); }
.wiki-sec.is-collapsed .wiki-sec-body { display: none; }
.wiki-sec-body { padding-bottom: 4px; }

/* Hamburger drawer — dokumenty & podcasty */
.wiki-drawer { position: fixed; inset: 0; z-index: 50; }
.wiki-drawer[hidden] { display: none; }
.wiki-drawer-back { position: absolute; inset: 0; background: rgba(0,0,0,.55); }
.wiki-drawer-panel { position: absolute; top: 0; right: 0; height: 100%; width: 420px; max-width: 92vw; background: var(--df-bg-1); border-left: 1px solid var(--df-line); display: flex; flex-direction: column; box-shadow: -8px 0 32px rgba(0,0,0,.4); }
.wiki-drawer-hdr { display: flex; align-items: center; height: 48px; padding: 0 14px; border-bottom: 1px solid var(--df-line); }
/* MOBIL AUDIT 25.9.: panel ma top:0 pod viewport-fit=cover -> ZAVRIET bol pod status barom. */
.wiki-drawer-hdr { box-sizing: content-box; height: auto; min-height: 48px; padding-top: env(safe-area-inset-top, 0px); }
/* MOBIL LOOP 8 (landscape Fold cover): panel je right:0, nav bar na boku (~48 px) zakryval
   x ZAVRIET. Padding na paneli posunie hlavicku, taby, search aj body naraz. */
.wiki-drawer-panel { box-sizing: border-box; padding-right: env(safe-area-inset-right, 0px); }
.wiki-drawer-ttl { font: 12px 'JetBrains Mono', monospace; letter-spacing: 1px; color: var(--df-purple-soft); }
.wiki-drawer-tabs { display: flex; gap: 0; padding: 10px 14px 0; }
.wiki-tab { flex: 1; padding: 8px 6px; background: transparent; border: 1px solid var(--df-line); border-bottom: none; color: var(--df-purple-mid); cursor: pointer; font: 11px 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: 1px; }
.wiki-tab.is-active { background: var(--df-bg); color: var(--df-purple-soft); border-color: var(--df-purple-mid); }
.wiki-drawer-search { margin: 10px 14px; background: var(--df-bg); color: var(--df-text); border: 1px solid var(--df-line); border-radius: 0; padding: 7px 9px; font: 13px 'JetBrains Mono', monospace; }
.wiki-drawer-search:focus { outline: none; border-color: var(--df-purple-mid); }
.wiki-drawer-body { flex: 1; overflow-y: auto; padding-bottom: env(safe-area-inset-bottom, 0px); }

/* Vysledky vyhladavania */
#wiki-results { padding-bottom: 8px; }
.wiki-res { display: block; padding: 8px 14px; text-decoration: none; cursor: pointer; border-bottom: 1px solid var(--df-line); }
.wiki-res:hover { background: var(--df-line); }
.wiki-res-ttl { color: var(--df-text); font-size: 14px; }
.wiki-res-tag { font: 10px 'JetBrains Mono', monospace; color: var(--df-purple-mid); text-transform: uppercase; letter-spacing: 1px; margin-left: 4px; }
.wiki-res-snip { color: var(--df-purple-soft); font-size: 12px; line-height: 1.4; margin-top: 3px; opacity: .8; }

.wiki-page { overflow-y: auto; padding: 24px 32px; }
.wiki-empty { color: var(--df-text-mid); font: 13px 'JetBrains Mono', monospace; padding: 16px; }
.wiki-h1 { font-family: Cinzel, serif; font-size: 28px; color: var(--df-text); margin: 0 0 16px; }
.wiki-h1 small { color: var(--df-purple-mid); font: 12px 'JetBrains Mono', monospace; }
.wiki-h3 { color: var(--df-purple-soft); font-size: 14px; margin: 24px 0 8px; }
.wiki-auto { line-height: 1.6; color: var(--df-text); }
.wiki-auto a { color: var(--df-purple-soft); }
.wiki-auto h1, .wiki-auto h2, .wiki-auto h3 { color: var(--df-text); }
.wiki-manual { width: 100%; min-height: 160px; background: var(--df-bg-1); color: var(--df-text); border: 1px solid var(--df-line); border-radius: 0; padding: 10px; font-family: 'JetBrains Mono', monospace; font-size: 13px; box-sizing: border-box; }
.wiki-btn { margin-top: 10px; padding: 7px 16px; background: var(--df-purple-deep); color: #fff; border: none; border-radius: 0; cursor: pointer; font: 12px 'JetBrains Mono', monospace; }
.wiki-btn:hover { background: var(--df-purple-mid); }
.wiki-msg { margin-left: 10px; color: var(--df-mx-green); font: 11px 'JetBrains Mono', monospace; }

/* Lint nalezy */
.wiki-lint-hdr { font: 12px 'JetBrains Mono', monospace; letter-spacing: 1px; color: var(--df-fire); text-transform: uppercase; margin-bottom: 16px; }
.wiki-lint { background: var(--df-bg-1); border-left: 2px solid var(--df-fire); padding: 12px 14px; margin-bottom: 12px; }
.wiki-lint-sum { color: var(--df-text); font-size: 14px; margin-bottom: 8px; }
.wiki-lint-sev { display: inline-block; width: 8px; height: 8px; margin-right: 6px; background: var(--df-ember); }
.wiki-lint-sev.high { background: var(--df-fire); }
.wiki-lint-sev.low { background: var(--df-purple-deep); }
.wiki-lint-fact { color: var(--df-purple-soft); font-size: 13px; line-height: 1.5; padding: 2px 0; }
.wiki-lint-fact b { color: var(--df-purple-mid); }
.wiki-lint-acts { margin-top: 10px; display: flex; gap: 8px; }
.wiki-btn-ghost { background: transparent; border: 1px solid var(--df-line); color: var(--df-purple-mid); }
.wiki-btn-ghost:hover { background: var(--df-line); }

/* MOBIL AUDIT 25.9.: na 340px cover (Fold5) nechaval 280px zoznam ~60px pre stranku (DENNIK,
   WIKI, MESACNIK, IMPORT). Pod 700px: jeden stlpec, zoznam hore (max 40vh, vlastny scroll),
   stranka pod nim so scrollom dokumentu + rezerva na gesture bar. Hlavicka sa tu zalamuje,
   preto height:auto namiesto calc(100vh - 48px). */
@media (max-width: 700px) {
  .wiki-wrap { grid-template-columns: minmax(0, 1fr); height: auto; }
  .wiki-list { max-height: 40vh; border-right: 0; border-bottom: 1px solid var(--df-line); }
  .wiki-page { overflow: visible; overflow-wrap: anywhere; padding: 16px 14px calc(24px + env(safe-area-inset-bottom, 0px)); }
}

/* MOBIL loop3 i3: plavajuci hlasovy widget (orb 58px + CHAT, vpravo dole, z 99999) prekryval
   koniec DENNIKA / WIKI / MESIACOV / IMPORTU a posledne riadky DOKUMENTY draweru (tap na posledny
   dokument otvoril chat). Rezerva na konci scrollerov — MUSI byt za 700px blokom (shorthand padding). */
/* mobil loop 6: Fold otvoreny (882 px, dva stlpce): 100vh zoznamu dni/mesiacov/stranok siaha pod
   nav bar / taskbar -> posledne polozky neboli klikatelne. Rezerva na spodny inset (bez neho 8 px). */
.wiki-list { padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; }
@media (pointer: coarse), (max-width: 700px) {
  .wiki-page { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
  .wiki-drawer-body { padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)); }
}

/* AUDIT 25.9. (mobil wo5): na cover (<=700px) a tablete scrolluje cely dokument a .wiki-top nie je
   sticky -> text DENNIKA / KALENDARA / WIKI jazdil pod priehladny status bar (cez hodiny a ikony).
   Rovnaky scrim ako band stranky (fuego-shell, loop 3): pas vysky safe-area-inset-top navrchu.
   Bez insetu (desktop/prehliadac) ma vysku 0 = no-op. z 45: pod drawerom/modalmi (50) a widgetom. */
body::before { content: ""; position: fixed; left: 0; right: 0; top: 0; height: env(safe-area-inset-top, 0px); background: var(--df-bg-1, var(--df-bg)); z-index: 45; pointer-events: none; }