/* #nb-board je teraz kompaktný ovládací/info panel — samotné nálepky žijú v globálnej vrstve #note-layer */
      #nb-board{position:relative;min-height:120px;border:1px dashed #DFDED4;border-radius:14px;overflow:auto;padding:16px;display:flex;align-items:center;justify-content:center}
      #nb-board.tpl-blank{background:#fff}
      #nb-board.tpl-lines{background:repeating-linear-gradient(0deg,#fff,#fff 27px,#eef0f4 28px)}
      #nb-board.tpl-grid{background:linear-gradient(#eef0f4 1px,transparent 1px),linear-gradient(90deg,#eef0f4 1px,#fff 1px);background-size:28px 28px}
      #nb-board.tpl-dots{background:radial-gradient(#d3d6dd 1.4px,#fff 1.5px);background-size:24px 24px}
      .nb-hint{max-width:420px;text-align:center;font-size:.85rem;line-height:1.55;color:var(--ink-2);
        background:rgba(255,255,255,.82);border-radius:12px;padding:12px 16px}
      .nb-hint b{color:var(--ink)}
      /* globálna vrstva nálepiek — plávajú nad celým adminom (aj kalendár), pod modálmi/overlaymi */
      #note-layer{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}
      #note-layer .nb-note{pointer-events:auto}
      /* nálepka (premenované z .note kvôli kolízii s info-boxom .note — CH-02) */
      .nb-note{position:absolute;border-radius:10px;box-shadow:0 7px 20px -9px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.07)}
      .nb-note.done{opacity:.55}
      .note-bar{display:flex;align-items:center;gap:5px;padding:4px 6px;cursor:grab;border-bottom:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.06);touch-action:none}
      .note-bar:active{cursor:grabbing}
      .note-cols{display:flex;gap:3px}
      .note-cols i{width:13px;height:13px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.18)}
      .note-ai,.note-mic{background:none;border:none;cursor:pointer;font-size:.9rem;line-height:1;padding:0 1px;opacity:.7}
      .note-ai:hover,.note-mic:hover{opacity:1}
      .note-x{margin-left:auto;background:none;border:none;font-size:1.15rem;line-height:1;cursor:pointer;color:rgba(0,0,0,.5)}
      .note-ta{flex:1;border:none;background:transparent;resize:none;padding:8px 10px;font:600 .95rem/1.5 var(--sans,system-ui);color:#33301f;outline:none}
      .nb-note.done .note-ta{text-decoration:line-through}
      .note-foot{display:flex;gap:6px;padding:4px 6px 6px;background:rgba(0,0,0,.04)}
      .note-foot button{border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.65);border-radius:8px;padding:3px 9px;font:600 .74rem "Manrope",system-ui,sans-serif;cursor:pointer;color:#33301f}
      .note-foot button:hover{background:#fff}
      .note-foot .note-del{margin-left:auto;color:#a3332b}   /* BUG-03: mazanie je samostatné tlačidlo, nie × */
      .note-rs{position:absolute;right:2px;bottom:2px;width:15px;height:15px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 45%,rgba(0,0,0,.28) 45%)}
      .tk-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line,#E9E8DF);border-radius:10px;margin-bottom:6px;background:#fff}
      .tk-row.done{opacity:.55}.tk-row.done .tk-txt{text-decoration:line-through}
      .tk-txt{flex:1;min-width:0}
      .tk-prio{font-size:.62rem;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap}
      .tk-prio.high{background:#FDE0DE;color:#C9302C}.tk-prio.low{background:#E6EEF7;color:#2E6CA3}.tk-prio.normal{display:none}
      .tk-due{font-size:.72rem;color:var(--muted);white-space:nowrap}.tk-due.over{color:#C9302C;font-weight:700}
      .rec-on{outline:2px solid #E5484D !important;outline-offset:1px;animation:recpulse 1.1s ease-in-out infinite}
      @keyframes recpulse{50%{outline-color:#f7b0b2}}
      /* hlavička dňa v diári (ľavá strana zápisníka) */
      #dg-head{margin:0 0 20px;padding:0 0 14px;border-bottom:2px solid rgba(0,156,105,.16)}
      #dg-date{font:800 2.5rem/1.05 "Manrope",system-ui,sans-serif;color:var(--ink);letter-spacing:-.01em}
      #dg-date small{display:block;font:700 1.05rem/1.2 "Manrope",system-ui,sans-serif;color:var(--db-accent);text-transform:none;margin-bottom:4px}
      .dg-meta{font-size:.82rem;color:var(--ink-2);line-height:1.7;margin-top:14px;
        background:rgba(0,156,105,.05);border:1px solid rgba(0,156,105,.12);border-radius:12px;padding:11px 14px}
      .dg-meta b{color:var(--ink)}
      #dg-quote{font:500 1.02rem/1.5 "Manrope",system-ui,sans-serif;color:var(--ink-2);margin:14px 2px 0;padding-left:14px;
        border-left:3px solid var(--citron,#E6B900)}
      #dg-quote b{font-style:normal;font-weight:700;font-size:1.05rem;font-family:"Manrope",system-ui,sans-serif}
      .dg-nav{display:flex;gap:6px;align-items:center;margin-left:auto}
      /* 7.9.: pole na skok existovalo, ale nikto ho nevidel — CEO preklikal
         13 dní dozadu šípkou vedľa neho. Popiska je lacnejšia než tie kliky. */
      .db-datepick-lbl{font-size:.72rem;font-weight:700;color:var(--ink-2);white-space:nowrap}
      /* linajkové strany zápiskov */
      .dg-page{width:100%;min-height:190px;border:1px solid var(--line,#E9E8DF);border-radius:12px;
        padding:6px 12px;font:600 .93rem/28px var(--sans,system-ui);color:#2c2a20;resize:vertical;outline:none;
        background:repeating-linear-gradient(0deg,#fff,#fff 27px,#eef0f4 28px);background-attachment:local}
      .dg-page:focus{border-color:var(--smaragd,#009C69)}
      .dg-pagebar{display:flex;align-items:center;gap:6px;margin:10px 0 4px}
      .dg-pagebar .pg{font-size:.7rem;font-weight:800;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
      #dg-summary{white-space:pre-wrap;background:color-mix(in srgb,var(--gold) 10%,var(--card));border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:12px;
        padding:12px 14px;font-size:.88rem;line-height:1.6;margin-top:10px}

      /* ===== Zápisník — dominantný dvojstránkový layout + efekt knihy ===== */
      /* D2: farebná schéma diára cez CSS premenné (per-používateľ, prepína diaryApplyTheme).
         Defaulty = pôvodný smaragdový vzhľad; JS ich prepíše inline na .diary-book. */
      .diary-book{max-width:1200px;margin:2px auto 0;
        --db-cover:var(--on);
        --db-paper:var(--card); --db-paper-2:var(--bg); --db-line:var(--line);
        --db-accent:var(--acc); --db-accent-soft:color-mix(in srgb,var(--acc) 25%,transparent); --db-ink:var(--ink);
        --db-margin:color-mix(in srgb,var(--gold) 45%,transparent)}
      /* D2: personalizačný panel (motív + osobné motto) */
      .db-persobar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 14px;
        padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}
      .db-perso-item{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--ink-2)}
      .db-perso-item select{width:150px}
      .db-slogan-wrap{flex:1;min-width:220px}
      .db-slogan-wrap input{flex:1;min-width:0}
      /* osobné motto (per-používateľ) + motivačná hláška (org-wide, ~1. a ~20. deň) */
      #dg-motto{font:700 1.1rem/1.3 "Manrope",system-ui,sans-serif;color:var(--db-accent);margin:10px 2px 2px}
      #dg-pep{font-size:.85rem;line-height:1.5;margin-top:12px;padding:10px 13px;border-radius:12px;
        background:var(--citron-soft);border:1px solid rgba(230,185,0,.35);color:var(--ink-2)}
      #dg-pep b{color:var(--ink)}
      /* D3: doplnkové info — lunár, východ/západ slnka (Bratislava), štátne sviatky, tip */
      .dg-extras{margin:14px 0 0;display:flex;flex-direction:column;gap:9px}
      /* Trasy dňa (CEO 18.8.): presuny medzi osobnými stretnutiami + „vyraziť o" */
      .dg-trasy{margin:10px 0 0}
      .dg-trasy .tr-head{font-size:.8rem;font-weight:800;color:var(--ink-2);margin-bottom:6px}
      .tr-stop{display:flex;align-items:baseline;gap:8px;font-size:.82rem;padding:3px 0}
      .tr-stop .cas{font-weight:800;color:var(--ink);white-space:nowrap}
      .tr-stop .adr{color:var(--muted)}
      .tr-move{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;
        color:var(--ink-2);background:var(--db-paper-2,#fff);border:1px dashed var(--db-accent-soft,rgba(0,156,105,.35));
        border-radius:10px;padding:5px 10px;margin:2px 0 2px 14px}
      .tr-move.nestiha{border-color:#E5484D;color:#C62828;background:rgba(229,72,77,.06)}
      .dgx-astro{display:flex;flex-wrap:wrap;gap:8px}
      .dgx-chip{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--ink-2);
        background:var(--db-paper-2,#fff);border:1px solid var(--db-accent-soft,rgba(0,156,105,.25));
        border-radius:12px;padding:6px 12px}
      .dgx-chip .em{font-size:1.05rem;line-height:1}
      .dgx-chip small{font-weight:600;color:var(--muted)}
      .dgx-hols{display:flex;flex-wrap:wrap;gap:6px}
      .dgx-hol{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:#fff;
        border-radius:999px;padding:4px 11px;box-shadow:0 2px 6px -3px rgba(0,0,0,.5)}
      .dgx-tip{font-size:.85rem;line-height:1.5;padding:10px 13px;border-radius:12px;
        background:rgba(0,156,105,.06);border:1px solid var(--db-accent-soft,rgba(0,156,105,.25));color:var(--ink-2)}
      .dgx-tip b{color:var(--ink)}
      /* T-10: navigácia diára (šípky ‹›, „Dnes", datepicker) MUSÍ byť nad vrstvou nálepiek
         (#note-layer z-index:30), inak plávajúca nálepka nad šípkou zožerie klik = „mŕtve šípky". */
      .db-topbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 16px;position:relative;z-index:31}
      .db-title{font:800 1.9rem/1 "Manrope",system-ui,sans-serif;color:var(--ink);display:flex;align-items:center;gap:8px}
      .db-sub{color:var(--muted);font-size:.85rem;margin:6px 0 0}
      .db-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
      .db-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--paper);
        color:var(--smaragd-d);font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;
        justify-content:center;transition:all .16s var(--ease)}
      .db-arrow:hover{border-color:var(--smaragd);background:var(--mint);transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(0,156,105,.5)}
      .db-arrow:active{transform:translateY(0)}
      .db-datepick{width:150px;margin:0}
      /* zelený obal diára */
      .db-cover{position:relative;border-radius:20px;padding:16px;
        background:var(--db-cover)}
      .db-cover::before{content:none}
      .db-cover::after{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:18px;height:78px;z-index:9;
        background:var(--cit);
        clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
      .db-spread{position:relative;display:flex;align-items:stretch;border-radius:8px;perspective:2400px;
        background:var(--db-paper-2);box-shadow:0 3px 10px rgba(0,0,0,.22)}
      .db-page{flex:1 1 0;min-width:0;padding:30px 32px;position:relative;background-color:var(--db-paper);
        background-image:repeating-linear-gradient(0deg,transparent 0,transparent 33px,var(--db-line) 34px);
        background-position:0 92px}
      .db-left{border-radius:8px 0 0 8px;padding-left:64px;box-shadow:inset -26px 0 30px -26px rgba(60,40,20,.22)}
      .db-right{border-radius:0 8px 8px 0;box-shadow:inset 26px 0 30px -26px rgba(60,40,20,.22)}
      .db-left::before{content:'';position:absolute;top:0;bottom:0;left:48px;width:2px;background:var(--db-margin)}
      .db-spine{flex:0 0 2px;z-index:6;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.16) 12%,rgba(0,0,0,.16) 88%,rgba(0,0,0,.05))}
      .db-sect{margin:0 0 26px}
      .db-sect:last-child{margin-bottom:0}
      .db-sect>h2,.db-secthead h2{font:700 1.05rem/1.2 "Manrope",system-ui,sans-serif;color:var(--db-accent);margin:0 0 12px;display:flex;align-items:center;gap:8px}
      .db-secthead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;
        border-bottom:1.5px dashed var(--db-accent-soft);padding-bottom:8px}
      .db-secthead h2{margin:0}
      .db-secthead .db-sectacts{margin-left:auto;display:flex;gap:8px}
      .db-info{font-size:.8rem;color:var(--muted)}
      .db-tpllab{font-size:.8rem;color:var(--muted);margin:0;display:flex;align-items:center;gap:6px}
      .db-tpllab select{width:128px}
      .db-taskbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
      .db-taskbar input#tk-text{flex:1;min-width:160px}
      .db-taskbar input#tk-date{width:140px}
      .db-taskbar input#tk-time{width:100px}
      .db-taskbar select#tk-prio{width:132px}
      .db-remind{display:flex;align-items:center;gap:5px;margin:0;font-size:.8rem;font-weight:700;cursor:pointer}
      .db-remind input{flex:none}
      .db-taskio{display:flex;gap:8px;margin-top:10px}
      /* efekt knihy — prelistovanie stránky */
      .db-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:20;display:none;pointer-events:none;
        border:1px solid rgba(60,40,20,.12);backface-visibility:hidden;background-color:var(--db-paper);
        background-image:repeating-linear-gradient(0deg,transparent 0,transparent 33px,var(--db-line) 34px)}
      .db-leaf.on{display:block}
      .db-leaf.turn-fwd{left:50%;transform-origin:left center;border-radius:0 8px 8px 0;
        box-shadow:-10px 0 22px -8px rgba(0,0,0,.28);animation:leafFwd .58s cubic-bezier(.4,.05,.35,1) forwards}
      .db-leaf.turn-back{left:0;transform-origin:right center;border-radius:8px 0 0 8px;
        box-shadow:10px 0 22px -8px rgba(0,0,0,.28);animation:leafBack .58s cubic-bezier(.4,.05,.35,1) forwards}
      @keyframes leafFwd{0%{transform:rotateY(0);filter:brightness(1)}50%{filter:brightness(.93)}100%{transform:rotateY(-172deg);filter:brightness(1)}}
      @keyframes leafBack{0%{transform:rotateY(0);filter:brightness(1)}50%{filter:brightness(.93)}100%{transform:rotateY(172deg);filter:brightness(1)}}
      @media (prefers-reduced-motion:reduce){.db-leaf{display:none!important}}
      @media (max-width:860px){
        .db-spread{flex-direction:column}
        .db-spine{display:none}
        .db-left,.db-right{border-radius:8px;box-shadow:none;padding-left:44px}
        .db-left::before{left:30px}
        .db-leaf{display:none!important}
        .db-page+.db-page{border-top:1px solid var(--line)}}
    
      /* ===== Diár smer C „List na papieri“ (CEO 14. 9. 2026 večer) — všetko s prefixom dr- ===== */
      .dr-wrap{display:grid;grid-template-columns:minmax(0,720px) 236px;gap:36px;align-items:start;justify-content:center;max-width:1040px;margin:0 auto;padding-bottom:40px}
      .dr-main{min-width:0}
      .dr-topline{display:flex;align-items:center;gap:18px;margin:0 0 12px;position:relative;z-index:31}
      .dr-search{flex:1;display:flex;align-items:center;gap:8px;color:var(--muted);border-bottom:1px solid transparent;padding:4px 2px;margin:0;font-weight:500;transition:border-color .15s}
      .dr-search:focus-within{border-bottom-color:var(--line-2);color:var(--ink-2)}
      .dr-search input{flex:1;min-width:0;border:none;background:none;margin:0;padding:4px 0;font:500 .9rem/1.4 "Manrope",system-ui,sans-serif;color:var(--ink);box-shadow:none;border-radius:0;-webkit-appearance:none}
      .dr-search input:focus{outline:none;box-shadow:none}
      .dr-search input::placeholder{color:var(--muted)}
      .dr-search input::-webkit-search-cancel-button{display:none}
      .dr-qx{background:none;border:none;color:var(--muted);cursor:pointer;padding:2px;display:inline-flex;border-radius:6px}
      .dr-qx:hover{color:var(--ink)}
      .dr-daynav{display:flex;align-items:center;gap:14px;flex:none}
      .dr-navbtn{background:none;border:none;color:var(--muted);font:600 .8rem "Manrope",system-ui,sans-serif;cursor:pointer;padding:4px 2px;white-space:nowrap;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px}
      .dr-navbtn:hover{color:var(--ink)}
      .dr-dnes.akt{color:var(--ink)}
      /* CEO 15. 9. ráno: „Nie tri farebné panely. Karty.“ — biele karty s tenkým okrajom na papieri, veľa ticha medzi nimi,
         farba len na zvýraznenie stavu (farebný manuál: smaragd = akcia, zlatá = čas, citrón = značka, červená = po termíne) */
      .dr-sheet{background:none;border-radius:0;padding:0;min-height:0;position:relative}
      /* CEO 15. 9. ~10:30: „karty áno, ale nie bezfarebné — výraznejšie farby z nášho loga, zelenú, žltú, a výraznejšie písmo“
         → každá karta má farebný vrch a farebný nadpis: Deň a Úlohy smaragd, Zápis a Nálepky citrón (nadpis zlatou, aby bol čitateľný) */
      #dg-head.dr-info,.dr-write,.dr-tasks,.dr-notes{background:var(--card);border:1px solid var(--line-2);border-top:5px solid var(--acc);border-radius:16px;padding:22px 28px 22px}
      #dg-head.dr-head.dr-info{border:1px solid var(--line-2);border-top:5px solid var(--acc);padding:22px 28px 22px}
      .dr-write,.dr-notes{border-top-color:var(--cit)}
      .dr-tasks .dr-lbl,.dr-notes .dr-lbl,.dr-write .dr-lbl{border-top:none;padding-top:0;margin-bottom:14px}
      .dr-lbl{font-size:.82rem;font-weight:800;letter-spacing:.14em;color:var(--acc)}
      .dr-write .dr-lbl,.dr-notes .dr-lbl{color:var(--gold)}
      .dr-lbl .dr-lblc{color:var(--muted);font-weight:600}
      .dr-datewrap #dg-date{font-weight:700;font-size:1.85rem}
      .dr-txt{font-weight:600}
      .dr-sheet .dg-page{font-weight:600}
      .dr-meta{font-weight:600}
      .dr-okraj-h{color:var(--acc);font-size:.74rem;font-weight:800}
      .dr-tasks .dr-card{background:var(--paper-2)}
      #dr-vysledky{background:var(--card);border:1px solid var(--line-2);border-radius:16px;padding:28px 32px}
      .dr-stav{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em;margin-left:8px;vertical-align:middle}
      .dr-stav.dnes{background:color-mix(in srgb,var(--acc) 12%,var(--card));color:var(--acc)}
      .dr-stav.pozor{background:color-mix(in srgb,var(--gold) 16%,var(--card));color:var(--gold)}
      .dr-plus{width:26px;height:26px;border-radius:50%;border:1px solid var(--acc);background:var(--card);color:var(--acc);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:-5px}
      .dr-plus:hover{background:var(--acc);color:#fff}
      .dr-plus .ic{width:15px;height:15px}
      .nl-pop-ta{width:100%;margin:0;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:500 .9rem/1.45 "Manrope",system-ui,sans-serif;resize:vertical;background:var(--card)}
      .nl-pop-cols{display:flex;gap:6px;margin-top:8px}
      .nl-pop-cols i{width:16px;height:16px;border-radius:50%;cursor:pointer;border:1px solid rgba(0,0,0,.15);display:block}
      .nl-pop-cols i.on{outline:2px solid var(--ink);outline-offset:1px}
      .iee{display:grid;gap:10px;text-align:left}
      .iee label{display:flex;flex-direction:column;gap:4px;font-size:.74rem;font-weight:700;color:var(--ink-2);margin:0}
      .iee input,.iee textarea{margin:0;font-weight:500}
      .iee-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}
      .iee-datumy{grid-template-columns:repeat(2,minmax(0,200px))}
      /* menovky Kde a Čas od – do tým istým písmom ako Názov / Dátum / Popis (tie sú <label>, tieto obaľujú viac
         tlačidiel/polí, preto <span> — <label> okolo tlačidiel by klik na menovku poslal prvému tlačidlu) */
      .iee-lbl{display:block;font-size:.74rem;font-weight:700;color:var(--ink-2);margin:0 0 4px}
      .iee-farba{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
      .iee-chk{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:600!important;cursor:pointer}
      .iee-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
      .iee-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-2);border-radius:999px;padding:3px 6px 3px 10px;font-size:.82rem;font-weight:600;background:var(--paper-2)}
      .iee-chip button{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 2px;display:inline-flex;line-height:1}
      .iee-chip button:hover{color:var(--err)}
      .iee-sel{margin:0;width:100%;font-weight:600}
      .iee-nalepky{border-top:1px solid var(--line);padding-top:10px}
      .iee-nl-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
      .iee-nl{border-radius:8px;background:var(--paper-2);padding:6px 8px 6px 10px;margin-top:6px}
      .iee-nl textarea{width:100%;margin:0;border:none;background:none;padding:2px 0;font:500 .9rem/1.45 "Manrope",system-ui,sans-serif;resize:vertical;box-shadow:none}
      .iee-nl textarea:focus{outline:none;box-shadow:none}
      .iee-nl-acts{display:flex;gap:12px;margin-top:4px}
      .iee-chk input{width:auto}
      @media (max-width:520px){.iee-row{grid-template-columns:1fr 1fr}}
      .dr-lbl{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;padding-top:0;border-top:none;display:flex;align-items:baseline;gap:8px}
      .dr-lblc{font-weight:500;letter-spacing:.04em;text-transform:none;color:var(--muted)}
      #dr-den.dr-in{animation:drIn .18s ease-out}
      @keyframes drIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
      @media (prefers-reduced-motion:reduce){#dr-den.dr-in{animation:none}}
      #dg-head.dr-head{margin:0;padding:0;border-bottom:none}
      .dr-datewrap #dg-date{font:500 1.65rem/1.25 "Manrope",system-ui,sans-serif;color:var(--ink);letter-spacing:-.01em;margin:0}
      .dr-datewrap{display:flex;align-items:center;gap:8px;position:relative}
      .dr-datewrap h2{margin:0;font:400 1.6rem/1.25 "Manrope",system-ui,sans-serif;color:var(--ink);letter-spacing:-.01em}
      .dr-datebtn{opacity:0;transition:opacity .15s}
      .dr-datewrap:hover .dr-datebtn,.dr-datebtn:focus{opacity:1}
      @media(hover:none){.dr-datebtn{opacity:.6}}
      .dr-datein{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;margin:0;padding:0;border:none;pointer-events:none}
      .dr-meta{color:var(--muted);font-size:.86rem;line-height:1.6;margin-top:2px}
      .dr-meta .dr-cz{opacity:.75}
      .dr-hols{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
      .dr-hols .dgx-hol{background:none!important;color:var(--ink-2);box-shadow:none;padding:0;font-weight:600;font-size:.8rem}
      .dr-rano{color:var(--muted);font-size:.9rem;line-height:1.6;margin-top:22px;max-width:62ch}
      .dr-rano:empty{display:none}
      .dr-stretnutia{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:10px}
      .dr-stretnutia:empty{display:none}
      .dr-str{background:none;border:none;color:var(--muted);font:500 .88rem/1.8 "Manrope",system-ui,sans-serif;cursor:pointer;padding:0;text-align:left;font-variant-numeric:tabular-nums;display:inline}
      .dr-str .ic{vertical-align:-2px;margin-left:4px}
      .dr-str:hover{color:var(--ink)}
      .dr-str.zap{color:var(--ink-2)}
      .dr-str .ic{opacity:0;transition:opacity .15s}
      .dr-str:hover .ic{opacity:1}
      .dr-viac{margin-top:14px;font-size:.86rem;color:var(--ink-2);border:none;background:none;padding:0;border-radius:0}
      .dr-viac[open]{padding:0}
      .dr-viac summary{cursor:pointer;color:var(--muted);font-size:.74rem;font-weight:600;letter-spacing:.04em;list-style:none;padding:2px 0}
      .dr-viac summary::-webkit-details-marker{display:none}
      .dr-viac summary::before{content:'+ '}
      .dr-viac[open] summary::before{content:'– '}
      .dr-viacmeta{margin:8px 0 4px;color:var(--muted);font-size:.82rem}
      .dr-viac #dg-quote{margin:10px 2px 0;font-size:.95rem;border-left-color:var(--line-2)}
      .dr-viac .db-persobar{margin:12px 0 0;background:none;border:none;padding:0}
      .dr-tagy{margin:0 0 14px 12px;font-size:.84rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
      .dr-tagy:empty{display:none}
      .dr-tagbtn{background:none;border:none;color:var(--muted);cursor:pointer;font:500 .84rem "Manrope",system-ui,sans-serif;padding:0;display:inline-flex;align-items:center;gap:6px}
      .dr-tagbtn:hover{color:var(--ink-2)}
      .dr-tagbtn.akt{color:var(--ink)}
      .dr-tagbtn i{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}
      .dr-write{margin-top:20px}
      .dr-tasks{margin-top:20px}
      .dr-sheet .dg-pageblock .dr-pageproj{position:absolute;right:0;top:-2px;border:none;background:none;color:var(--muted);font:600 .72rem "Manrope",system-ui,sans-serif;padding:2px 0;max-width:180px;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:right;opacity:.55}
      .dr-sheet .dg-pageblock:hover .dr-pageproj,.dr-sheet .dg-pageblock:focus-within .dr-pageproj,.dr-sheet .dg-pageblock .dr-pageproj.ma{opacity:1}
      .dr-sheet .dg-pageblock .dr-pageproj:focus{outline:none;box-shadow:none}
      .dr-sheet .dg-pageblock .dg-page{padding-right:0}
      .dr-proj{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid var(--line)}
      .dr-proj:first-child{border-top:none;padding-top:0}
      .dr-proj i{width:7px;height:7px;border-radius:50%;flex:none}
      .dr-proj .n{flex:1;background:none;border:none;text-align:left;color:var(--ink-2);font:500 .84rem "Manrope",system-ui,sans-serif;cursor:pointer;padding:0}
      .dr-proj .n:hover,.dr-proj .n.akt{color:var(--ink)}
      .dr-proj .c{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}
      .dr-proj .dr-lnk{opacity:0}
      .dr-proj:hover .dr-lnk{opacity:1}
      @media(hover:none){.dr-proj .dr-lnk{opacity:1}}
      .dr-projnew input{width:100%;margin:8px 0 0;border:none;border-bottom:1px solid var(--line);background:none;padding:6px 0;font:500 .84rem "Manrope",system-ui,sans-serif;color:var(--ink);box-shadow:none;border-radius:0}
      .dr-projnew input:focus{outline:none;box-shadow:none;border-bottom-color:var(--line-2)}
      .dr-projnew input::placeholder{color:var(--muted)}
      .dr-sheet .dg-pageblock{position:relative}
      .dr-sheet .dg-pageblock+.dg-pageblock{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
      .dr-sheet .dg-pageblock .pg{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
      .dr-sheet .dg-page{width:100%;border:none;border-radius:0;padding:0;font:500 1.02rem/30px "Manrope",system-ui,sans-serif;color:var(--ink);min-height:120px;
        background:none;resize:none;overflow:hidden;caret-color:var(--acc);box-shadow:none}
      .dr-sheet .dg-page:focus{outline:none;box-shadow:none;border:none}
      .dr-sheet .dg-page::placeholder{color:var(--muted)}
      .dr-tools{display:flex;gap:4px;align-items:center;margin-top:6px;opacity:.4;transition:opacity .15s}
      .dr-write:hover .dr-tools,.dr-write:focus-within .dr-tools{opacity:1}
      @media(hover:none){.dr-tools{opacity:1}}
      .dr-ikona{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:8px;display:inline-flex;align-items:center;line-height:1}
      .dr-ikona:hover{background:var(--paper-2);color:var(--ink)}
      .dr-ikona:disabled{opacity:.4;cursor:default}
      .dr-quiet{background:none;border:none;color:var(--muted);font:600 .76rem "Manrope",system-ui,sans-serif;cursor:pointer;padding:4px 6px;border-radius:8px}
      .dr-quiet:hover{background:var(--paper-2);color:var(--ink)}
      .dr-quietinfo{color:var(--muted);font-size:.74rem;margin-left:4px}
      .dr-summary{white-space:pre-wrap;color:var(--ink-2);font-size:.92rem;line-height:1.65;margin-top:14px;padding:12px 0 0;border-top:1px solid var(--line)}
      .dr-ul{display:flex;align-items:flex-start;gap:12px;padding:5px 0 5px 12px;position:relative;font-variant-numeric:tabular-nums}
      .dr-pruh{position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:1px}
      .dr-kr{width:16px;height:16px;border:1px solid var(--ink-2);border-radius:50%;flex:none;margin-top:7px;background:none;cursor:pointer;padding:0;transition:background .3s,border-color .3s}
      .dr-kr:hover{border-color:var(--acc)}
      .dr-kr.dashed{border:1px dashed var(--line-2);cursor:default}
      .dr-ul.done .dr-kr{background:var(--acc);border-color:var(--acc)}
      .dr-ul.done .dr-txt{color:var(--muted)}
      .dr-t{flex:1;min-width:0;line-height:30px}
      .dr-txt{color:var(--ink);font-size:1rem;cursor:text;transition:color .3s}
      .dr-tag{color:var(--muted)}
      .dr-dov{display:block;color:var(--muted);font-size:.8rem;line-height:1.5;margin:-6px 0 2px}
      .dr-dov .over{color:var(--err)}
      .dr-lnk{background:none;border:none;color:var(--ink-2);font:600 .78rem "Manrope",system-ui,sans-serif;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
      .dr-lnk:hover{color:var(--ink);text-decoration-color:var(--ink)}
      .dr-lnk:disabled{opacity:.5;cursor:default}
      .dr-cas{color:var(--muted);font-size:.9rem;line-height:30px;flex:none;min-width:40px;text-align:right}
      .dr-kal{background:none;border:none;color:var(--line-2);cursor:pointer;padding:0;margin-top:5px;flex:none;display:inline-flex;opacity:0;transition:opacity .15s,color .3s}
      .dr-ul:hover .dr-kal,.dr-ul:focus-within .dr-kal,.dr-kal.on,.dr-kal.zr{opacity:1}
      .dr-kal.na{color:var(--muted)}
      .dr-kal.on{color:var(--acc)}
      .dr-kal.zr{color:var(--err)}
      .dr-kal:hover{color:var(--ink)}
      @media(hover:none){.dr-kal{opacity:1}}
      .dr-empty{color:var(--muted);font-size:.9rem;margin:4px 0 0 12px}
      .dr-vlakno{color:var(--muted);font-size:.84rem;margin:0 0 6px 12px}
      .dr-vlakno b{color:var(--ink);font-weight:600}
      .dr-hromadne{margin:6px 0 0 40px}
      .dr-fold,.dr-fold[open]{margin-top:6px;border:none;background:none;padding:0;border-radius:0}
      .dr-fold summary{font-size:.8rem;color:var(--muted);cursor:pointer;list-style:none;padding:6px 0 6px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
      .dr-fold summary::-webkit-details-marker{display:none}
      .dr-fold summary:hover{color:var(--ink-2)}
      .dr-card{margin:2px 0 10px 40px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);display:grid;gap:10px}
      .dr-card input,.dr-card select{margin:0}
      .dr-card .dr-card-text{width:100%;font:500 .95rem "Manrope",system-ui,sans-serif}
      .dr-card-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
      .dr-card-row label{display:flex;flex-direction:column;gap:3px;font-size:.7rem;color:var(--muted);font-weight:600;margin:0}
      .dr-card-row label.dr-chk{flex-direction:row;align-items:center;gap:6px;padding-bottom:8px}
      .dr-card-row input[type=date]{width:150px}.dr-card-row input[type=time]{width:110px}.dr-card-row select{width:140px}
      .dr-card-acts{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
      .dr-card-acts .dr-quiet.danger{color:var(--err)}
      .dr-card-acts .btn{margin-right:6px}
      .dr-card-kal{color:var(--muted);font-size:.8rem;line-height:1.5}
      .dr-newtask{display:flex;align-items:center;gap:12px;padding:8px 0 0 12px;margin-top:4px;border-top:1px dashed var(--line-2)}
      .dr-newtask input{flex:1;min-width:0;margin:0;border:none;background:none;padding:6px 0;font:500 1rem/30px "Manrope",system-ui,sans-serif;box-shadow:none;border-radius:0;color:var(--ink);caret-color:var(--acc)}
      .dr-newtask input:focus{outline:none;box-shadow:none}
      .dr-newtask input::placeholder{color:var(--muted)}
      .dr-rozp{color:var(--muted);font-size:.8rem;padding-left:40px;line-height:1.5}
      .dr-rozp:empty{display:none}
      .dr-taskio{margin-top:12px;display:flex;gap:2px;opacity:.45;transition:opacity .15s}
      .dr-taskio:hover{opacity:1}
      .dr-notes{margin-top:20px}
      .dr-sheet #nb-board{min-height:0;border:none;background:none;padding:0;justify-content:flex-start;align-items:flex-start}
      .dr-sheet .nb-hint{background:none;padding:0;text-align:left;max-width:none;font-size:.8rem;color:var(--muted)}
      .dr-okraj{padding:64px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}
      .dr-okraj-h{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
      .dr-pren{padding:8px 0;border-top:1px solid var(--line)}
      .dr-pren:first-child{border-top:none;padding-top:0}
      .dr-pren .kedy{color:var(--ink);font-variant-numeric:tabular-nums}
      .dr-pren b{color:var(--ink-2);font-weight:500}
      .dr-pren.zr .kedy{color:var(--err)}
      .dr-pren .dr-lnk{margin-right:8px}
      .dr-okraj-pozn{margin-top:14px;color:var(--muted)}
      .dr-vys-h{color:var(--muted);font-size:.86rem;margin-bottom:6px}
      .dr-vys-h b{color:var(--ink);font-weight:600}
      .dr-vys-den{margin-top:20px}
      .dr-vys-d{color:var(--muted);font-size:.78rem;font-weight:600;margin-bottom:2px;font-variant-numeric:tabular-nums}
      .dr-vys-item{display:block;width:100%;text-align:left;background:none;border:none;padding:3px 0;font:500 .95rem/1.55 "Manrope",system-ui,sans-serif;color:var(--muted);cursor:pointer}
      .dr-vys-item b{color:var(--ink);font-weight:600}
      .dr-vys-item:hover{color:var(--ink-2)}
      .dr-vys-item .cas{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-right:6px}
      .dr-vys-typ{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:8px}
      .dr-dnesline{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;margin:24px 0 2px}
      .dr-dnesline::before,.dr-dnesline::after{content:'';flex:1;height:1px;background:var(--line-2)}
      @media print{.dr-topline,.dr-okraj,.dr-tools,.dr-taskio,.dr-kal,.dr-newtask,.sidebar,.topbar{display:none!important}.dr-sheet{padding:0}}
      @media (max-width:1100px){
        .dr-wrap{grid-template-columns:minmax(0,720px)}
        .dr-okraj{padding:18px 4px 0}}
      @media (max-width:760px){
        #dg-head.dr-info,.dr-write,.dr-tasks,.dr-notes{padding:16px 16px 14px;border-radius:12px}
        #dr-vysledky{padding:16px}
        .dr-topline{flex-direction:column;align-items:stretch;gap:6px}
        .dr-daynav{justify-content:space-between}
        .dr-card{margin-left:0}
        .dr-datewrap h2{font-size:1.4rem}
        .dr-rozp,.dr-hromadne{padding-left:0;margin-left:0}}

      /* ===== Okná — dielňa (CEO 15. 9. 2026 večer): mriežka 6 stĺpcov, okno = plný rám + farebná hlavička podľa DRUHU
         (Zápis citrón, Prúd svetlý citrón, Úlohy smaragd, Nálepky čierna, Projekty zlatá, Kalendár čiernobiela,
         Časomiera tmavý smaragd); sýtosť tichý/stredný/výrazný mení len mieru, nie farbu; paleta hore; stretnutia dňa
         hore; polička pre minimalizované; celá obrazovka + sústredenie; rozloženie na účte. Ten istý motor v Kalendári. */
      .ok-page{--ok-rh:300px;--ok-gap:14px;max-width:1400px;margin:0 auto}
      .ok-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;position:relative;z-index:31}
      .ok-top .dr-search{flex:1 1 240px;min-width:180px}
      .ok-paleta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
      .ok-lbl{font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:4px;display:inline-flex;align-items:center;gap:6px}
      .ok-sep{width:1px;height:22px;background:var(--line-2);margin:0 6px}
      .druh-citron{--okc:var(--cit);--okt:#1B1C19;--okq:var(--gold)}
      .druh-prud{--okc:color-mix(in srgb,var(--cit) 45%,var(--card));--okt:#1B1C19;--okq:var(--gold)}
      .druh-smaragd{--okc:var(--acc);--okt:#fff;--okq:var(--acc)}
      .druh-cierna{--okc:var(--ink);--okt:var(--cit);--okq:var(--ink)}
      .druh-zlata{--okc:var(--gold);--okt:#1B1C19;--okq:var(--gold)}
      .druh-kalendar{--okc:var(--ink);--okt:#fff;--okq:var(--ink)}
      .druh-cas{--okc:#0B5C43;--okt:#fff;--okq:#0B5C43}
      .druh-seda{--okc:var(--ink-2);--okt:#fff;--okq:var(--ink-2)}
      .ok-chip{min-height:24px;border:1.5px solid var(--okc);background:var(--card);color:var(--okq);border-radius:999px;padding:4px 12px;font:700 .76rem "Manrope",system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:5px;line-height:1.3}
      .ok-chip.on{background:var(--okc);color:var(--okt);border-color:var(--okc)}
      .ok-chip.off{border-style:dashed;border-color:var(--line-2);color:var(--muted)}
      /* úloha 122 (14. 10.): na telefóne aspoň 40 px na ťuk — pravidlo musí byť ZA základným .ok-chip, inak ho prebije */
      @media (max-width:767px){ .ok-chip{min-height:40px;padding:8px 14px} .ok-mini{min-width:40px;min-height:40px} }
      .ok-chip.polica{border-style:dotted;background:var(--card);color:var(--okq)}
      .ok-chip:hover{filter:brightness(.96)}
      .ok-rozl select{margin:0;padding:4px 26px 4px 8px;font-size:.78rem;font-weight:700;width:auto;min-width:0;border-radius:999px;text-transform:none;letter-spacing:0}
      .ok-mini{background:none;border:1px solid var(--line-2);border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;padding:0}
      .ok-mini:hover{color:var(--ink);border-color:var(--ink-2)}
      .ok-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden}
      .ok-seg button{background:none;border:none;padding:4px 10px;font:700 .72rem "Manrope",system-ui,sans-serif;color:var(--muted);cursor:pointer}
      .ok-seg button.on{background:var(--ink);color:var(--card)}
      .ok-den{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border:1px solid var(--line-2);border-radius:14px;background:var(--card)}
      .ok-den .dr-datewrap h2{font-size:1.25rem;font-weight:600}
      .ok-den .dr-meta,.ok-den .dr-hols{margin:0}
      .ok-stret{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 100%}
      .ok-stret .dr-stretnutia{margin:0;gap:6px}
      .ok-stret .dr-str{border:1px solid var(--line-2);border-radius:999px;padding:3px 11px;background:var(--paper-2);color:var(--ink);font-size:.82rem;line-height:1.5}
      .ok-stret .dr-str.zap{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,var(--card))}
      .ok-stret .dr-rano{margin:0;font-size:.82rem;max-width:none}
      .ok-den .dr-viac{margin:0;flex:1 1 100%}
      .ok-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(48px,auto);grid-auto-flow:row;gap:var(--ok-gap);align-items:start}
      .ok-grid,.ok-paleta,.ok-polica{--okc:var(--ink);--okt:var(--card);--okq:var(--ink)}
      .ok-tile{--h:1;position:relative;display:flex;flex-direction:column;min-width:0;height:calc(var(--ok-rh)*var(--h) + var(--ok-gap)*(var(--h) - 1));background:var(--card);border-radius:14px;overflow:hidden;border:2px solid var(--okc);outline:none}
      .ok-head{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;background:var(--okc);color:var(--okt);flex:none;user-select:none;min-height:38px}
      .ok-head[draggable="true"]{cursor:grab}
      .ok-head .ok-uch{display:inline-flex;opacity:.55}
      .ok-titul{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
      .ok-pocet{font-size:.72rem;font-weight:700;opacity:.8;white-space:nowrap}
      .ok-info{margin-left:auto;font-size:.72rem;font-weight:600;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px}
      .ok-info .ok-nav{background:none;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:999px;color:inherit;cursor:pointer;padding:1px 7px;font:700 .7rem "Manrope",system-ui,sans-serif;display:inline-flex;align-items:center}
      .ok-akcie{display:inline-flex;gap:2px;flex:none;opacity:.55;transition:opacity .15s}
      .ok-tile:hover .ok-akcie,.ok-tile:focus-within .ok-akcie{opacity:1}
      .ok-akcie button{background:none;border:none;color:inherit;cursor:pointer;padding:3px;border-radius:7px;display:inline-flex;line-height:1}
      .ok-akcie button:hover{background:rgba(255,255,255,.22)}
      .ok-body{flex:1;min-height:0;overflow:auto;padding:12px 14px 14px;position:relative}
      .ok-body>.dr-write,.ok-body>.dr-tasks,.ok-body>.dr-notes{background:none;border:none;border-top:none;padding:0;margin:0;border-radius:0}
      .ok-body .dr-lbl{display:none}
      .ok-body .dr-projnew input{margin-top:6px}
      .ok-tile.zbalene{height:auto;grid-row:span 1!important;align-self:start}
      .ok-tile.zbalene .ok-body,.ok-tile.zbalene .ok-roh{display:none}
      .ok-roh{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,var(--okc) 50%);opacity:.7}
      .ok-tile.taham{opacity:.45}
      .ok-tile.ciel-pred{box-shadow:-6px 0 0 0 var(--acc)}
      .ok-tile.ciel-za{box-shadow:6px 0 0 0 var(--acc)}
      .ok-tile.meni{outline:2px dashed var(--acc);outline-offset:2px}
      [data-sytost="tichy"] .ok-tile{border:1px solid var(--line-2)}
      [data-sytost="tichy"] .ok-head{background:var(--card);color:var(--okq);border-bottom:1px solid var(--line)}
      [data-sytost="tichy"] .ok-akcie button:hover{background:var(--paper-2)}
      [data-sytost="tichy"] .ok-roh{opacity:.35}
      [data-sytost="vyrazny"] .ok-body{background:color-mix(in srgb,var(--okc) 7%,var(--card))}
      [data-sytost="vyrazny"] .ok-tile{box-shadow:var(--shadow-s)}
      .ok-tile.cela{position:fixed;inset:0;top:var(--ok-cela-top,0px);z-index:41;height:auto!important;border-radius:0;border-width:0}
      .ok-tile.cela .ok-roh{display:none}
      .ok-tile.cela .ok-body{padding:22px clamp(16px,6vw,80px) 60px}
      .ok-tile.cela.sustredenie .ok-body{max-width:80ch;margin:0 auto;width:100%;padding-top:48px}
      .ok-tile.cela.sustredenie .dg-page{font-size:1.12rem;line-height:34px}
      .ok-tile.cela.sustredenie .dr-tools,.ok-tile.cela.sustredenie .dr-summary{opacity:0;transition:opacity .2s}
      .ok-tile.cela.sustredenie .ok-body:hover .dr-tools,.ok-tile.cela.sustredenie .ok-body:focus-within .dr-tools,.ok-tile.cela.sustredenie .ok-body:hover .dr-summary{opacity:.75}
      .ok-tile.cela.sustredenie .ok-head{background:var(--card);color:var(--okq);border-bottom:1px solid var(--line)}
      body.ok-cela-on .cm-mini{display:none}
      .ok-polica{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 0;padding:8px 12px;border:1px dashed var(--line-2);border-radius:12px}
      .ok-pop{position:fixed;z-index:60;background:var(--card);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:200px;display:grid}
      .ok-pop button{background:none;border:none;text-align:left;padding:7px 10px;border-radius:8px;font:600 .82rem "Manrope",system-ui,sans-serif;color:var(--ink);cursor:pointer}
      .ok-pop button:hover{background:var(--paper-2)}
      .ok-pop button.zle{color:var(--err)}
      .ok-pop hr{border:none;border-top:1px solid var(--line);margin:4px 0}
      .ok-prud{display:flex;flex-direction:column}
      .ok-pr{display:flex;gap:10px;padding:5px 0;border-bottom:1px solid var(--line);font-size:.86rem}
      .ok-pr .t{font-variant-numeric:tabular-nums;color:var(--muted);width:44px;flex:none;font-weight:700}
      .ok-pr .c{flex:1;min-width:0;color:var(--ink)}
      .ok-pr .c small{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
      .ok-pr.zap .c{color:var(--ink-2)} .ok-pr.cas .c{color:#0B5C43} .ok-pr.ul.po .c{color:var(--err)}
      .ok-prud-in{display:flex;gap:10px;align-items:center;margin-top:8px}
      .ok-prud-in .t{font-variant-numeric:tabular-nums;color:var(--muted);width:44px;flex:none;font-weight:700;font-size:.86rem}
      .ok-prud-in input{flex:1;margin:0;border:none;border-bottom:1px solid var(--line-2);border-radius:0;background:none;padding:6px 0;box-shadow:none;font:500 .92rem "Manrope",system-ui,sans-serif}
      .ok-prud-in input:focus{outline:none;box-shadow:none;border-bottom-color:var(--acc)}
      .ok-kal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:100%}
      .ok-kal.bez-vikendu{grid-template-columns:repeat(5,minmax(0,1fr))}
      .ok-kd{border:1px solid var(--line);border-radius:10px;padding:6px;min-width:0;cursor:pointer;background:var(--card);overflow:hidden}
      .ok-kd:hover{border-color:var(--ink-2)}
      .ok-kd.vybrany{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
      .ok-kd .h{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem;color:var(--muted);margin-bottom:4px}
      .ok-kd .h b{color:var(--ink);font-size:.9rem}
      .ok-kd.dnes .h b{background:var(--cit);color:#1B1C19;border-radius:999px;padding:0 7px}
      .ok-ev{font-size:.7rem;line-height:1.35;padding:2px 5px;border-radius:5px;margin-top:3px;background:color-mix(in srgb,var(--c) 22%,var(--card));border-left:3px solid var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
      .ok-ev span{font-weight:700;font-variant-numeric:tabular-nums}
      .ok-ev.prazdny{background:none;border:none;color:var(--muted);text-align:center}
      .ok-cas{display:flex;align-items:center;gap:14px}
      .ok-cas svg{width:92px;height:92px;flex:none;transform:rotate(-90deg)}
      .ok-cas .trk{fill:none;stroke:var(--line);stroke-width:7} .ok-cas .prg{fill:none;stroke:var(--acc);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
      .ok-cas.pozor .prg{stroke:var(--gold)} .ok-cas.hotovo .prg,.ok-cas.nadcas .prg{stroke:var(--err)}
      .ok-cas-t b{display:block;font-size:2rem;font-weight:300;letter-spacing:.02em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
      .ok-cas-t span{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
      .ok-cas.hotovo .ok-cas-t b,.ok-cas.nadcas .ok-cas-t b{color:var(--err)}
      .ok-cas-k{font-size:.8rem;color:var(--ink-2);margin-top:6px;min-height:1em}
      .ok-cas-akcie{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
      .ok-cas-pre button{border:1px solid var(--line-2);background:var(--card);border-radius:999px;padding:3px 9px;font:700 .72rem "Manrope",system-ui,sans-serif;cursor:pointer;margin-left:3px;color:var(--ink-2)}
      .ok-cas-pre button:hover{border-color:var(--acc);color:var(--acc)}
      .ok-cas-pozn{display:flex;flex-direction:column;gap:3px;margin:10px 0 0;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
      .ok-cas-pozn input{margin:0;font:500 .9rem "Manrope",system-ui,sans-serif;text-transform:none;letter-spacing:0}
      .ok-cas-hot{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
      .ok-cas-hot b{display:block;margin-bottom:6px;font-size:.92rem}
      .ok-cas-hot input{width:100%;margin:0 0 8px}
      .ok-cas-hot .row{display:flex;gap:6px;flex-wrap:wrap}
      .okc-wrap{display:flex;gap:16px;align-items:flex-start}
      .okc-wrap>.cal-card{flex:1;min-width:0}
      .okc-side{width:360px;flex:none;--ok-rh:250px;--ok-gap:12px}
      .okc-side .ok-grid{grid-template-columns:1fr}
      .okc-side .ok-tile{grid-column:1!important;height:auto;min-height:calc(var(--ok-rh)*var(--h))}
      .okc-side .ok-tile .ok-body{max-height:calc(var(--ok-rh)*var(--h) + 140px)}
      .okc-side .ok-tile.zbalene{min-height:0}
      .ok-paleta-mini .ok-chip{padding:3px 10px;font-size:.72rem}
      .cal-line-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
      .cal-line-row .cal-line{margin:0;flex:1 1 320px}
      @media (max-width:1100px){ .okc-wrap{flex-direction:column} .okc-side{width:100%} }
      @media (max-width:760px){
        .ok-grid{grid-template-columns:1fr}
        .ok-tile{grid-column:1!important;grid-row:auto!important;height:auto;min-height:220px}
        .ok-roh,.ok-uch{display:none}
        .ok-top{gap:8px}
        .ok-tile.cela .ok-body{padding:14px 14px 40px}}