/* =============================================================================
   LIŠTA VIZUÁLNEHO EDITORA STÁLE OTVORENÁ (prerábka VE len pre rmfactory,
   Vojto 22. 10. 2026; záloha pred prerábkou: git tag zaloha-ve-2026-10-22)
   Najprv vľavo, v ten istý večer presunutá na pravú stranu (Vojto) - názvy
   súborov ostali.
   =============================================================================
   - Lišta (Objekt / Nastavenie sekcie / Organizátor) je pri otvorenom editore
     vpravo v karte Backendu, široká ako hlavné menu + podmenu, od úrovne plochy
     editora po spodok karty. Názov stránky a tlačidlá ostávajú nad ňou.
   - Plocha editora je vľavo vedľa nej a dá sa posúvať aj klikať (okno Filamentu
     modalClickThrough). Klik na objekt len vymení obsah Lišty.
   - Bez vybraného objektu je na jej mieste prázdna Lišta (.be-ve-lista-prazdna).
   - Krížik Lištu minimalizuje: 15 px čierny pás vpravo so zvislým názvom, klik
     naň ju znova otvorí (html.be-ve-lista-min).
   Polohu a odsadenie plochy počíta js/ve-lista-vlavo.js (premenné nižšie).
   ============================================================================= */
:root {
    --be-ve-lista-sirka-plna: calc(var(--be-rail-width, 100px) + var(--be-submenu-width, 250px));
    --be-ve-lista-sirka: var(--be-ve-lista-sirka-plna);
}

html.be-ve-lista-min {
    --be-ve-lista-sirka: 15px;
}

/* Plocha editora vedľa Lišty (odsadenie počíta skript - Lišta + 30 px). */
html.be-ve-lista-vlavo .fi-body .fi-page-content {
    padding-right: var(--be-ve-obsah-odsad, 380px) !important;
}

/* Tlačidlá hlavičky stránky končia na pravom okraji plochy (Uložiť zmeny pri okraji), vedľa Lišty.
   Hlavička končí pri Lište (nesiaha pod ňu) - môže byť nad oknami (roletka Funkcie nad kódom). */
/* Presah 12 px = od obsahu po okno Lišty (medzery 20 px, Trello fur43m25, 27. 10. 2026; js MEDZERA - (OKRAJ - VNUTRO)). */
html.be-ve-lista-vlavo .fi-body .fi-header {
    margin-right: calc(var(--be-ve-obsah-odsad, 380px) - 12px) !important;
    padding-right: 12px !important;
}

/* Okno Lišty: žiadna vrstva ani zámok - klikať a posúvať sa dá všade mimo Lišty. */
html.be-ve-lista-vlavo .fi-modal:has(.be-ve-dizajn-lista),
html.be-ve-lista-vlavo .fi-modal:has(.be-ve-dizajn-lista) .fi-modal-window-ctn {
    pointer-events: none !important;
    background: none !important;
}

html.be-ve-lista-vlavo .fi-modal:has(.be-ve-dizajn-lista) .fi-modal-close-overlay {
    display: none !important;
}

/* Stránka sa pri otvorenom editore posúva vždy - aj keď okno Filamentu (kód, otázka) nechá na
   html zámok overflow: hidden (Vojto 22. 10. 2026: obsah sa nedal posunúť nadol). */
/* :not(#…) zvýši prioritu nad pôvodné html:has(.fi-modal-open .be-ve-dizajn-lista), ktoré posun zamyká. */
html.be-ve-lista-vlavo:not(#be-ve-nic),
html.be-ve-lista-vlavo:not(#be-ve-nic) body {
    overflow-x: clip !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
}

/* Lišta a prázdna Lišta - rovnaké miesto a rám. */
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista,
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista.je-siroka,
.be-ve-lista-prazdna {
    pointer-events: auto;
    position: fixed !important;
    top: var(--be-ve-lista-hore, 157px) !important;
    bottom: var(--be-ve-lista-dole, 20px) !important;
    left: auto !important;
    right: var(--be-ve-lista-vpravo, 20px) !important;
    width: var(--be-ve-lista-sirka) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    /* Ľavý horný roh zaoblený, pravý horný ako roh karty (Lišta siaha po vrch karty). */
    border-radius: 10px 8px 0 0 !important;
    background: #FFFFFF;
    box-shadow: -4px 0 24px rgba(0, 0, 0, .12) !important;
}

html.be-ve-lista-vlavo .fi-body .be-ve-dizajn-lista .fi-modal-content .fi-grid > .fi-grid-col:first-child .be-lista-blok-hlavicka {
    border-radius: 10px 8px 0 0;
}

html.be-ve-lista-vlavo .be-ve-dizajn-lista .fi-modal-content {
    border-radius: 10px 8px 0 0;
}

/* Otvoriť na celú obrazovku pod textovým editorom (widget Text) - vrátené 23. 10. 2026 (Vojto):
   široká Lišta od ľavého po pravý okraj okna, výška ako prilepená Lišta; Zmenšiť ju vráti. */
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista.je-siroka {
    left: var(--be-ve-lista-vpravo, 20px) !important;
    width: auto !important;
}

/* Rám Lišty pod Lištou objektu - stále zobrazený, aby pri prepnutí objektu ostala
   hlavička na mieste; text prázdnej Lišty len bez vybraného objektu (je-prazdna). */
.be-ve-lista-prazdna {
    z-index: 30;
    display: none;
    flex-direction: column;
    overflow: hidden;
}

html.be-ve-lista-vlavo .be-ve-lista-prazdna.je-zobrazena {
    display: flex;
}

.be-ve-lista-prazdna:not(.je-prazdna) .be-ve-lista-prazdna-text {
    visibility: hidden;
}

.be-ve-lista-prazdna-hlavicka {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 20px 0 48px;
    border-radius: 10px 8px 0 0;
    background: #000000;
    font: 700 16px/1.2 "Open Sans", sans-serif;
    color: #FFFFFF;
}

.be-ve-lista-prazdna-zavriet {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: url("/icons/zrusit.svg") center / contain no-repeat;
    cursor: pointer;
}

.be-ve-lista-prazdna-text {
    margin: 0;
    padding: 20px;
    font: 400 14px/1.5 "Open Sans", sans-serif;
    color: #7F7F7F;
}

/* Minimalizovaná Lišta: 15 px čierny pás, názov zvisle, klik ju otvorí. */
html.be-ve-lista-min .fi-modal-window.be-ve-dizajn-lista,
html.be-ve-lista-min .be-ve-lista-prazdna {
    overflow: hidden !important;
    background: #000000 !important;
    cursor: pointer;
}

html.be-ve-lista-min .fi-modal-window.be-ve-dizajn-lista > *,
html.be-ve-lista-min .be-ve-lista-prazdna > * {
    visibility: hidden !important;
}

html.be-ve-lista-min .fi-modal-window.be-ve-dizajn-lista::after,
html.be-ve-lista-min .be-ve-lista-prazdna::after {
    content: attr(data-be-nadpis);
    position: absolute;
    top: 12px;
    left: 0;
    width: 15px;
    writing-mode: vertical-rl;
    white-space: nowrap;
    font: 700 11px/15px "Open Sans", sans-serif;
    color: #FFFFFF;
    pointer-events: none;
}

/* Mobil: Lišta cez celú šírku ako doteraz (bez odsadenia plochy). */
@media (max-width: 767px) {
    html.be-ve-lista-vlavo .fi-body .fi-page-content {
        padding-right: 16px !important;
    }

    html.be-ve-lista-vlavo:not(.be-ve-lista-min) .fi-modal-window.be-ve-dizajn-lista,
    html.be-ve-lista-vlavo:not(.be-ve-lista-min) .be-ve-lista-prazdna {
        right: 0 !important;
        width: 100% !important;
        border-radius: 0 !important;
    }
}

/* Štyri záložky: Obsah, Štýl, Pokročilé, Organizátor (Vojto 22. 10. 2026). */
.fi-body .be-lista-zalozky.be-lista-zalozky--4 {
    grid-template-columns: repeat(4, 1fr);
}

.fi-body .be-lista-zalozky--4 .be-lista-zalozka-tl {
    font-size: 12px;
}

/* Hlavička editora (Vojto 22. 10. 2026): Organizátor je 4. záložka Lišty - tlačidlo v hlavičke
   skryté; poradie rozlíšenia | Funkcie | Krok späť | Uložiť zmeny; vo Funkciách len Zobraziť
   kód a Nápoveda. */
html.be-ve-lista-vlavo .be-ve-rychle-tl[data-be-ve-zoradit],
html.be-ve-lista-vlavo .be-ve-funkcie-ponuka :is(.be-ve-pridat-widget, [data-be-ve-krok-spat], [data-be-ve-zoradit], .be-ve-funkcie-ciara) {
    display: none !important;
}

html.be-ve-lista-vlavo .be-ve-do-hlavicky .be-ve-funkcie {
    order: 2;
}

html.be-ve-lista-vlavo .be-ve-do-hlavicky .be-ve-rychle {
    order: 3;
}

/* Zobraziť kód z Funkcií (Vojto 22. 10. 2026): kód namiesto obsahu na mieste plochy editora -
   okno bez vrstvy, cez plochu od úrovne Lišty po spodok; obsah plochy je skrytý. */
html.be-ve-kod-v-ploche .fi-section:has(.be-ve-prekryv-znacka) .fi-section-content {
    visibility: hidden;
}

html.be-ve-kod-v-ploche .fi-modal:has(.be-ve-kod-okno) .fi-modal-close-overlay {
    display: none !important;
}

html.be-ve-kod-v-ploche .fi-modal:has(.be-ve-kod-okno) .fi-modal-window-ctn {
    pointer-events: none !important;
    background: none !important;
}

html.be-ve-kod-v-ploche .fi-modal-window.be-ve-kod-okno {
    pointer-events: auto;
    position: fixed !important;
    top: var(--be-ve-kod-hore, 157px) !important;
    bottom: var(--be-ve-lista-dole, 20px) !important;
    left: var(--be-ve-kod-vlavo, 50px) !important;
    width: var(--be-ve-kod-sirka, 1000px) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    display: flex !important;
    flex-direction: column;
    border-radius: 10px !important;
    box-shadow: none !important;
    border: 1px solid #E5E5E5;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-content {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

/* Medzery 20 px pod nadpisom a nad tlačidlami, pole kódu vyplní zvyšok; bez krížika
   (zatvára Skryť kód vo Funkciách alebo Zrušiť) - Vojto 22. 10. 2026. */
html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-close-btn {
    display: none !important;
}

/* Okno má hore 20 px (be-okno) - nadpis bez ďalšieho odsadenia. */
html.be-ve-kod-v-ploche .fi-modal-window.be-ve-kod-okno {
    gap: 0 !important;
    padding-bottom: 0 !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-content {
    overflow: hidden !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-header {
    min-height: 0 !important;
    padding: 0 20px !important;
}

/* Pole kódu má nad sebou 11 px (riadok ikony nápovedy) - spolu 20 px pod nadpisom. */
html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-content {
    padding: 9px 20px 0 !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .fi-modal-footer {
    margin: 0 !important;
    padding: 20px !important;
}

html.be-ve-kod-v-ploche .be-ve-kod-okno .be-ve-kod-pole {
    min-height: 0 !important;
    height: calc(100vh - var(--be-ve-kod-hore, 157px) - var(--be-ve-lista-dole, 20px) - var(--be-ve-kod-zvysok, 154px)) !important;
    resize: none;
}

/* Nadpisy nad dlaždicami s roletkou (Smer, Zvisle, Vodorovne, V riadku, Zalamovanie,
   Pretečenie, Poloha …): veľkosť písma ako popis v dlaždici, na stred dlaždice (Vojto 22. 10. 2026). */
.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label-col,
.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label-ctn,
.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.fi-body .be-ve-dizajn-lista .fi-fo-field:has(.be-volba) .fi-fo-field-label-content {
    font-size: 11px !important;
    white-space: nowrap;
}

/* Hlavička stránky (názov, Funkcie, Krok späť, Uložiť zmeny) ostáva pri posune hore vedľa Lišty
   (Vojto 22. 10. 2026) - namiesto pôvodného prilepeného pásu (be-ve-hlavicka-prichytena), ktorý sa
   pri otvorenej Lište skrýval. Pri otvorenom editore stále rovnako nízka, bez sivého podnadpisu -
   zmena výšky počas posunu by posunula obsah a posun hore by sa zasekol. Po odscrollovaní len tieň
   (html.be-ve-hlavicka-hore). */
html.be-ve-lista-vlavo .fi-body .fi-header {
    position: sticky !important;
    top: 0;
    z-index: 45;
    min-height: 0 !important;
    align-items: center !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background: #FFFFFF !important;
}

html.be-ve-lista-vlavo .fi-body .fi-header :is(.fi-header-subheading, .fi-header-subheading-ctn) {
    display: none !important;
}

/* Po odscrollovaní biely pás pod tlačidlami až po vrchnú hranu čiernej hlavičky Lišty (20 px, Trello
   fur43m25, 28. 10. 2026) - obsah editora pod ním nepresvitá; tieň je na spodku pásu. */
html.be-ve-lista-vlavo.be-ve-hlavicka-hore .fi-body .fi-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 20px;
    background: #FFFFFF;
    box-shadow: 0 6px 12px -8px rgba(0, 0, 0, .18);
    pointer-events: none;
}

html.be-ve-lista-vlavo.be-ve-hlavicka-prichytena .fi-body .fi-header .fi-header-actions-ctn > .fi-ac {
    position: static !important;
    visibility: visible !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Skript jadra (backend-formulare.js, zarovnaj) dorovnáva rámik editora 20 px pod hlavičku stránky
   podľa jej polohy na obrazovke - pri prilepenej hlavičke by pri každom posune pridal nad plochu
   ďalšie miesto (biela medzera, posun hore sa vracal). Plocha je 20 px pod hlavičkou aj bez neho. */
html.be-ve-lista-vlavo .fi-page-content .fi-grid-col:has(> .fi-sc-component > .fi-sc-section > .fi-section .be-ve-prekryv-znacka) {
    margin-top: 0 !important;
}

/* Rýchlosť (Vojto 22. 10. 2026): Lišta je samostatná oblasť rozloženia - merania medzier v Lište
   (beListaAkordeon) neprepočítavajú celú stránku s plochou editora (v Safari to trvalo desiatky sekúnd). */
html.be-ve-lista-vlavo .fi-modal-window.be-ve-dizajn-lista,
.be-ve-lista-prazdna {
    contain: layout style;
}

/* Široká Lišta (Otvoriť text na celú obrazovku): stály rám Lišty pod ňou sa skryje - inak
   by vpravo hore nad širokou Lištou ostal jeho čierny názov. */
html.be-ve-lista-vlavo:has(.fi-modal-window.be-ve-dizajn-lista.je-siroka) .be-ve-lista-prazdna {
    visibility: hidden !important;
}

/* ==========================================================================
   ZOZNAM WIDGETOV V LIŠTE (Vojto 27. 10. 2026, Trello fur43m25) - bez zvoleného
   objektu je v Lište zoznam widgetov (js/ve-lista-vlavo.js). Rám ako karty Lišty
   (css/backend-lista-karty.css): sivá plocha, čierna hlavička a skupiny ako
   zaoblené karty so zelenou hlavičkou.
   ========================================================================== */
.be-ve-lista-prazdna {
    box-sizing: border-box;
    gap: 8px;
    padding: 8px;
    border-radius: 10px !important;
    background: var(--be-lista-plocha, #F1F2F4) !important;
}

.be-ve-lista-prazdna-hlavicka {
    flex: none;
    border-radius: 10px;
}

.be-ve-lista-prazdna:has(.be-ve-paleta > *) .be-ve-lista-prazdna-text {
    display: none;
}

.be-ve-paleta {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: 20px;
}

.be-ve-lista-prazdna:not(.je-prazdna) .be-ve-paleta {
    visibility: hidden;
}

.be-ve-paleta-hladat {
    flex: none;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 14px 0 44px;
    border: 1px solid #000000;
    border-radius: 10px;
    background: #FFFFFF url("/icons/vyhladavanie.svg") 14px center / 18px 18px no-repeat;
    font: 400 14px "Open Sans", sans-serif;
    color: #000000;
    outline: none;
}

.be-ve-paleta-skupina {
    flex: none;
    border-radius: 10px;
    background: #FFFFFF;
    overflow: hidden;
}

.be-ve-paleta-skupina[hidden],
.be-ve-paleta-dlazdica[hidden] {
    display: none;
}

.be-ve-paleta-hlavicka {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    border: 0;
    background: #92C22D;
    font: 700 16px "Open Sans", sans-serif;
    color: #FFFFFF;
    text-align: left;
    cursor: pointer;
}

.be-ve-paleta-hlavicka::after {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    -webkit-mask: url("/icons/sipka-dole.svg") center / 14px 14px no-repeat;
    mask: url("/icons/sipka-dole.svg") center / 14px 14px no-repeat;
    transform: rotate(180deg);
    transition: transform .15s ease;
}

.be-ve-paleta-skupina.je-zbalena .be-ve-paleta-hlavicka::after {
    transform: none;
}

.be-ve-paleta-skupina.je-zbalena .be-ve-paleta-dlazdice {
    display: none;
}

.be-ve-paleta-dlazdice {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 20px 12px;
}

.be-ve-paleta-dlazdica {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 78px;
    padding: 10px 4px;
    border: 0;
    border-radius: 10px;
    background: #F4F4F6;
    font: 400 12px/1.25 "Open Sans", sans-serif;
    color: #000000;
    text-align: center;
    cursor: grab;
    user-select: none;
}

.be-ve-paleta-dlazdica:hover {
    background: #E8E8EB;
}

.be-ve-paleta-dlazdica.je-pridava {
    background: #7F7F7F;
    color: #FFFFFF;
}

.be-ve-paleta-ikona {
    width: 24px;
    height: 24px;
    flex: none;
}

/* Kým sa widget vkladá, zoznam sa nedá klikať (jedna požiadavka naraz). */
.be-ve-lista-prazdna.je-pridava .be-ve-paleta {
    pointer-events: none;
}

/* Prvý nábeh zoznamu - progress bar. */
.be-ve-paleta-nacitava {
    margin: 20px 12px;
    height: 6px;
    border-radius: 3px;
    background: #E5E5E5;
    overflow: hidden;
}

.be-ve-paleta-nacitava span {
    display: block;
    width: 40%;
    height: 100%;
    border-radius: 3px;
    background: #92C22D;
    animation: be-ve-paleta-beh 1s ease-in-out infinite;
}

@keyframes be-ve-paleta-beh {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(250%); }
}

/* Miesto pustenia ťahaného widgetu v ploche. */
.be-ve-paleta-ciel {
    position: fixed;
    z-index: 1000020;
    border-radius: 2px;
    background: #92C22D;
    box-shadow: 0 0 0 2px rgba(146, 194, 45, .3);
    pointer-events: none;
}

.be-ve-paleta-ciel[hidden] {
    display: none;
}

/* Lišta Pridať widget (plus v stĺpci) v rovnakom vzhľade ako zoznam widgetov: pole výberu
   a pôvodné hľadanie sú skryté, hore hľadanie, pod ním karta Sekcie a karty skupín widgetov. */
html body.fi-body .be-ve-vyber-paleta .be-ve-typ,
html body.fi-body .be-ve-vyber-paleta .be-ve-hladat-widget {
    display: none !important;
}

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-vyber {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 -12px;
}

html body.fi-body .be-ve-paleta--vyber {
    display: contents;
}

html body.fi-body .be-ve-paleta--vyber .be-ve-paleta-hladat { order: 0; }

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-nadpis {
    order: 1;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    margin: 0 !important;
    padding: 0 20px;
    border-radius: 10px 10px 0 0;
    background: #92C22D;
    font: 700 16px "Open Sans", sans-serif;
    color: #FFFFFF;
}

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-dlazdice {
    order: 2;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: -8px 0 0 !important;
    padding: 20px 12px;
    border-radius: 0 0 10px 10px;
    background: #FFFFFF;
}

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-dlazdica {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 78px;
    padding: 10px 4px;
    border: 0;
    border-radius: 10px;
    background: #F4F4F6;
    font: 400 12px/1.25 "Open Sans", sans-serif;
    color: #000000;
}

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-dlazdica:hover {
    background: #E8E8EB;
}

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-dlazdica img {
    width: 24px;
    height: 24px;
}

html body.fi-body .be-ve-paleta--vyber .be-ve-paleta-skupina { order: 3; }

html body.fi-body .be-ve-paleta--vyber.je-pridava .be-ve-paleta-skupina {
    pointer-events: none;
}

/* Priehľadný rám prázdnej Lišty bez tieňa (Trello fur43m25, 27. 10. 2026 8:17). */
html body.fi-body .be-ve-lista-prazdna {
    box-shadow: none !important;
}

/* Uložiť zmeny a Zavrieť editor nad čiernou hlavičkou Lišty (Trello fur43m25, 27. 10. 2026 8:35):
   v stĺpci Lišty 20 px od vrchu karty, Zavrieť vľavo, Uložiť vpravo, každé na polovicu šírky kariet;
   Lišta je 10 px pod nimi (js: --be-ve-lista-hore). Zavrieť je stále viditeľné (nie roletka pod
   Uložiť ako v hlavičke stránky); :not(#…) prebije pravidlá hlavičky editora. */
html.be-ve-tlacidla-nad-listou body.fi-body:not(#be-k1):not(#be-k2) .fi-header .fi-btn:is(.be-tlacidlo-ulozit, .be-tlacidlo-ve--zapnuty) {
    position: fixed !important;
    top: var(--be-ve-tlacidla-hore, 85px) !important;
    z-index: 46;
    box-sizing: border-box;
    width: calc((var(--be-ve-lista-sirka) - 16px - 10px) / 2) !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 8px !important;
    white-space: nowrap;
    font-size: 16px !important;   /* ako Funkcie; texty Zavrieť / Uložiť (Trello fur43m25, 27. 10. 2026 9:14) */
    box-shadow: var(--be-lista-karta-tien) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

html.be-ve-tlacidla-nad-listou body.fi-body:not(#be-k1):not(#be-k2) .fi-header .fi-btn.be-tlacidlo-ulozit {
    right: calc(var(--be-ve-lista-vpravo, 20px) + 8px) !important;
}

html.be-ve-tlacidla-nad-listou body.fi-body:not(#be-k1):not(#be-k2) .fi-header .fi-btn.be-tlacidlo-ve--zapnuty {
    right: calc(var(--be-ve-lista-vpravo, 20px) + 8px + (var(--be-ve-lista-sirka) - 16px - 10px) / 2 + 10px) !important;
}

html.be-ve-tlacidla-nad-listou body.fi-body:not(#be-k1):not(#be-k2) .fi-header .fi-btn:is(.be-tlacidlo-ulozit, .be-tlacidlo-ve--zapnuty) .fi-icon {
    width: 24px !important;
    height: 24px !important;
}

/* Hľadanie widgetu v bielom rámiku napojenom pod čiernu hlavičku Lišty, 15 px okolo poľa
   (Trello fur43m25, 27. 10. 2026 8:41) - prázdna Lišta aj Lišta Pridať widget. */
.be-ve-paleta-hladat-obal {
    flex: none;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 0 0 10px 10px;
    background: #FFFFFF;
    box-shadow: var(--be-lista-karta-tien, 0 2px 7px rgba(0, 0, 0, .09));
}

.be-ve-paleta-hladat-obal[hidden] {
    display: none;
}

.be-ve-lista-prazdna .be-ve-paleta-hladat-obal {
    margin-top: -8px;   /* rám má medzi prvkami 8 px - hľadanie je pripojené k hlavičke */
}

.be-ve-lista-prazdna-hlavicka:has(+ .be-ve-paleta-hladat-obal:not([hidden])),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-lista-blok-hlavicka.be-lista-len-nazov:has(+ .be-ve-paleta-hladat-obal) {
    border-radius: 10px 10px 0 0 !important;
}

.be-ve-paleta-hladat-obal .be-ve-paleta-hladat {
    height: 40px;
}

/* Karta Sekcie v Lište Pridať widget s tieňom ako ostatné karty. */
html body.fi-body .be-ve-vyber-paleta :is(.be-ve-vnorena-nadpis, .be-ve-vnorena-dlazdice) {
    box-shadow: var(--be-lista-karta-tien, 0 2px 7px rgba(0, 0, 0, .09));
}

/* Zoznam vo výbere typu bez dlaždíc Sekcie (Zmeniť obsah widgetu) - karty pod sebou. */
html body.fi-body .be-ve-paleta--vyber.be-ve-paleta--samostatna {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 -12px;
    padding: 0;
    overflow: visible;
}

/* Tiene kariet zoznamu widgetov (ako karty Lišty, 27. 10. 2026 8:56) - posúvaná plocha má po stranách
   8 px, aby sa tieň neorezal. */
.be-ve-lista-prazdna .be-ve-paleta {
    margin: 0 -8px;
    padding: 1px 8px 20px;
}

html body.fi-body .be-ve-paleta-skupina,
html body.fi-body .be-ve-lista-prazdna-hlavicka {
    box-shadow: var(--be-lista-karta-tien, 0 2px 7px rgba(0, 0, 0, .09));
}

/* Lišta výberu widgetu: rámik hľadania → prvá karta 8 px ako medzi kartami (Trello fur43m25, 27. 10. 2026 8:58). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-vyber-paleta .fi-modal-content > .fi-grid {
    row-gap: 8px !important;
}

/* Tlačidlá hlavičky editora (rozlíšenie, Funkcie, Krok späť) v rovnakej výške ako Uložiť / Zavrieť nad
   Lištou (20 px od vrchu karty) a s tieňom ako karty Lišty (Trello fur43m25, 27. 10. 2026 8:57). */
html.be-ve-tlacidla-nad-listou .fi-body .fi-header {
    padding-top: 20px !important;
    padding-bottom: 0 !important;   /* pod tlačidlami 20 px po plochu (odstup obsahu stránky) - v rovine s Lištou (9:29) */
    box-sizing: border-box;
    min-height: 65px !important;    /* 20 px + výška tlačidiel - aj bez Funkcií (prázdny editor, 9:35) */
}

html.be-ve-lista-vlavo .fi-body .fi-header :is(.be-ve-rozlisenia-vyber, .be-ve-funkcie > .be-ve-funkcie-tl, .be-ve-rychle-tl) {
    border-radius: 8px;
    box-shadow: var(--be-lista-karta-tien) !important;
}

/* Rámik hľadania v Lište: tieň dáva spoločný obal s čiernou hlavičkou (drop-shadow) - nie dvojitý. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-ve-paleta-hladat-obal {
    box-shadow: none;
}


/* Pod editorom (spodok plochy) po spodok karty 20 px (Trello fur43m25, 27. 10. 2026 9:40) - odsadenie
   obsahu stránky (30 px) a pätičky karty (32 px) sa zmenší. */
html.be-ve-lista-vlavo .fi-body .fi-page-content {
    padding-bottom: 0 !important;
    margin-bottom: -12px;
}

/* Plocha editora ako karty Lišty (Trello fur43m25, 27. 10. 2026 9:43): bez 1 px rámika, len tieň;
   spodnú vnútornú medzeru dorovnáva js/ve-lista-vlavo.js (rovnajPlochu) na hornú. */
html.be-ve-lista-vlavo .fi-body .fi-section:has(.be-ve-prekryv-znacka) {
    border: 0 !important;
    box-shadow: var(--be-lista-karta-tien, 0 3px 9px rgba(0, 0, 0, .14)) !important;
}

/* Prázdny editor: dlaždice sekcií pod textom Pridajte prvú sekciu, 40 px nad nimi (gap 12 + 28),
   Trello fur43m25, 27. 10. 2026 9:48. */
html body.fi-body .be-ve-prva-sekcia .be-ve-prazdny-bloky {
    margin-top: 28px;
}

/* So sekciami sa panel Zvoľte si obsahový prvok (dlaždice sekcií pod sekciami) skryje - sekcie a widgety
   sa pridávajú zo zoznamu v Lište, plusom alebo ťahaním (Trello fur43m25, 27. 10. 2026 9:51). */
html.be-ve-lista-vlavo .fi-body .be-ve-prazdny.be-ve-prazdny--pod,
html.be-ve-lista-vlavo .fi-body .fi-grid-col:has(> .fi-sc-component > .be-ve-prazdny--pod) {
    display: none !important;   /* aj stĺpec mriežky - inak ostane jeho medzera */
}

/* Hľadanie užšie, vpravo záložka Organizátor (Trello fur43m25, 27. 10. 2026 9:55). */
.be-ve-paleta-hladat-obal:has(.be-ve-paleta-organizator) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.be-ve-paleta-hladat-obal:has(.be-ve-paleta-organizator) .be-ve-paleta-hladat {
    flex: 1 1 auto;
    min-width: 0;
}

.be-ve-paleta-organizator {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 84px;
    height: 44px;
    padding: 0 4px;
    border: 0;
    border-radius: 8px;
    background: #F4F4F6;
    box-shadow: var(--be-lista-karta-tien, 0 3px 9px rgba(0, 0, 0, .14));
    font: 700 11px/1 "Open Sans", sans-serif;
    color: #000000;
    cursor: pointer;
}

.be-ve-paleta-organizator:hover {
    background: #E8E8EB;
}

.be-ve-paleta-organizator-ikona {
    width: 20px;
    height: 20px;
    background: #000000;
    -webkit-mask: url("/icons/kategorie.svg") center / contain no-repeat;
    mask: url("/icons/kategorie.svg") center / contain no-repeat;
}

/* Karta Sekcie v Lište Pridať widget: všetky druhy sekcií, ikona kódu ako obrázky sekcií. */
html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-kod-ikona {
    width: 24px;
    height: 24px;
}

/* Miesta wire:ignore pre zoznam a hľadanie - bez vlastného boxu (rozloženie ako doteraz). */
.be-ve-paleta-miesto,
.be-ve-hladat-miesto {
    display: contents;
}

/* Rám prázdnej Lišty je pod otvorenou Lištou - pri priehľadnej Lište by jeho hľadanie presvitalo
   (dvojitý rámik pod čiernou hlavičkou, Trello fur43m25, 27. 10. 2026 10:40); zobrazí sa len bez Lišty objektu. */
.be-ve-lista-prazdna:not(.je-prazdna) .be-ve-paleta-hladat-obal {
    visibility: hidden;
}

/* Karta Sekcie: šípka a zbalenie ako skupiny widgetov (Trello fur43m25, 27. 10. 2026 10:53). */
html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-nadpis {
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

html body.fi-body .be-ve-vyber-paleta .be-ve-vnorena-nadpis::after {
    content: "";
    flex: none;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    -webkit-mask: url("/icons/sipka-dole.svg") center / 14px 14px no-repeat;
    mask: url("/icons/sipka-dole.svg") center / 14px 14px no-repeat;
    transform: rotate(180deg);
    transition: transform .15s ease;
}

html body.fi-body .be-ve-vyber-paleta .je-zbalene-sekcie .be-ve-vnorena-nadpis {
    border-radius: 10px !important;
}

html body.fi-body .be-ve-vyber-paleta .je-zbalene-sekcie .be-ve-vnorena-nadpis::after {
    transform: none;
}

html body.fi-body .be-ve-vyber-paleta .je-zbalene-sekcie .be-ve-vnorena-dlazdice {
    display: none !important;
}

/* Rámik hľadania widgetu sivý #F3F3F5, pole biele bez rámika vysoké 36 px ako vyhľadávanie v roletkách Lišty
   (Trello fur43m25, Vojto 29. 10. 2026 4:05); tlačidlo Organizátor biele na sivom. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-paleta-hladat-obal {
    background: #F3F3F5;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-paleta-hladat-obal .be-ve-paleta-hladat {
    height: 36px;
    border: 0;
    background-color: #FFFFFF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-paleta-hladat-obal .be-ve-paleta-organizator {
    background: #FFFFFF;
}