/* ═══════════════════════════════════════════════════════════════════════════
   Tower Hub — všetky štýly appky.

   Tento súbor vznikol vytiahnutím 5 blokov <style> z index.html (krok 1
   rozdelenia appky, 28. 8. 2026). Obsah je NEZMENENÝ a v PÔVODNOM PORADÍ —
   na poradí záleží (neskorší blok prebíja skorší).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ blok 1/5 — pôvodne index.html, riadok 23 ═══ */
        :root {
            --primary:       #0E3318;
            --accent:        #3CD64E;
            --accent-ink:    #15803d;   /* tmavšia zelená pre TEXT/odkazy — kontrast AA na bielej (akcent #3CD64E je len na výplne) */
            --accent-dim:    rgba(60,214,78,.15);
            --primary-light: #f0faf1;
            --nabor:         #3CD64E;
            --obchod:        #A5C0E5;
            --servis:        #C7F64A;
            --prospekting:   #F19C79;
            --bg:            #f5f7f5;
            --card:          #ffffff;
            --text:          #0E3318;
            --muted:         #5a7060;
            --border:        #d8e8da;
        }
        /* ─── TMAVÝ REŽIM ─── len prepis premenných + tlmenie napevno svetlých plôch.
           Všetko je viazané na [data-theme="dark"], takže SVETLÝ režim ostáva 1:1.
           Brand zelené (--accent, --nabor/obchod/servis/prospekting) sa nemenia. ─── */
        [data-theme="dark"] {
            /* --primary je v appke použité ako TEXT (color:var(--primary), 81×) aj ako
               POZADIE (background:var(--primary), 31×). V tme ho prepneme na svetlú zelenú,
               aby bol text čitateľný; všetky pozadia s var(--primary) sa nižšie vrátia na
               tmavozelenú (#0E3318) cez [data-theme=dark] prepisy. */
            --primary:       #4fe862;
            --accent-ink:    #4fe862;   /* svetlejšia zelená pre TEXT/odkazy — kontrast na tmavom pozadí */
            --accent-dim:    rgba(60,214,78,.18);
            --primary-light: #16241b;   /* jemné „zelené" plochy → tmavá plocha */
            --bg:            #0f1512;
            --card:          #18211b;
            --text:          #e6efe8;
            --muted:         #9fb3a6;
            --border:        #2b3a30;
            /* tmavé varianty svetlých plôch z inline štýlov (pozadia tabuliek, kariet, badge-ov) */
            --d-surface: #1e2822;
            --d-green:   #16261c;
            --d-blue:    #14263a;
            --d-purple:  #221d33;
            --d-amber:   #2a2212;
            --d-red:     #2c1719;
        }
        /* Doplnkové korekcie pre prvky s napevno bielym pozadím (len pridané, svetlý režim nezmenený) */
        [data-theme="dark"] .cdrop-menu { background: var(--card); border-color: var(--border); }
        [data-theme="dark"] .cdrop-item { color: var(--text); }
        [data-theme="dark"] .sidebar-toggle { background: var(--card); color: var(--accent-ink); }
        /* --primary ako POZADIE (inline aj brand tlačidlá) → späť na tmavozelenú, biely text ostáva */
        [data-theme="dark"] [style*="background:var(--primary)"] { background: #0E3318 !important; }
        /* --primary ako TEXT na svetlozelenom/akcentovom tlačidle → tmavý, nech je čitateľný */
        [data-theme="dark"] .bug-btn { color: #0E3318 !important; }
        [data-theme="dark"] .fa-info:hover { color: #0E3318 !important; }
        /* tlačidlo „Návrh na zlepšenie" (napevno svetlomodré) → tmavomodré, nech ostane text čitateľný */
        [data-theme="dark"] [style*="background:#A5C0E5;"] { background: var(--d-blue) !important; }
        /* ── Formulárové prvky: napevno biele inputy/selecty → tmavé ── */
        [data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea {
            background: var(--d-surface) !important; color: var(--text) !important; border-color: var(--border) !important;
        }
        [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #6f8377; }
        /* ── Stĺpcové/tabuľkové tinty definované v stylesheete (nie inline) ── */
        [data-theme="dark"] th { background: var(--d-surface); color: var(--muted); border-bottom-color: var(--border); }
        [data-theme="dark"] td { border-bottom-color: var(--border); }
        [data-theme="dark"] tr:hover td { background: rgba(255,255,255,.04); }
        [data-theme="dark"] .total-row td { background: var(--d-green) !important; }
        [data-theme="dark"] .dash-table th, [data-theme="dark"] .dash-table td { border-color: var(--border); }
        [data-theme="dark"] .dash-spolu td { background: var(--d-green); }
        [data-theme="dark"] .dash-priemer td { background: var(--d-surface); }
        [data-theme="dark"] .pl-tbl th, [data-theme="dark"] .pl-tbl td { border-color: var(--border); }
        [data-theme="dark"] .pl-tbl th { background: var(--d-surface); }
        [data-theme="dark"] .pl-row-tot td { background: var(--d-green); }
        [data-theme="dark"] .pl-grp td { background: var(--d-green) !important; color: var(--accent-ink); }
        [data-theme="dark"] .man-thead { background: var(--d-surface); color: var(--muted); border-bottom-color: var(--border); }
        /* ===== AUTO-GENEROVANÉ tmavé prepisy inline-svetlých plôch (len [data-theme=dark]) ===== */
        [data-theme="dark"] [style*="background:white"],
        [data-theme="dark"] [style*="background: white"],
        [data-theme="dark"] [style*="background:#ffffff"],
        [data-theme="dark"] [style*="background: #ffffff"],
        [data-theme="dark"] [style*="background:#fff"],
        [data-theme="dark"] [style*="background: #fff"],
        [data-theme="dark"] [style*="background:#fafafa"],
        [data-theme="dark"] [style*="background: #fafafa"],
        [data-theme="dark"] [style*="background:#fafbfc"],
        [data-theme="dark"] [style*="background: #fafbfc"],
        [data-theme="dark"] [style*="background:#fbfdfb"],
        [data-theme="dark"] [style*="background: #fbfdfb"],
        [data-theme="dark"] [style*="background:#fbfffb"],
        [data-theme="dark"] [style*="background: #fbfffb"],
        [data-theme="dark"] [style*="background:#fafdfa"],
        [data-theme="dark"] [style*="background: #fafdfa"],
        [data-theme="dark"] [style*="background:#fafdfb"],
        [data-theme="dark"] [style*="background: #fafdfb"],
        [data-theme="dark"] [style*="background:#f5f7f5"],
        [data-theme="dark"] [style*="background: #f5f7f5"],
        [data-theme="dark"] [style*="background:#f7faf7"],
        [data-theme="dark"] [style*="background: #f7faf7"],
        [data-theme="dark"] [style*="background:#f7faf8"],
        [data-theme="dark"] [style*="background: #f7faf8"],
        [data-theme="dark"] [style*="background:#f8faf8"],
        [data-theme="dark"] [style*="background: #f8faf8"],
        [data-theme="dark"] [style*="background:#f6f8f6"],
        [data-theme="dark"] [style*="background: #f6f8f6"],
        [data-theme="dark"] [style*="background:#f4f5f4"],
        [data-theme="dark"] [style*="background: #f4f5f4"],
        [data-theme="dark"] [style*="background:#f7f8f9"],
        [data-theme="dark"] [style*="background: #f7f8f9"],
        [data-theme="dark"] [style*="background:#ececec"],
        [data-theme="dark"] [style*="background: #ececec"],
        [data-theme="dark"] [style*="background:#eceff1"],
        [data-theme="dark"] [style*="background: #eceff1"],
        [data-theme="dark"] [style*="background:#eaeceb"],
        [data-theme="dark"] [style*="background: #eaeceb"],
        [data-theme="dark"] [style*="background:#e9ebed"],
        [data-theme="dark"] [style*="background: #e9ebed"],
        [data-theme="dark"] [style*="background:#e3e5e8"],
        [data-theme="dark"] [style*="background: #e3e5e8"],
        [data-theme="dark"] [style*="background:#f1f3f5"],
        [data-theme="dark"] [style*="background: #f1f3f5"],
        [data-theme="dark"] [style*="background:#f3f4f6"],
        [data-theme="dark"] [style*="background: #f3f4f6"],
        [data-theme="dark"] [style*="background:#cbd5e1"],
        [data-theme="dark"] [style*="background: #cbd5e1"],
        [data-theme="dark"] [style*="background:#c0c5cc"],
        [data-theme="dark"] [style*="background: #c0c5cc"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f0faf1"],
        [data-theme="dark"] [style*="background: #f0faf1"],
        [data-theme="dark"] [style*="background:#f0fdf4"],
        [data-theme="dark"] [style*="background: #f0fdf4"],
        [data-theme="dark"] [style*="background:#e8f0ea"],
        [data-theme="dark"] [style*="background: #e8f0ea"],
        [data-theme="dark"] [style*="background:#eef5f0"],
        [data-theme="dark"] [style*="background: #eef5f0"],
        [data-theme="dark"] [style*="background:#eef5ef"],
        [data-theme="dark"] [style*="background: #eef5ef"],
        [data-theme="dark"] [style*="background:#eef2ee"],
        [data-theme="dark"] [style*="background: #eef2ee"],
        [data-theme="dark"] [style*="background:#e7f8ea"],
        [data-theme="dark"] [style*="background: #e7f8ea"],
        [data-theme="dark"] [style*="background:#e6f8ea"],
        [data-theme="dark"] [style*="background: #e6f8ea"],
        [data-theme="dark"] [style*="background:#f1f6f2"],
        [data-theme="dark"] [style*="background: #f1f6f2"],
        [data-theme="dark"] [style*="background:#f1faf2"],
        [data-theme="dark"] [style*="background: #f1faf2"],
        [data-theme="dark"] [style*="background:#f1fbf2"],
        [data-theme="dark"] [style*="background: #f1fbf2"],
        [data-theme="dark"] [style*="background:#f1fbf3"],
        [data-theme="dark"] [style*="background: #f1fbf3"],
        [data-theme="dark"] [style*="background:#eaf9ec"],
        [data-theme="dark"] [style*="background: #eaf9ec"],
        [data-theme="dark"] [style*="background:#e9f8eb"],
        [data-theme="dark"] [style*="background: #e9f8eb"],
        [data-theme="dark"] [style*="background:#e8f6ec"],
        [data-theme="dark"] [style*="background: #e8f6ec"],
        [data-theme="dark"] [style*="background:#e8f6ea"],
        [data-theme="dark"] [style*="background: #e8f6ea"],
        [data-theme="dark"] [style*="background:#e3f6e8"],
        [data-theme="dark"] [style*="background: #e3f6e8"],
        [data-theme="dark"] [style*="background:#e0efe3"],
        [data-theme="dark"] [style*="background: #e0efe3"],
        [data-theme="dark"] [style*="background:#d3f3da"],
        [data-theme="dark"] [style*="background: #d3f3da"],
        [data-theme="dark"] [style*="background:#c8e6c9"],
        [data-theme="dark"] [style*="background: #c8e6c9"],
        [data-theme="dark"] [style*="background:#dcfce7"],
        [data-theme="dark"] [style*="background: #dcfce7"],
        [data-theme="dark"] [style*="background:#dcfce4"],
        [data-theme="dark"] [style*="background: #dcfce4"],
        [data-theme="dark"] [style*="background:#bbf7d0"],
        [data-theme="dark"] [style*="background: #bbf7d0"],
        [data-theme="dark"] [style*="background:#f2f6f3"],
        [data-theme="dark"] [style*="background: #f2f6f3"],
        [data-theme="dark"] [style*="background:#f3f8f4"],
        [data-theme="dark"] [style*="background: #f3f8f4"],
        [data-theme="dark"] [style*="background:#eafaef"],
        [data-theme="dark"] [style*="background: #eafaef"],
        [data-theme="dark"] [style*="background:#e6fde8"],
        [data-theme="dark"] [style*="background: #e6fde8"],
        [data-theme="dark"] [style*="background:#dceede"],
        [data-theme="dark"] [style*="background: #dceede"],
        [data-theme="dark"] [style*="background:#d3ddd5"],
        [data-theme="dark"] [style*="background: #d3ddd5"],
        [data-theme="dark"] [style*="background:#e2e8e3"],
        [data-theme="dark"] [style*="background: #e2e8e3"],
        [data-theme="dark"] [style*="background:#9be0ac"],
        [data-theme="dark"] [style*="background: #9be0ac"],
        [data-theme="dark"] [style*="background:#3CD64E33"],
        [data-theme="dark"] [style*="background: #3CD64E33"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#eaf1fb"],
        [data-theme="dark"] [style*="background: #eaf1fb"],
        [data-theme="dark"] [style*="background:#eef6ff"],
        [data-theme="dark"] [style*="background: #eef6ff"],
        [data-theme="dark"] [style*="background:#eff6ff"],
        [data-theme="dark"] [style*="background: #eff6ff"],
        [data-theme="dark"] [style*="background:#dceafe"],
        [data-theme="dark"] [style*="background: #dceafe"],
        [data-theme="dark"] [style*="background:#f1f5f9"],
        [data-theme="dark"] [style*="background: #f1f5f9"],
        [data-theme="dark"] [style*="background:#f1f5f4"],
        [data-theme="dark"] [style*="background: #f1f5f4"],
        [data-theme="dark"] [style*="background:#e2e8f0"],
        [data-theme="dark"] [style*="background: #e2e8f0"],
        [data-theme="dark"] [style*="background:#eef1f4"],
        [data-theme="dark"] [style*="background: #eef1f4"],
        [data-theme="dark"] [style*="background:#9fc0e8"],
        [data-theme="dark"] [style*="background: #9fc0e8"],
        [data-theme="dark"] [style*="background:#A5C0E555"],
        [data-theme="dark"] [style*="background: #A5C0E555"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#faf6ff"],
        [data-theme="dark"] [style*="background: #faf6ff"],
        [data-theme="dark"] [style*="background:#f5effe"],
        [data-theme="dark"] [style*="background: #f5effe"],
        [data-theme="dark"] [style*="background:#ede8ff"],
        [data-theme="dark"] [style*="background: #ede8ff"],
        [data-theme="dark"] [style*="background:#DAB1EE"],
        [data-theme="dark"] [style*="background: #DAB1EE"] { background: var(--d-purple) !important; }
        [data-theme="dark"] [style*="background:#fff7e6"],
        [data-theme="dark"] [style*="background: #fff7e6"],
        [data-theme="dark"] [style*="background:#fff4d6"],
        [data-theme="dark"] [style*="background: #fff4d6"],
        [data-theme="dark"] [style*="background:#fff8e1"],
        [data-theme="dark"] [style*="background: #fff8e1"],
        [data-theme="dark"] [style*="background:#fffde7"],
        [data-theme="dark"] [style*="background: #fffde7"],
        [data-theme="dark"] [style*="background:#fff9c4"],
        [data-theme="dark"] [style*="background: #fff9c4"],
        [data-theme="dark"] [style*="background:#ffefc2"],
        [data-theme="dark"] [style*="background: #ffefc2"],
        [data-theme="dark"] [style*="background:#fff7ed"],
        [data-theme="dark"] [style*="background: #fff7ed"],
        [data-theme="dark"] [style*="background:#fef3c7"],
        [data-theme="dark"] [style*="background: #fef3c7"],
        [data-theme="dark"] [style*="background:#fef08a"],
        [data-theme="dark"] [style*="background: #fef08a"],
        [data-theme="dark"] [style*="background:#fffbeb"],
        [data-theme="dark"] [style*="background: #fffbeb"],
        [data-theme="dark"] [style*="background:#ffdbb5"],
        [data-theme="dark"] [style*="background: #ffdbb5"],
        [data-theme="dark"] [style*="background:#fcd34d"],
        [data-theme="dark"] [style*="background: #fcd34d"],
        [data-theme="dark"] [style*="background:#fef9c3"],
        [data-theme="dark"] [style*="background: #fef9c3"],
        [data-theme="dark"] [style*="background:#f0d488"],
        [data-theme="dark"] [style*="background: #f0d488"],
        [data-theme="dark"] [style*="background:#F19C7933"],
        [data-theme="dark"] [style*="background: #F19C7933"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fdecec"],
        [data-theme="dark"] [style*="background: #fdecec"],
        [data-theme="dark"] [style*="background:#fee2e2"],
        [data-theme="dark"] [style*="background: #fee2e2"],
        [data-theme="dark"] [style*="background:#fef2f2"],
        [data-theme="dark"] [style*="background: #fef2f2"],
        [data-theme="dark"] [style*="background:#fde7e7"],
        [data-theme="dark"] [style*="background: #fde7e7"],
        [data-theme="dark"] [style*="background:#fde0e0"],
        [data-theme="dark"] [style*="background: #fde0e0"],
        [data-theme="dark"] [style*="background:#fdeeee"],
        [data-theme="dark"] [style*="background: #fdeeee"],
        [data-theme="dark"] [style*="background:#f6cccc"],
        [data-theme="dark"] [style*="background: #f6cccc"],
        [data-theme="dark"] [style*="background:#f5c2c2"],
        [data-theme="dark"] [style*="background: #f5c2c2"],
        [data-theme="dark"] [style*="background:#fca5a5"],
        [data-theme="dark"] [style*="background: #fca5a5"],
        [data-theme="dark"] [style*="background:#fecaca"],
        [data-theme="dark"] [style*="background: #fecaca"],
        [data-theme="dark"] [style*="background:#fff4f3"],
        [data-theme="dark"] [style*="background: #fff4f3"],
        [data-theme="dark"] [style*="background:#fff7f7"],
        [data-theme="dark"] [style*="background: #fff7f7"],
        [data-theme="dark"] [style*="background:#fff8f8"],
        [data-theme="dark"] [style*="background: #fff8f8"],
        [data-theme="dark"] [style*="background:#fdecee"],
        [data-theme="dark"] [style*="background: #fdecee"],
        [data-theme="dark"] [style*="background:#fde7e7"],
        [data-theme="dark"] [style*="background: #fde7e7"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#0E331811"],
        [data-theme="dark"] [style*="background: #0E331811"] { background: #16261c !important; }
        [data-theme="dark"] [style*="color:#0E3318"],
        [data-theme="dark"] [style*="color: #0E3318"],
        [data-theme="dark"] [style*="color:#06210f"],
        [data-theme="dark"] [style*="color: #06210f"],
        [data-theme="dark"] [style*="color:#06140c"],
        [data-theme="dark"] [style*="color: #06140c"],
        [data-theme="dark"] [style*="color:#16a34a"],
        [data-theme="dark"] [style*="color: #16a34a"],
        [data-theme="dark"] [style*="color:#1a7a2b"],
        [data-theme="dark"] [style*="color: #1a7a2b"],
        [data-theme="dark"] [style*="color:#1f7a2b"],
        [data-theme="dark"] [style*="color: #1f7a2b"],
        [data-theme="dark"] [style*="color:#1a6b27"],
        [data-theme="dark"] [style*="color: #1a6b27"],
        [data-theme="dark"] [style*="color:#15803d"],
        [data-theme="dark"] [style*="color: #15803d"],
        [data-theme="dark"] [style*="color:#1a4d2a"],
        [data-theme="dark"] [style*="color: #1a4d2a"],
        [data-theme="dark"] [style*="color:#3b6d11"],
        [data-theme="dark"] [style*="color: #3b6d11"] { color: #6ee585 !important; }
        [data-theme="dark"] [style*="color:#dc2626"],
        [data-theme="dark"] [style*="color: #dc2626"],
        [data-theme="dark"] [style*="color:#c0392b"],
        [data-theme="dark"] [style*="color: #c0392b"],
        [data-theme="dark"] [style*="color:#991b1b"],
        [data-theme="dark"] [style*="color: #991b1b"],
        [data-theme="dark"] [style*="color:#ff3b30"],
        [data-theme="dark"] [style*="color: #ff3b30"],
        [data-theme="dark"] [style*="color:#e24b4a"],
        [data-theme="dark"] [style*="color: #e24b4a"],
        [data-theme="dark"] [style*="color:#E5484D"],
        [data-theme="dark"] [style*="color: #E5484D"],
        [data-theme="dark"] [style*="color:#ef4444"],
        [data-theme="dark"] [style*="color: #ef4444"],
        [data-theme="dark"] [style*="color:#ef476f"],
        [data-theme="dark"] [style*="color: #ef476f"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#9a6b00"],
        [data-theme="dark"] [style*="color: #9a6b00"],
        [data-theme="dark"] [style*="color:#7a2e00"],
        [data-theme="dark"] [style*="color: #7a2e00"],
        [data-theme="dark"] [style*="color:#b45309"],
        [data-theme="dark"] [style*="color: #b45309"],
        [data-theme="dark"] [style*="color:#92400e"],
        [data-theme="dark"] [style*="color: #92400e"],
        [data-theme="dark"] [style*="color:#d97706"],
        [data-theme="dark"] [style*="color: #d97706"],
        [data-theme="dark"] [style*="color:#f59e0b"],
        [data-theme="dark"] [style*="color: #f59e0b"],
        [data-theme="dark"] [style*="color:#f0b400"],
        [data-theme="dark"] [style*="color: #f0b400"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#1e4d7a"],
        [data-theme="dark"] [style*="color: #1e4d7a"],
        [data-theme="dark"] [style*="color:#33588f"],
        [data-theme="dark"] [style*="color: #33588f"],
        [data-theme="dark"] [style*="color:#118ab2"],
        [data-theme="dark"] [style*="color: #118ab2"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#334155"],
        [data-theme="dark"] [style*="color: #334155"],
        [data-theme="dark"] [style*="color:#64748b"],
        [data-theme="dark"] [style*="color: #64748b"],
        [data-theme="dark"] [style*="color:#94a3b8"],
        [data-theme="dark"] [style*="color: #94a3b8"] { color: #aab8c8 !important; }
        [data-theme="dark"] [style*="color:#4a1a6a"],
        [data-theme="dark"] [style*="color: #4a1a6a"],
        [data-theme="dark"] [style*="color:#3c3489"],
        [data-theme="dark"] [style*="color: #3c3489"] { color: #c4abf0 !important; }
        [data-theme="dark"] [style*="color:#5a7060"],
        [data-theme="dark"] [style*="color: #5a7060"] { color: #9fb3a6 !important; }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans', 'Segoe UI', system-ui, sans-serif; }
        body { background: var(--bg); color: var(--text); min-height: 100vh; }

        /* ─── ĽAVÝ SKRÝVACÍ PANEL ─── */
        .app-sidebar {
            position: fixed; top: 0; left: 0; bottom: 0; width: 230px;
            background: var(--primary); display: flex; flex-direction: column;
            overflow-y: auto; z-index: 200; transition: transform .2s;
        }
        body.nav-collapsed .app-sidebar { transform: translateX(-230px); }
        .sidebar-logo { padding: 18px 16px 14px; border-bottom: 1px solid rgba(255,255,255,.1); }
        .sidebar-toggle {
            position: fixed; bottom: 12px; left: 12px; z-index: 300;
            width: 40px; height: 40px; border: 1px solid var(--border); border-radius: 9px;
            background: #fff; color: var(--primary); font-size: 18px; font-weight: 700; cursor: pointer;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 2px 10px rgba(14,51,24,.30);
        }
        .sidebar-toggle:hover { background: var(--accent); color: #0E3318; }

        /* ─── NAV (vertikálne v paneli) ─── */
        .app-nav { display: flex; flex-direction: column; padding: 8px 0; }
        /* Kým appka nevie, ktoré karty má používateľ zapnuté (osobné nastavenie + rola sa
           dozvedáme až po sieťovom volaní), menu zostane skryté — inak sa na zlomok sekundy
           mihne ÚPLNÝ zoznam všetkých kariet a až potom sa skráti na to, čo si kto nastavil.
           revealNav() (JS) triedu odstráni hneď, ako je jasné, čo naozaj ukázať. */
        html.tf-booting .app-nav { visibility: hidden; }
        .nav-btn {
            display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
            padding: 12px 18px; border: none; background: none; cursor: pointer;
            font-size: 13px; font-weight: 500; color: rgba(255,255,255,.85); font-family: inherit;
            border-left: 3px solid transparent; white-space: nowrap; transition: .12s;
        }
        .nav-btn:hover { background: rgba(255,255,255,.07); color: #fff; }
        .nav-btn.active { background: rgba(255,255,255,.12); color: #fff; border-left-color: var(--accent); font-weight: 700; }
        /* Rozbalovacie skupiny v navigácii */
        .nav-group {
            display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
            padding: 12px 18px; border: none; background: none; cursor: pointer;
            font-size: 13px; font-weight: 700; color: rgba(255,255,255,.92); font-family: inherit;
            border-left: 3px solid transparent; white-space: nowrap; transition: .12s;
        }
        .nav-group:hover { background: rgba(255,255,255,.07); color: #fff; }
        .nav-group-caret { margin-left: auto; font-size: 10px; opacity: .8; }
        .nav-group-items .nav-sub { padding-left: 34px; font-size: 12.5px; color: rgba(255,255,255,.78); }
        .nav-sub .fa-exp { margin-left: 4px; }

        /* ─── HORNÁ LIŠTA (v obsahovej časti) ─── */
        .app-header {
            background: var(--primary); color: white; padding: 0 28px 0 56px;
            display: flex; align-items: center; justify-content: flex-end; gap: 16px;
            box-shadow: 0 2px 16px rgba(14,51,24,.4);
            position: sticky; top: 0; z-index: 100; height: 56px;
        }
        /* Appka nainštalovaná ako samostatné PC okno (bez adresného riadku prehliadača nad ňou) —
           pôvodná výška lišty bola odmeraná tak, aby sedela POD hrubým prehliadačovým rámom;
           bez neho pôsobí zbytočne masívne, tak je v tomto režime o niečo štíhlejšia. */
        @media (display-mode: standalone) {
            .app-header { height: 44px; gap: 12px; }
        }
        .view-wrap { display: flex; align-items: center; gap: 8px; font-size: 13px; }
        .view-wrap label { opacity: .55; font-size: 12px; }
        .header-select {
            background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
            color: white; padding: 6px 12px; border-radius: 6px; font-size: 13px; cursor: pointer;
            font-family: inherit;
        }
        .header-select option { background: var(--primary); }
        /* Vlastný dropdown „Pohľad" — vždy sa rozbalí NADOL */
        .cdrop { position: relative; }
        .cdrop-btn { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: #fff; padding: 6px 12px; border-radius: 6px; font-size: 13px; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; gap: 8px; }
        .cdrop-btn:hover { background: rgba(255,255,255,.18); }
        .cdrop-caret { font-size: 10px; opacity: .85; }
        .cdrop-menu { position: absolute; top: calc(100% + 5px); left: 0; min-width: 210px; max-height: 340px; overflow-y: auto; background: #fff; border: 1px solid var(--border); border-radius: 9px; box-shadow: 0 10px 28px rgba(0,0,0,.18); padding: 5px; z-index: 100000; display: none; }
        .cdrop-menu.open { display: block; }
        .cdrop-item { display: block; width: 100%; text-align: left; background: none; border: none; padding: 8px 12px; border-radius: 6px; font-size: 13px; color: var(--text); cursor: pointer; font-family: inherit; white-space: nowrap; }
        .cdrop-item:hover { background: var(--primary-light); }
        .cdrop-item.sel { font-weight: 700; color: var(--primary); }

        /* ─── POSUN OBSAHU VEDĽA PANELA ─── */
        body { padding-left: 230px; transition: padding-left .2s; }
        body.nav-collapsed { padding-left: 0; }
        @media (max-width: 900px) { body { padding-left: 0; } }

        /* ─── MAIN ─── */
        main { max-width: 1160px; margin: 0 auto; padding: 24px 20px; }
        .tab { display: none; }
        .tab.active { display: block; }

        /* ─── CARD ─── */
        .card { background: var(--card); border-radius: 10px; padding: 22px 24px; box-shadow: 0 1px 4px rgba(14,51,24,.07); margin-bottom: 20px; border: 1px solid var(--border); }
        .card-title { font-size: 13px; font-weight: 700; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); }

        /* ─── STATS ─── */
        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap: 12px; margin-bottom: 20px; }
        .stat-card { background: white; border-radius: 10px; padding: 16px 18px; box-shadow: 0 1px 4px rgba(14,51,24,.07); border: 1px solid var(--border); border-top: 3px solid var(--border); }
        .stat-card.nabor      { border-top-color: var(--nabor); }
        .stat-card.obchod     { border-top-color: var(--obchod); }
        .stat-card.servis     { border-top-color: var(--servis); }
        .stat-card.prospekting{ border-top-color: var(--prospekting); }
        .stat-card.total      { border-top-color: var(--primary); }
        .stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; color: var(--muted); margin-bottom: 8px; }
        .stat-value { font-size: 32px; font-weight: 700; line-height: 1; color: var(--primary); }
        .stat-sub { font-size: 11px; color: var(--muted); margin-top: 5px; }

        /* ─── KPI karty (Dashboard – pás nad tabuľkou) ─── */
        .kpi-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 16px; }
        .kpi { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 13px 15px 12px; box-shadow: 0 1px 4px rgba(14,51,24,.07); border-top: 3px solid var(--border); }
        .kpi-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); margin-bottom: 9px; display: flex; align-items: center; gap: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .kpi-main { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
        .kpi-val { font-size: 29px; font-weight: 800; line-height: 1; color: var(--primary); }
        .kpi-trend { font-size: 13px; font-weight: 800; white-space: nowrap; }
        .kpi-trend.up { color: #16a34a; } .kpi-trend.down { color: #dc2626; } .kpi-trend.flat { color: #9aa39c; }
        .kpi-goal { font-size: 11px; color: var(--muted); margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
        .kpi-pct { font-weight: 800; }
        .kpi-bar { height: 6px; border-radius: 4px; background: #eef2ee; margin-top: 7px; overflow: hidden; }
        .kpi-bar > i { display: block; height: 100%; border-radius: 4px; }
        .kpi.ok   { border-top-color: #16a34a; } .kpi.ok   .kpi-pct { color: #16a34a; } .kpi.ok   .kpi-bar > i { background: #16a34a; }
        .kpi.warn { border-top-color: #eab308; } .kpi.warn .kpi-pct { color: #b78700; } .kpi.warn .kpi-bar > i { background: #eab308; }
        .kpi.miss { border-top-color: #dc2626; } .kpi.miss .kpi-pct { color: #dc2626; } .kpi.miss .kpi-bar > i { background: #dc2626; }
        @media (max-width: 760px) { .kpi-row { grid-template-columns: repeat(2, 1fr); } }

        /* ─── IMPORT ─── */
        .drop-zone {
            border: 2px dashed var(--border); border-radius: 10px; padding: 40px 24px;
            text-align: center; background: var(--primary-light);
        }
        .drop-zone:hover, .drop-zone.drag-over { border-color: var(--accent); background: #e6fde8; }
        #dropZone.drag-over, #dropZoneW.drag-over, #dropZoneFJ.drag-over { border-color: var(--accent) !important; background: #e6fde8 !important; }

        .row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
        .field { display: flex; align-items: center; gap: 8px; }
        .field label { font-size: 13px; font-weight: 600; color: var(--muted); }

        select, input[type="number"] {
            border: 1px solid var(--border); border-radius: 7px; padding: 8px 12px;
            font-size: 13px; color: var(--text); background: white; cursor: pointer;
            font-family: inherit;
        }
        select:focus, input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }

        .btn { padding: 9px 20px; border-radius: 7px; border: none; font-size: 13px; font-weight: 700; cursor: pointer; transition: .15s; font-family: inherit; }
        .btn-primary { background: var(--primary); color: white; }
        .btn-primary:hover { background: #1a4d2a; }
        .btn-sm { padding: 5px 11px; font-size: 12px; }
        .btn-ghost { background: var(--primary-light); color: var(--muted); border: 1px solid var(--border); }
        .btn-ghost:hover { background: #dceede; color: var(--text); }

        /* ─── TOGGLE GROUP ─── */
        .toggle-group { display: flex; gap: 3px; background: var(--primary-light); padding: 3px; border-radius: 7px; border: 1px solid var(--border); }
        .toggle-btn { padding: 6px 14px; border: none; border-radius: 5px; font-size: 12px; font-weight: 600; cursor: pointer; background: transparent; color: var(--muted); transition: .15s; font-family: inherit; }
        .toggle-btn.active { background: var(--primary); color: white; }

        /* ─── TABLE ─── */
        .table-wrap { overflow-x: auto; }
        table { width: 100%; border-collapse: collapse; font-size: 13px; }
        th { background: #f5f7f5; padding: 10px 13px; text-align: left; font-weight: 700; color: var(--muted); border-bottom: 1px solid var(--border); white-space: nowrap; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; }
        td { padding: 10px 13px; border-bottom: 1px solid #f0f4f1; vertical-align: middle; }
        tr:last-child td { border-bottom: none; }
        tr:hover td { background: #f7faf7; }
        .total-row td { font-weight: 700; background: #f0f4f1 !important; }
        tfoot .total-row:first-child td { border-top: 3px solid var(--accent, #3CD64E); }
        tfoot .total-row + .total-row td { background: #e5ece6 !important; }
        .num { text-align: right; font-variant-numeric: tabular-nums; }
        .name-cell { font-weight: 600; }

        /* ─── BADGES ─── */
        .badge { display: inline-block; padding: 2px 9px; border-radius: 4px; font-size: 11px; font-weight: 700; letter-spacing: .3px; }
        .badge-nabor      { background: rgba(60,214,78,.15);  color: #0E3318; }
        .badge-obchod     { background: rgba(165,192,229,.25); color: #1e4d7a; }
        .badge-servis     { background: rgba(199,246,74,.25);  color: #3d5a00; }
        .badge-prospekting{ background: rgba(241,156,121,.2);  color: #7a2e00; }

        /* ─── CHARTS ─── */
        .chart-wrap { position: relative; height: 340px; }

        /* ─── MONTHS LIST ─── */
        .month-chips { display: flex; flex-wrap: wrap; gap: 8px; }
        .m-chip { display: flex; align-items: center; gap: 6px; padding: 5px 12px; background: var(--primary-light); border-radius: 5px; font-size: 12px; font-weight: 600; color: var(--muted); border: 1px solid var(--border); }
        .m-chip-del { border: none; background: none; cursor: pointer; font-size: 15px; color: #94a3b8; line-height: 1; padding: 0; }
        .m-chip-del:hover { color: #dc2626; }

        /* ─── CHANGE ─── */
        .pos { color: #15803d; font-weight: 700; }
        .neg { color: #dc2626; font-weight: 700; }
        /* A11y: viditeľný focus pre klávesnicu na všetkých interaktívnych prvkoch */
        :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 4px; }
        a, .nav-btn, button { -webkit-tap-highlight-color: transparent; }
        .neu { color: var(--muted); }

        /* ─── EMPTY ─── */
        .empty { text-align: center; padding: 60px 24px; color: var(--muted); }
        .empty .ei { font-size: 48px; margin-bottom: 12px; }
        .empty p { font-size: 14px; }

        /* ─── NÁPADY NA ZLEPŠENIE ─── */
        .np-add { display:flex; gap:8px; flex-wrap:wrap; align-items:flex-start; }
        .np-add textarea { flex:1; min-width:240px; border:1px solid var(--border); border-radius:8px; padding:9px 12px; font-family:inherit; font-size:13px; resize:vertical; }
        .np-add select { border:1px solid var(--border); border-radius:8px; padding:9px 10px; font-family:inherit; font-size:13px; background:#fff; }
        .np-filters { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0; }
        .np-chip { border:1px solid var(--border); background:#fff; border-radius:20px; padding:6px 13px; font-size:12px; font-weight:600; color:var(--muted); cursor:pointer; font-family:inherit; }
        .np-chip:hover { border-color:var(--accent); }
        .np-chip.active { background:var(--primary); color:#fff; border-color:var(--primary); }
        .np-cat { margin-bottom:18px; }
        .np-cat-h { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
        .np-cat-h span { background:var(--primary-light); color:var(--primary); border-radius:10px; padding:1px 8px; font-size:11px; }
        .np-item { display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid var(--border); border-radius:10px; padding:11px 14px; margin-bottom:8px; }
        .np-item.is-done { background:var(--accent-dim); border-color:transparent; }
        .np-item.is-rej { opacity:.55; }
        .np-eff { font-size:11px; font-weight:700; padding:3px 9px; border-radius:20px; white-space:nowrap; flex:none; }
        .np-eff-low { background:#e7f8ea; color:#1a7a2b; } .np-eff-mid { background:#fff4d6; color:#9a6b00; } .np-eff-high { background:#fde7e7; color:#c0392b; }
        .np-body { flex:1; min-width:0; }
        .np-text { font-size:14px; color:var(--text); line-height:1.4; }
        .np-meta { font-size:11px; color:var(--muted); margin-top:2px; }
        .np-status { font-size:12px; font-weight:700; border-radius:7px; padding:5px 8px; border:1px solid var(--border); font-family:inherit; cursor:pointer; flex:none; background:#fff; }
        .np-new { color:var(--muted); } .np-planned { color:#1565c0; } .np-progress { color:#9a6b00; } .np-done { color:#1a7a2b; } .np-rejected { color:#c0392b; }
        .np-actions { display:flex; gap:4px; flex:none; }
        .np-actions button { border:none; background:var(--primary-light); border-radius:6px; padding:5px 9px; cursor:pointer; font-size:12px; font-family:inherit; color:var(--muted); }
        .np-actions button:hover { background:#e0efe3; color:var(--primary); }
        @media(max-width:700px){ .np-item { flex-wrap:wrap; } .np-body { flex:1 1 100%; order:-1; } }
        /* ─── WORKBOOK ─── */
        .wb-subnav { display:block; margin-bottom:18px; }
        .wb-subrow { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:10px; }
        /* Jeden pruh so všetkými podzáložkami, rozdelený presne do dvoch riadkov. */
        .wb-groups { display:flex; flex-direction:column; align-items:stretch; gap:6px; }
        /* Oba pruhy sú na plnú šírku karty pod nimi a tlačidlá sú v nich rovnomerne rozložené. */
        .wb-subtabs { display:flex; flex-wrap:wrap; justify-content:space-evenly; gap:4px; width:100%;
            background:var(--primary-light); border:1px solid var(--border); border-radius:10px; padding:4px; }
        .wb-sbtn { padding:7px 11px; border:none; background:transparent; border-radius:7px; font-size:12px; font-weight:700; color:var(--muted); cursor:pointer; font-family:inherit; transition:.12s; white-space:nowrap; }
        .wb-sbtn:hover { color:var(--primary); background:var(--card); }
        .wb-sbtn.active { background:var(--primary); color:#fff; }
        .wb-sbtn.active:hover { background:var(--primary); color:#fff; }
        /* Na užšom monitore tlačidlá trochu stiahnem, nech sa pruh stále zmestí do dvoch riadkov. */
        @media(max-width:1340px){ .wb-sbtn { padding:6px 8px; font-size:11px; } .wb-subtabs { gap:3px; } }
        .wb-psel { margin-left:auto; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); display:flex; align-items:center; gap:8px; }
        .wb-psel select { padding:7px 10px; border:1px solid var(--border); border-radius:8px; font-family:inherit; font-size:13px; font-weight:600; background:#fff; color:var(--text); }
        .wb-lbl { display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); margin:10px 0 4px; }
        .wb-ta { width:100%; min-height:46px; border:1px solid var(--border); border-radius:8px; padding:8px 10px; font-family:inherit; font-size:13px; resize:vertical; color:var(--text); }
        .wb-in { border:1px solid var(--border); border-radius:7px; padding:7px 9px; font-family:inherit; font-size:13px; background:#fff; color:var(--text); min-width:0; }
        .wb-ta:focus, .wb-in:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        .wb-add { border:1px dashed var(--accent); background:var(--accent-dim); color:#1a7a2b; border-radius:7px; padding:6px 12px; cursor:pointer; font-size:12px; font-weight:700; font-family:inherit; margin-top:8px; }
        .wb-del { border:none; background:#fdecec; color:#c0392b; border-radius:6px; padding:5px 8px; cursor:pointer; font-size:12px; font-family:inherit; }
        .wb-del:hover { background:#f6cccc; }
        /* Ciele (Práca s cieľmi — 100 cieľov + typy) */
        .wbc-intro { font-size:13px; color:var(--muted); line-height:1.5; margin-bottom:14px; }
        .wbc-totbar { margin-bottom:18px; }
        .wbc-totbar-in { font-size:14px; color:var(--text); }
        .wbc-totbar-in b { color:var(--primary); font-size:17px; }
        .wbc-prog { height:9px; background:var(--border); border-radius:6px; overflow:hidden; margin-top:7px; max-width:520px; }
        .wbc-prog > i { display:block; height:100%; background:var(--accent); border-radius:6px; transition:width .3s; }
        .wbc-cat { border:1px solid var(--border); border-radius:10px; padding:13px 15px; background:#fbfdfb; margin-bottom:14px; }
        .wbc-cat-h { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:9px; }
        .wbc-cat-t { font-weight:800; color:var(--primary); font-size:14px; }
        .wbc-cat-cnt { font-size:11.5px; color:var(--muted); font-weight:600; margin-left:auto; }
        .wbc-head, .wbc-row { display:grid; grid-template-columns:20px 26px 1fr 120px 140px 30px; gap:7px; align-items:center; }
        /* Ciele sa dajú preusporiadať ťahaním za bodkovaný úchyt vľavo. */
        .wbc-grip { display:flex; align-items:center; justify-content:center; width:20px; height:26px; border-radius:6px;
            color:#c2cad3; cursor:grab; user-select:none; font-size:13px; line-height:1; transition:color .12s, background .12s; }
        .wbc-grip:hover { color:var(--primary); background:rgba(0,0,0,.05); }
        .wbc-grip:active { cursor:grabbing; }
        .wbc-row.dragging { opacity:.9; box-shadow:0 8px 20px rgba(0,0,0,.14); border-radius:9px; }
        .wbc-row.nad { box-shadow:inset 0 2px 0 var(--primary); }
        .wbc-head { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); margin-bottom:5px; padding:0 2px; }
        .wbc-row { margin-bottom:5px; }
        .wbc-row .wb-in { width:100%; }
        .wbc-done { width:17px; height:17px; accent-color:var(--accent); justify-self:center; cursor:pointer; }
        .wbc-row.done .wbc-text { text-decoration:line-through; opacity:.5; }
        /* Časť 6 — typy */
        .wbc-p6-title { font-size:13px; font-weight:800; color:var(--primary); text-transform:uppercase; letter-spacing:.5px; margin:24px 0 6px; padding-bottom:6px; border-bottom:2px solid var(--accent-dim); }
        .wbc-warn { font-size:12.5px; color:#9a6b00; background:#fff7e6; border:1px solid #f0d488; border-radius:8px; padding:8px 11px; margin-bottom:12px; }
        .wbc-types { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
        .wbc-typecol { border:1px solid var(--border); border-radius:10px; padding:13px; background:#fff; }
        .wbc-typecol.done { background:#fbfdfb; }
        .wbc-typecol-h { font-weight:800; color:var(--primary); font-size:14px; margin-bottom:7px; display:flex; align-items:center; gap:8px; }
        .wbc-pill { background:var(--accent-dim); color:#1a7a2b; font-size:11px; font-weight:800; border-radius:20px; padding:2px 9px; }
        .wbc-typedesc { font-size:11.5px; color:var(--muted); line-height:1.45; margin-bottom:9px; }
        .wbc-typedesc b { color:var(--text); }
        .wbc-sel-cnt { font-size:12px; color:var(--muted); margin-bottom:9px; padding:5px 8px; background:var(--bg); border-radius:7px; }
        .wbc-sel-cnt b { color:var(--primary); }
        .wbc-sel-cnt.over { background:#fdeeee; color:#c0392b; } .wbc-sel-cnt.over b { color:#c0392b; }
        .wbc-selrow { display:flex; align-items:flex-start; gap:8px; padding:6px 8px; border:1px solid var(--border); border-radius:8px; margin-bottom:5px; font-size:13px; line-height:1.35; background:#fff; cursor:pointer; }
        .wbc-selrow.on { background:var(--accent-dim); border-color:transparent; }
        .wbc-selrow.done { cursor:default; color:var(--muted); }
        .wbc-selrow input { margin-top:2px; width:16px; height:16px; accent-color:var(--accent); flex:none; cursor:pointer; }
        .wbc-selrow-t em { color:var(--muted); font-style:normal; font-size:11.5px; }
        .wbc-empty-mini { font-size:12px; color:var(--muted); font-style:italic; padding:6px 2px; }
        /* SWOT */
        .wb-swot-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
        .wb-swot-box { border:1px solid var(--border); border-radius:10px; padding:14px; }
        .wb-swot-S { background:#f1fbf3; } .wb-swot-W { background:#fff7ed; } .wb-swot-O { background:#eff6ff; } .wb-swot-T { background:#fef2f2; }
        .wb-swot-h { font-weight:700; color:var(--primary); font-size:14px; margin-bottom:8px; }
        .wb-swot-cols { display:grid; grid-template-columns:1fr 1fr 1fr 30px; gap:6px; font-size:10px; font-weight:700; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
        .wb-swot-row { display:grid; grid-template-columns:1fr 1fr 1fr 30px; gap:6px; margin-bottom:5px; align-items:start; }
        .wb-swot-row .wb-in { width:100%; }
        /* SWOT polia rastú s textom — do jedného riadku sa dlhšia myšlienka nezmestí a človek
           potom nevidí, čo napísal. Výška sa dopočíta v JS (wbTaGrow), preto tu bez pevnej. */
        .wb-autogrow { width:100%; box-sizing:border-box; resize:vertical; overflow:hidden; line-height:1.45; display:block; }
        .wb-swot-row .wb-del { margin-top:5px; }
        @media(max-width:820px){ .wbc-types, .wb-swot-grid { grid-template-columns:1fr; } .wbc-head, .wbc-row { grid-template-columns:20px 26px 1fr 90px 110px 30px; } .wb-psel { margin-left:0; } }
        /* Formátovaný text (lišta ako vo Worde) */
        .rt-wrap { border:1px solid var(--border); border-radius:9px; background:#fff; overflow:hidden; }
        .rt-wrap:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        .rt-lista { display:flex; align-items:center; gap:3px; flex-wrap:wrap; padding:5px 7px; background:var(--primary-light); border-bottom:1px solid var(--border); }
        .rt-b { min-width:27px; height:25px; padding:0 6px; border:1px solid transparent; border-radius:6px; background:transparent; cursor:pointer; font-family:inherit; font-size:12.5px; color:var(--primary); line-height:1; }
        .rt-b:hover { background:#fff; border-color:var(--border); }
        .rt-f { width:17px; height:17px; border-radius:50%; border:1px solid rgba(0,0,0,.15); cursor:pointer; padding:0; }
        .rt-f:hover { transform:scale(1.15); }
        .rt-del { width:1px; height:16px; background:var(--border); margin:0 4px; }
        .rt-plocha { min-height:40px; padding:9px 11px; font-family:inherit; font-size:13px; line-height:1.55; color:var(--text); outline:none; overflow-wrap:anywhere; }
        .rt-plocha:empty:before { content:attr(data-ph); color:var(--muted); }
        .rt-plocha ul, .rt-plocha ol { margin:4px 0 4px 20px; padding:0; }
        .rt-plocha li { margin:2px 0; }
        .rt-ro .rt-plocha { background:#f7f8f7; color:var(--muted); }
        /* Reklama je súvislý text, nie krátka odpoveď — nech má hneď poriadnu plochu. */
        .rt-vysoka .rt-plocha { min-height:260px; font-size:14px; line-height:1.6; }
        [data-theme="dark"] .rt-wrap, [data-theme="dark"] .rt-b:hover { background: var(--d-surface); }
        .wb-kniha-aut { font-size:13px; color:var(--muted); font-style:italic; }
        .wb-kniha-zaver { font-size:13px; color:var(--muted); font-style:italic; text-align:center; margin:18px 0 4px; }
        /* Kalkulačka kariéry */
        .kk-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
        .kk-seg{display:inline-flex;background:var(--primary-light);border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}
        .kk-seg button{border:none;background:none;color:var(--muted);font-family:inherit;font-weight:700;font-size:13px;padding:7px 16px;border-radius:7px;cursor:pointer}
        .kk-seg button.on{background:var(--card);color:var(--primary);box-shadow:0 1px 3px rgba(0,0,0,.08)}
        .kk-grid{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}
        @media(max-width:900px){.kk-grid{grid-template-columns:1fr}}
        .kk-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
        @media(max-width:520px){.kk-row2{grid-template-columns:1fr}}
        .kk-f{display:block}
        .kk-f>span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px}
        .kk-in{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-family:inherit;font-size:14px}
        .kk-in:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}
        .kk-n{font-variant-numeric:tabular-nums}
        .kk-form{font-size:12.5px;color:var(--muted);background:var(--primary-light);border-radius:8px;padding:9px 11px;margin-top:12px;overflow-x:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
        .kk-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
        .kk-big{font-size:36px;font-weight:800;letter-spacing:-.03em;color:var(--primary);line-height:1.05;font-variant-numeric:tabular-nums;margin-top:4px}
        .kk-big small{font-size:18px;font-weight:600;color:var(--muted);margin-left:3px}
        .kk-l{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}
        .kk-l:last-child{border-bottom:none}
        .kk-l b{font-variant-numeric:tabular-nums;font-weight:700}
        .kk-l.kk-tot{border-top:2px solid var(--text);border-bottom:none;margin-top:5px;padding-top:10px;font-weight:700}
        /* Tabuľka štruktúr — všetko na stred, aby hlavičky sedeli nad svojimi hodnotami. */
        .kk-vhead,.kk-vetva,.kk-vsucet{display:grid;grid-template-columns:210px 150px 1fr 32px;gap:10px;align-items:center;justify-items:center}
        .kk-vhead{padding-bottom:6px;border-bottom:1px solid var(--border)}
        .kk-vhead span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}
        .kk-vetva .kk-in,.kk-vetva>div{width:100%}
        .kk-vetva .kk-n{text-align:center}
        .kk-vetva .kk-min{text-align:center}
        .kk-vetva{padding:10px 0;border-bottom:1px solid var(--border)}
        .kk-vsucet{padding-top:11px;border-top:1px solid var(--border)}
        @media(max-width:760px){.kk-vhead{display:none}
          .kk-vetva,.kk-vsucet{grid-template-columns:1fr 1fr;gap:8px;position:relative;padding-right:40px}
          .kk-vetva .kk-res,.kk-vsucet .kk-res{grid-column:auto} .kk-del{position:absolute;right:0;top:12px}}
        .kk-res{text-align:center;font-weight:700;font-size:14.5px;font-variant-numeric:tabular-nums}
        .kk-res span{display:block;font-size:10.5px;font-weight:400;color:var(--muted);white-space:nowrap}
        .kk-res.nula{color:var(--muted)}
        .kk-del{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:15px;line-height:1}
        .kk-del:hover{border-color:#c0392b;color:#c0392b}
        .kk-add{margin-top:12px;width:100%;border:1px dashed var(--border);background:none;color:var(--primary);font-family:inherit;font-weight:700;font-size:13px;padding:9px 14px;border-radius:8px;cursor:pointer}
        .kk-add:hover{border-color:var(--accent);background:var(--primary-light)}
        .kk-priemer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--primary-light);border-radius:9px;padding:10px 13px;margin-bottom:14px;font-size:13px;color:var(--muted)}
        .kk-priemer .kk-in{width:88px}
        .kk-q{padding:11px 13px;border-radius:9px;font-size:13.5px;line-height:1.5;background:var(--primary-light);color:var(--primary)}
        .kk-q.no{background:#fff4e5;color:#8a5300}
        .kk-m{margin-top:9px}
        .kk-mr{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:4px}
        .kk-mr b{font-variant-numeric:tabular-nums;color:var(--text)}
        .kk-bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden}
        .kk-bar i{display:block;height:100%;background:var(--accent);border-radius:99px}
        .kk-min{display:block;font-size:10.5px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
        .kk-min.pod{color:#b45309;font-weight:700}
        .kk-hv{color:var(--brand,#2BC4B4);font-weight:800;margin-left:2px;cursor:help}
        .kk-hvpoz{margin:2px 2px 0;font-size:11.5px;color:var(--muted)}
        .kk-note{font-size:12px;color:var(--muted);line-height:1.55;margin-top:12px}
        .kk-tw{overflow-x:auto}
        .kk-t{border-collapse:collapse;width:100%;font-size:12.5px;min-width:620px}
        .kk-t th{text-align:left;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:0 11px 7px 0;border-bottom:1px solid var(--border)}
        .kk-t td{padding:8px 11px 8px 0;border-bottom:1px solid var(--border);vertical-align:top}
        .kk-t tr.kk-me td{background:var(--primary-light)}
        .kk-t tr.kk-cesta td{padding-top:14px;font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:none}
        .kk-kod{font-weight:700;white-space:nowrap} .kk-kod span{font-weight:400;color:var(--muted)}
        .kk-sad{font-variant-numeric:tabular-nums;white-space:nowrap} .kk-pod{color:var(--muted);font-size:12px}
        .kk-pbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
        .kk-pbc{display:flex;align-items:center;gap:8px;background:var(--primary-light);border-radius:8px;padding:8px 10px}
        .kk-kk{font-size:10.5px;font-weight:700;background:var(--card);border:1px solid var(--border);border-radius:5px;padding:2px 6px;color:var(--primary)}
        .kk-nn{flex:1;font-size:12.5px;color:var(--muted)}
        .kk-vv{font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums}
        [data-theme="dark"] .kk-q.no{background:var(--d-amber);color:var(--text)}
        /* Odborné otázky + prípadové štúdie */
        .wb-qa-prog { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:700; color:var(--muted); }
        .wb-qa-bar { flex:1; height:7px; background:var(--border); border-radius:99px; overflow:hidden; }
        .wb-qa-bar i { display:block; height:100%; background:var(--accent); border-radius:99px; transition:width .25s; }
        .wb-qa-h { font-weight:800; color:var(--primary); font-size:15px; margin-bottom:6px; }
        .wb-qa-uvod { font-size:13px; color:var(--text); background:var(--primary-light); border-radius:9px; padding:10px 13px; margin:0 0 14px; line-height:1.55; }
        .wb-qa-item { margin-bottom:16px; }
        .wb-qa-item:last-child { margin-bottom:0; }
        .wb-qa-q { display:flex; gap:9px; align-items:flex-start; font-size:13.5px; font-weight:600; color:var(--text); margin-bottom:7px; line-height:1.5; }
        .wb-qa-n { flex:0 0 auto; min-width:22px; height:22px; border-radius:6px; background:var(--primary-light); color:var(--primary); font-size:11.5px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; }
        .wb-qa-a { min-height:38px; }
        .wb-mc { display:flex; flex-direction:column; gap:6px; }
        .wb-mc-o { display:flex; gap:10px; align-items:flex-start; text-align:left; width:100%; background:#fff; border:1px solid var(--border); border-radius:9px; padding:9px 12px; font-family:inherit; font-size:13px; color:var(--text); cursor:pointer; line-height:1.45; }
        .wb-mc-o:hover:not(:disabled) { border-color:var(--accent); }
        .wb-mc-o:disabled { cursor:default; opacity:.75; }
        .wb-mc-o.on { background:var(--primary-light); border-color:var(--accent); font-weight:600; }
        .wb-mc-b { flex:0 0 auto; width:20px; height:20px; border-radius:50%; border:1px solid var(--border); display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:var(--muted); background:#fff; }
        .wb-mc-o.on .wb-mc-b { background:var(--accent); border-color:var(--accent); color:#fff; }
        [data-theme="dark"] .wb-mc-o, [data-theme="dark"] .wb-mc-b { background: var(--d-surface); }
        /* Prospekting */
        .wb-pr-head, .wb-pr-row { display:grid; grid-template-columns:1.1fr 1fr 1.4fr 1.3fr 1.3fr 34px 34px; gap:6px; align-items:center; }
        .wb-pr-head { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); margin-bottom:6px; padding:0 2px; }
        .wb-pr-row { margin-bottom:5px; }
        .wb-pr-row .wb-in { width:100%; }
        .wb-in.pr-yes { background:#eaf9ec; border-color:var(--accent); color:#1a7a2b; font-weight:600; }
        .wb-in.pr-maybe { background:#fff7e6; border-color:#f0d488; color:#9a6b00; font-weight:600; }
        .wb-in.pr-no { background:#fdeeee; border-color:#f0b8b8; color:#c0392b; }
        .wb-zlink { display:inline-flex; align-items:center; justify-content:center; height:32px; text-decoration:none; }
        /* DTB 100 */
        .wb-dtb-prog { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
        .wb-dtb-bar { flex:1; height:10px; background:var(--border); border-radius:6px; overflow:hidden; max-width:320px; }
        .wb-dtb-bar > i { display:block; height:100%; background:var(--accent); border-radius:6px; transition:width .3s; }
        .wb-dtb-prog span { font-size:13px; color:var(--muted); } .wb-dtb-prog b { color:var(--primary); font-size:15px; }
        .wb-dtb-head, .wb-dtb-row { display:grid; grid-template-columns:34px 1.4fr 1fr 60px 1.8fr 34px; gap:6px; align-items:center; }
        .wb-dtb-head { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); margin-bottom:6px; padding:0 2px; }
        .wb-dtb-row { margin-bottom:5px; }
        .wb-dtb-row .wb-in { width:100%; }
        .wb-dtb-n { font-size:12px; font-weight:700; color:var(--muted); text-align:center; }
        .wb-full-head, .wb-full-row { display:grid; grid-template-columns:1.3fr 1.3fr 42px 42px 42px 42px 42px 50px 1fr 34px; gap:5px; align-items:center; }
        .wb-full-head { font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.2px; color:var(--muted); margin-bottom:6px; text-align:center; }
        .wb-full-row { margin-bottom:5px; }
        .wb-full-row .wb-in { width:100%; } .wb-fchk { justify-self:center; width:16px; height:16px; accent-color:var(--accent); }
        /* DTB v2 — plná tabuľka + 3×20 */
        .dtb2-legend { font-size:12px; color:var(--muted); line-height:1.6; margin:0 0 12px; background:var(--primary-light); border-radius:8px; padding:8px 11px; }
        .dtb2-legend b { color:var(--primary); }
        .dtb2-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:10px; }
        table.dtb2 { border-collapse:collapse; width:100%; min-width:1100px; font-size:13px; }
        table.dtb2 th, table.dtb2 td { border:1px solid var(--border); padding:3px 4px; text-align:center; }
        table.dtb2 thead th { background:var(--primary-light); color:var(--primary); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.3px; position:sticky; top:0; white-space:nowrap; }
        table.dtb2 td .wb-in { width:100%; min-width:80px; box-sizing:border-box; }
        table.dtb2 td .wb-prio { min-width:54px; }
        table.dtb2 .wb-fchk { width:17px; height:17px; }
        .dtb2-tag { display:inline-block; font-size:10px; font-weight:800; padding:2px 7px; border-radius:8px; color:var(--text); }
        .dv-grp { margin-bottom:22px; }
        .dv-h { font-size:13.5px; font-weight:800; color:var(--primary); padding:5px 0 5px 10px; margin-bottom:8px; display:flex; align-items:center; gap:10px; }
        .dv-cnt { font-size:11px; font-weight:700; color:var(--muted); background:var(--primary-light); border-radius:10px; padding:1px 9px; }
        .dv-head, .dv-row { display:grid; grid-template-columns:30px 1.1fr 1.1fr 56px 1.2fr 2fr 32px; gap:6px; align-items:center; }
        .dv-head { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); margin-bottom:5px; padding:0 2px; text-align:center; }
        .dv-row { margin-bottom:4px; } .dv-row .wb-in { width:100%; }
        .dv-n { font-size:12px; font-weight:700; color:var(--muted); text-align:center; }
        @media(max-width:820px){ .dv-head, .dv-row { grid-template-columns:24px 1fr 1fr 44px; } .dv-head span:nth-child(n+5), .dv-row .wb-in:nth-child(n+5){ display:none; } }
        /* Život + Reflexia */
        .ziv-part { font-size:13px; font-weight:800; color:#fff; background:var(--primary); border-radius:8px; padding:8px 14px; margin:6px 0 16px; text-transform:uppercase; letter-spacing:.5px; }
        .ziv-area { border:1px solid var(--border); border-left:4px solid var(--accent); border-radius:10px; padding:13px 15px; margin-bottom:12px; }
        .ziv-area-h { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:4px; }
        .ziv-area-h b { font-size:15px; color:var(--text); }
        .ziv-area-h .ziv-pop { font-size:12.5px; color:var(--muted); }
        .ziv-rate { display:flex; align-items:center; gap:8px; margin-left:auto; font-size:12px; color:var(--muted); font-weight:700; }
        .ziv-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:10px; }
        .ziv-grid2 > div > span, .ziv-fl { display:block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); margin-bottom:3px; }
        .ziv-ta { width:100%; min-height:70px; border:1px solid var(--border); border-radius:8px; padding:9px 11px; font-family:inherit; font-size:13px; resize:vertical; color:var(--text); box-sizing:border-box; }
        .ziv-ta:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        .ziv-l { margin-bottom:6px; }
        .ziv-lh, .ziv-lr { display:grid; grid-template-columns:var(--g) 32px; gap:8px; align-items:start; }
        .ziv-lh { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); margin-bottom:5px; padding:0 2px; }
        .ziv-lr { margin-bottom:6px; }
        .ziv-lr .wb-in, .ziv-lr .ziv-ta { width:100%; box-sizing:border-box; }
        .ziv-lr .ziv-ta { min-height:46px; }
        @media(max-width:820px){ .ziv-grid2 { grid-template-columns:1fr; } .ziv-lh, .ziv-lr { grid-template-columns:1fr 32px; } .ziv-lh span:nth-child(n+2){ display:none; } }
        .ref-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
        .ref-tab { border:1px solid var(--border); background:#f6f8f6; border-radius:8px; padding:7px 14px; font-size:13px; font-weight:700; cursor:pointer; font-family:inherit; color:var(--muted); }
        .ref-tab.on { background:var(--primary); color:#fff; border-color:var(--primary); }
        .ref-entry { border:1px solid var(--border); border-radius:10px; padding:14px 16px; margin-bottom:14px; background:#fff; }
        .ref-entry-h { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
        .ref-entry-h input.ref-title { font-size:15px; font-weight:800; color:var(--primary); border:none; border-bottom:1px dashed var(--border); padding:2px 2px; font-family:inherit; flex:1; min-width:0; }
        .ref-entry-h input.ref-title:focus { outline:none; border-bottom-color:var(--accent); }
        .ref-todo { display:flex; align-items:center; gap:8px; margin-bottom:5px; }
        .ref-todo input[type=text] { flex:1; }
        .ref-todo.done input[type=text] { text-decoration:line-through; color:var(--muted); }
        .ref-meta { font-size:11px; color:var(--muted); font-weight:700; white-space:nowrap; }
        .ref-gather { font-size:13px; color:var(--text); line-height:1.5; border-left:3px solid var(--accent-dim); padding:4px 0 4px 12px; margin:6px 0; }
        .ref-gather b { color:var(--muted); font-size:11px; font-weight:700; }
        /* Štýly učenia */
        .wb-st-res { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
        .wb-st-bar { border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
        .wb-st-bar.top { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        .wb-st-bl { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px; }
        .wb-st-bl b { color:var(--primary); font-size:15px; } .wb-st-bl span { font-weight:700; color:var(--muted); font-size:13px; }
        .wb-st-track { height:9px; background:var(--border); border-radius:6px; overflow:hidden; margin-bottom:8px; }
        .wb-st-track > i { display:block; height:100%; border-radius:6px; }
        .st-A .wb-st-track>i{background:#3CD64E} .st-R .wb-st-track>i{background:#118ab2} .st-T .wb-st-track>i{background:#9a6b00} .st-P .wb-st-track>i{background:#ef476f}
        .wb-st-desc { font-size:12px; color:var(--muted); line-height:1.45; }
        .wb-st-qs { display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; }
        .wb-st-q { display:flex; align-items:flex-start; gap:9px; font-size:13px; line-height:1.4; padding:7px 9px; border:1px solid var(--border); border-radius:8px; cursor:pointer; background:#fff; }
        .wb-st-q:hover { border-color:var(--accent); }
        .wb-st-q.yes { background:var(--accent-dim); border-color:transparent; }
        .wb-st-q input { margin-top:2px; width:16px; height:16px; accent-color:var(--accent); flex:none; cursor:pointer; }
        @media(max-width:820px){ .wb-st-res, .wb-st-qs { grid-template-columns:1fr; } .wb-pr-head,.wb-pr-row,.wb-dtb-head,.wb-dtb-row,.wb-full-head,.wb-full-row{ grid-template-columns:1fr 1fr; } .wb-pr-head span:nth-child(n+4),.wb-dtb-head span,.wb-full-head span{ display:none; } }
        /* Prospekting v2 (kategórie + segmenty + čitateľné polia) */
        .wb-pr-cat { margin-bottom:20px; }
        .wb-pr-cat-h { font-size:13px; font-weight:800; color:var(--primary); text-transform:uppercase; letter-spacing:.5px; margin:0 0 10px; padding-bottom:6px; border-bottom:2px solid var(--accent-dim); }
        .wb-pr-item { border:1px solid var(--border); border-left:4px solid var(--border); border-radius:10px; padding:13px 15px; margin-bottom:9px; background:#fff; }
        .wb-pr-item.is-yes { border-left-color:var(--accent); background:#fbfffb; }
        .wb-pr-item.is-maybe { border-left-color:#f0b400; }
        .wb-pr-item.is-unsure { border-left-color:#8aa2c7; }
        .wb-pr-item.is-no { border-left-color:#e09a9a; opacity:.8; }
        .wb-pr-item-top { display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:space-between; }
        .wb-pr-name { font-weight:700; color:var(--text); font-size:14.5px; }
        .wb-pr-segs { display:flex; gap:5px; flex-wrap:wrap; }
        .wb-pr-seg { border:1px solid var(--border); background:#f6f8f6; border-radius:8px; padding:6px 12px; font-size:12px; font-weight:700; cursor:pointer; font-family:inherit; color:var(--muted); white-space:nowrap; transition:.12s; }
        .wb-pr-seg:hover { border-color:var(--accent); }
        .wb-pr-seg.pr-yes.on { background:var(--accent); color:#0E3318; border-color:var(--accent); }
        .wb-pr-seg.pr-maybe.on { background:#ffefc2; color:#9a6b00; border-color:#f0d488; }
        .wb-pr-seg.pr-unsure.on { background:#dbe6f7; color:#2c4a76; border-color:#a9c1e3; }
        .wb-pr-seg.pr-no.on { background:#fde0e0; color:#c0392b; border-color:#f0b8b8; }
        .wb-pr-fields { display:grid; grid-template-columns:1fr 1fr; gap:10px 22px; margin-top:11px; font-size:13px; line-height:1.5; color:var(--text); }
        .wb-pr-fl { display:block; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); margin-bottom:2px; }
        .wb-pr-info { display:inline-block; margin-top:10px; font-size:12px; font-weight:700; color:var(--accent); text-decoration:none; }
        .wb-pr-info:hover { text-decoration:underline; }
        /* Prospekting — dotazník */
        .wb-pq-intro { font-size:13px; color:var(--muted); margin-bottom:16px; line-height:1.5; }
        .wb-pq-sec { font-size:12px; font-weight:800; color:#fff; background:var(--primary); border-radius:8px; padding:7px 13px; margin:18px 0 12px; text-transform:uppercase; letter-spacing:.5px; }
        .wb-pq-sec:first-of-type { margin-top:4px; }
        .wb-pq-sec { cursor:pointer; user-select:none; display:flex; align-items:center; gap:8px; }
        .wb-pq-caret { font-size:11px; opacity:.85; }
        .wb-pr-cat-h { cursor:pointer; user-select:none; display:flex; align-items:center; gap:8px; }
        .wb-pr-caret { font-size:11px; color:var(--muted); }
        .wb-pr-cnt { margin-left:auto; font-size:11px; font-weight:700; color:var(--muted); background:var(--primary-light); border-radius:10px; padding:1px 8px; }
        .wb-pq { margin-bottom:12px; }
        .wb-pq-q { display:flex; gap:8px; align-items:flex-start; font-size:13.5px; font-weight:600; color:var(--text); line-height:1.4; margin-bottom:5px; }
        .wb-pq-n { flex:none; width:22px; height:22px; border-radius:50%; background:var(--accent-dim); color:#1a7a2b; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; }
        .wb-pq-a { width:100%; min-height:42px; border:1px solid var(--border); border-radius:8px; padding:9px 11px; font-family:inherit; font-size:13px; resize:vertical; color:var(--text); }
        .wb-pq-a:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        /* Prehľad nováčikov */
        .wb-pre-stats { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
        .wb-pre-stat { flex:1; min-width:120px; background:var(--primary-light); border:1px solid var(--border); border-radius:10px; padding:12px 14px; text-align:center; }
        .wb-pre-stat b { display:block; font-size:24px; color:var(--primary); line-height:1.1; }
        .wb-pre-stat span { font-size:11px; color:var(--muted); font-weight:600; }
        .wb-pre-stat.warn b { color:#c0392b; }
        .wb-pre-row { display:grid; grid-template-columns:1.1fr 1.5fr 1.7fr 1fr; gap:12px; align-items:center; padding:12px 14px; border:1px solid var(--border); border-left:4px solid var(--border); border-radius:10px; margin-bottom:8px; }
        .wb-pre-row.stuck { border-left-color:#e07a7a; background:#fff8f8; }
        .wb-pre-row.ok { border-left-color:var(--accent); background:#fbfffb; }
        .wb-pre-name { font-weight:700; color:var(--text); }
        .wb-pre-bar { display:flex; flex-direction:column; gap:4px; }
        .wb-pre-track { height:8px; background:var(--border); border-radius:5px; overflow:hidden; }
        .wb-pre-track > i { display:block; height:100%; background:var(--accent); border-radius:5px; }
        .wb-pre-bar span { font-size:11px; color:var(--muted); font-weight:600; }
        .wb-pre-focus { font-size:12.5px; color:var(--text); line-height:1.4; }
        .wb-pre-doneb { color:#1a7a2b; font-weight:700; }
        .wb-pre-last { font-size:12px; color:var(--muted); text-align:right; }
        .wb-pre-last.red { color:#c0392b; font-weight:700; }
        @media(max-width:760px){ .wb-pre-row { grid-template-columns:1fr 1fr; } .wb-pre-last { text-align:left; } }
        /* Štýly — pásmo preferencie */
        .wb-st-band { display:inline-block; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; margin-bottom:8px; }
        .band-vs { background:#d3f3da; color:#15722a; } .band-s { background:#e3f6e8; color:#1a7a2b; } .band-m { background:#dceafe; color:#1257a8; } .band-n { background:#eceff1; color:#5b6b73; } .band-vn { background:#eceff1; color:#7a8a92; }
        .wb-st-pop { font-weight:600; opacity:.75; }
        .wb-st-note { font-size:12.5px; color:#1a7a2b; background:var(--accent-dim); padding:9px 12px; border-radius:8px; margin-bottom:14px; line-height:1.45; }
        .wb-st-tip { margin-top:14px; padding:14px 16px; background:var(--accent-dim); border:1px solid var(--accent); border-radius:10px; }
        .wb-st-tip-h { font-weight:700; color:var(--primary); font-size:14px; margin-bottom:5px; }
        .wb-st-tip-b { font-size:13.5px; color:var(--text); line-height:1.5; }
        @media(max-width:700px){ .wb-pr-fields { grid-template-columns:1fr; } }
        /* ─── VIZUALIZÁCIA (časový tracker) ─── */
        .viz-bar { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:16px; }
        .viz-bar label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); display:flex; align-items:center; gap:8px; }
        .viz-bar input[type=date] { padding:7px 10px; border:1px solid var(--border); border-radius:8px; font-family:inherit; font-size:13px; font-weight:600; background:var(--card); color:var(--text); }
        .viz-cell.viz-neznama { background:repeating-linear-gradient(45deg,#e9edf2,#e9edf2 6px,#dde3ea 6px,#dde3ea 12px);
            color:#6b7683; font-weight:800; }
        .viz-wknav { display:flex; align-items:center; gap:8px; margin-left:auto; }
        /* Priamy skok na ktorýkoľvek vypísaný týždeň — bez klikania dozadu. */
        .viz-skok { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700;
            text-transform:uppercase; letter-spacing:.4px; color:var(--muted); }
        .viz-skok select { padding:7px 10px; border:1px solid var(--border); border-radius:8px;
            font-family:inherit; font-size:13px; font-weight:600; background:var(--card); color:var(--text);
            text-transform:none; letter-spacing:0; max-width:280px; }
        .viz-wbtn { padding:7px 13px; border:1px solid var(--border); background:var(--card); border-radius:8px; font-family:inherit; font-size:13px; font-weight:700; color:var(--text); cursor:pointer; }
        .viz-wbtn:hover:not(:disabled) { border-color:var(--primary); color:var(--primary); }
        .viz-wbtn:disabled { opacity:.4; cursor:not-allowed; }
        .viz-wklbl { font-size:13px; font-weight:800; color:var(--text); min-width:185px; text-align:center; }
        .viz-layout { display:grid; grid-template-columns:1fr 230px; gap:18px; align-items:start; }
        @media(max-width:900px){ .viz-layout { grid-template-columns:1fr; } }
        .viz-gridwrap { overflow-x:auto; border:1px solid var(--border); border-radius:10px; }
        .viz-grid th.viz-dnes { background:var(--primary); color:#fff; }
        .viz-grid th.viz-dnes .viz-dnum { color:#fff; opacity:.85; }
        table.viz-grid { border-collapse:collapse; width:100%; font-size:12px; }
        table.viz-grid th, table.viz-grid td { border:1px solid var(--border); padding:0; text-align:center; }
        table.viz-grid thead th { background:var(--primary-light); font-weight:800; color:var(--text); padding:6px 4px; position:sticky; top:0; }
        table.viz-grid thead th .viz-dnum { display:block; font-size:10px; font-weight:600; color:var(--muted); margin-top:1px; }
        .viz-tcol { width:52px; min-width:52px; background:var(--primary-light); font-weight:700; color:var(--muted); font-size:11px; padding:0 4px; }
        .viz-cell { height:24px; min-width:74px; cursor:pointer; font-size:10px; font-weight:700; line-height:1.1; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 3px; transition:background .08s; }
        .viz-cell.empty { background:var(--card); }
        .viz-cell.empty:hover { background:var(--primary-light); }
        .viz-cell.off { background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 5px,var(--border) 5px,var(--border) 6px); cursor:not-allowed; }
        .viz-palette { display:flex; flex-direction:column; gap:14px; }
        .viz-pcat { border:1px solid var(--border); border-radius:10px; overflow:hidden; }
        .viz-pcat-h { padding:7px 11px; font-size:12px; font-weight:800; color:#fff; letter-spacing:.3px; }
        .viz-pact { display:block; width:100%; text-align:left; border:none; border-top:1px solid rgba(0,0,0,.06); background:var(--card); color:var(--text); padding:7px 11px; font-family:inherit; font-size:12.5px; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:8px; }
        .viz-pact:hover { background:var(--primary-light); }
        .viz-pact .viz-dot { width:11px; height:11px; border-radius:3px; flex:0 0 auto; }
        .viz-pact.active { background:var(--primary-light); box-shadow:inset 3px 0 0 var(--primary); }
        .viz-pact.active::after { content:'✓'; margin-left:auto; font-weight:800; color:var(--primary); }
        .viz-tool { display:flex; gap:8px; margin-bottom:4px; }
        .viz-toolbtn { flex:1; padding:8px; border:1px solid var(--border); background:var(--card); border-radius:8px; font-family:inherit; font-size:12px; font-weight:700; color:var(--text); cursor:pointer; }
        .viz-toolbtn.active { background:var(--primary); color:#fff; border-color:var(--primary); }
        .viz-sum { margin-top:6px; }
        .viz-sum-row { display:flex; align-items:center; gap:8px; font-size:12px; padding:4px 0; border-bottom:1px solid var(--border); }
        .viz-sum-row .viz-dot { width:11px; height:11px; border-radius:3px; flex:0 0 auto; }
        .viz-sum-row b { margin-left:auto; }
        .viz-hint { font-size:11.5px; color:var(--muted); line-height:1.5; margin-top:4px; }
        /* ─── PRISPÔSOBIŤ MENU ─── */
        .navcust-list { display:flex; flex-direction:column; gap:5px; max-height:52vh; overflow:auto; margin:8px 0 4px; }
        .navcust-row { display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:10px; font-size:14px; font-weight:600; color:var(--text); background:#fff; border:1px solid var(--border); transition:border-color .12s, box-shadow .12s, background .12s; }
        .navcust-row:hover { background:var(--primary-light); border-color:var(--primary); }
        .navcust-row.dragging { opacity:.92; border-color:var(--primary); background:#fff; box-shadow:0 8px 20px rgba(0,0,0,.14); }
        .navcust-row input { width:18px; height:18px; flex:0 0 auto; accent-color:var(--primary); cursor:pointer; }
        .navcust-name { flex:1; }
        .navcust-handle { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:7px; cursor:grab; color:#9aa3af; background:transparent; transition:background .12s, color .12s; }
        .navcust-row:hover .navcust-handle { color:var(--primary); background:rgba(0,0,0,.04); }
        .navcust-handle:active { cursor:grabbing; }
        .navcust-fixed { display:flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 auto; color:#b6c0cc; }
        .viz-edbtn { padding:6px 12px; border:1px solid var(--border); background:var(--card); border-radius:8px; font-family:inherit; font-size:12px; font-weight:700; color:var(--text); cursor:pointer; }
        .viz-edbtn.active { background:var(--primary); color:#fff; border-color:var(--primary); }
        .viz-pcat-h.ed { display:flex; align-items:center; gap:6px; padding:6px; }
        .viz-ed-cn { flex:1; min-width:0; border:none; border-radius:5px; padding:5px 7px; font-family:inherit; font-size:12px; font-weight:800; }
        .viz-ed-col { width:26px; height:26px; padding:0; border:none; background:none; cursor:pointer; flex:0 0 auto; }
        .viz-ed-row { display:flex; align-items:center; gap:6px; padding:5px 8px; border-top:1px solid var(--border); background:var(--card); }
        .viz-ed-an { flex:1; min-width:0; border:1px solid var(--border); border-radius:5px; padding:5px 7px; font-family:inherit; font-size:12.5px; color:var(--text); background:var(--card); }
        .viz-ed-x { border:none; background:none; color:var(--muted); cursor:pointer; font-size:14px; font-weight:800; flex:0 0 auto; padding:2px 4px; }
        .viz-ed-x:hover { color:#d9534f; }
        .viz-ed-add { width:100%; border:none; border-top:1px dashed var(--border); background:var(--card); color:var(--primary); padding:6px; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; }
        .viz-ed-add:hover { background:var(--primary-light); }
        .viz-ed-catadd { border:1px dashed var(--border); border-radius:10px; background:var(--card); color:var(--primary); padding:9px; font-family:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
        .viz-ed-catadd:hover { background:var(--primary-light); }
        /* ─── ADAPTAČNÝ MANUÁL ─── */
        .man-dirbar { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding:16px 18px; margin-bottom:18px; background:var(--primary-light); border:1px solid var(--border); border-radius:10px; }
        .man-dirtabs { flex-basis:100%; display:flex; flex-wrap:wrap; gap:6px; }
        .man-dirtab { padding:8px 14px; border:1px solid var(--border); background:#fff; border-radius:8px; font-size:13px; font-weight:700; color:var(--muted); cursor:pointer; font-family:inherit; transition:.12s; }
        .man-dirtab:hover { border-color:var(--accent); color:var(--primary); }
        .man-dirtab.active { background:var(--primary); color:#fff; border-color:var(--primary); }
        .man-dirbar h3 { font-size:16px; color:var(--primary); margin:0; display:flex; align-items:center; gap:8px; }
        .man-dirbar .man-dirsub { font-size:12px; color:var(--muted); font-weight:600; }
        .man-prog { flex:1; min-width:160px; height:9px; background:var(--border); border-radius:6px; overflow:hidden; }
        .man-prog > i { display:block; height:100%; background:var(--accent); border-radius:6px; transition:width .3s; }
        .man-dirbtns { margin-left:auto; display:flex; gap:8px; }
        .man-block { border:1px solid var(--border); border-radius:9px; margin-bottom:10px; overflow:hidden; background:var(--card); }
        .man-block-locked { opacity:.6; background:var(--primary-light); }
        .man-bhead-locked { cursor:not-allowed; }
        .man-bhead-locked .man-caret, .man-bhead-locked .man-btitle, .man-bhead-locked .man-bdone, .man-bhead-locked .man-bmeta { color:var(--muted); }
        .man-bhead-locked .man-bmeta { font-style:italic; }
        .man-bhead { display:flex; align-items:center; gap:12px; padding:12px 16px; cursor:pointer; user-select:none; }
        .man-bhead:hover { background:var(--primary-light); }
        .man-bhead .man-caret { font-size:12px; color:var(--muted); width:14px; }
        .man-bhead .man-btitle { font-weight:700; color:var(--primary); font-size:14px; min-width:64px; }
        .man-bhead .man-bdone { font-size:12px; font-weight:700; color:var(--muted); }
        .man-bhead .man-bmeta { font-size:11px; color:var(--muted); margin-left:auto; white-space:nowrap; }
        .man-bhead .man-bprog { width:90px; height:7px; background:var(--border); border-radius:5px; overflow:hidden; flex:none; }
        .man-bhead .man-bprog > i { display:block; height:100%; background:var(--accent); }
        .man-bhead.done .man-btitle, .man-bhead.done .man-bdone { color:var(--accent); }
        .man-btasks { display:none; border-top:1px solid var(--border); }
        .man-block.open .man-btasks { display:block; }
        .man-block.open .man-caret { transform:none; }
        .man-trow { display:grid; grid-template-columns:108px 64px 50px 1fr; gap:10px; align-items:start; padding:9px 16px; border-bottom:1px solid var(--border); font-size:13px; }
        .man-trow:last-child { border-bottom:none; }
        .man-trow:hover { background:#fafdfa; }
        .man-trow.s2 { background:#f1fbf2; }
        .man-trow.s2:hover { background:#e9f8eb; }
        .man-st { border:none; border-radius:6px; padding:5px 8px; font-size:11px; font-weight:700; cursor:pointer; font-family:inherit; text-align:center; white-space:nowrap; }
        .man-st.s0 { background:var(--primary-light); color:var(--muted); border:1px solid var(--border); }
        .man-st.s1 { background:#fff4d6; color:#9a6b00; border:1px solid #f0d488; }
        .man-st.s2 { background:var(--accent-dim); color:#1f7a2b; border:1px solid var(--accent); }
        .man-time { color:var(--muted); font-size:12px; padding-top:5px; }
        .man-typ { font-size:10px; font-weight:700; padding:3px 0; text-align:center; border-radius:5px; }
        .man-typ.sam { color:var(--primary); }
        .man-typ.gar { color:#9a6b00; }
        .man-task { padding-top:3px; line-height:1.4; }
        .man-task .man-link { display:inline-block; margin-top:3px; font-size:11px; font-weight:600; color:var(--accent); background:var(--accent-dim); padding:1px 7px; border-radius:4px; }
        .man-task a.man-link { text-decoration:none; cursor:pointer; }
        .man-task a.man-link:hover { text-decoration:underline; }
        .man-link-empty { opacity:.5; }
        .man-linkedit { border:none; background:transparent; cursor:pointer; font-size:11px; color:var(--muted); margin-left:3px; padding:1px 5px; border-radius:4px; vertical-align:middle; }
        .man-linkedit:hover { background:var(--primary-light); color:var(--primary); }
        .man-note { width:100%; resize:vertical; min-height:30px; font-family:inherit; font-size:12px; padding:5px 8px; border:1px solid var(--border); border-radius:6px; color:var(--text); background:#fff; }
        .man-note:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        .man-thead { display:grid; grid-template-columns:108px 64px 50px 1fr; gap:10px; padding:8px 16px; background:#f5f7f5; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); border-bottom:1px solid var(--border); }
        .man-thead span:nth-child(3) { text-align:center; }
        /* AM/GAM ovládanie */
        .man-ctlrow { flex-basis:100%; display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding-top:12px; margin-top:4px; border-top:1px solid var(--border); }
        .man-viewtoggle { display:flex; gap:4px; background:#fff; border:1px solid var(--border); border-radius:8px; padding:3px; }
        .man-vbtn { padding:6px 14px; border:none; background:transparent; border-radius:6px; font-weight:700; font-size:12px; color:var(--muted); cursor:pointer; font-family:inherit; }
        .man-vbtn.active { background:var(--primary); color:#fff; }
        .man-psel-wrap { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.4px; }
        .man-eduonly { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--primary); cursor:pointer; white-space:nowrap; }
        .man-eduonly input { accent-color:var(--accent); width:15px; height:15px; cursor:pointer; }
        .man-eduhint { font-size:11.5px; color:var(--muted); font-weight:500; line-height:1.4; max-width:340px; }
        .man-personsel { padding:7px 10px; border:1px solid var(--border); border-radius:8px; font-family:inherit; font-size:13px; font-weight:600; color:var(--text); background:#fff; }
        .man-melabel { font-size:13px; font-weight:700; color:var(--primary); }
        .man-bmir { font-size:12px; font-weight:700; color:#1f7a2b; }
        .man-typ.snov { color:#1f7a2b; }
        .man-typ.sam2 { color:#9a6b00; }
        .man-ciel { font-size:11px; color:var(--muted); margin-top:3px; font-style:italic; }
        .man-st.ro { cursor:default; }
        .man-mirror { margin:8px 12px 4px; padding:8px 12px; background:#f3f8f4; border:1px solid var(--border); border-radius:8px; }
        .man-mirror-h { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); margin-bottom:4px; }
        .man-mirror .man-trow { background:transparent; }
        .man-fw { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; background:rgba(14,51,24,.55); backdrop-filter:blur(3px); animation:manfwin .3s; }
        @keyframes manfwin { from{opacity:0} to{opacity:1} }
        .man-fw-c { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
        .man-fw-card { position:relative; background:#fff; border-radius:18px; padding:34px 40px; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.35); max-width:430px; animation:manfwpop .45s cubic-bezier(.2,1.3,.4,1); }
        @keyframes manfwpop { from{transform:scale(.6);opacity:0} to{transform:scale(1);opacity:1} }
        .man-fw-emoji { font-size:62px; line-height:1; margin-bottom:6px; }
        .man-fw-card h2 { color:var(--primary); font-size:27px; margin:6px 0 10px; }
        .man-fw-card p { color:var(--muted); font-size:15px; margin-bottom:22px; line-height:1.5; }
        .man-vis { flex-basis:100%; display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding-top:10px; }
        .man-vis-h { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); }
        .man-vischk { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--primary); cursor:pointer; }
        .man-vischk input { width:16px; height:16px; accent-color:var(--accent); cursor:pointer; }
        /* M2 editor obsahu */
        .man-ednote { background:#fff8e1; border:1px solid #f0d488; color:#7a5a00; padding:10px 14px; border-radius:8px; font-size:13px; margin-bottom:14px; }
        .man-edsec, .man-edblock { border:1px solid var(--border); border-radius:9px; padding:12px 14px; margin-bottom:12px; background:var(--card); }
        .man-edh { font-weight:700; color:var(--primary); margin-bottom:8px; }
        .man-edbhead { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
        .man-edbhead .man-edel { margin-left:auto; }
        /* Úloha = dva riadky: hore čas/typ/úloha, dole oba odkazy. Tenká čiara ich oddeľuje. */
        .man-erow { display:flex; gap:6px; align-items:center; flex-wrap:wrap; padding:7px 0; border-bottom:1px solid var(--border); }
        .man-erow2 { flex:1 1 100%; display:flex; gap:6px; align-items:center; padding-left:70px; margin-top:5px; }
        .man-erow2 .man-ein { flex:1 1 110px; min-width:0; }
        .man-e2lbl { flex:0 0 auto; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; color:var(--muted); }
        .man-e2del { flex:0 0 auto; width:1px; height:18px; background:var(--border); margin:0 3px; }
        @media(max-width:760px){ .man-erow2 { padding-left:0; flex-wrap:wrap; } .man-e2del { display:none; } }
        .man-ein { padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-family:inherit; font-size:13px; flex:1; min-width:0; background:#fff; color:var(--text); }
        .man-ein:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim); }
        .man-ein.w-time { flex:0 0 64px; } .man-ein.w-typ { flex:0 0 118px; } .man-ein.w-lbl { flex:0 0 130px; } .man-ein.w-url { flex:0 0 150px; } .man-ein.w-ciel { flex:0 0 120px; }
        .man-ebtitle { flex:0 0 240px; font-weight:700; }
        .man-edcount { font-size:12px; color:var(--muted); font-weight:600; }
        .man-edel { border:none; background:#fdecec; color:#c0392b; border-radius:6px; padding:5px 9px; cursor:pointer; font-size:12px; font-family:inherit; white-space:nowrap; }
        .man-edel:hover { background:#f6cccc; }
        .man-eadd { border:1px dashed var(--accent); background:var(--accent-dim); color:#1f7a2b; border-radius:6px; padding:6px 12px; cursor:pointer; font-size:12px; font-weight:700; font-family:inherit; margin-top:4px; }
        .man-eaddblock { display:block; width:100%; padding:12px; }
        @media(max-width:760px){ .man-erow { flex-wrap:wrap; } .man-ein.w-time,.man-ein.w-typ,.man-ein.w-lbl,.man-ein.w-url,.man-ein.w-ciel,.man-ebtitle { flex:1 1 100%; } }
        /* ciele mesiaca — karta */
        .man-goals { border:1px solid var(--border); border-radius:12px; margin-bottom:16px; background:var(--card); overflow:hidden; box-shadow:0 1px 3px rgba(14,51,24,.05); }
        .man-goalshead { display:flex; align-items:center; gap:12px; padding:14px 18px; cursor:pointer; user-select:none; background:var(--primary-light); }
        .man-goals.open .man-goalshead { border-bottom:1px solid var(--border); }
        .man-goalshead:hover { background:#e8f6ea; }
        .man-goaltitle { font-weight:700; color:var(--primary); font-size:14px; display:flex; align-items:center; }
        .man-goaldone { font-size:12px; font-weight:700; color:#1a6b27; background:var(--accent-dim); padding:3px 11px; border-radius:20px; white-space:nowrap; }
        .man-goalbody { display:none; padding:16px 18px; }
        .man-goals.open .man-goalbody { display:block; }
        .man-goalgrid { display:grid; grid-template-columns:1fr 1fr; gap:9px 16px; }
        .man-goal { display:flex; align-items:center; gap:11px; font-size:13.5px; line-height:1.35; padding:10px 13px; border:1px solid var(--border); border-radius:10px; background:#fff; cursor:pointer; transition:.12s; }
        .man-goal:hover { border-color:var(--accent); background:var(--primary-light); }
        .man-goal.done { background:var(--accent-dim); border-color:transparent; }
        .man-goal.done span { color:#1a6b27; font-weight:600; }
        .man-goal input { appearance:none; -webkit-appearance:none; width:19px; height:19px; border:2px solid #c5d2c8; border-radius:6px; cursor:pointer; flex:none; position:relative; transition:.12s; margin:0; }
        .man-goal:hover input { border-color:var(--accent); }
        .man-goal input:checked { background:var(--accent); border-color:var(--accent); }
        .man-goal input:checked::after { content:'✓'; position:absolute; left:3px; top:-1px; color:#0E3318; font-size:13px; font-weight:900; line-height:1; }
        .man-goal input:disabled { cursor:default; opacity:.55; }
        /* skrývateľné týždne (2.–4. mesiac) */
        .man-week { border:1px solid var(--border); border-radius:9px; margin-bottom:10px; overflow:hidden; background:#fbfdfb; }
        .man-weekhead { display:flex; align-items:center; gap:12px; padding:12px 16px; cursor:pointer; user-select:none; }
        .man-weekhead:hover { background:var(--primary-light); }
        .man-wtitle { font-weight:700; color:var(--primary); font-size:14px; min-width:90px; }
        .man-weekhead.done .man-wtitle, .man-weekhead.done .man-bdone { color:var(--accent); }
        .man-weekbody { display:none; padding:8px 10px 2px; }
        .man-week.open .man-weekbody { display:block; }
        @media(max-width:760px){ .man-trow, .man-thead { grid-template-columns:96px 1fr; } .man-thead span:nth-child(2),.man-thead span:nth-child(3),.man-thead span:nth-child(5){display:none;} .man-time,.man-typ{display:none;} .man-goalgrid { grid-template-columns:1fr; } }

        /* ─── Hide number spinners ─── */
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
        input[type=number] { -moz-appearance: textfield; appearance: textfield; }

        /* ─── Multi-select dropdown ─── */
        .ms-wrap { position: relative; }
        .ms-btn {
            border: 1px solid var(--border); border-radius: 7px; padding: 7px 12px;
            font-size: 13px; background: white; cursor: pointer; white-space: nowrap;
            font-family: inherit; color: var(--text); display: flex; align-items: center; gap: 6px;
        }
        .ms-btn:after { content: '▾'; font-size: 11px; color: var(--muted); }
        .ms-panel {
            display: none; position: absolute; top: calc(100% + 4px); left: 0;
            background: white; border: 1px solid var(--border); border-radius: 8px;
            box-shadow: 0 4px 16px rgba(0,0,0,.12); z-index: 200; min-width: 200px; padding: 6px 0;
        }
        .ms-panel.open { display: block; }
        .ms-item { display: flex; align-items: center; gap: 10px; padding: 7px 14px; cursor: pointer; font-size: 13px; }
        .ms-item:hover { background: var(--primary-light); }
        .ms-item input[type=checkbox] { width: 15px; height: 15px; accent-color: var(--accent); cursor: pointer; }

        /* ─── CONDITIONAL COLORS (!important overrides everything) ─── */
        .cond-ok   { background: #bbf7d0 !important; }
        .cond-warn { background: #fef08a !important; }
        .cond-miss { background: #fecaca !important; }

        /* ─── DASHBOARD ─── */
        .dash-table { border-collapse: separate; border-spacing: 0; font-size: 12px; table-layout: fixed; }
        .dash-table th, .dash-table td { border: 1px solid #d8e8da; padding: 0; white-space: nowrap; vertical-align: top; }
        .dash-table thead th { padding: 5px 3px; font-weight: 700; text-align: center; font-family: inherit; font-size: 11px; vertical-align: middle; }
        .dash-table td.fix { padding: 5px 8px; font-weight: 600; position: sticky; left: 0; background: white; z-index: 1; border-right: 2px solid var(--border); font-size: 12px; text-align: center; vertical-align: middle; }
        .dash-table td.fix-num { padding: 5px 4px; text-align: center; background: #f5f7f5; position: sticky; left: 0; z-index: 1; font-size: 11px; width: 24px; vertical-align: middle; }
        .dash-input { width: 100%; border: none; background: transparent; text-align: center; font-size: 12px; font-weight: 600; padding: 5px 2px; outline: none; font-family: inherit; color: var(--text); display: block; box-sizing: border-box; scroll-margin-top: 90px; scroll-margin-left: 105px; scroll-margin-right: 20px; }
        .dash-input:focus { outline: 2px solid var(--primary); border-radius: 2px; }
        .dash-input:disabled { color: transparent; cursor: not-allowed; }
        .cell-na, .cell-na input { background:#c0c5cc !important; }
        /* Hover tooltip pre skratky v dashboarde */
        .dash-tip { position:fixed; z-index:9999; background:var(--primary); color:#fff; font-size:12px; font-weight:500; line-height:1.45; text-align:left; padding:8px 12px; border-radius:8px; pointer-events:none; opacity:0; transition:opacity .12s; box-shadow:0 4px 14px rgba(0,0,0,.28); max-width:300px; white-space:normal; }
        .dash-tip.show { opacity:1; }
        .dash-tip:after { content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:5px solid transparent; border-top-color:var(--primary); }
        .dash-spolu { border-top: 3px solid #7aab88 !important; }
        .dash-spolu td { font-weight: 700; font-size: 12px; padding: 6px 0; text-align: center; background: #e8f0ea; }
        .dash-priemer td { font-size: 11px; padding: 4px 0; text-align: center; color: var(--muted); background: #f8faf8; }
        /* Metric pills */
        .metric-pill { padding: 3px 8px; border: 1px solid var(--border); border-radius: 4px; font-size: 11px; font-weight: 700; cursor: pointer; background: white; color: var(--muted); font-family: inherit; transition: .12s; }
        .metric-pill.active { background: var(--primary); color: white; border-color: var(--primary); }
        .metric-pill:hover:not(.active) { background: #dceede; color: var(--text); }

        /* ─── BUG REPORT MODAL ─── */
        .modal-overlay {
            display: none; position: fixed; inset: 0;
            background: rgba(0,0,0,.45); z-index: 500;
            align-items: center; justify-content: center;
        }
        .modal-overlay.open { display: flex; }
        .modal-box {
            background: white; border-radius: 14px; padding: 28px 28px 24px;
            width: 460px; max-width: 95vw;
            max-height: 90vh; overflow-y: auto;   /* dlhý obsah (napr. týždenný prehľad) sa dá scrollovať aj na mobile → zatváracie tlačidlo ostane dosiahnuteľné */
            box-shadow: 0 8px 40px rgba(0,0,0,.25);
        }
        .modal-box h3 { font-size: 16px; font-weight: 700; margin-bottom: 6px; color: var(--primary); }
        .modal-box p  { font-size: 13px; color: var(--muted); margin-bottom: 16px; }
        .modal-box textarea {
            width: 100%; border: 1px solid var(--border); border-radius: 8px;
            padding: 12px; font-size: 13px; font-family: inherit;
            resize: vertical; min-height: 110px; color: var(--text);
        }
        .modal-box textarea:focus { outline: none; border-color: var(--accent); }
        .modal-footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; }
        .bug-btn {
            background: var(--accent); border: none; cursor: pointer;
            color: var(--primary); font-size: 12px; font-weight: 700;
            padding: 7px 14px; border-radius: 6px;
            transition: .15s; font-family: inherit;
        }
        .bug-btn:hover { background: #4fe862; }
        .theme-btn {
            background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2);
            color: #fff; font-size: 15px; cursor: pointer; line-height: 1;
            width: 34px; height: 32px; border-radius: 6px;
            display: inline-flex; align-items: center; justify-content: center;
            transition: .15s; font-family: inherit;
        }
        .theme-btn:hover { background: rgba(255,255,255,.2); }
        .theme-btn svg { display: block; }
        .theme-btn .ico-sun { display: none; }
        [data-theme="dark"] .theme-btn .ico-moon { display: none; }
        [data-theme="dark"] .theme-btn .ico-sun  { display: block; }

        /* ─── TOAST ─── */
        .toast { position: fixed; bottom: 24px; right: 24px; background: var(--primary); color: white; padding: 12px 20px; border-radius: 8px; font-size: 13px; box-shadow: 0 4px 20px rgba(14,51,24,.3); transform: translateY(80px); opacity: 0; transition: .3s; z-index: 9999; }
        .toast.show { transform: translateY(0); opacity: 1; }
        .toast.ok  { border-left: 4px solid var(--accent); }
        .toast.err { border-left: 4px solid #dc2626; }

        #preview-section { display: none; }
        .section-hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
        .section-hd h3 { font-size: 14px; font-weight: 700; }
        .controls { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

        /* ═══ FINANČNÁ ANALÝZA ═══ */
        .fa-wrap { max-width: 1100px; margin: 0 auto; }
        .fa-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--border); padding-bottom: 16px; margin-bottom: 20px; }
        .fa-head h2 { font-size: 20px; font-weight: 800; color: var(--primary); }
        .fa-head p { font-size: 13px; color: var(--muted); margin-top: 3px; max-width: 640px; }
        .fa-reset { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); background: #fff; border-radius: 8px; padding: 8px 13px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; font-family: inherit; }
        .fa-reset:hover { background: var(--primary-light); color: var(--text); }
        .fa-tabs { display: flex; flex-wrap: wrap; gap: 4px; background: var(--card); border: 1px solid var(--border); border-radius: 11px; padding: 5px; margin-bottom: 20px; }
        .fa-tab { display: flex; align-items: center; gap: 7px; border: none; background: none; padding: 9px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; font-family: inherit; transition: .12s; }
        .fa-tab:hover { background: var(--primary-light); color: var(--text); }
        .fa-tab.active { background: var(--primary); color: #fff; }
        .fa-grid { display: grid; gap: 18px; }
        @media (min-width: 860px) { .fa-grid-2 { grid-template-columns: 1fr 1fr; } .fa-grid-bias { grid-template-columns: 1fr 1.3fr; } .fa-grid-bias-rev { grid-template-columns: 1.3fr 1fr; } }
        .fa-card { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 20px; box-shadow: 0 1px 4px rgba(14,51,24,.06); }
        .fa-card-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
        .fa-card-h .ic { width: 34px; height: 34px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--accent-dim); font-size: 17px; }
        .fa-card-ttl { font-weight: 700; font-size: 15px; color: var(--primary); line-height: 1.2; }
        .fa-card-desc { font-size: 12px; color: var(--muted); margin-top: 3px; }
        .fa-stats { display: grid; gap: 10px; margin-top: 0; }
        .fa-stats.c2 { grid-template-columns: 1fr 1fr; }
        .fa-stats.c3 { grid-template-columns: 1fr; }
        .fa-stats.c4 { grid-template-columns: 1fr 1fr; }
        @media (min-width: 560px) { .fa-stats.c3 { grid-template-columns: repeat(3,1fr); } }
        @media (min-width: 860px) { .fa-stats.c4 { grid-template-columns: repeat(4,1fr); } }
        .fa-stat { border: 1px solid var(--border); border-radius: 9px; padding: 13px 14px; background: var(--bg); }
        .fa-stat-l { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--muted); display: flex; align-items: center; gap: 5px; }
        .fa-stat-v { font-size: 22px; font-weight: 700; margin-top: 4px; font-variant-numeric: tabular-nums; color: var(--text); }
        .fa-stat-v.good { color: #16a34a; } .fa-stat-v.warn { color: #d97706; } .fa-stat-v.bad { color: #dc2626; }
        .fa-stat-h { font-size: 11px; color: var(--muted); margin-top: 3px; }
        .fa-field + .fa-field { margin-top: 18px; }
        .fa-field-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
        .fa-label { font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 5px; }
        .fa-val { background: var(--accent-dim); color: var(--primary); font-weight: 700; font-size: 13px; padding: 2px 9px; border-radius: 6px; font-variant-numeric: tabular-nums; white-space: nowrap; }
        .fa-range { -webkit-appearance: none; appearance: none; width: 100%; height: 7px; border-radius: 99px; outline: none; cursor: pointer; }
        .fa-range::-webkit-slider-thumb { -webkit-appearance: none; width: 17px; height: 17px; border-radius: 50%; background: var(--primary); cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.3); }
        .fa-range::-moz-range-thumb { width: 17px; height: 17px; border: none; border-radius: 50%; background: var(--primary); cursor: pointer; }
        .fa-range-ends { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); margin-top: 5px; }
        .fa-numf { display: block; }
        .fa-numf .l { font-size: 13px; font-weight: 600; }
        .fa-numf .box { margin-top: 6px; display: flex; align-items: center; border: 1px solid var(--border); border-radius: 9px; background: #fff; }
        .fa-numf .box:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
        .fa-numf input { width: 100%; border: none; background: transparent; padding: 9px 12px; font-size: 14px; font-variant-numeric: tabular-nums; outline: none; font-family: inherit; color: var(--text); }
        .fa-numf .u { padding: 0 12px; color: var(--muted); font-size: 13px; }
        .fa-info { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: none; background: var(--primary-light); color: var(--muted); font-size: 10px; font-weight: 800; font-style: italic; cursor: pointer; font-family: Georgia, serif; line-height: 1; }
        .fa-info:hover { background: var(--accent); color: var(--primary); }
        .fa-pill { border-radius: 99px; padding: 3px 11px; font-size: 11px; font-weight: 700; white-space: nowrap; }
        .fa-pill.good { background: #dcfce7; color: #15803d; } .fa-pill.warn { background: #fef3c7; color: #b45309; } .fa-pill.bad { background: #fee2e2; color: #b91c1c; } .fa-pill.default { background: var(--primary-light); color: var(--muted); }
        .fa-health { display: flex; align-items: center; gap: 12px; border: 1px solid var(--border); border-radius: 9px; padding: 11px 13px; background: var(--bg); }
        .fa-health + .fa-health { margin-top: 9px; }
        .fa-health .ic { width: 34px; height: 34px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--accent-dim); font-size: 16px; }
        .fa-health .t { flex: 1; min-width: 0; }
        .fa-health .t-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
        .fa-health .nm { font-weight: 600; font-size: 14px; }
        .fa-health .dt { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .fa-note { border-radius: 9px; background: var(--primary-light); padding: 12px 14px; font-size: 13px; color: var(--muted); line-height: 1.5; }
        .fa-note.dashed { border: 1px dashed var(--border); background: #fafdfa; }
        .fa-note.mt { margin-top: 16px; }
        .fa-donut-wrap { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
        .fa-donut-wrap ul { flex: 1; min-width: 140px; display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; }
        .fa-legend { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; margin: 0; padding: 0; }
        .fa-legend li { display: flex; align-items: center; gap: 7px; list-style: none; }
        .fa-legend .sw { width: 12px; height: 12px; border-radius: 3px; flex: none; }
        .fa-legend .pc { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }
        .fa-profile-grid { display: grid; gap: 10px; grid-template-columns: 1fr; }
        @media (min-width: 560px) { .fa-profile-grid { grid-template-columns: repeat(3,1fr); } }
        .fa-profile { border: 1px solid var(--border); border-radius: 11px; padding: 14px; text-align: left; cursor: pointer; background: #fff; font-family: inherit; transition: .12s; }
        .fa-profile:hover { border-color: var(--accent); background: var(--primary-light); }
        .fa-profile.active { border-color: var(--primary); background: var(--accent-dim); box-shadow: inset 0 0 0 2px var(--primary); }
        .fa-profile .pl { font-weight: 700; font-size: 14px; }
        .fa-profile .pv { font-size: 24px; font-weight: 800; color: var(--primary); margin-top: 3px; }
        .fa-profile .ps { font-size: 11px; color: var(--muted); }
        .fa-bars { display: flex; align-items: flex-end; gap: 14px; }
        .fa-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 7px; }
        .fa-bar-v { font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
        .fa-bar-r { width: 100%; border-radius: 6px 6px 0 0; min-height: 4px; transition: height .2s; }
        .fa-bar-l { font-size: 12px; color: var(--muted); text-align: center; }
        .fa-modal { display: none; position: fixed; inset: 0; z-index: 600; align-items: center; justify-content: center; padding: 16px; }
        .fa-modal.open { display: flex; }
        .fa-modal-bg { position: absolute; inset: 0; background: rgba(14,51,24,.4); }
        .fa-modal-box { position: relative; z-index: 1; background: #fff; border-radius: 14px; padding: 22px 24px; width: 480px; max-width: 95vw; box-shadow: 0 12px 50px rgba(0,0,0,.3); }
        .fa-modal-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
        .fa-modal-h h3 { font-size: 17px; font-weight: 700; color: var(--primary); }
        .fa-modal-x { border: none; background: none; cursor: pointer; font-size: 18px; color: var(--muted); line-height: 1; }
        .fa-modal-body { font-size: 14px; color: var(--muted); line-height: 1.6; }
        .fa-modal-body strong { color: var(--text); }
        .fa-example { margin-top: 12px; border: 1px solid #fcd34d; background: #fffbeb; border-radius: 9px; padding: 11px 13px; color: #92400e; }
        .fa-example .lbl { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: #b45309; margin-bottom: 4px; }
        /* experimental odznak + zámok */
        .fa-exp { display: inline-block; vertical-align: middle; background: #f59e0b; color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .5px; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; }
        .nav-btn .fa-exp { font-size: 8px; padding: 1px 4px; margin-left: 2px; }
        .fa-head h2 .fa-exp { font-size: 10px; margin-left: 8px; }
        .fa-lockbtn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); background: #fff; border-radius: 8px; padding: 8px 13px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; font-family: inherit; }
        .fa-lockbtn:hover { background: #fef3c7; color: #b45309; border-color: #fcd34d; }
        .fa-lock { display: flex; justify-content: center; padding: 30px 16px 50px; }
        .fa-lock-card { width: 100%; max-width: 420px; background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 30px 28px; text-align: center; box-shadow: 0 1px 6px rgba(14,51,24,.08); }
        .fa-lock-ic { font-size: 42px; margin-bottom: 10px; }
        .fa-lock-card h3 { font-size: 19px; font-weight: 800; color: var(--primary); margin-bottom: 6px; }
        .fa-lock-card .sub { font-size: 13px; color: var(--muted); line-height: 1.55; margin-bottom: 20px; }
        .fa-lock-card input { width: 100%; border: 1px solid var(--border); border-radius: 9px; padding: 11px 13px; font-size: 15px; font-family: inherit; outline: none; text-align: center; }
        .fa-lock-card input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
        .fa-lock-card button { width: 100%; margin-top: 12px; }
        .fa-lock-err { min-height: 18px; margin-top: 10px; font-size: 13px; font-weight: 600; color: #dc2626; }
        /* ── FA: prepínač režimu (Dotazník / Kalkulačky) ── */
        .fa-modeswitch { margin-bottom: 18px; }
        .fa-modeswitch-inner { display: inline-flex; gap: 4px; background: var(--card); border: 1px solid var(--border); border-radius: 11px; padding: 5px; }
        .fa-mode { border: none; background: none; padding: 9px 18px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; font-family: inherit; }
        .fa-mode:hover { background: var(--primary-light); color: var(--text); }
        .fa-mode.active { background: var(--primary); color: #fff; }
        /* ── FA: dotazník (zber údajov o klientovi) ── */
        .fa-q-h { font-size: 20px; font-weight: 800; color: var(--text); margin: 6px 0 16px; }
        .fa-q-card { background: #f4f5f4; border: 1px solid var(--border); border-radius: 14px; padding: 22px; margin-bottom: 18px; }
        .fa-q-card-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
        .fa-q-card-title { font-size: 19px; font-weight: 800; color: var(--text); }
        .fa-q-actions { display: flex; gap: 8px; }
        .fa-q-iconbtn { width: 40px; height: 40px; border: 1px solid var(--border); background: #fff; border-radius: 9px; cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center; color: var(--muted); font-family: inherit; }
        .fa-q-iconbtn:hover { background: var(--primary-light); }
        .fa-q-iconbtn.del:hover { background: #fee2e2; color: #dc2626; border-color: #fca5a5; }
        .fa-q-group { margin-bottom: 20px; }
        .fa-q-grouplabel { font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 10px; }
        .fa-opts { display: flex; flex-wrap: wrap; gap: 12px; }
        .fa-opt { background: #fff; border: 1px solid var(--border); border-radius: 11px; padding: 13px 22px; font-size: 14px; font-weight: 700; color: var(--text); cursor: pointer; font-family: inherit; display: flex; align-items: center; gap: 6px; transition: .12s; }
        .fa-opt:hover { border-color: var(--accent); }
        .fa-opt.active { background: #dcfce4; border-color: var(--accent); color: var(--primary); box-shadow: inset 0 0 0 1px var(--accent); }
        .fa-opt-ic { font-size: 13px; opacity: .8; }
        .fa-q-ine { margin-top: 12px; max-width: 360px; }
        .fa-q-row2 { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 4px; }
        @media (min-width: 680px) { .fa-q-row2 { grid-template-columns: 1fr 1fr; } }
        .fa-q-field { display: flex; flex-direction: column; gap: 7px; }
        .fa-q-field label { font-size: 14px; font-weight: 600; color: var(--muted); }
        .fa-q-inbox { display: flex; align-items: center; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
        .fa-q-inbox:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
        .fa-q-input { width: 100%; border: none; background: transparent; padding: 12px 14px; font-size: 15px; font-family: inherit; outline: none; color: var(--text); }
        .fa-q-unit { padding: 0 14px; color: var(--muted); font-size: 14px; }
        .fa-q-loanbtns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
        .fa-q-loanbtn, .fa-q-add { background: #57c46a; border: none; border-radius: 10px; padding: 13px 20px; font-size: 14px; font-weight: 700; color: #0E3318; cursor: pointer; font-family: inherit; }
        .fa-q-loanbtn:hover, .fa-q-add:hover { background: #48b85b; }
        .fa-q-loancard { background: #eaeceb; border: 1px solid var(--border); border-radius: 12px; padding: 20px; margin-top: 16px; }
        .fa-q-loanrow { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 14px; }
        .fa-q-loanrow:last-child { margin-bottom: 0; }
        @media (min-width: 560px) { .fa-q-loanrow.c4, .fa-q-loanrow.c3 { grid-template-columns: 1fr 1fr; } }
        @media (min-width: 920px) { .fa-q-loanrow.c4 { grid-template-columns: repeat(4,1fr); } .fa-q-loanrow.c3 { grid-template-columns: repeat(3,1fr); } }
        /* ── FA: Ochrana majetku (tabuľka krytí + graf podpoistenia) ── */
        .fa-cov-head { display: grid; grid-template-columns: 1.1fr 1.4fr 1.4fr 1.4fr; gap: 14px; padding: 4px 6px 10px; }
        .fa-cov-head span { font-size: 14px; color: var(--muted); font-weight: 600; }
        .fa-cov-row { display: grid; grid-template-columns: 1.1fr 1.4fr 1.4fr 1.4fr; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 12px; }
        .fa-cov-row .rl { font-weight: 700; font-size: 16px; color: var(--text); }
        @media (max-width: 760px) { .fa-cov-head { display: none; } .fa-cov-row { grid-template-columns: 1fr; gap: 8px; } .fa-cov-row .rl { margin-bottom: 2px; } }
        .fa-uib { margin-top: 14px; }
        .fa-uib-bar { display: flex; height: 60px; border-radius: 6px; overflow: hidden; border-left: 2px solid var(--border); background: #ececec; }
        .fa-uib-green { background: #5fc56e; color: #fff; font-weight: 800; font-size: 17px; display: flex; align-items: center; justify-content: center; }
        .fa-uib-red { background: #e8556b; color: #fff; font-weight: 800; font-size: 17px; display: flex; align-items: center; justify-content: center; }
        .fa-uib-scale { text-align: right; color: var(--muted); font-size: 14px; margin-top: 8px; }
        .fa-uib-warn { display: inline-flex; align-items: center; gap: 8px; background: #fdecee; color: #d4334a; font-weight: 800; border-radius: 10px; padding: 12px 18px; margin-top: 14px; font-size: 15px; }
        .fa-uib-ok { display: inline-flex; align-items: center; gap: 8px; background: #e6f8ea; color: #1a7f37; font-weight: 700; border-radius: 10px; padding: 12px 18px; margin-top: 14px; font-size: 15px; }
        /* ── FA: poznámky ── */
        .fa-notebtn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); background: #fff; border-radius: 8px; padding: 7px 13px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; font-family: inherit; }
        .fa-notebtn:hover { background: var(--primary-light); color: var(--text); }
        .fa-notebtn.has { border-color: var(--accent); color: var(--primary); background: var(--accent-dim); }
        .fa-note-area { width: 100%; min-height: 160px; border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; font-size: 14px; font-family: inherit; outline: none; resize: vertical; color: var(--text); }
        .fa-note-area:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
        /* ── FA: savings/rezerva tabuľka ── */
        .fa-srow-wrap { overflow-x: auto; }
        .fa-srow { display: grid; grid-template-columns: 1.2fr 1.6fr 1.2fr 1fr 1.4fr 44px; gap: 10px; align-items: center; margin-bottom: 10px; min-width: 720px; }
        .fa-srow-head { margin-bottom: 8px; min-width: 720px; }
        .fa-srow-head span { font-size: 13px; color: var(--muted); font-weight: 600; padding: 0 4px; }
        /* ── FA: rezerva graf + inflácia ── */
        .fa-rezbar-area { position: relative; padding-top: 26px; }
        .fa-rezbar-mk { position: absolute; top: 0; transform: translateX(-6px); font-size: 12px; font-weight: 600; color: var(--text); white-space: nowrap; }
        .fa-rezbar { height: 110px; border-radius: 8px; background: linear-gradient(to right, #f24a5e, #e0a33a 50%, #5fc56e); }
        .fa-rezbar-scale { display: flex; justify-content: space-between; font-size: 14px; color: var(--muted); margin-top: 8px; }
        .fa-rezinfo, .fa-infl-box { display: flex; align-items: flex-start; gap: 12px; background: var(--bg); border-radius: 10px; padding: 14px 16px; margin-top: 16px; font-size: 14px; color: var(--muted); }
        .fa-rezinfo .ic, .fa-infl-box .ic { width: 26px; height: 26px; flex: none; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--muted); border-radius: 50%; font-size: 12px; font-style: italic; }
        .fa-rezinfo > div > div { margin: 2px 0; }
        /* ── FA: dôchodkový systém ── */
        .fa-pill-wrap { overflow-x: auto; }
        .fa-pillrow { display: grid; grid-template-columns: 1.3fr repeat(6, 1fr); gap: 10px; align-items: center; margin-bottom: 10px; min-width: 880px; }
        .fa-pillhead span { font-size: 12px; color: var(--muted); font-weight: 600; }
        .fa-pillrow .rl { font-weight: 700; }
        .fa-pillchk { display: flex; align-items: center; gap: 8px; font-weight: 700; }
        .fa-pillchk input { width: 16px; height: 16px; accent-color: var(--accent); }
        .fa-pill-ro { background: #f3f6f4; color: var(--muted); cursor: not-allowed; }
        .fa-pill-sel { cursor: pointer; -webkit-appearance: menulist; appearance: menulist; }
        .fa-pill-sel:disabled { color: var(--muted); cursor: not-allowed; }
        /* ── FA: zabezpečenie graf ── */
        .fa-zchart { display: flex; gap: 14px; align-items: flex-end; }
        .fa-zcol { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; }
        .fa-zbar { width: 100%; display: flex; flex-direction: column; justify-content: flex-end; height: 220px; }
        .fa-zrem { background: #9be0ac; color: #0E3318; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 0 0 4px 4px; min-height: 18px; }
        .fa-zloss { background: #ef6b7c; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 4px 4px 0 0; }
        .fa-zlbl { font-size: 12px; color: var(--muted); text-align: center; }
        /* ── FA: priorita karty ── */
        .fa-prio-cards { display: flex; gap: 14px; flex-wrap: wrap; }
        .fa-prio-card { width: 150px; border: 1px solid var(--border); border-radius: 12px; padding: 16px; box-shadow: 0 1px 4px rgba(14,51,24,.06); }
        .fa-prio-card .no { color: var(--accent); font-weight: 800; font-size: 18px; }
        .fa-prio-card .ic { font-size: 22px; margin: 10px 0; text-align: center; }
        .fa-prio-card .nm { font-weight: 700; text-align: center; }
        /* ── FA: cashflow ── */
        .cf-group { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 16px 18px; margin-bottom: 14px; box-shadow: 0 1px 4px rgba(14,51,24,.05); }
        .cf-grouptitle { font-weight: 800; font-size: 17px; margin-bottom: 10px; }
        .cf-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f4f1; }
        .cf-row:last-child { border-bottom: none; }
        .cf-val { font-variant-numeric: tabular-nums; color: var(--muted); }
        .cf-row.cf-sum { font-weight: 800; color: var(--text); border-top: 2px solid var(--border); }
        .cf-row.cf-sum .cf-val { color: var(--text); }
        .cf-row.cf-head { padding: 2px 0 6px; border-bottom: 1px solid var(--border); }
        .cf-row.cf-head .cf-val { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
        /* ── FA: Finančné zdravie (moderný súhrn) ── */
        .fa-zd { display: flex; flex-direction: column; gap: 14px; margin-bottom: 20px; }
        .fa-zd-hero { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 18px 22px; }
        .fa-zd-ring { animation: fa-zd-draw 1.1s cubic-bezier(.4,0,.2,1) forwards; }
        @keyframes fa-zd-draw { from { stroke-dashoffset: 326.7; } }
        .fa-zd-eyebrow { font-size: 13px; color: var(--muted); margin-bottom: 3px; }
        .fa-zd-verdikt { font-size: 24px; font-weight: 800; margin-bottom: 6px; }
        .fa-zd-sub { font-size: 14px; color: var(--muted); line-height: 1.5; max-width: 440px; }
        .fa-zd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
        .fa-zd-card { border-radius: 14px; padding: 15px 16px; border: 1px solid var(--border); background: #fff; }
        .fa-zd-card.t-danger { background: #fdeceb; border-color: #f3c4bf; }
        .fa-zd-card.t-warn { background: #fdf4e3; border-color: #f3dca6; }
        .fa-zd-card.t-ok { background: #e8f7ef; border-color: #b6e4cb; }
        .fa-zd-clabel { font-size: 13px; color: var(--muted); margin-bottom: 8px; }
        .fa-zd-card.t-danger .fa-zd-clabel { color: #a3362d; }
        .fa-zd-card.t-warn .fa-zd-clabel { color: #8a5a06; }
        .fa-zd-card.t-ok .fa-zd-clabel { color: #0f7a52; }
        .fa-zd-cbig { font-size: 26px; font-weight: 800; line-height: 1.05; }
        .fa-zd-card.t-danger .fa-zd-cbig { color: #d6392e; }
        .fa-zd-card.t-warn .fa-zd-cbig { color: #b5790f; }
        .fa-zd-card.t-ok .fa-zd-cbig { color: #1d9e75; }
        .fa-zd-csub { font-size: 12.5px; color: var(--muted); margin-top: 8px; line-height: 1.4; }
        .fa-zd-strata { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; }
        .fa-zd-stratarow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 8px; }
        .fa-zd-stratarow > div { display: flex; flex-direction: column; gap: 3px; }
        .fa-zd-sk { font-size: 12px; color: var(--muted); }
        .fa-zd-stratarow b { font-size: 18px; font-weight: 800; color: #d6392e; }
        .fa-zd-notes { display: flex; flex-direction: column; gap: 8px; }
        .fa-zd-note { display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; font-size: 14px; line-height: 1.5; }
        .fa-zd-note i { width: 8px; height: 8px; border-radius: 50%; background: #e0a106; margin-top: 7px; flex: none; }
        #tab-fa.fa-premium .fa-zd-hero, #tab-fa.fa-premium .fa-zd-strata, #tab-fa.fa-premium .fa-zd-note, #tab-fa.fa-premium .fa-zd-card { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.13); }
        #tab-fa.fa-premium .fa-zd-card.t-danger { background: rgba(226,75,74,.15); border-color: rgba(226,75,74,.32); }
        #tab-fa.fa-premium .fa-zd-card.t-warn { background: rgba(217,138,11,.15); border-color: rgba(217,138,11,.32); }
        #tab-fa.fa-premium .fa-zd-card.t-ok { background: rgba(29,158,117,.15); border-color: rgba(29,158,117,.32); }
        #tab-fa.fa-premium .fa-zd-card.t-danger .fa-zd-clabel { color: #f3a6a0; }
        #tab-fa.fa-premium .fa-zd-card.t-warn .fa-zd-clabel { color: #f3cd86; }
        #tab-fa.fa-premium .fa-zd-card.t-ok .fa-zd-clabel { color: #8fe0bd; }
        #tab-fa.fa-premium .fa-zd-eyebrow, #tab-fa.fa-premium .fa-zd-sub, #tab-fa.fa-premium .fa-zd-clabel, #tab-fa.fa-premium .fa-zd-csub, #tab-fa.fa-premium .fa-zd-sk { color: rgba(255,255,255,.62); }
        .cf-bal { display: flex; justify-content: space-between; padding: 12px 2px; border-bottom: 1px solid #f0f4f1; font-size: 15px; }
        .cf-bal.tot { font-weight: 800; border-bottom: none; border-top: 2px solid var(--text); font-size: 17px; }
        /* Emoji → profesionálne ikony (naprieč celým programom) */
        .tf-ico { display: inline-flex; align-items: center; justify-content: center; line-height: 0; vertical-align: -0.15em; }
        .tf-ico svg { width: 1.05em; height: 1.05em; flex: none; }
        /* Animovaná zelená vlna na login obrazovke (ako app3.towerfinance.sk) */
        .lg-wave-wrap { position: fixed; left: 0; right: 0; bottom: 0; height: 90px; pointer-events: none; z-index: 1; overflow: hidden; }
        .lg-wave { position: absolute; left: 0; bottom: 0; width: 100%; background-repeat: repeat-x; will-change: background-position; }
        .lg-wave-1 { height: 70px; opacity: .22; background-size: 1400px 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 70' preserveAspectRatio='none'%3E%3Cpath d='M0,40 C233,28 467,52 700,40 C933,28 1167,52 1400,40 L1400,70 L0,70 Z' fill='%233CD64E'/%3E%3C/svg%3E"); animation: lgWave1 26s linear infinite; }
        .lg-wave-2 { height: 54px; opacity: .46; background-size: 1400px 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 54' preserveAspectRatio='none'%3E%3Cpath d='M0,30 C233,22 467,38 700,30 C933,22 1167,38 1400,30 L1400,54 L0,54 Z' fill='%233CD64E'/%3E%3C/svg%3E"); animation: lgWave2 18s linear infinite; }
        @keyframes lgWave1 { from { background-position-x: 0; } to { background-position-x: 1400px; } }
        @keyframes lgWave2 { from { background-position-x: 0; } to { background-position-x: -1400px; } }
        @media (prefers-reduced-motion: reduce) { .lg-wave-1, .lg-wave-2 { animation: none; } }
.nav-ic{display:inline-flex;align-items:center;vertical-align:-3px;margin-right:9px;flex:0 0 auto}
.nav-ic svg{width:17px;height:17px}
.nav-group .nav-ic{margin-right:8px}
.pl-subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.pl-sbtn{padding:8px 14px;border:1px solid var(--border);background:#fff;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px;color:var(--text)}
.pl-sbtn:hover{background:#f2f6f3}
.pl-sbtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.pl-sbtn-ic{display:inline-flex;vertical-align:-2px;margin-right:5px}
.pl-sbtn-ic svg{width:14px;height:14px}
.pl-tic{display:inline-flex;vertical-align:-3px;margin-right:6px;color:var(--primary)}
.pl-tic svg{width:17px;height:17px}
.pl-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pl-stat{flex:1;min-width:140px;background:#f7faf8;border:1px solid var(--border);border-radius:10px;padding:12px 14px}
.pl-stat .v{font-size:20px;font-weight:800}
.pl-stat .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.pl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:#fff}
.pl-tbl{border-collapse:collapse;width:100%;font-size:12px}
.pl-tbl th,.pl-tbl td{border:1px solid #e7efe9;padding:2px 3px;text-align:center;white-space:nowrap}
/* výraznejšie oddeľovacie čiary medzi mesiacmi: zvislé v Porade/IS (stĺpce), vodorovné v Kanceláriách (riadky) */
.pl-tbl-cols th,.pl-tbl-cols td{border-left-color:#b9d0bf;border-right-color:#b9d0bf}
.pl-tbl-rows th,.pl-tbl-rows td{border-top-color:#b9d0bf;border-bottom-color:#b9d0bf}
.pl-tbl th{background:#f7faf8;font-weight:700;font-size:11px}
.pl-tbl td.pl-name,.pl-tbl th.pl-name{position:sticky;left:0;text-align:left;font-weight:600;z-index:2;background:#f7faf8;box-shadow:1px 0 0 #e6ece8}
.pl-cena{font-weight:500;color:var(--muted);font-size:10px;margin-top:2px}
/* .pl-tbl prefix = vyššia špecificita než globálne input[type=number]{padding:8px 12px} (inak prebíja a oreže čísla) */
.pl-tbl .pl-amt{width:52px;border:1px solid var(--border);border-radius:5px;padding:3px 4px;font-size:11.5px;text-align:center;font-family:inherit;background:#fff}
.pl-tbl .pl-amt:disabled{background:transparent;border-color:transparent;color:var(--text)}
.pl-tbl .pl-cnt{width:30px;border:1px solid var(--border);border-radius:5px;padding:3px 2px;font-size:13px;font-weight:800;text-align:center;font-family:inherit;color:var(--primary);background:#fff}
.pl-tbl .pl-cnt:disabled{background:transparent;border-color:transparent}
.pl-nv svg{width:12px;height:12px}
.pl-amt::-webkit-inner-spin-button,.pl-amt::-webkit-outer-spin-button,.pl-cnt::-webkit-inner-spin-button,.pl-cnt::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pl-amt,.pl-cnt{appearance:textfield;-moz-appearance:textfield}
.pl-isrow{display:flex;gap:3px;align-items:center;justify-content:center}
.pl-nv{display:flex;gap:3px;align-items:center;justify-content:center;margin-top:3px}
.pl-nv-ic{display:inline-flex;color:var(--muted);opacity:.55}
.pl-nv-ic svg,.pl-nvpen svg,.pl-del svg{display:block}
.pl-nvpen{border:none;background:none;cursor:pointer;padding:0;display:inline-flex;color:var(--muted)}
.pl-nvpen:hover{color:var(--primary)}
.pl-nvpen.has{color:var(--accent)}
.pl-del{color:#c0392b}
.pl-del:hover{color:#96281b}
.pl-cell.pl-cpaid{background:#e8f6ec}
.pl-cell.pl-cdue{background:#fff4f3}
.pl-cell.pl-empty{background:#fafafa}
.pl-pk{display:block;margin-top:3px;line-height:1}
.pl-pk input{transform:scale(1.25);cursor:pointer;accent-color:var(--accent)}
.pl-pk input:disabled{cursor:not-allowed}
.pl-row-tot{font-weight:700;background:#f1f6f2}
.pl-row-tot td{background:#f1f6f2}
.pl-grp td{background:#e8f0ea !important;font-weight:700;color:var(--primary);font-size:11px;text-align:left;letter-spacing:.3px;box-shadow:none}
.pl-foot{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6}
.pl-nv-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.pl-in{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:13px;font-family:inherit;min-width:180px}
.pl-add{margin-top:8px;border:1px dashed var(--border);background:#fff;border-radius:7px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--accent);font-weight:600}
.pl-del{border:none;background:none;cursor:pointer;font-size:15px}
        /* ── FA: profesionálny dizajn (override) ── */
        .fa-ic { display: inline-block; vertical-align: middle; }
        #tab-fa .fa-head { padding-bottom: 20px; margin-bottom: 24px; }
        #tab-fa .fa-head h2 { font-size: 27px; font-weight: 800; letter-spacing: -0.02em; }
        #tab-fa .fa-head p { font-size: 14px; }
        #tab-fa .fa-exp { background: #eef1f4; color: #64748b; font-weight: 700; letter-spacing: .04em; vertical-align: middle; }
        .fa-tabs { background: #fff; padding: 6px; gap: 2px; border-radius: 12px; border-color: #e9ebed; }
        .fa-tab { padding: 10px 16px; font-weight: 600; border-radius: 9px; }
        .fa-modeswitch-inner { padding: 4px; border-color: #e9ebed; }
        .fa-q-h { font-size: 23px; font-weight: 800; letter-spacing: -0.02em; margin: 4px 0 18px; }
        .fa-q-card { background: #fff; border: 1px solid #e9ebed; border-radius: 16px; padding: 26px; box-shadow: 0 2px 10px rgba(14,51,24,.05); transition: box-shadow .15s; }
        .fa-q-card:hover { box-shadow: 0 4px 18px rgba(14,51,24,.08); }
        .fa-opt:hover { transform: translateY(-1px); border-color: var(--accent); box-shadow: 0 3px 10px rgba(14,51,24,.07); }
        .fa-opt:active { transform: translateY(0) scale(.985); }
        .fa-q-add:hover, .fa-q-loanbtn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(87,196,106,.32); }
        .fa-q-add, .fa-q-loanbtn { transition: transform .14s, box-shadow .14s, background .14s; }
        .fa-q-loancard { background: #fff; box-shadow: 0 1px 6px rgba(14,51,24,.04); }
        .fa-q-card-title { font-size: 22px; font-weight: 800; letter-spacing: -0.01em; }
        .fa-q-grouplabel { font-size: 15px; font-weight: 700; margin-bottom: 12px; }
        .fa-opts { gap: 12px; }
        .fa-opt { border-radius: 12px; padding: 13px 22px; border-color: #e3e5e8; font-weight: 600; box-shadow: 0 1px 1px rgba(0,0,0,.02); }
        .fa-opt.active { background: #eafaef; border-color: var(--accent); color: var(--primary); box-shadow: inset 0 0 0 1px var(--accent); }
        .fa-opt-ic { display: inline-flex; opacity: .75; }
        .fa-q-inbox { border-radius: 11px; border-color: #e3e5e8; }
        .fa-q-input { padding: 13px 14px; font-size: 15px; }
        .fa-q-field label, .fa-cov-head span, .fa-srow-head span, .fa-pillhead span { color: #64748b; }
        .fa-q-iconbtn { border-radius: 10px; border-color: #e3e5e8; color: #64748b; }
        .fa-q-iconbtn.del { color: #dc2626; }
        .fa-q-iconbtn.del:hover { background: #fef2f2; border-color: #fcaeae; }
        .fa-notebtn { border-radius: 9px; }
        .fa-q-add, .fa-q-loanbtn { border-radius: 11px; padding: 13px 22px; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
        .fa-cov-row, .cf-group { border-radius: 12px; }
        .fa-rezinfo .ic, .fa-infl-box .ic { border: none; width: auto; height: auto; color: var(--muted); }
        .fa-uib-warn .fa-ic, .fa-uib-ok .fa-ic, .fa-note .fa-ic { vertical-align: -3px; }
        /* ── FA: wizard (sprievodca rozhovorom) ── */
        .fa-stepper-wrap { margin-bottom: 22px; }
        .fa-stepper { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 10px; }
        .fa-step { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; border: 1px solid #e3e5e8; background: #fff; border-radius: 10px; padding: 8px 12px; cursor: pointer; font-family: inherit; color: #64748b; font-size: 13px; font-weight: 600; white-space: nowrap; }
        .fa-step:hover { border-color: var(--accent); }
        .fa-step .n { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #eef1f4; color: #64748b; font-size: 12px; font-weight: 700; flex: none; }
        .fa-step.active { border-color: var(--primary); color: var(--primary); }
        .fa-step.active .n { background: var(--primary); color: #fff; }
        .fa-step.done .n { background: var(--accent); color: #0E3318; }
        .fa-step .n svg { width: 13px; height: 13px; display: block; }
        .fa-progtitle { display: flex; align-items: center; gap: 14px; font-size: 27px; font-weight: 800; letter-spacing: -.02em; margin: 2px 0 22px; padding-bottom: 16px; border-bottom: 2px solid #eef2ef; color: var(--text); }
        .fa-progtitle-ic { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 13px; background: var(--primary); flex: none; box-shadow: 0 6px 16px rgba(14,51,24,.18); }
        .fa-progtitle-ic svg { width: 24px; height: 24px; color: #fff; }
        .fa-progtitle span:last-child { line-height: 1.1; }
        .fa-step.active { background: var(--primary); color: #fff; border-color: var(--primary); box-shadow: 0 4px 12px rgba(14,51,24,.22); }
        .fa-step.active .n { background: rgba(255,255,255,.2); color: #fff; }
        #tab-fa.fa-premium .fa-progtitle-ic { background: var(--accent); box-shadow: none; }
        #tab-fa.fa-premium .fa-progtitle-ic svg { color: #06210f; }
        .fa-hypo { margin-top: 14px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: #f8faf9; }
        .fa-hypo-title { font-weight: 800; font-size: 16px; margin-bottom: 12px; }
        .fa-hypo-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
        .fa-hypo-stat { background: #fff; border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
        .fa-hypo-stat .l { font-size: 12px; color: var(--muted); }
        .fa-hypo-stat .v { font-size: 20px; font-weight: 800; margin-top: 2px; }
        .fa-hypo-stat .h { font-size: 11px; color: var(--muted); margin-top: 2px; }
        .fa-hypo-stat.bad .v { color: #d6392e; }
        .fa-hypo-stat.warn .v { color: #b5790f; }
        .fa-hypo-stat.ok .v { color: #1d9e75; }
        .fa-hypo-save { margin-top: 8px; font-size: 14px; background: #e8f7ef; border: 1px solid #b6e4cb; border-radius: 10px; padding: 10px 12px; }
        .fa-hypo-save.muted { background: #f1f5f4; border-color: var(--border); color: var(--muted); }
        .fa-hypo-slider { margin-top: 12px; }
        .fa-hypo-slider label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 6px; }
        .fa-hypo-slider input[type=range] { width: 100%; }
        #tab-fa.fa-premium .fa-hypo { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.12); }
        #tab-fa.fa-premium .fa-hypo-stat { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
        #tab-fa.fa-premium .fa-hypo-stat .l, #tab-fa.fa-premium .fa-hypo-stat .h, #tab-fa.fa-premium .fa-hypo-slider label { color: rgba(255,255,255,.62); }
        #tab-fa.fa-premium .fa-hypo-save { background: rgba(29,158,117,.14); border-color: rgba(29,158,117,.3); }
        #tab-fa.fa-premium .fa-hypo-save.muted { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.62); }
        .fa-progress { height: 5px; background: #eef1f4; border-radius: 99px; overflow: hidden; }
        .fa-progress-fill { height: 100%; background: var(--accent); transition: width .25s; }
        .fa-wizbar { position: sticky; bottom: 0; margin-top: 26px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: rgba(255,255,255,.96); backdrop-filter: blur(6px); border-top: 1px solid #e9ebed; padding: 14px 2px; z-index: 5; }
        .fa-wizmid { color: #64748b; font-size: 13px; margin-left: auto; }
        .fa-wizbtn { border: 1px solid #e3e5e8; background: #fff; border-radius: 10px; padding: 11px 20px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit; color: var(--text); }
        .fa-wizbtn:hover:not(:disabled) { background: var(--primary-light); }
        .fa-wizbtn:disabled { opacity: .4; cursor: not-allowed; }
        .fa-wizbtn.primary { background: var(--primary); color: #fff; border-color: var(--primary); }
        .fa-wizbtn.primary:hover:not(:disabled) { background: #1a4d2a; }
        .fa-wiztoggle { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--muted); cursor: pointer; }
        .fa-wiztoggle input { appearance: none; -webkit-appearance: none; width: 38px; height: 22px; background: #cbd5e1; border-radius: 99px; position: relative; cursor: pointer; transition: .15s; flex: none; }
        .fa-wiztoggle input:checked { background: var(--accent); }
        .fa-wiztoggle input::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: .15s; }
        .fa-wiztoggle input:checked::after { left: 18px; }
        /* ── FA: návrh rozdelenia ── */
        .fa-navrh-edit { display: flex; flex-wrap: wrap; gap: 16px; }
        .fa-navrh-pctf { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 600; color: var(--muted); }
        .fa-nrow { display: grid; grid-template-columns: 2fr 1fr 1.2fr 1.2fr 1.2fr; gap: 12px; align-items: center; padding: 10px 4px; border-bottom: 1px solid #f0f4f1; }
        .fa-nrow.head { color: #64748b; font-weight: 600; font-size: 13px; }
        .fa-nrow.sum { font-weight: 800; border-top: 2px solid var(--border); border-bottom: none; }
        .fa-nrow.sum .cf-val { color: var(--text); }
        /* ── FA: dôchodkové scenáre ── */
        .fa-scen { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 12px; align-items: center; padding: 11px 4px; border-bottom: 1px solid #f0f4f1; }
        .fa-scen.head { color: #64748b; font-weight: 600; font-size: 13px; }
        /* ── FA: návrh krytia ── */
        .fa-kry { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 12px; align-items: center; padding: 10px 4px; border-bottom: 1px solid #f0f4f1; }
        .fa-kry.head { color: #64748b; font-weight: 600; font-size: 13px; }
        .fa-kry .rl { font-weight: 700; }
        .fa-kry.sum { font-weight: 800; border-top: 2px solid var(--border); border-bottom: none; }
        /* ════ FA KLIENTSKY REŽIM (zážitok) ════ */
        .fax-ov { position: fixed; inset: 0; z-index: 1000; display: none; background: #0e1a12; color: #fff; font-family: 'Noto Sans', system-ui, sans-serif; overflow: hidden; }
        .fax-ov.open { display: block; }
        .fax-scene { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 7vh 8vw; opacity: 0; transform: translateY(26px); transition: opacity .55s ease, transform .55s ease; pointer-events: none; }
        .fax-scene.active { opacity: 1; transform: none; pointer-events: auto; }
        .fax-scene.light { background: #f5f8f6; color: #0E3318; }
        .fax-scene.dark { background: radial-gradient(130% 130% at 18% 0%, #16542d 0%, #0e1a12 62%); color: #fff; }
        .fax-scene.danger { background: radial-gradient(130% 130% at 80% 0%, #5a1822 0%, #150b0e 65%); color: #fff; }
        .fax-kicker { font-size: clamp(11px,1.3vw,14px); letter-spacing: .22em; text-transform: uppercase; font-weight: 800; opacity: .65; margin-bottom: 20px; }
        .fax-h { font-size: clamp(30px,5.2vw,60px); font-weight: 800; line-height: 1.04; letter-spacing: -.025em; max-width: 20ch; }
        .fax-sub { font-size: clamp(15px,1.8vw,23px); line-height: 1.5; opacity: .82; margin-top: 20px; max-width: 36ch; }
        .fax-big { font-size: clamp(46px,9.5vw,120px); font-weight: 800; line-height: .98; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
        .fax-accent { color: #3CD64E; }
        .fax-citrus { color: #C7F64A; }
        .fax-red { color: #ff5d6c; }
        .fax-note { font-size: clamp(14px,1.5vw,18px); opacity: .8; margin-top: 22px; max-width: 40ch; line-height: 1.5; }
        /* allocation bar */
        .fax-bar { display: flex; height: clamp(56px,8vh,76px); border-radius: 12px; overflow: hidden; margin-top: 40px; box-shadow: 0 18px 50px rgba(0,0,0,.30); max-width: 920px; }
        .fax-seg { width: 0; transition: width 1.1s cubic-bezier(.2,.85,.25,1); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; color: #06210f; white-space: nowrap; overflow: hidden; }
        .fax-scene.active .fax-seg { width: var(--w); }
        .fax-legend { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 26px; font-size: clamp(13px,1.4vw,16px); max-width: 920px; }
        .fax-legend span { display: inline-flex; align-items: center; gap: 9px; }
        .fax-dot { width: 13px; height: 13px; border-radius: 4px; flex: none; }
        /* event columns (shock) */
        .fax-cols { display: flex; gap: clamp(10px,2vw,28px); align-items: flex-end; margin-top: 36px; height: clamp(180px,32vh,300px); }
        .fax-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 10px; height: 100%; }
        .fax-colbar { width: 100%; max-width: 120px; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; border-radius: 8px 8px 0 0; overflow: hidden; background: rgba(255,255,255,.06); }
        .fax-colfill { width: 100%; height: 0; transition: height 1s cubic-bezier(.2,.85,.25,1); display: flex; align-items: flex-end; justify-content: center; font-weight: 800; font-size: 14px; color: #06210f; padding-bottom: 8px; }
        .fax-scene.active .fax-colfill { height: var(--h); }
        .fax-collbl { font-size: clamp(11px,1.2vw,14px); opacity: .85; text-align: center; }
        /* goal cards */
        .fax-goals { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 36px; max-width: 1000px; }
        .fax-goal { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 22px 24px; min-width: 200px; }
        .fax-scene.light .fax-goal { background: #fff; border-color: #e3e9e4; box-shadow: 0 8px 30px rgba(14,51,24,.08); }
        .fax-goal .gn { font-size: clamp(17px,1.8vw,21px); font-weight: 800; }
        .fax-goal .gs { font-size: clamp(22px,2.6vw,30px); font-weight: 800; color: #1F9D33; margin-top: 6px; }
        .fax-goal .gh { font-size: 13px; opacity: .7; margin-top: 4px; }
        /* chrome */
        .fax-close { position: fixed; top: 22px; right: 26px; z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.2); color: #fff; font-size: 20px; cursor: pointer; }
        .fax-scene.light ~ .fax-close, .fax-ov[data-light="1"] .fax-close { }
        .fax-nav { position: fixed; bottom: 26px; left: 0; right: 0; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 18px; }
        .fax-arrow { width: 52px; height: 52px; border-radius: 50%; border: none; background: #3CD64E; color: #06210f; font-size: 22px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 26px rgba(0,0,0,.3); transition: transform .12s; }
        .fax-arrow:hover { transform: scale(1.07); }
        .fax-arrow:disabled { opacity: .3; cursor: default; transform: none; }
        .fax-dots { display: flex; gap: 9px; }
        .fax-pd { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.35); cursor: pointer; transition: .2s; }
        .fax-pd.on { background: #3CD64E; width: 26px; border-radius: 5px; }
        .fax-cta { margin-top: 34px; display: inline-flex; align-items: center; gap: 10px; background: #3CD64E; color: #06210f; font-weight: 800; font-size: clamp(15px,1.7vw,19px); border: none; border-radius: 12px; padding: 16px 28px; cursor: pointer; box-shadow: 0 12px 36px rgba(60,214,78,.35); }
        .fax-hint { margin-top: 30px; font-size: 14px; opacity: .6; }
        .fa-launchexp { display: inline-flex; align-items: center; gap: 7px; border: none; background: var(--primary); color: #fff; border-radius: 8px; padding: 8px 15px; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; }
        .fa-launchexp:hover { background: #1a4d2a; }
        /* zážitok v2 — reveal, progress, slider, vs, health */
        .fax-prog { position: fixed; top: 0; left: 0; height: 4px; width: 0; background: #3CD64E; z-index: 4; transition: width .45s cubic-bezier(.2,.8,.2,1); }
        .fax-scene > * { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
        .fax-scene.active > * { opacity: 1; transform: none; }
        .fax-scene.active > *:nth-child(1){transition-delay:.06s}
        .fax-scene.active > *:nth-child(2){transition-delay:.16s}
        .fax-scene.active > *:nth-child(3){transition-delay:.26s}
        .fax-scene.active > *:nth-child(4){transition-delay:.36s}
        .fax-scene.active > *:nth-child(5){transition-delay:.46s}
        .fax-scene.active > *:nth-child(6){transition-delay:.54s}
        .fax-range { -webkit-appearance: none; appearance: none; width: 100%; max-width: 520px; height: 8px; border-radius: 99px; background: rgba(255,255,255,.18); outline: none; cursor: pointer; margin-top: 10px; }
        .fax-scene.light .fax-range { background: #d3ddd5; }
        .fax-range::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #3CD64E; cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.4); }
        .fax-range::-moz-range-thumb { width: 24px; height: 24px; border: none; border-radius: 50%; background: #3CD64E; }
        .fax-slide { margin-top: 22px; max-width: 520px; }
        .fax-slide label { font-size: clamp(14px,1.5vw,17px); opacity: .92; }
        .fax-bigwrap { margin-top: 22px; }
        .fax-vsrow { display: flex; align-items: center; gap: clamp(16px,4vw,60px); margin-top: 36px; flex-wrap: wrap; }
        .fax-vslbl { font-size: clamp(13px,1.4vw,16px); opacity: .7; margin-bottom: 8px; letter-spacing: .04em; }
        .fax-vsarrow { font-size: clamp(30px,5vw,60px); opacity: .5; }
        .fax-health { display: flex; flex-direction: column; gap: 14px; margin-top: 34px; max-width: 760px; }
        .fax-hrow { display: flex; align-items: center; gap: 16px; background: rgba(255,255,255,.06); border-radius: 14px; padding: 18px 22px; }
        .fax-scene.light .fax-hrow { background: #fff; border: 1px solid #e3e9e4; }
        .fax-hdot { width: 16px; height: 16px; border-radius: 50%; flex: none; }
        .fax-hname { font-weight: 800; font-size: clamp(16px,1.7vw,20px); min-width: 180px; }
        .fax-hdesc { opacity: .8; font-size: clamp(13px,1.4vw,16px); }
        /* ════ FA PRÉMIOVÝ REŽIM — vizuál klientskeho režimu (scény dark/light + editovateľné políčka) ════ */
        @keyframes faxStepIn { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
        /* — layout (neutrálny pre obe scény) — */
        #tab-fa.fa-premium { position: fixed; inset: 0; z-index: 900; overflow-y: auto; margin: 0; display: block; transition: background .5s ease; }
        #tab-fa.fa-premium .fa-wrap { max-width: 1040px; margin: 0 auto; padding: 56px 32px 140px; }
        #tab-fa.fa-premium .fa-head { border: none; margin-bottom: 6px; padding: 0; }
        #tab-fa.fa-premium .fa-head h2 { font-size: clamp(20px,2.4vw,30px); letter-spacing: -.02em; }
        #tab-fa.fa-premium .fa-q-h { font-size: clamp(27px,3.6vw,46px); font-weight: 800; letter-spacing: -.025em; margin: 10px 0 30px; max-width: 24ch; line-height: 1.07; animation: faxStepIn .55s cubic-bezier(.2,.8,.2,1) both; }
        #tab-fa.fa-premium .fa-q-card { border-radius: 22px; padding: clamp(22px,3vw,38px); margin-bottom: 22px; animation: faxStepIn .6s cubic-bezier(.2,.8,.2,1) both; }
        #tab-fa.fa-premium .fa-q-card:nth-of-type(2) { animation-delay: .07s; }
        #tab-fa.fa-premium .fa-q-card:nth-of-type(3) { animation-delay: .14s; }
        #tab-fa.fa-premium .fa-q-card:nth-of-type(n+4) { animation-delay: .2s; }
        #tab-fa.fa-premium .fa-q-card-title { font-size: clamp(19px,2.1vw,25px); }
        #tab-fa.fa-premium .fa-q-grouplabel { font-size: 16px; }
        #tab-fa.fa-premium .fa-opt { padding: 15px 26px; border-radius: 14px; font-size: 15px; }
        #tab-fa.fa-premium .fa-q-input, #tab-fa.fa-premium .fa-numf input { padding: 14px 16px; font-size: 16px; }
        #tab-fa.fa-premium .fa-q-inbox, #tab-fa.fa-premium .fa-numf .box { border-radius: 13px; }
        #tab-fa.fa-premium .fa-stepper-wrap { position: sticky; top: 0; z-index: 3; padding: 12px 0 8px; backdrop-filter: blur(6px); }
        #tab-fa.fa-premium .fa-wizbar { max-width: 1040px; margin: 26px auto 0; justify-content: center; gap: 20px; backdrop-filter: blur(8px); }
        #tab-fa.fa-premium .fa-wizbtn.primary { padding: 13px 30px; }
        .fa-prem-exit { display: none; }
        #tab-fa.fa-premium .fa-prem-exit { display: inline-flex; position: fixed; top: 20px; right: 24px; z-index: 6; align-items: center; gap: 8px; border-radius: 11px; padding: 11px 18px; font-weight: 700; cursor: pointer; font-family: inherit; backdrop-filter: blur(6px); }

        /* — TMAVÁ scéna (default + data-scene=dark) — */
        #tab-fa.fa-premium:not([data-scene="light"]) { color: #fff; background: radial-gradient(135% 135% at 16% -10%, #16542d 0%, #0e1a12 60%); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-head h2 { color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-head h2 .fa-exp { background: rgba(255,255,255,.14); color: #cfe9d6; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-head p { color: rgba(255,255,255,.68); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-h { color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-card { background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 26px 70px rgba(0,0,0,.32); backdrop-filter: blur(5px); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-card-title { color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-card-desc { color: rgba(255,255,255,.62); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-grouplabel { color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-field label,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-cov-head span,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-srow-head span,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-pillhead span,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-nrow.head,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-scen.head,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-kry.head,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-numf .l,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-label { color: rgba(255,255,255,.72); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-inbox,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-numf .box { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-input,
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-numf input { color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-input::placeholder { color: rgba(255,255,255,.4); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-unit, #tab-fa.fa-premium:not([data-scene="light"]) .fa-numf .u { color: rgba(255,255,255,.6); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-opt { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-opt.active { background: var(--accent); border-color: var(--accent); color: #06210f; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-add, #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-loanbtn { background: var(--accent); color: #06210f; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-iconbtn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-iconbtn.del { color: #ff8089; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-cov-row, #tab-fa.fa-premium:not([data-scene="light"]) .fa-kry, #tab-fa.fa-premium:not([data-scene="light"]) .fa-nrow, #tab-fa.fa-premium:not([data-scene="light"]) .fa-scen, #tab-fa.fa-premium:not([data-scene="light"]) .cf-row { border-bottom-color: rgba(255,255,255,.1); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-cov-row .rl, #tab-fa.fa-premium:not([data-scene="light"]) .fa-kry .rl, #tab-fa.fa-premium:not([data-scene="light"]) .fa-pillrow .rl, #tab-fa.fa-premium:not([data-scene="light"]) .cf-val, #tab-fa.fa-premium:not([data-scene="light"]) .fa-nrow, #tab-fa.fa-premium:not([data-scene="light"]) .fa-scen { color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .cf-group, #tab-fa.fa-premium:not([data-scene="light"]) .fa-q-loancard { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); }
        #tab-fa.fa-premium:not([data-scene="light"]) .cf-grouptitle, #tab-fa.fa-premium:not([data-scene="light"]) .cf-bal, #tab-fa.fa-premium:not([data-scene="light"]) .cf-bal.tot { color: #fff; border-color: rgba(255,255,255,.15); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-note { background: rgba(255,255,255,.06); color: rgba(255,255,255,.82); border-color: rgba(255,255,255,.14); }
        #tab-fa.fa-premium:not([data-scene="light"]) svg text { fill: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-stepper-wrap { background: linear-gradient(180deg, #0e1a12 60%, rgba(14,26,18,0)); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-step { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); color: rgba(255,255,255,.8); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-step .n { background: rgba(255,255,255,.14); color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-step.active { border-color: var(--accent); color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-step.active .n { background: var(--accent); color: #06210f; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-progress { background: rgba(255,255,255,.15); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-modeswitch-inner { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-mode { color: rgba(255,255,255,.8); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-mode.active { background: var(--accent); color: #06210f; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-wizbar { background: rgba(14,26,18,.85); border-top: 1px solid rgba(255,255,255,.12); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-wizbtn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-wizbtn.primary { background: var(--accent); color: #06210f; border-color: var(--accent); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-wizmid { color: rgba(255,255,255,.6); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-notebtn { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); color: #fff; }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-uib-warn { background: rgba(255,93,108,.16); }
        #tab-fa.fa-premium:not([data-scene="light"]) .fa-prem-exit { border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.1); color: #fff; }

        /* — SVETLÁ scéna (data-scene=light) — */
        #tab-fa.fa-premium[data-scene="light"] { color: var(--text); background: linear-gradient(165deg, #f4f8f5 0%, #e7f1ea 55%, #f4f8f5 100%); }
        #tab-fa.fa-premium[data-scene="light"] .fa-q-h { color: var(--primary); }
        #tab-fa.fa-premium[data-scene="light"] .fa-q-card { background: #fff; border: 1px solid #e6ece7; box-shadow: 0 24px 64px rgba(14,51,24,.09); }
        #tab-fa.fa-premium[data-scene="light"] .fa-stepper-wrap { background: linear-gradient(180deg, #eef5f0 65%, rgba(238,245,240,0)); }
        #tab-fa.fa-premium[data-scene="light"] .fa-wizbar { background: rgba(244,248,245,.9); border-top: 1px solid var(--border); }
        #tab-fa.fa-premium[data-scene="light"] .fa-prem-exit { border: 1px solid #cdd8cf; background: #fff; color: var(--primary); }
            /* ===== AUTO: tmavé prepisy SVETLÝCH plôch zo stylesheetu (len [data-theme=dark]) ===== */
        [data-theme="dark"] .sidebar-toggle { background: var(--d-surface) !important; }
        [data-theme="dark"] .cdrop-menu { background: var(--d-surface) !important; }
        [data-theme="dark"] .kpi-bar { background: var(--d-surface) !important; }
        [data-theme="dark"] .drop-zone:hover,
        [data-theme="dark"] .drop-zone.drag-over { background: var(--d-green) !important; }
        [data-theme="dark"] #dropZone.drag-over,
        [data-theme="dark"] #dropZoneW.drag-over,
        [data-theme="dark"] #dropZoneFJ.drag-over { background: var(--d-green) !important; }
        [data-theme="dark"] .btn-ghost:hover { background: var(--d-green) !important; }
        [data-theme="dark"] th { background: var(--d-surface) !important; }
        [data-theme="dark"] tr:hover td { background: var(--d-surface) !important; }
        [data-theme="dark"] .total-row td { background: var(--d-surface) !important; }
        [data-theme="dark"] tfoot .total-row + .total-row td { background: var(--d-green) !important; }
        [data-theme="dark"] .np-add select { background: var(--d-surface) !important; }
        [data-theme="dark"] .np-chip { background: var(--d-surface) !important; }
        [data-theme="dark"] .np-eff-low { background: var(--d-green) !important; }
        [data-theme="dark"] .np-eff-mid { background: var(--d-amber) !important; }
        [data-theme="dark"] .np-eff-high { background: var(--d-red) !important; }
        [data-theme="dark"] .np-status { background: var(--d-surface) !important; }
        [data-theme="dark"] .np-actions button:hover { background: var(--d-green) !important; }
        [data-theme="dark"] .wb-psel select { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-in { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-del { background: var(--d-red) !important; }
        [data-theme="dark"] .wb-del:hover { background: var(--d-red) !important; }
        [data-theme="dark"] .wb-ciele-col { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-swot-S { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-swot-W { background: var(--d-amber) !important; }
        [data-theme="dark"] .wb-swot-O { background: var(--d-blue) !important; }
        [data-theme="dark"] .wb-swot-T { background: var(--d-red) !important; }
        [data-theme="dark"] .wb-in.pr-yes { background: var(--d-green) !important; }
        [data-theme="dark"] .wb-in.pr-maybe { background: var(--d-amber) !important; }
        [data-theme="dark"] .wb-in.pr-no { background: var(--d-red) !important; }
        [data-theme="dark"] .wb-st-q { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-pr-item { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-pr-item.is-yes { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-pr-seg { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-pr-seg.pr-maybe.on { background: var(--d-amber) !important; }
        [data-theme="dark"] .wb-pr-seg.pr-no.on { background: var(--d-red) !important; }
        [data-theme="dark"] .wb-pre-row.stuck { background: var(--d-surface) !important; }
        [data-theme="dark"] .wb-pre-row.ok { background: var(--d-surface) !important; }
        [data-theme="dark"] .band-vs { background: var(--d-green) !important; }
        [data-theme="dark"] .band-s { background: var(--d-green) !important; }
        [data-theme="dark"] .band-m { background: var(--d-blue) !important; }
        [data-theme="dark"] .band-n { background: var(--d-surface) !important; }
        [data-theme="dark"] .band-vn { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-dirtab { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-trow:hover { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-trow.s2 { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-trow.s2:hover { background: var(--d-green) !important; }
        [data-theme="dark"] .man-st.s1 { background: var(--d-amber) !important; }
        [data-theme="dark"] .man-note { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-thead { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-viewtoggle { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-personsel { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-mirror { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-fw-card { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-ednote { background: var(--d-amber) !important; }
        [data-theme="dark"] .man-ein { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-edel { background: var(--d-red) !important; }
        [data-theme="dark"] .man-edel:hover { background: var(--d-red) !important; }
        [data-theme="dark"] .man-goalshead:hover { background: var(--d-green) !important; }
        [data-theme="dark"] .man-goal { background: var(--d-surface) !important; }
        [data-theme="dark"] .man-week { background: var(--d-surface) !important; }
        [data-theme="dark"] .cond-ok { background: var(--d-green) !important; }
        [data-theme="dark"] .cond-miss { background: var(--d-red) !important; }
        [data-theme="dark"] .dash-table td.fix-num { background: var(--d-surface) !important; }
        [data-theme="dark"] .dash-spolu td { background: var(--d-surface) !important; }
        [data-theme="dark"] .dash-priemer td { background: var(--d-surface) !important; }
        [data-theme="dark"] .metric-pill:hover:not(.active) { background: var(--d-green) !important; }
        [data-theme="dark"] .fa-reset { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-numf .box { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-pill.good { background: var(--d-green) !important; }
        [data-theme="dark"] .fa-pill.warn { background: var(--d-amber) !important; }
        [data-theme="dark"] .fa-pill.bad { background: var(--d-red) !important; }
        [data-theme="dark"] .fa-note.dashed { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-profile { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-modal-box { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-example { background: var(--d-amber) !important; }
        [data-theme="dark"] .fa-lockbtn { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-lockbtn:hover { background: var(--d-amber) !important; }
        [data-theme="dark"] .fa-q-card { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-q-iconbtn { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-q-iconbtn.del:hover { background: var(--d-red) !important; }
        [data-theme="dark"] .fa-opt { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-opt.active { background: var(--d-green) !important; }
        [data-theme="dark"] .fa-q-inbox { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-q-loancard { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-cov-row { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-uib-bar { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-uib-warn { background: var(--d-red) !important; }
        [data-theme="dark"] .fa-uib-ok { background: var(--d-green) !important; }
        [data-theme="dark"] .fa-notebtn { background: var(--d-surface) !important; }
        [data-theme="dark"] .cf-group { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-sbtn { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-sbtn:hover { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-stat { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-scroll { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-tbl th { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-tbl td.pl-name,
        [data-theme="dark"] .pl-tbl th.pl-name { background: var(--d-surface) !important; }
        [data-theme="dark"] (inak prebíja a oreže čísla) */
.pl-tbl .pl-amt { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-tbl .pl-cnt { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-cell.pl-cpaid { background: var(--d-green) !important; }
        [data-theme="dark"] .pl-cell.pl-cdue { background: var(--d-red) !important; }
        [data-theme="dark"] .pl-cell.pl-empty { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-row-tot { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-row-tot td { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-grp td { background: var(--d-surface) !important; }
        [data-theme="dark"] .pl-add { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-fa .fa-exp { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-tabs { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-step { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-step .n { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-progress { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-wizbtn { background: var(--d-surface) !important; }
        [data-theme="dark"] .fa-wiztoggle input { background: var(--d-blue) !important; }
        /* ===== AUTO: zosvetlenie veľmi tmavého textu ===== */
        [data-theme="dark"] .sidebar-toggle:hover { color: #5fd673 !important; }
        [data-theme="dark"] .badge-nabor { color: #5fd673 !important; }
        [data-theme="dark"] .badge-obchod { color: #cdd8d0 !important; }
        [data-theme="dark"] .badge-servis { color: #5fd673 !important; }
        [data-theme="dark"] .badge-prospekting { color: #cdd8d0 !important; }
        [data-theme="dark"] .pos { color: #5fd673 !important; }
        [data-theme="dark"] .np-eff-low { color: #5fd673 !important; }
        [data-theme="dark"] .np-done { color: #5fd673 !important; }
        [data-theme="dark"] .wb-add { color: #5fd673 !important; }
        [data-theme="dark"] .wb-in.pr-yes { color: #5fd673 !important; }
        [data-theme="dark"] .wb-pr-seg.pr-yes.on { color: #5fd673 !important; }
        [data-theme="dark"] .wb-pq-n { color: #5fd673 !important; }
        [data-theme="dark"] .wb-pre-doneb { color: #5fd673 !important; }
        [data-theme="dark"] .band-vs { color: #5fd673 !important; }
        [data-theme="dark"] .band-s { color: #5fd673 !important; }
        [data-theme="dark"] .wb-st-note { color: #5fd673 !important; }
        [data-theme="dark"] .man-st.s2 { color: #5fd673 !important; }
        [data-theme="dark"] .man-bmir { color: #5fd673 !important; }
        [data-theme="dark"] .man-typ.snov { color: #5fd673 !important; }
        [data-theme="dark"] .man-ednote { color: #cdd8d0 !important; }
        [data-theme="dark"] .man-eadd { color: #5fd673 !important; }
        [data-theme="dark"] .man-goaldone { color: #5fd673 !important; }
        [data-theme="dark"] .man-goal.done span { color: #5fd673 !important; }
        [data-theme="dark"] .fa-pill.good { color: #5fd673 !important; }
        [data-theme="dark"] .fa-example { color: #cdd8d0 !important; }
        [data-theme="dark"] .fa-q-loanbtn,
        [data-theme="dark"] .fa-q-add { color: #5fd673 !important; }
        [data-theme="dark"] .fa-uib-ok { color: #5fd673 !important; }
        [data-theme="dark"] .fa-zrem { color: #5fd673 !important; }
        [data-theme="dark"] .pl-del:hover { color: #cdd8d0 !important; }
        [data-theme="dark"] .fa-step.done .n { color: #5fd673 !important; }
            /* ===== AUTO3: keyword 'white' pozadia → tmavé ===== */
        [data-theme="dark"] .stat-card { background: var(--d-surface) !important; }
        [data-theme="dark"] select,
        [data-theme="dark"] input[type="number"] { background: var(--d-surface) !important; }
        [data-theme="dark"] .ms-btn { background: var(--d-surface) !important; }
        [data-theme="dark"] .ms-panel { background: var(--d-surface) !important; }
        [data-theme="dark"] .dash-table td.fix { background: var(--d-surface) !important; }
        [data-theme="dark"] .metric-pill { background: var(--d-surface) !important; }
        [data-theme="dark"] .modal-box { background: var(--d-surface) !important; }
            /* ===== AUTO: pozadia s var(--primary) → späť tmavozelené (--primary je v tme svetlý pre text) ===== */
        [data-theme="dark"] .app-sidebar { background: #0E3318 !important; }
        [data-theme="dark"] .app-header { background: #0E3318 !important; }
        [data-theme="dark"] .header-select option { background: #0E3318 !important; }
        [data-theme="dark"] .btn-primary { background: #0E3318 !important; }
        [data-theme="dark"] .toggle-btn.active { background: #0E3318 !important; }
        [data-theme="dark"] .np-chip.active { background: #0E3318 !important; }
        [data-theme="dark"] .wb-sbtn.active { background: #0E3318 !important; }
        [data-theme="dark"] .wb-pq-sec { background: #0E3318 !important; }
        [data-theme="dark"] .man-dirtab.active { background: #0E3318 !important; }
        [data-theme="dark"] .man-vbtn.active { background: #0E3318 !important; }
        [data-theme="dark"] .dash-tip { background: #0E3318 !important; }
        [data-theme="dark"] .metric-pill.active { background: #0E3318 !important; }
        [data-theme="dark"] .toast { background: #0E3318 !important; }
        [data-theme="dark"] .fa-tab.active { background: #0E3318 !important; }
        [data-theme="dark"] .fa-mode.active { background: #0E3318 !important; }
        [data-theme="dark"] .fa-step.active .n { background: #0E3318 !important; }
        [data-theme="dark"] .fa-wizbtn.primary { background: #0E3318 !important; }
        [data-theme="dark"] .fa-launchexp { background: #0E3318 !important; }
        [data-theme="dark"] #tab-grow .gr-cat.active { background: #0E3318 !important; }
        [data-theme="dark"] #tab-grow .gr-fchip.active { background: #0E3318 !important; }
            /* ===== AUTO-ALL: kompletné prepisy inline HEX farieb (pozadia/text) — len [data-theme=dark] ===== */
        [data-theme="dark"] [style*="background:#f0faf1"], [data-theme="dark"] [style*="background: #f0faf1"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f5f7f5"], [data-theme="dark"] [style*="background: #f5f7f5"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#ffffff"], [data-theme="dark"] [style*="background: #ffffff"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#d8e8da"], [data-theme="dark"] [style*="background: #d8e8da"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e6efe8"], [data-theme="dark"] [style*="background: #e6efe8"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fafafa"], [data-theme="dark"] [style*="background: #fafafa"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fafbfc"], [data-theme="dark"] [style*="background: #fafbfc"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fbfdfb"], [data-theme="dark"] [style*="background: #fbfdfb"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fbfffb"], [data-theme="dark"] [style*="background: #fbfffb"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fafdfa"], [data-theme="dark"] [style*="background: #fafdfa"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fafdfb"], [data-theme="dark"] [style*="background: #fafdfb"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f7faf7"], [data-theme="dark"] [style*="background: #f7faf7"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f7faf8"], [data-theme="dark"] [style*="background: #f7faf8"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f8faf8"], [data-theme="dark"] [style*="background: #f8faf8"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f6f8f6"], [data-theme="dark"] [style*="background: #f6f8f6"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f4f5f4"], [data-theme="dark"] [style*="background: #f4f5f4"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f7f8f9"], [data-theme="dark"] [style*="background: #f7f8f9"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#ececec"], [data-theme="dark"] [style*="background: #ececec"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eceff1"], [data-theme="dark"] [style*="background: #eceff1"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eaeceb"], [data-theme="dark"] [style*="background: #eaeceb"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e9ebed"], [data-theme="dark"] [style*="background: #e9ebed"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e3e5e8"], [data-theme="dark"] [style*="background: #e3e5e8"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f1f3f5"], [data-theme="dark"] [style*="background: #f1f3f5"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f3f4f6"], [data-theme="dark"] [style*="background: #f3f4f6"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#cbd5e1"], [data-theme="dark"] [style*="background: #cbd5e1"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#f0fdf4"], [data-theme="dark"] [style*="background: #f0fdf4"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e8f0ea"], [data-theme="dark"] [style*="background: #e8f0ea"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eef5f0"], [data-theme="dark"] [style*="background: #eef5f0"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eef5ef"], [data-theme="dark"] [style*="background: #eef5ef"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eef2ee"], [data-theme="dark"] [style*="background: #eef2ee"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e7f8ea"], [data-theme="dark"] [style*="background: #e7f8ea"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e6f8ea"], [data-theme="dark"] [style*="background: #e6f8ea"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#f1f6f2"], [data-theme="dark"] [style*="background: #f1f6f2"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f1faf2"], [data-theme="dark"] [style*="background: #f1faf2"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f1fbf2"], [data-theme="dark"] [style*="background: #f1fbf2"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f1fbf3"], [data-theme="dark"] [style*="background: #f1fbf3"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eaf9ec"], [data-theme="dark"] [style*="background: #eaf9ec"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e9f8eb"], [data-theme="dark"] [style*="background: #e9f8eb"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e8f6ec"], [data-theme="dark"] [style*="background: #e8f6ec"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e8f6ea"], [data-theme="dark"] [style*="background: #e8f6ea"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e3f6e8"], [data-theme="dark"] [style*="background: #e3f6e8"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e0efe3"], [data-theme="dark"] [style*="background: #e0efe3"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#d3f3da"], [data-theme="dark"] [style*="background: #d3f3da"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#c8e6c9"], [data-theme="dark"] [style*="background: #c8e6c9"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#dcfce7"], [data-theme="dark"] [style*="background: #dcfce7"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#dcfce4"], [data-theme="dark"] [style*="background: #dcfce4"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#bbf7d0"], [data-theme="dark"] [style*="background: #bbf7d0"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#f2f6f3"], [data-theme="dark"] [style*="background: #f2f6f3"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f3f8f4"], [data-theme="dark"] [style*="background: #f3f8f4"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eafaef"], [data-theme="dark"] [style*="background: #eafaef"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#e6fde8"], [data-theme="dark"] [style*="background: #e6fde8"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#dceede"], [data-theme="dark"] [style*="background: #dceede"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#d3ddd5"], [data-theme="dark"] [style*="background: #d3ddd5"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e2e8e3"], [data-theme="dark"] [style*="background: #e2e8e3"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#eaf1fb"], [data-theme="dark"] [style*="background: #eaf1fb"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#eef6ff"], [data-theme="dark"] [style*="background: #eef6ff"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#eff6ff"], [data-theme="dark"] [style*="background: #eff6ff"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#dceafe"], [data-theme="dark"] [style*="background: #dceafe"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#f1f5f9"], [data-theme="dark"] [style*="background: #f1f5f9"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f1f5f4"], [data-theme="dark"] [style*="background: #f1f5f4"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e2e8f0"], [data-theme="dark"] [style*="background: #e2e8f0"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#eef1f4"], [data-theme="dark"] [style*="background: #eef1f4"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#faf6ff"], [data-theme="dark"] [style*="background: #faf6ff"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f5effe"], [data-theme="dark"] [style*="background: #f5effe"] { background: var(--d-purple) !important; }
        [data-theme="dark"] [style*="background:#ede8ff"], [data-theme="dark"] [style*="background: #ede8ff"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#dab1ee"], [data-theme="dark"] [style*="background: #dab1ee"] { background: var(--d-purple) !important; }
        [data-theme="dark"] [style*="background:#fff7e6"], [data-theme="dark"] [style*="background: #fff7e6"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fff4d6"], [data-theme="dark"] [style*="background: #fff4d6"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fff8e1"], [data-theme="dark"] [style*="background: #fff8e1"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fffde7"], [data-theme="dark"] [style*="background: #fffde7"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fff9c4"], [data-theme="dark"] [style*="background: #fff9c4"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#ffefc2"], [data-theme="dark"] [style*="background: #ffefc2"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fff7ed"], [data-theme="dark"] [style*="background: #fff7ed"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fef3c7"], [data-theme="dark"] [style*="background: #fef3c7"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fffbeb"], [data-theme="dark"] [style*="background: #fffbeb"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#ffdbb5"], [data-theme="dark"] [style*="background: #ffdbb5"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fef9c3"], [data-theme="dark"] [style*="background: #fef9c3"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fdecec"], [data-theme="dark"] [style*="background: #fdecec"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fee2e2"], [data-theme="dark"] [style*="background: #fee2e2"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fef2f2"], [data-theme="dark"] [style*="background: #fef2f2"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fde7e7"], [data-theme="dark"] [style*="background: #fde7e7"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fde0e0"], [data-theme="dark"] [style*="background: #fde0e0"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fdeeee"], [data-theme="dark"] [style*="background: #fdeeee"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#f6cccc"], [data-theme="dark"] [style*="background: #f6cccc"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#f5c2c2"], [data-theme="dark"] [style*="background: #f5c2c2"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fecaca"], [data-theme="dark"] [style*="background: #fecaca"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fff4f3"], [data-theme="dark"] [style*="background: #fff4f3"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#fff7f7"], [data-theme="dark"] [style*="background: #fff7f7"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fff8f8"], [data-theme="dark"] [style*="background: #fff8f8"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fdecee"], [data-theme="dark"] [style*="background: #fdecee"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#f0f4f1"], [data-theme="dark"] [style*="background: #f0f4f1"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e7efe9"], [data-theme="dark"] [style*="background: #e7efe9"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e6ece8"], [data-theme="dark"] [style*="background: #e6ece8"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f5f8f6"], [data-theme="dark"] [style*="background: #f5f8f6"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e3e9e4"], [data-theme="dark"] [style*="background: #e3e9e4"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#cfe9d6"], [data-theme="dark"] [style*="background: #cfe9d6"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#f4f8f5"], [data-theme="dark"] [style*="background: #f4f8f5"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e7f1ea"], [data-theme="dark"] [style*="background: #e7f1ea"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e6ece7"], [data-theme="dark"] [style*="background: #e6ece7"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#cdd8cf"], [data-theme="dark"] [style*="background: #cdd8cf"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#cdd8d0"], [data-theme="dark"] [style*="background: #cdd8d0"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#f3c2c2"], [data-theme="dark"] [style*="background: #f3c2c2"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#f0c0c0"], [data-theme="dark"] [style*="background: #f0c0c0"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#cfe0d4"], [data-theme="dark"] [style*="background: #cfe0d4"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#eef2f0"], [data-theme="dark"] [style*="background: #eef2f0"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e9f9ec"], [data-theme="dark"] [style*="background: #e9f9ec"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#eaf2fb"], [data-theme="dark"] [style*="background: #eaf2fb"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#f0f0f0"], [data-theme="dark"] [style*="background: #f0f0f0"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#d1fae5"], [data-theme="dark"] [style*="background: #d1fae5"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#fef9f0"], [data-theme="dark"] [style*="background: #fef9f0"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#f0f5fb"], [data-theme="dark"] [style*="background: #f0f5fb"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#fff2ee"], [data-theme="dark"] [style*="background: #fff2ee"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#c8dac9"], [data-theme="dark"] [style*="background: #c8dac9"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#f3eefb"], [data-theme="dark"] [style*="background: #f3eefb"] { background: var(--d-purple) !important; }
        [data-theme="dark"] [style*="background:#fff5e6"], [data-theme="dark"] [style*="background: #fff5e6"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#fde9e9"], [data-theme="dark"] [style*="background: #fde9e9"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#e9f7ef"], [data-theme="dark"] [style*="background: #e9f7ef"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#f0f7f1"], [data-theme="dark"] [style*="background: #f0f7f1"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#c9f3d0"], [data-theme="dark"] [style*="background: #c9f3d0"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#bfdbfe"], [data-theme="dark"] [style*="background: #bfdbfe"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#f3eafc"], [data-theme="dark"] [style*="background: #f3eafc"] { background: var(--d-purple) !important; }
        [data-theme="dark"] [style*="background:#e6f4f1"], [data-theme="dark"] [style*="background: #e6f4f1"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#fff0e3"], [data-theme="dark"] [style*="background: #fff0e3"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#dff5e3"], [data-theme="dark"] [style*="background: #dff5e3"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#d6f0e0"], [data-theme="dark"] [style*="background: #d6f0e0"] { background: var(--d-green) !important; }
        [data-theme="dark"] [style*="background:#fdeaf3"], [data-theme="dark"] [style*="background: #fdeaf3"] { background: var(--d-red) !important; }
        [data-theme="dark"] [style*="background:#eef0f5"], [data-theme="dark"] [style*="background: #eef0f5"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="background:#e9f5fb"], [data-theme="dark"] [style*="background: #e9f5fb"] { background: var(--d-blue) !important; }
        [data-theme="dark"] [style*="background:#f0eafc"], [data-theme="dark"] [style*="background: #f0eafc"] { background: var(--d-purple) !important; }
        [data-theme="dark"] [style*="background:#fbf0e6"], [data-theme="dark"] [style*="background: #fbf0e6"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#e8d9a8"], [data-theme="dark"] [style*="background: #e8d9a8"] { background: var(--d-amber) !important; }
        [data-theme="dark"] [style*="background:#d4ddd6"], [data-theme="dark"] [style*="background: #d4ddd6"] { background: var(--d-surface) !important; }
        [data-theme="dark"] [style*="color:#0e3318"], [data-theme="dark"] [style*="color: #0e3318"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#15803d"], [data-theme="dark"] [style*="color: #15803d"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#16241b"], [data-theme="dark"] [style*="color: #16241b"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#0f1512"], [data-theme="dark"] [style*="color: #0f1512"] { color: #cdd8d0 !important; }
        [data-theme="dark"] [style*="color:#18211b"], [data-theme="dark"] [style*="color: #18211b"] { color: #cdd8d0 !important; }
        [data-theme="dark"] [style*="color:#2b3a30"], [data-theme="dark"] [style*="color: #2b3a30"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#1e2822"], [data-theme="dark"] [style*="color: #1e2822"] { color: #cdd8d0 !important; }
        [data-theme="dark"] [style*="color:#16261c"], [data-theme="dark"] [style*="color: #16261c"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#14263a"], [data-theme="dark"] [style*="color: #14263a"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#221d33"], [data-theme="dark"] [style*="color: #221d33"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#2a2212"], [data-theme="dark"] [style*="color: #2a2212"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#2c1719"], [data-theme="dark"] [style*="color: #2c1719"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#06210f"], [data-theme="dark"] [style*="color: #06210f"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#06140c"], [data-theme="dark"] [style*="color: #06140c"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#16a34a"], [data-theme="dark"] [style*="color: #16a34a"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#1a7a2b"], [data-theme="dark"] [style*="color: #1a7a2b"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#1f7a2b"], [data-theme="dark"] [style*="color: #1f7a2b"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#1a6b27"], [data-theme="dark"] [style*="color: #1a6b27"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#1a4d2a"], [data-theme="dark"] [style*="color: #1a4d2a"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#3b6d11"], [data-theme="dark"] [style*="color: #3b6d11"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#991b1b"], [data-theme="dark"] [style*="color: #991b1b"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#7a2e00"], [data-theme="dark"] [style*="color: #7a2e00"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#92400e"], [data-theme="dark"] [style*="color: #92400e"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#1e4d7a"], [data-theme="dark"] [style*="color: #1e4d7a"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#334155"], [data-theme="dark"] [style*="color: #334155"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#4a1a6a"], [data-theme="dark"] [style*="color: #4a1a6a"] { color: #c4abf0 !important; }
        [data-theme="dark"] [style*="color:#3c3489"], [data-theme="dark"] [style*="color: #3c3489"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#3d5a00"], [data-theme="dark"] [style*="color: #3d5a00"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#15722a"], [data-theme="dark"] [style*="color: #15722a"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#7a5a00"], [data-theme="dark"] [style*="color: #7a5a00"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#b91c1c"], [data-theme="dark"] [style*="color: #b91c1c"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#1a7f37"], [data-theme="dark"] [style*="color: #1a7f37"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#96281b"], [data-theme="dark"] [style*="color: #96281b"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#0e1a12"], [data-theme="dark"] [style*="color: #0e1a12"] { color: #cdd8d0 !important; }
        [data-theme="dark"] [style*="color:#16542d"], [data-theme="dark"] [style*="color: #16542d"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#5a1822"], [data-theme="dark"] [style*="color: #5a1822"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#150b0e"], [data-theme="dark"] [style*="color: #150b0e"] { color: #cdd8d0 !important; }
        [data-theme="dark"] [style*="color:#1f9d33"], [data-theme="dark"] [style*="color: #1f9d33"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#166534"], [data-theme="dark"] [style*="color: #166534"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#374151"], [data-theme="dark"] [style*="color: #374151"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#5a3e00"], [data-theme="dark"] [style*="color: #5a3e00"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#5a2e00"], [data-theme="dark"] [style*="color: #5a2e00"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#1a3a5c"], [data-theme="dark"] [style*="color: #1a3a5c"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#5a1a00"], [data-theme="dark"] [style*="color: #5a1a00"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#8a1f1f"], [data-theme="dark"] [style*="color: #8a1f1f"] { color: #ff8a8a !important; }
        [data-theme="dark"] [style*="color:#7a5c00"], [data-theme="dark"] [style*="color: #7a5c00"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#2f6b46"], [data-theme="dark"] [style*="color: #2f6b46"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#854d0e"], [data-theme="dark"] [style*="color: #854d0e"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#176b2a"], [data-theme="dark"] [style*="color: #176b2a"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#1f9a38"], [data-theme="dark"] [style*="color: #1f9a38"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#0e6b2a"], [data-theme="dark"] [style*="color: #0e6b2a"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#0f766e"], [data-theme="dark"] [style*="color: #0f766e"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#0e6b3a"], [data-theme="dark"] [style*="color: #0e6b3a"] { color: #5fd673 !important; }
        [data-theme="dark"] [style*="color:#3a4a63"], [data-theme="dark"] [style*="color: #3a4a63"] { color: #8fb8e0 !important; }
        [data-theme="dark"] [style*="color:#9a5a00"], [data-theme="dark"] [style*="color: #9a5a00"] { color: #e6b56a !important; }
        [data-theme="dark"] [style*="color:#2f7d3a"], [data-theme="dark"] [style*="color: #2f7d3a"] { color: #5fd673 !important; }

        /* ── AI asistent (chatbot vpravo dole) ── */
        #ai-fab { position: fixed; right: 22px; bottom: 22px; z-index: 600; width: 58px; height: 58px;
            border-radius: 50%; border: none; cursor: pointer; background: var(--primary); color: #fff;
            box-shadow: 0 6px 22px rgba(0,0,0,.28); display: none; align-items: center; justify-content: center;
            transition: transform .15s, box-shadow .15s; }
        #ai-fab:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 10px 28px rgba(0,0,0,.34); }
        #ai-fab svg { width: 26px; height: 26px; }
        .ai-panel { position: fixed; right: 22px; bottom: 90px; z-index: 600; width: 380px; max-width: calc(100vw - 28px);
            height: 560px; max-height: calc(100vh - 120px); background: #fff; border: 1px solid var(--border);
            border-radius: 16px; box-shadow: 0 14px 46px rgba(0,0,0,.28); display: none; flex-direction: column; overflow: hidden; }
        .ai-panel.open { display: flex; }
        .ai-head { background: var(--primary); color: #fff; padding: 14px 16px; display: flex; align-items: center; gap: 10px; }
        .ai-head .ai-ttl { font-weight: 700; font-size: 14px; line-height: 1.2; }
        .ai-head .ai-sub { font-size: 11px; opacity: .75; }
        .ai-head .ai-x { margin-left: auto; background: rgba(255,255,255,.15); border: none; color: #fff; cursor: pointer;
            width: 28px; height: 28px; border-radius: 7px; font-size: 16px; line-height: 1; }
        .ai-head .ai-x:hover { background: rgba(255,255,255,.28); }
        .ai-body { flex: 1; overflow-y: auto; padding: 14px; background: var(--primary-light); display: flex; flex-direction: column; gap: 10px; }
        .ai-msg { max-width: 86%; padding: 10px 13px; border-radius: 12px; font-size: 13px; line-height: 1.5; white-space: pre-wrap; word-wrap: break-word; }
        .ai-msg.user { align-self: flex-end; background: var(--primary); color: #fff; border-bottom-right-radius: 4px; }
        .ai-msg.bot { align-self: flex-start; background: #fff; color: var(--text); border: 1px solid var(--border); border-bottom-left-radius: 4px; }
        .ai-msg.err { align-self: flex-start; background: #fdecec; color: #8a1f1f; border: 1px solid #f0c0c0; }
        .ai-src { margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--border); font-size: 11px; color: var(--muted); }
        .ai-src a { color: var(--primary); font-weight: 600; text-decoration: none; }
        .ai-src a:hover { text-decoration: underline; }
        .ai-typing { align-self: flex-start; font-size: 12px; color: var(--muted); padding: 4px 6px; }
        .ai-foot { border-top: 1px solid var(--border); padding: 10px; display: flex; gap: 8px; background: #fff; }
        .ai-foot textarea { flex: 1; resize: none; border: 1px solid var(--border); border-radius: 9px; padding: 9px 11px;
            font-family: inherit; font-size: 13px; color: var(--text); max-height: 90px; }
        .ai-foot textarea:focus { outline: none; border-color: var(--accent); }
        .ai-send { border: none; background: var(--primary); color: #fff; cursor: pointer; border-radius: 9px; padding: 0 14px; font-weight: 700; font-size: 13px; }
        .ai-send:disabled { opacity: .5; cursor: default; }
        .ai-reindex { background: none; border: none; color: rgba(255,255,255,.85); cursor: pointer; font-size: 11px; text-decoration: underline; padding: 0; }
        [data-theme="dark"] .ai-panel { background: var(--card, #1a2233); }
        [data-theme="dark"] .ai-msg.bot { background: var(--card, #222b3d); }
        [data-theme="dark"] .ai-foot { background: var(--card, #1a2233); }
        [data-theme="dark"] .ai-foot textarea { background: #0f1626; color: var(--text); }
        @media(max-width:480px){ .ai-panel { right: 8px; left: 8px; width: auto; bottom: 84px; } #ai-fab { right: 14px; bottom: 14px; } }
    

/* ═══ blok 2/5 — pôvodne index.html, riadok 3116 ═══ */
#tab-grow .gr-wrap{max-width:1200px;margin:0 auto;padding:24px 20px}
#tab-grow .gr-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
#tab-grow .gr-cats{display:inline-flex;background:var(--primary-light);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}
#tab-grow .gr-cat{border:none;background:transparent;padding:7px 16px;border-radius:7px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit}
#tab-grow .gr-cat.active{background:var(--primary);color:#fff}
#tab-grow .gr-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
#tab-grow .gr-fchip{border:1px solid var(--border);background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit}
#tab-grow .gr-fchip.active{background:var(--primary);color:#fff;border-color:var(--primary)}
#tab-grow .gr-fchip b{font-weight:800;margin-left:3px}
#tab-grow .gr-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#fff}
#tab-grow .gr-table{width:100%;border-collapse:collapse;font-size:13px}
#tab-grow .gr-table th{text-align:left;padding:11px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfc;font-weight:700;white-space:nowrap}
#tab-grow .gr-table td{padding:9px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
#tab-grow .gr-table tbody tr:hover{background:#fafdfb}
#tab-grow .gr-tr-done{opacity:.72}
#tab-grow .gr-tr-arch{opacity:.5;background:#fafafa}
#tab-grow .gr-chip-sel{border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.5px;cursor:pointer;font-family:inherit;-webkit-appearance:none;appearance:none;text-align:center}
#tab-grow .gr-cell-txt{color:var(--text)}
#tab-grow .gr-servis{display:inline-block;background:#fff0e3;color:#b45309;border:1px solid #f3d6b0;border-radius:5px;font-size:10px;font-weight:800;padding:1px 5px;margin-right:5px;letter-spacing:.3px;vertical-align:middle}
#tab-grow .gr-krok{color:var(--muted)}
#tab-grow .gr-ph{color:#c0ccc2}
.gr-funnel{margin-top:18px;border:1px solid var(--border);border-radius:14px;padding:18px 20px;background:#fff}
.gr-fn-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.gr-fn-title{font-size:15px;font-weight:800;color:var(--text)}
.gr-fn-usp{font-size:13px;color:var(--muted);font-weight:700}
.gr-fn-usp b{color:#15803d;font-size:16px;margin-left:4px}
.gr-fn-cols{display:flex;gap:6px;margin-bottom:2px}
.gr-fn-col{flex:1;min-width:0;text-align:left}
.gr-fn-num{font-size:24px;font-weight:800;color:var(--text);line-height:1.1}
.gr-fn-nm{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.2}
.gr-fn-pct{font-size:14px;font-weight:800;color:var(--text);margin-top:3px}
.gr-fn-svg{width:100%;height:230px;display:block}
.gr-fn-note{font-size:11px;color:var(--muted);line-height:1.45;margin-top:10px}
.gr-fn-empty{font-size:13px;color:var(--muted);padding:24px 8px;text-align:center}
#tab-grow .gr-date-inp{border:1px solid var(--border);background:#fff;border-radius:7px;padding:4px 8px;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit}
#tab-grow .gr-date-inp:hover{background:var(--primary-light)}
#tab-grow .gr-cnt{border:1px solid var(--border);background:#fff;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;color:var(--text);cursor:pointer;font-family:inherit;min-width:46px}
#tab-grow .gr-cnt:hover{background:var(--primary-light)}
#tab-grow .gr-acts{display:flex;gap:5px;justify-content:flex-end;align-items:center}
#tab-grow .gr-db{width:26px;height:26px;border:1px solid var(--border);background:#fff;border-radius:7px;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer;font-family:inherit}
#tab-grow .gr-db:hover{background:var(--primary-light);color:var(--text)}
#tab-grow .gr-ic{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;border-radius:7px;color:var(--muted);cursor:pointer;padding:0}
#tab-grow .gr-ic:hover{background:var(--primary-light);color:var(--text)}
#tab-grow .gr-ic.gr-ok{color:var(--accent-ink);border-color:rgba(60,214,78,.4)}
#tab-grow .gr-ic.gr-ok:hover{background:var(--accent-dim)}
#tab-grow .gr-edit-tr td{background:#f7faf8;border-bottom:2px solid var(--primary)}
#tab-grow .gr-edit{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:6px 2px}
#tab-grow .gr-ef{display:flex;flex-direction:column;gap:4px}
#tab-grow .gr-ef-wide{flex:1;min-width:220px}
#tab-grow .gr-ef label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
#tab-grow .gr-ef input,#tab-grow .gr-ef select{padding:7px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:inherit;background:#fff}
#tab-grow .gr-ef-wide input{width:100%}
#tab-grow .gr-ef-act{display:flex;gap:8px;align-items:center;margin-left:auto}
#tab-grow .gr-del{border:1px solid #f0c0c0;background:#fff;color:#c0392b;border-radius:7px;width:32px;height:32px;cursor:pointer;font-size:14px}
#tab-grow .gr-del:hover{background:#fdecec}
.gr-pop{position:absolute;z-index:9999;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(14,51,24,.18);padding:12px 14px}
.gr-pop-row{display:flex;gap:10px;align-items:flex-end}
.gr-pop label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}
.gr-pop input{width:84px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:inherit}
        /* ===== AUTO2: tmavé prepisy svetlých plôch (2. style blok: grow atď.) ===== */
        [data-theme="dark"] #tab-grow .gr-fchip { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-table-wrap { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-table th { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-table tbody tr:hover { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-tr-arch { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-cnt { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-db { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-ic { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-edit-tr td { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-ef input,
        [data-theme="dark"] #tab-grow .gr-ef select { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-del { background: var(--d-surface) !important; }
        [data-theme="dark"] #tab-grow .gr-del:hover { background: var(--d-red) !important; }
        [data-theme="dark"] .gr-pop { background: var(--d-surface) !important; }
        /* ===== AUTO2: zosvetlenie tmavého textu ===== */

/* ═══ blok 3/5 — pôvodne index.html, riadok 22574 ═══ */
  #tab-kalk .kalk-head { font-size:22px;font-weight:800;color:var(--primary);margin:0 0 18px }
  .kalk-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:14px }
  @media (max-width:760px){ .kalk-grid{grid-template-columns:1fr} }
  .kalk-tile { display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px;cursor:pointer;box-shadow:0 1px 4px rgba(14,51,24,.07);transition:.15s;font-family:inherit;text-align:left;width:100% }
  .kalk-tile:hover { border-color:var(--accent);box-shadow:0 4px 14px rgba(14,51,24,.12);transform:translateY(-1px) }
  .kalk-tile .ic { width:42px;height:42px;border-radius:10px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0 }
  .kalk-tile .nm { font-size:15px;font-weight:700;color:var(--text);flex:1 }
  .kalk-tile .ar { color:var(--accent-ink);font-weight:800;font-size:18px }
  .kalk-tile .exp { font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#b78700;background:#fff7e0;border:1px solid #f0d98a;border-radius:5px;padding:2px 5px;margin-left:6px }
  .kalk-back { background:none;border:none;color:var(--accent-ink);font-weight:700;cursor:pointer;font-family:inherit;font-size:14px;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;padding:4px 0 }
  .kalk-back:hover { text-decoration:underline }
  .kalk-two { display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start }
  @media (max-width:900px){ .kalk-two{grid-template-columns:1fr} }
  .kalk-sec-title { font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-ink);margin:0 0 14px }
  .kalk-field { display:flex;flex-direction:column;gap:5px;margin-bottom:14px }
  .kalk-field label { font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px }
  .kalk-input { border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--text);background:#fff;width:100% }
  .kalk-input:focus { outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim) }
  .kalk-row2 { display:grid;grid-template-columns:1fr 1fr;gap:12px }
  .kalk-res { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px }
  .kalk-resbox { border:2px solid var(--accent);border-radius:12px;padding:14px 16px;text-align:center;background:#fff }
  .kalk-resbox.alt { border-color:var(--primary) }
  .kalk-resbox .l { font-size:12px;font-weight:700;color:var(--accent-ink);margin-bottom:6px }
  .kalk-resbox.alt .l { color:var(--primary) }
  .kalk-resbox .v { font-size:25px;font-weight:800;color:var(--primary);line-height:1 }
  .kalk-line { display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f4f1;font-size:14px }
  .kalk-line:last-child { border-bottom:none }
  .kalk-line .l { color:var(--muted) } .kalk-line .v { font-weight:700;color:var(--text);text-align:right }
  .kalk-note { background:var(--primary-light);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--muted);line-height:1.5 }
  .kalk-mz-tbl { width:100%;border-collapse:collapse;font-size:13.5px }
  .kalk-mz-tbl th { text-align:right;padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);border-bottom:2px solid var(--border) }
  .kalk-mz-tbl th:first-child { text-align:left }
  .kalk-mz-tbl td { padding:7px 10px;border-bottom:1px solid #f0f4f1;text-align:right }
  .kalk-mz-tbl td:first-child { text-align:left;color:var(--muted) }
  .kalk-mz-tbl tr.sum td { font-weight:800;color:var(--primary);border-top:1px solid var(--border) }
  .kalk-mz-tbl tr.grp td { background:#f5f7f5;font-weight:800;color:var(--text);text-transform:uppercase;font-size:11px;letter-spacing:.3px }
  /* ⓘ info — klik rozbalí panel PRIAMO POD ním (normálny tok stránky, nič nepreteká cez okraj) */
  .tf-info-details { display:inline-block;vertical-align:middle }
  .tf-info-details[open] { display:block;width:100% }
  .tf-info-details > summary { display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);color:var(--muted);font-size:11px;font-weight:700;line-height:1;cursor:pointer;list-style:none }
  .tf-info-details > summary::-webkit-details-marker { display:none }
  .tf-info-details[open] > summary { background:var(--muted);color:#fff;border-color:var(--muted) }
  .tf-info-body { display:block;width:100%;margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.5;text-transform:none;letter-spacing:normal }

/* ═══ blok 4/5 — pôvodne index.html, riadok 24249 ═══ */
  .maj-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
  @media(max-width:1280px){.maj-kpis{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:640px){.maj-kpis{grid-template-columns:repeat(2,1fr)}}
  .maj-kpi{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;box-shadow:0 1px 4px rgba(14,51,24,.07)}
  .maj-kpi .k-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:7px;display:flex;align-items:center;gap:6px}
  .maj-kpi .k-val{font-size:23px;font-weight:800;color:var(--text);line-height:1.1}
  .maj-kpi .k-sub{font-size:11px;color:var(--muted);margin-top:5px}
  .maj-kpi.hl{background:linear-gradient(135deg,var(--primary),#1a4d2a);border-color:var(--primary)}
  .maj-kpi.hl .k-lbl,.maj-kpi.hl .k-sub{color:rgba(255,255,255,.72)}
  .maj-kpi.hl .k-val{color:#fff}
  .maj-tbl{width:100%;border-collapse:collapse;font-size:13px}
  .maj-tbl th{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:700;text-align:center;padding:6px 8px;border-bottom:2px solid var(--border);white-space:nowrap}
  .maj-tbl th.l,.maj-tbl td.l{text-align:left}
  .maj-tbl td{padding:5px 8px;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}
  .maj-tbl tr:hover td{background:var(--primary-light)}
  .maj-tbl input,.maj-tbl select{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit;color:var(--text);background:#fff;text-align:center}
  .maj-tbl input.l,.maj-tbl select{text-align:left}
  .maj-tbl input:focus,.maj-tbl select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}
  .maj-tbl input.w-nazov{min-width:140px}
  .maj-tbl tfoot td{font-weight:800;color:var(--text);border-top:2px solid var(--border);border-bottom:none;padding-top:9px}
  .maj-del{border:none;background:none;color:#c0392b;font-size:16px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:6px}
  .maj-del:hover{background:#fdecec}
  .maj-add{border:1px dashed var(--accent-ink);background:var(--accent-dim);color:var(--accent-ink);font-weight:700;font-size:12.5px;border-radius:7px;padding:7px 14px;cursor:pointer;margin-top:10px}
  .maj-add:hover{background:rgba(60,214,78,.25)}
  .maj-prog{width:100%;border-collapse:collapse;font-size:12.5px}
  .maj-prog th{position:sticky;top:0;background:var(--card);font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);font-weight:700;text-align:center;padding:7px 10px;border-bottom:2px solid var(--border)}
  .maj-prog td{padding:5px 10px;border-bottom:1px solid var(--border);text-align:center}
  .maj-prog td.l{text-align:center;font-weight:700}
  .maj-prog tr:nth-child(even) td{background:var(--bg)}
  .maj-prog tr.row-hl td{background:var(--accent-dim);font-weight:700}
  .maj-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
  @media(max-width:1100px){.maj-grid2{grid-template-columns:1fr}}
  .maj-hint{font-size:11.5px;color:var(--muted);margin-top:4px;font-style:italic}
  .maj-prijem-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
  .maj-prijem-top label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
  .maj-prijem-top input{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:18px;font-weight:800;font-family:inherit;width:150px;text-align:right;color:var(--text)}
  .maj-prijem-tbl th.grp{text-align:center;border-bottom:1px solid var(--border);font-size:10px;color:var(--accent-ink);background:var(--accent-dim)}
  .maj-prijem-tbl td.cat{text-align:left;font-weight:700;color:var(--text)}
  .maj-prijem-tbl td.cat .h{color:var(--muted);font-weight:400;font-size:11.5px}
  .maj-prijem-tbl td.good{background:#d7f0db;color:#15803d;font-weight:800}
  .maj-prijem-tbl td.bad{background:#f3c9b3;color:#b4530f;font-weight:800}
  .maj-prijem-tbl input{max-width:90px}
  .maj-prijem-tbl tr.ostava td{font-weight:800;border-top:2px solid var(--border);background:var(--bg)}
  .maj-prijem-tbl tr.ostava td.neg{color:#c0392b}
  .maj-prog input{width:100%;max-width:130px;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12.5px;font-family:inherit;color:var(--text);background:#fff;text-align:center}
  .maj-prog input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}
  .maj-prog td.good{color:#15803d;font-weight:800}
  .maj-prog td.bad{color:#c0392b;font-weight:800}
  .maj-renta-params{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px}
  .maj-renta-params label{display:flex;flex-direction:column;gap:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
  .maj-renta-params input{border:1px solid var(--border);border-radius:7px;padding:8px 10px;font-size:14px;font-family:inherit;width:120px;text-align:center;color:var(--text);background:#fff}
  .maj-renta-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
  .maj-renta-tile{border:1px solid var(--border);border-radius:11px;padding:14px 16px;background:var(--card)}
  .maj-renta-tile.hl{background:linear-gradient(135deg,var(--primary),#1a4d2a);border-color:var(--primary)}
  .maj-renta-tile .rl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--muted)}
  .maj-renta-tile.hl .rl{color:rgba(255,255,255,.72)}
  .maj-renta-tile .rv{font-size:24px;font-weight:800;color:var(--text);margin-top:4px;line-height:1.1}
  .maj-renta-tile.hl .rv{color:#fff}
  .maj-renta-tile .rs{font-size:11px;color:var(--muted);margin-top:4px}
  .maj-renta-tile.hl .rs{color:rgba(255,255,255,.62)}
  .maj-info-btn{border:none;background:none;color:var(--accent-ink);font-size:14px;cursor:pointer;padding:2px 5px;border-radius:6px;line-height:1}
  .maj-info-btn:hover{background:var(--accent-dim)}
  .maj-detail td{background:var(--bg);padding:14px 18px !important;text-align:left !important}
  .maj-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 18px}
  .maj-detail-grid label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);margin-bottom:4px}
  .maj-detail-grid input{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:6px;padding:7px 9px;font-size:13px;font-family:inherit;color:var(--text);background:#fff;text-align:left}
  .maj-detail-grid .ro{font-size:14px;font-weight:700;color:#c0392b;padding:6px 0}
  .maj-detail-grid .chk{display:flex;align-items:flex-end}
  .maj-detail-grid .chk label{display:flex;align-items:center;gap:7px;text-transform:none;font-size:13px;font-weight:600;color:var(--text);margin:0;cursor:pointer}
  .maj-detail-grid .chk input{width:auto}
  .maj-subnav{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
  .maj-subnav button{border:1px solid var(--border);background:var(--card);color:var(--muted);font-weight:700;font-size:13px;padding:8px 16px;border-radius:9px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:7px}
  .maj-subnav button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
  .maj-nahlad-head{margin:2px 0 18px}
  .maj-nahlad-head h2{font-size:24px;font-weight:800;color:var(--text);margin:0;letter-spacing:-.01em}
  .maj-nahlad-head .sub{font-size:13px;color:var(--muted);margin-top:4px}
  .maj-nahlad .card{margin-bottom:18px}
  #maj-tbl-goals .popl-col{display:none}
  #maj-tbl-goals.show-popl .popl-col{display:table-cell}
  .maj-popl-toggle{margin-left:auto;border:1px solid var(--border);background:var(--card);color:var(--accent-ink);font-weight:700;font-size:11.5px;padding:5px 11px;border-radius:7px;cursor:pointer;font-family:inherit}
  .maj-popl-toggle:hover{background:var(--accent-dim)}
  body.client-mode{padding-left:0 !important}
  body.client-mode > *:not(#client-report):not(script):not(style){display:none !important}
  #client-report{display:block;min-height:100vh;background:var(--bg,#f1f5f0)}
  .client-report-wrap{max-width:1100px;margin:0 auto;padding:28px 20px}
  .client-report-brand{display:flex;align-items:center;justify-content:center;gap:9px;padding-bottom:18px;margin-bottom:22px;border-bottom:2px solid #e0e6e1}
  .client-report-brand .crb-word{font-weight:800;letter-spacing:1.5px;font-size:18px;color:#0E3318;white-space:nowrap}
  .client-report-brand .crb-word-thin{font-weight:500;opacity:.85}
  @media print {
    body { padding-left:0 !important }   /* inak ostáva 230px prázdneho miesta po ľavej strane (miesto na skrytý sidebar) a obsah vyzerá zarovnaný napravo */
    .app-sidebar, .app-header, .maj-subnav, .maj-noprint, .maj-noprint *, .eval-noprint, .eval-noprint * { display:none !important; }
    body.client-mode > *:not(#client-report){ display:none !important; }
    main, #maj-root, #tab-majetok, #tab-vyhodnotenie { margin:0 auto !important; max-width:none !important }
    .maj-nahlad { margin:0 auto !important; max-width:880px }
    .maj-nahlad .card { break-inside:avoid; box-shadow:none; border:1px solid #e0e6e1; margin-bottom:10px !important; padding-top:12px !important; padding-bottom:12px !important }
    .maj-nahlad .card canvas { max-height:230px !important }
    .maj-nahlad .maj-grid2 > div > div[style*="height:280px"] { height:210px !important }
    #tab-vyhodnotenie .card { break-inside:avoid; box-shadow:none; border:1px solid #e0e6e1 }
    .client-report-brand { break-after:avoid; break-inside:avoid; padding-bottom:10px; margin-bottom:12px }
    @page { margin: 12mm }
  }

/* ═══ blok 5/5 — pôvodne index.html, riadok 25198 ═══ */
  .kar-grid { display:grid; grid-template-columns:2fr 1fr 1.3fr auto; gap:10px; align-items:end }
  .kar-frow { display:flex; flex-direction:column; gap:4px }
  .kar-frow label { font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.3px }
  .kar-inp { border:1px solid var(--border); border-radius:7px; padding:8px 10px; font-size:13px; font-family:inherit; color:var(--text); background:#fff; width:100%; resize:vertical }
  .kar-inp:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-dim) }
  .kar-bar { width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; background:var(--card); border:1px solid var(--border); border-radius:12px; padding:15px 20px; cursor:pointer; font-family:inherit; font-size:15px; font-weight:800; color:var(--primary); box-shadow:0 1px 4px rgba(14,51,24,.07) }
  .kar-bar:hover { border-color:var(--accent) }
  .kar-caret { color:var(--accent-ink); transition:transform .2s; font-size:13px; flex:none }
  @media (max-width:760px){ .kar-grid { grid-template-columns:1fr 1fr } }

/* ═══ ŠTRUKTÚRA (strom spolupracovníkov v Mojej kariére) ═══════════════════
   Strom sa kreslí ako SVG (presná geometria, vždy sa zmestí na šírku).
   Kartička = zelený podklad posunutý doľava-hore + biele telo so zeleným
   rámom. Červená = zvýraznený človek. Úprava beží v odsadenom zozname. */
:root{ --st-karta-bg:#fff }
[data-theme="dark"]{ --st-karta-bg:var(--d-surface) }
.st-wrap{padding:6px 0 10px;text-align:center}
.st-svg{width:100%;height:auto;display:inline-block}
.st-svg-linka{fill:none;stroke:var(--accent);stroke-width:2;opacity:.5}
.st-svg-text{font-family:inherit;font-size:14px;font-weight:700;fill:var(--text)}
.st-g{cursor:default}
/* úprava — odsadený zoznam */
.st-rows{display:flex;flex-direction:column;gap:6px}
.st-row{display:flex;align-items:center;gap:6px}
.st-row-bod{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.st-row-in{flex:1;min-width:120px;max-width:320px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13.5px;background:var(--st-karta-bg);color:var(--text)}
.st-row button{border:1px solid var(--border);background:var(--st-karta-bg);border-radius:8px;padding:6px 9px;font-size:12px;cursor:pointer;color:var(--muted);font-family:inherit;white-space:nowrap}
.st-row button:hover{background:var(--primary-light);color:var(--text)}
.st-prazdno{border:1px dashed var(--border);border-radius:12px;padding:26px 18px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.7}

/* ═══ STRATEGICKÉ — čísla a grafy nad štruktúrou ═══════════════════════════ */
.strat-sekcia{font-size:12.5px;font-weight:800;color:var(--primary);letter-spacing:.4px;text-transform:uppercase;margin:22px 0 10px;border-top:2px solid var(--accent-dim);padding-top:12px}
.strat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.strat-tile{border:1px solid var(--border);border-radius:12px;background:var(--st-karta-bg);padding:13px 15px}
.strat-tile-h{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;line-height:1.35}
.strat-tile-v{font-size:27px;font-weight:800;line-height:1.15;margin-top:5px}
.strat-tile-p{font-size:12px;color:var(--muted);margin-top:2px}
.strat-bars{display:flex;align-items:flex-end;gap:8px;height:64px;margin-top:9px}
.strat-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.strat-bar-stlp{width:100%;max-width:34px;border-radius:5px 5px 0 0}
.strat-bar-lbl{font-size:10.5px;color:var(--muted);white-space:nowrap}
.strat-card{border:1px solid var(--border);border-radius:12px;background:var(--st-karta-bg);padding:14px 16px;margin-bottom:14px}
.strat-card-h{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--text)}
.strat-card-p{font-size:12px;color:var(--muted);margin:3px 0 8px;line-height:1.5}
.strat-canvas{position:relative}
.strat-canvas canvas{width:100%!important;height:100%!important}