/* ==========================================================================
   KARTY LIŠTY (Vojto 27. 10. 2026, Trello fur43m25) - rám každej Lišty
   (Lišty Vizuálneho editora .be-ve-dizajn-lista aj Lišty formulárov .be-lista):
   - Lišta je svetlosivá plocha, prvky sú od jej okraja 8 px;
   - čierna hlavička a záložky sú zaoblené karty (10 px);
   - každá sekcia je biela zaoblená karta so zelenou hlavičkou, medzi kartami
     8 px (BE_LISTA_KARTA v backend-formulare.js);
   - šípka v hlavičke sekcie = zbaliť / rozbaliť sekciu.
   Biely podklad kariet kreslí vrstva .be-lista-karty (beListaKarty) - polia
   sekcie sú v mriežke súrodencami hlavičky, nemajú spoločný obal.
   Načítava sa po backend-formulare.css a ve-lista-vlavo.css; :not(#be-k1):not(#be-k2)
   dvíha prioritu nad staršie pravidlá Líšt (aj s !important).
   ========================================================================== */

html body.fi-body:not(#be-k1):not(#be-k2) {
    --be-lista-plocha: transparent;
    --be-lista-karta-r: 10px;
}

/* Plocha Lišty priehľadná (Trello fur43m25, 27. 10. 2026 8:17) - medzi kartami vidieť pozadie stránky. */
html body.fi-body:not(#be-k1):not(#be-k2) .fi-modal-window.be-ve-dizajn-lista,
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista {
    background: var(--be-lista-plocha) !important;
    border-radius: var(--be-lista-karta-r) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content,
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista .be-lista-obsah {
    position: relative;
    isolation: isolate;     /* vrstva kariet (z-index -1) ostáva pod obsahom, nad plochou */
    background: transparent !important;
    border-radius: var(--be-lista-karta-r) !important;
}

/* Vrstva bielych kariet sekcií - polohu a výšku kariet zapisuje beListaKarty. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-karty {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 8px;
    right: 8px;
    height: 0;
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-karty[hidden] {
    display: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-karta {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: var(--be-lista-karta-r);
    background: #FFFFFF;
}

/* --- Čierna hlavička a záložky (Lišty VE) -------------------------------- */
/* Riadok s hlavičkou a záložkami stojí hore na sivej ploche (prekrýva obsah
   posunutý pod neho) - hlavička 8 px od okrajov Lišty, záložky 2 px pod ňou. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child:has(> * .be-lista-blok-hlavicka),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child:has(> .be-lista-blok-hlavicka) {
    top: -20px !important;     /* prichytenie meria od odsadenia obsahu (20 px) - riadok ostane na vrchu */
    margin: -20px -20px 0 !important;
    padding: 8px 8px 0 !important;
    background: var(--be-lista-plocha);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child .be-lista-blok-hlavicka.be-lista-len-nazov {
    margin: 0 !important;
    border-radius: var(--be-lista-karta-r) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child .be-lista-zalozky {
    margin: 2px 0 0 !important;
    border-radius: var(--be-lista-karta-r);
    overflow: hidden;
    background: #F4F4F6;
}

/* Krížik Zavrieť v zaoblenej čiernej hlavičke (posunutej o 8 px). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-close-btn {
    top: 14px !important;
    left: 18px !important;
}

/* Čierna hlavička Lišty formulára. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista .be-lista-nadpis {
    top: -12px !important;
    margin-top: -12px !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-radius: var(--be-lista-karta-r) !important;
}

/* --- Hlavičky sekcií = vrch karty --------------------------------------- */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka:not(.be-lista-len-nazov),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content .fi-grid .fi-grid > .fi-grid-col:first-child .be-lista-blok-hlavicka:not(.be-lista-len-nazov) {
    margin-top: 0 !important;      /* medzeru nad hlavičkou dorovnáva prepočet Lišty (okraj riadku) */
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-radius: var(--be-lista-karta-r) var(--be-lista-karta-r) 0 0 !important;
}

/* Zbalená sekcia = len zelená hlavička, zaoblená dookola. */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka.je-zbalena:not(.be-lista-len-nazov) {
    border-radius: var(--be-lista-karta-r) !important;
}

/* Šípka zbalenia vpravo v hlavičke (namiesto ikony roletky sekcií). */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka:not(.be-lista-len-nazov)::after {
    content: "" !important;
    display: block !important;
    flex: none;
    width: 16px !important;
    height: 16px !important;
    margin-left: auto;
    background: #FFFFFF !important;
    -webkit-mask: url("/icons/sipka-dole.svg") center / 14px 14px no-repeat !important;
    mask: url("/icons/sipka-dole.svg") center / 14px 14px no-repeat !important;
    transform: rotate(180deg);
    transition: transform .15s ease;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka.je-zbalena:not(.be-lista-len-nazov)::after {
    transform: none;
}

/* Ozdobná ikona roletky sekcií v hlavičke ustupuje šípke. */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka:not(.be-lista-len-nazov) .be-lista-blok-rozlisenie {
    display: none !important;
}

/* Lupa náhľadu objektu ostáva pred šípkou. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-blok-hlavicka .be-ve-objekt-lupa {
    margin-left: auto;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-blok-hlavicka:has(.be-ve-objekt-lupa)::after {
    margin-left: 10px !important;
}

/* Zásobník hlavičiek odscrollovaných sekcií - zelená karta na šírku kariet. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zasobnik {
    padding: 0 8px;
    box-sizing: border-box;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zasobnik-hlavicka {
    border-radius: var(--be-lista-karta-r);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zasobnik.je-otvoreny .be-lista-zasobnik-hlavicka {
    border-radius: var(--be-lista-karta-r) var(--be-lista-karta-r) 0 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zasobnik-zoznam {
    border-radius: 0 0 var(--be-lista-karta-r) var(--be-lista-karta-r);
    overflow: hidden;
}

/* Obsah zbalenej sekcie - skrytý aj tam, kde ho iné pravidlo rozkladá (display: contents). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-skryte {
    display: none !important;
}

/* Krížik Zavrieť Lišty formulára na konci zaoblenej hlavičky. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista .be-lista-zavriet {
    top: 14px !important;
    right: 18px !important;
}

/* Priehľadná Lišta bez tieňa; obsah posunutý nad čiernu hlavičku sa v pásiku 8 px nad ňou orezá. */
html body.fi-body:not(#be-k1):not(#be-k2) .fi-modal-window.be-ve-dizajn-lista,
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista {
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content {
    clip-path: inset(8px 0 0 0);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista .be-lista-obsah {
    clip-path: inset(8px 0 0 0);
}

/* Čierna hlavička súvisle napojená na záložky Obsah / Štýl / Pokročilé / Organizátor
   (Trello fur43m25, 27. 10. 2026 8:16) - bez medzery, oblé len vonkajšie rohy. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child .be-lista-blok-hlavicka.be-lista-len-nazov:has(+ .be-lista-zalozky) {
    border-radius: var(--be-lista-karta-r) var(--be-lista-karta-r) 0 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child .be-lista-zalozky {
    margin-top: 0 !important;
    border-radius: 0 0 var(--be-lista-karta-r) var(--be-lista-karta-r);
}

/* Rámik s tieňom pre každú kartu Lišty (Trello fur43m25, 27. 10. 2026 8:35, „ako na návrhu“) -
   karty sekcií, čierna hlavička so záložkami a hlavička Lišty formulára. Tieň sa zmestí do 8 px
   okraja Lišty (obsah Lišty sa posúva a orezáva). */
html body.fi-body {
    --be-lista-karta-tien: 0 3px 9px rgba(0, 0, 0, .14);   /* len tieň, bez 1 px rámika (27. 10. 2026 9:05) */
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-karta {
    box-shadow: var(--be-lista-karta-tien);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content > .fi-grid > .fi-grid-col:first-child > .fi-sc-component:has(> .be-lista-len-nazov) {
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .12));   /* ako karty sekcií (27. 10. 2026 8:59) */
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-lista .be-lista-nadpis {
    box-shadow: var(--be-lista-karta-tien);
}

/* Pás rozlíšení v Lište (Trello fur43m25, 27. 10. 2026 9:19; 20:18 ako dvojtlačidlo Normálne / Pri prechode myšou):
   sivý podklad, zvolené rozlíšenie biele s jemným tieňom a čiernou ikonou, ostatné svetlosivé ikony. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-rozlisenia {
    gap: 4px;
    padding: 4px;
    border-radius: 10px;
    background: #F4F4F6;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-rozlisenie {
    height: 36px;
    border-radius: 8px;
    background: transparent;
    color: #AEAEB0;
    transition: background .15s, color .15s, box-shadow .15s;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-rozlisenie.je-aktivna {
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-rozlisenie:not(.je-aktivna):hover {
    background: transparent;
    color: #555555;
}

/* Karta časti: pás rozlíšení a pod ním dvojtlačidlo, 10 px od seba. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-cast-ovladanie {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ==========================================================================
   TLAČIDLÁ PO TRI V RADE (Trello fur43m25, 27. 10. 2026 9:22): ikona vľavo, text
   vedľa nej, pri roletke šípka vpravo - rady s roletkou (Smer, Zvisle, Vodorovne,
   Zalamovanie …), prepínače s ikonou (Bez prichytenia …) aj dlaždice častí Štýlu
   (Rozmery, Okraj …). Dlhší text sa zalomí do dvoch riadkov vedľa ikony.
   ========================================================================== */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl {
    position: relative;
    justify-content: flex-start;
    min-height: 44px;
    padding: 6px 26px 6px 10px;
    border-radius: 8px;
    background: #F4F4F6;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background: #555555;
    -webkit-mask: url("/icons/sipka-dole.svg") center / contain no-repeat;
    mask: url("/icons/sipka-dole.svg") center / contain no-repeat;
    transition: transform .15s ease;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl.je-otvorene::after {
    transform: rotate(180deg);
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl .be-volba-obsah {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl .be-volba-text {
    font-size: 13px;
    text-align: left;
}

/* Prepínače s ikonou po tri v rade (Bez prichytenia / Prichytiť hore / Prichytiť dole …). */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-toggle-buttons:has(> :nth-child(3):last-child) label.fi-btn:has(svg) {
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 44px;
    padding: 6px 10px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

/* Dlaždice častí Štýlu (Rozmery, Okraj, Zaoblenie okraja …). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 6px 10px;
    border-radius: 8px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo-nazov {
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    overflow-wrap: normal;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo .be-ve-objekt-ikona {
    flex: none;
}

/* Text tlačidiel sa zmestí: menšia ikona a písmo, zalomenie do dvoch riadkov (aj dlhé slovo). */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl {
    padding: 4px 22px 4px 8px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl::after {
    right: 7px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl :is(.be-volba-ikona) {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-volba-tl .be-volba-text, .be-ve-objekt-tlacidlo-nazov) {
    min-width: 0;
    font-size: 12px;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-toggle-buttons:has(> :nth-child(3):last-child) label.fi-btn:has(svg) {
    gap: 6px !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-toggle-buttons:has(> :nth-child(3):last-child) label.fi-btn:has(svg) svg {
    flex: none;
    width: 20px;
    height: 20px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo {
    gap: 6px;
    padding: 4px 8px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo .be-ve-objekt-ikona {
    width: 20px;
    height: 20px;
}

/* Lišta ostáva 350 px (Vojto 27. 10. 2026): písmo 11 px, lámanie len medzi slovami, tesnejšie okraje. */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volby-rad {
    gap: 6px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl {
    padding: 4px 16px 4px 6px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl::after {
    right: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-volba-tl .be-volba-obsah, .be-ve-objekt-tlacidlo) {
    gap: 5px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-volba-tl .be-volba-ikona, .be-ve-objekt-tlacidlo .be-ve-objekt-ikona) {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-volba-tl .be-volba-text, .be-ve-objekt-tlacidlo-nazov) {
    font-size: 11px;
    overflow-wrap: normal;
    word-break: normal;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-toggle-buttons:has(> :nth-child(3):last-child) label.fi-btn:has(svg) {
    gap: 5px !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
    overflow-wrap: normal;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-toggle-buttons:has(> :nth-child(3):last-child) label.fi-btn:has(svg) svg {
    width: 18px;
    height: 18px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo {
    padding: 4px 6px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-volba-tl .be-volba-text, .be-ve-objekt-tlacidlo-nazov),
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-toggle-buttons:has(> :nth-child(3):last-child) label.fi-btn:has(svg) {
    letter-spacing: -.25px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl {
    padding-right: 17px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-volba-tl::after {
    right: 4px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo {
    gap: 4px;
    padding: 4px 4px 4px 6px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-volba-tl .be-volba-text, .be-ve-objekt-tlacidlo-nazov) {
    font-size: 10.5px;
}

/* Zvolená záložka Lišty: biela ikona aj text (Trello fur43m25, 27. 10. 2026 9:25). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zalozka-tl.je-aktivna .be-lista-zalozka-ikona {
    color: #FFFFFF !important;
}

/* Bez prichytávania hlavičiek sekcií pod záložkami (Trello fur43m25, 27. 10. 2026 10:54): zásobník
   odscrollovaných hlavičiek je skrytý a sekcie sa celé posúvajú pod záložky / čiernu hlavičku. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zasobnik {
    display: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-grid-col:has(> .fi-sc-component > .be-lista-blok-hlavicka:not(.be-lista-len-nazov)),
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka:not(.be-lista-len-nazov) {
    position: relative !important;
    top: auto !important;
}

/* Organizátor štruktúry (Trello fur43m25, 27. 10. 2026 12:51): strom v bielom rámiku ako karty Lišty,
   pod ním karta Akcie s tlačidlami Duplikovať / Odstrániť vybraný; vybraný riadok tmavší. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit {
    min-height: 0;          /* výška podľa stromu - pod ním karta Akcie */
    margin: -22px -12px 0;  /* 8 px pod záložkami ako medzi kartami (mriežka Lišty má 30 px) */
    padding: 12px;
    border-radius: var(--be-lista-karta-r);
    background: #FFFFFF;
    box-shadow: var(--be-lista-karta-tien);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcie {
    margin: 8px -12px 0;
    border-radius: var(--be-lista-karta-r);
    background: #FFFFFF;
    box-shadow: var(--be-lista-karta-tien);
    overflow: hidden;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcie-hlavicka {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    background: #92C22D;
    font: 700 16px "Open Sans", sans-serif;
    color: #FFFFFF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcie-tlacidla {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 64px;
    padding: 8px;
    border: 0;
    border-radius: 8px;
    background: #F4F4F6;
    font: 400 12px/1.2 "Open Sans", sans-serif;
    color: #000000;
    cursor: pointer;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia:hover:not(:disabled) {
    background: #E8E8EB;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia:disabled {
    opacity: .4;
    cursor: not-allowed;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia-ikona {
    width: 22px;
    height: 22px;
    background: #000000;
    -webkit-mask: var(--ikona) center / contain no-repeat;
    mask: var(--ikona) center / contain no-repeat;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-lista :is(.be-strom-riadok, .be-strom-stlpec).je-vybrany {
    outline: 2px solid #92C22D;
    outline-offset: -2px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit.be-strom .be-ve-zoradit-popis {
    margin-top: 0;
    padding-top: 12px;
}

/* Hlavičky sekcií Lišty #CCCCCC s bielym textom namiesto zelenej (Trello fur43m25, 27. 10. 2026 13:08) -
   sekcie Líšt, zásobník, skupiny zoznamu widgetov, karta Sekcie a Akcie Organizátora. */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-lista-blok-hlavicka:not(.be-lista-len-nazov),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content .fi-grid .fi-grid > .fi-grid-col:first-child .be-lista-blok-hlavicka:not(.be-lista-len-nazov),
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-zasobnik-hlavicka,
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-paleta-hlavicka,
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-vyber-paleta .be-ve-vnorena-nadpis,
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcie-hlavicka {
    background: #CCCCCC !important;
    color: #FFFFFF !important;
}

/* Organizátor: popis 40 px pod stromom (Trello fur43m25, 27. 10. 2026 13:03). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit.be-strom .be-ve-zoradit-popis {
    padding-top: 40px;
}

/* Organizátor: ikona menu namiesto šípky, ikony akcií sa už nevysúvajú - sú v ponuke (13:02). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit.be-strom .be-strom-akcie {
    display: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit.be-strom .be-strom-rozbal {
    visibility: visible !important;
    width: 20px;
    -webkit-mask: url("/icons/ve-w-menu.svg") center / 18px 18px no-repeat;
    mask: url("/icons/ve-w-menu.svg") center / 18px 18px no-repeat;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit.be-strom .be-strom-rozbal:hover {
    background: #7F7F7F;
}

.be-ve-strom-ponuka {
    position: fixed;
    z-index: 1000030;
}

.be-ve-w-roletka [data-be-ve-menu="premenovat"] { --be-ve-w-ikona: url("/icons/premenovat.svg"); }
.be-ve-w-roletka [data-be-ve-menu="oko"] { --be-ve-w-ikona: url("/icons/oko.svg"); }
.be-ve-w-roletka [data-be-ve-menu="oko-skryte"] { --be-ve-w-ikona: url("/icons/oko-skryte.svg"); }

/* Dlaždice častí Štýlu: rovnaká medzera 10 px okolo ikony - hore, dole, vľavo aj k názvu (Trello fur43m25, 27. 10. 2026 19:26). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-objekt-tlacidlo,
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .be-ve-objekt-tlacidlo {
    gap: 10px !important;
    min-height: 0;
    padding: 10px 6px 10px 10px;
}

/* Text na celú obrazovku (Trello fur43m25, 27. 10. 2026 19:29): jedna biela karta od hlavičky Obsah
   (8 px okraj + čierna hlavička 40 px) po spodok Lišty - karty sekcií sa v tomto režime neprepočítavajú
   (beListaKarty) a cez medzery medzi nimi presvitalo plátno editora. */
html body.fi-body:not(#be-k1):not(#be-k2) .je-siroka .be-lista-karty,
html body.fi-body:not(#be-k1):not(#be-k2) .je-siroka .be-lista-karty[hidden] {
    display: block !important;
    top: 48px;
    bottom: 0;
    height: auto;
    border-radius: var(--be-lista-karta-r);
    background: #FFFFFF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .je-siroka .be-lista-karta {
    display: none;
}

/* Dvojtlačidlo Normálne / Pri prechode myšou (Trello fur43m25, 27. 10. 2026 19:53; filament/forms/lista-stavy-dvoj)
   namiesto poľa s roletkou, ikona kurzora na začiatku. Nabehnutie myšou na tlačidlo = roletka Kopíruj nastavenia
   z opačného stavu. V Lište VE v karte zvolenej časti (ve-objekt-cast) nad jej poliami. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-stavy-prepinac.be-lista-stavy-dvoj {
    display: block;
    height: auto;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
}

/* Okraje a prepínanie podľa návrhu Písma (Trello 27. 10. 2026 20:00): sivý podklad, zvolený stav biely so slabým tieňom. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj {
    display: flex;
    gap: 4px;
    padding: 4px;
    border-radius: 10px;
    background: #F4F4F6;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj-polozka {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj .be-stav-dvoj-tl {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    font: 400 13px/1.2 "Open Sans", sans-serif;
    color: #555555;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, color .15s, box-shadow .15s;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj .be-stav-dvoj-tl:hover {
    color: #000000;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj .be-stav-dvoj-tl.je-aktivna {
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    font-weight: 700;
    color: #000000;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj-ikona {
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask: url("/icons/kurzor.svg?v=2") center / contain no-repeat;
    mask: url("/icons/kurzor.svg?v=2") center / contain no-repeat;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj-ikona.je-hover {
    -webkit-mask-image: url("/icons/kurzor-hover.svg?v=2");
    mask-image: url("/icons/kurzor-hover.svg?v=2");
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj-ikona.je-klon {
    -webkit-mask-image: url("/icons/klonuj.svg");
    mask-image: url("/icons/klonuj.svg");
}

/* Roletka hneď pod tlačidlom (horné odsadenie = most pre myš, aby sa nezavrela). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj-roletka {
    position: absolute;
    top: 100%;
    left: -4px;
    z-index: 40;
    min-width: calc(100% + 8px);
    padding-top: 8px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj-polozka:last-child .be-stav-dvoj-roletka {
    left: auto;
    right: -4px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj .be-stav-dvoj-klon {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    min-width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .1);
    font: 400 13px/1.2 "Open Sans", sans-serif;
    color: #000000;
    white-space: nowrap;
    cursor: pointer;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-stav-dvoj .be-stav-dvoj-klon:hover {
    background: #F4F4F6;
}

/* Staré samostatné tlačidlo klonovania pri prechode cez zvolený stav sa nezobrazuje - je v roletke. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-stavy:has(> .be-lista-stavy-dvoj) .fi-grid-col:has(> .fi-sc-component > .fi-sc-actions .be-lista-klonovat) {
    display: none !important;
}

/* Karta Objekt bez prázdneho miesta pod hlavičkou (27. 10. 2026): skrytý výber sekcie Objekt a skrytá hlavička
   Celý objekt (.be-ve-msek) by inak ako prázdne riadky mriežky pridali medzery mriežky nad tlačidlá častí. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-grid-col:has(> .fi-sc-component > .be-ve-objekt-sekcie[style*="display: none"]),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-ve-msek .fi-grid-col:has(> .fi-sc-component > .be-ve-dizajn-blok:not(.be-ve-cast-hlavicka)) {
    display: none !important;
}

/* Popis vľavo, pole vpravo (inlineLabel - Časť textu a Úroveň Nadpisu, Trello fur43m25 27. 10. 2026 20:35). */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-field.fi-fo-field-has-inline-label {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-field.fi-fo-field-has-inline-label > .fi-fo-field-label-col {
    position: static !important;
    grid-column: 1 !important;
    display: flex !important;
    align-items: center;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-field.fi-fo-field-has-inline-label > .fi-fo-field-content-col {
    grid-column: 2 !important;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-field.fi-fo-field-has-inline-label .fi-fo-field-label-content {
    font-weight: 400 !important;
    font-size: 12px !important;
    color: #6B6B6B !important;
}

/* Časť textu: tri tlačidlá v užšom mieste vedľa popisu. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-prem-casti.be-stav-dvoj .be-stav-dvoj-tl {
    padding: 0 6px;
    font-size: 12px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .fi-fo-field-has-inline-label .be-prem-casti {
    margin: 0 !important;
}

/* ==========================================================================
   KARTA PÍSMO PODĽA NÁVRHU B (Trello fur43m25, 27. 10. 2026 20:00): polia bez rámika so sivou výplňou,
   popis vľavo a pole vpravo (Písmo, Veľkosť, Riadkovanie, Hrúbka, Dekorácia textu, Kapitálky),
   posuvník v riadku s číslom, prepínače ako Normálne / Pri prechode myšou, farba so štvorčekom.
   Rozbalené pole Písmo (.be-pismo--rozbalene) zapína komponent sám v karte Písmo (.be-cast-pismo).
   ========================================================================== */
html body.fi-body:not(#be-k1):not(#be-k2) {
    --be-b-vypln: #F4F4F6;
    --be-b-popis: #6B6B6B;
}

/* Popisy návrhu B len v rozbalenom poli; pôvodné popisy (Veľkosť px*) a ikona / náhľad skryté. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo-b-popis {
    display: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-b-popis {
    display: block;
    font: 400 12px/1.2 "Open Sans", sans-serif;
    color: var(--be-b-popis);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene :is(.be-pismo-ikona, .be-pismo-nahlad, .be-pismo-posuvnik > span:not(.be-pismo-b-popis), sup) {
    display: none !important;
}

/* Riadok: popis 90 px, pole vpravo. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-riadok,
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    margin: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka > span:first-child {
    font: 400 12px/1.2 "Open Sans", sans-serif;
    color: var(--be-b-popis);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov {
    position: relative;
    min-width: 0;
}

/* Nastavenia stále pod sebou (bez roletky ikony). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-panel-nastavenia {
    position: static !important;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    width: auto !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-dvojica {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    margin: 0 !important;
}

/* Veľkosť / Riadkovanie: popis | posuvník | číslo PX. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik {
    position: relative;
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) 72px;
    align-items: center;
    column-gap: 10px;
    width: auto !important;
    margin: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik > .be-pismo-b-popis { grid-column: 1; grid-row: 1; }
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik > input[type="number"] { grid-column: 3; grid-row: 1; }

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik-ponuka {
    position: static !important;
    display: flex !important;
    grid-column: 2;
    grid-row: 1;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik-ponuka :is(.be-posuvnik-sipka, .be-posuvnik-hodnota) {
    display: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik-ponuka .be-posuvnik-draha {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin: 0;
}

/* Výplň polí bez rámika. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov .fi-input-wrp,
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka-pole,
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik > input[type="number"] {
    box-sizing: border-box;
    width: 100%;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
    box-shadow: none !important;
    font: 400 13px/36px "Open Sans", sans-serif !important;
    color: #000000;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov .fi-input {
    height: 36px !important;
    padding: 0 30px 0 12px !important;
    background: transparent !important;
    font-size: 13px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik > input[type="number"] {
    padding: 0 10px !important;
    text-align: left;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka-pole {
    padding: 0 30px 0 12px !important;
    text-align: left;
}

/* Šípka roletky v poliach Písmo, Hrúbka, Dekorácia, Kapitálky. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov .fi-input-wrp,
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka-pole {
    position: relative;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov .fi-input-wrp::after,
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka-pole::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 1.5px solid #555555;
    border-bottom: 1.5px solid #555555;
    transform: rotate(45deg);
    pointer-events: none;
}

/* Zoznamy roletiek pod poľom (nie pod popisom). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-roletka-zoznam {
    grid-column: 2;
}

/* Ostatné polia karty Písmo: výplň bez rámika, prepínače ako Normálne / Pri prechode myšou. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-field .fi-input-wrp:not(.be-pismo-nazov .fi-input-wrp) {
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons {
    display: flex !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px;
    background: var(--be-b-vypln);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons > * {
    flex: 1 1 0;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons .fi-btn {
    flex-direction: row !important;
    gap: 6px !important;
    width: 100%;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    font: 400 12px/1.2 "Open Sans", sans-serif !important;
    color: #555555 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons input:checked + .fi-btn,
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons .fi-btn.fi-active {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons input:not(:checked) + .fi-btn:hover {
    background: transparent !important;
    color: #000000 !important;
}

/* Ikony v tlačidlách ostávajú (Trello fur43m25, 27. 10. 2026 21:14), len menšie. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-toggle-buttons .fi-btn :is(.fi-icon, svg) {
    flex: none;
    width: 18px !important;
    height: 18px !important;
}

/* Farba: štvorček s farbou vľavo, kód vedľa neho na sivej výplni (namiesto poľa celého v danej farbe). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .fi-input-wrp {
    position: relative;
    background: var(--be-b-vypln) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .fi-input-wrp::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-radius: 6px;
    background: var(--be-farba, #000000);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .fi-input {
    padding-left: 42px !important;
    background: transparent !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Pole Písmo v karte: popis Písmo je v riadku poľa - názov poľa nad ním sa nezobrazuje. */
html body.fi-body:not(#be-k1):not(#be-k2) .fi-fo-field:has(.be-pismo--rozbalene) > .fi-fo-field-label-col {
    display: none !important;
}

/* Posuvník návrhu B: tenká sivá dráha, okrúhly biely bežec s tieňom (namiesto zelenej dráhy). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-posuvnik-ponuka {
    height: 36px !important;
    min-height: 0 !important;
    align-items: center;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene input.be-posuvnik-draha {
    height: 18px !important;
    background: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-posuvnik-draha::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 2px;
    background: #DDDDDF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-posuvnik-draha::-moz-range-track {
    height: 4px;
    border-radius: 2px;
    background: #DDDDDF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-posuvnik-draha::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -7px;
    border: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-posuvnik-draha::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

/* Riadok Písmo: názov písma v 2. stĺpci vedľa popisu. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-riadok {
    position: relative;
    row-gap: 0 !important;
}

/* Obal názvu písma rozložený do mriežky riadku: pole vedľa popisu, roletka písiem pod poľom,
   nastavenia pod riadkom na celú šírku. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-riadok > .be-pismo-nazov {
    display: contents !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov > .fi-input-wrp,
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov > .be-pismo-ponuka {
    grid-column: 2;
    grid-row: 1;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov > .be-pismo-panel-nastavenia {
    grid-column: 1 / -1;
    grid-row: 2;
}

/* Popisy na okraji karty (bez odsadenia pôvodných popisov poľa). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene :is(.be-pismo-b-popis, .be-pismo-roletka > span:first-child) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Koncovka roletky a ikony na konci polí v karte Písmo: bez sivého konca a rámika, len šípka / ikona. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-select.fi-input-wrp::after {
    border: 0 !important;
    background-color: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .fi-input-wrp > button,
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .fi-input-wrp > .be-ve-farba-predvolene {
    border: 0 !important;
    background: transparent !important;
}

/* Úroveň: popis v strede výšky poľa. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-uroven-roletka.fi-fo-field-has-inline-label {
    align-items: center;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .fi-input-wrp::after {
    border: 0 !important;
    background-color: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .be-ve-farba .be-ve-farba-predvolene {
    box-shadow: none !important;
    outline: 0;
}

/* Popis vľavo bez vlastného odsadenia Lišty. */
html body.fi-body:not(#be-k1):not(#be-k2) :is(.be-ve-dizajn-lista, .be-lista) .fi-fo-field-has-inline-label :is(.fi-fo-field-label-ctn, .fi-fo-field-label, .fi-fo-field-label-content) {
    margin: 0 !important;
    padding: 0 !important;
}

/* Roletka (Úroveň) v karte Písmo: výška 36 px a písmo 13 px ako ostatné polia návrhu B. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-select.fi-input-wrp {
    min-height: 36px !important;
    height: 36px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-select-input-btn {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 30px 0 2px !important;
    font-size: 13px !important;
    line-height: 36px !important;
}

/* Roletky v rozbalenom Písme (písma, hrúbka, dekorácia, kapitálky) nad ďalšími riadkami. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene :is(.be-pismo-ponuka, .be-pismo-roletka-zoznam) {
    z-index: 60 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-pismo--rozbalene .be-pismo-nazov > .be-pismo-ponuka {
    top: 40px !important;      /* pod poľom názvu (36 px); obsahujúci blok = 2. stĺpec mriežky riadku */
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* Zarovnanie textu v karte Písmo len ikonami (návrh B); typ farby ostáva textom. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-cast-pismo .fi-fo-field:not(.be-typy-farby) .fi-fo-toggle-buttons .fi-btn:has(svg) {
    gap: 0 !important;
    font-size: 0 !important;
}

/* Časť textu: ikona časti (maska z --ikona). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-prem-casti .be-prem-casti-ikona {
    width: 16px;
    height: 16px;
    -webkit-mask: var(--ikona) center / contain no-repeat;
    mask: var(--ikona) center / contain no-repeat;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-prem-casti.be-stav-dvoj .be-stav-dvoj-tl {
    gap: 4px;
}

/* ==========================================================================
   POLIA LIŠTY VE PODĽA DIZAJNU (Trello fur43m25, Vojto 27. 10. 2026 21:04) - všetky záložky a widgety:
   - pole / roletka: sivá výplň #F4F4F6 bez rámika, výška 36 px, zaoblenie 8 px, šípka bez sivého konca;
   - koncovky polí (jednotka, Predvolené farby, ikony) priehľadné bez rámika, ikony ostávajú (menšie);
   - prepínače (ToggleButtons) ako Normálne / Pri prechode myšou: sivý podklad, zvolené biele s tieňom, ikony ostávajú;
   - farba: štvorček s farbou vľavo, kód a šípka.
   ========================================================================== */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field .fi-input-wrp:not(.fi-dropdown-panel *) {
    min-height: 36px;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field .fi-input-wrp:not(.fi-dropdown-panel *) .fi-input {
    height: 36px;
    min-height: 36px;
    background: transparent !important;
    font-size: 13px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field .fi-input-wrp::after {
    border: 0 !important;
    background-color: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field .fi-input-wrp > button:not(.fi-select-input-btn) {
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field .fi-select-input-btn {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 13px !important;
    line-height: 36px !important;
}

/* Prepínače. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-toggle-buttons {
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px;
    background: var(--be-b-vypln);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-toggle-buttons .fi-btn {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 400 !important;
    color: #555555 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-toggle-buttons .fi-btn :is(.fi-icon, svg) {
    color: inherit !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-toggle-buttons input:checked + .fi-btn,
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-toggle-buttons .fi-btn.fi-active {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
    font-weight: 700 !important;
    color: #000000 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-toggle-buttons input:not(:checked) + .fi-btn:hover {
    background: transparent !important;
    color: #000000 !important;
}

/* Farba: štvorček, kód, šípka (namiesto poľa celého v danej farbe). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-ve-farba .fi-input-wrp {
    position: relative;
    background: var(--be-b-vypln) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-ve-farba .fi-input-wrp::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border-radius: 6px;
    background: var(--be-farba, #000000);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-ve-farba .fi-input {
    padding-left: 42px !important;
    background: transparent !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Posuvník s hodnotou (dizajn 21:04): dráha a pole s hodnotou a jednotkou v jednom riadku, bez roletky. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px;   /* ako Šírka (VeRozmer) - 29. 10. 2026 5:09 */
    align-items: center;
    column-gap: 12px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik > .fi-input-wrp {
    grid-column: 2;
    grid-row: 1;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik > .be-posuvnik-ponuka {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik > .be-posuvnik-ponuka :is(.be-posuvnik-sipka, .be-posuvnik-hodnota) {
    display: none !important;
}

/* Dráha: tenká sivá, okrúhly biely bežec s tieňom (všetky posuvníky Lišty VE okrem farebných CSS filtrov). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista input.be-posuvnik-draha {
    flex: 1 1 auto;
    width: 100% !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik-draha::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 2px;
    background: #DDDDDF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik-draha::-moz-range-track {
    height: 4px;
    border-radius: 2px;
    background: #DDDDDF;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik-draha::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -7px;
    border: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-posuvnik-draha::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

/* Tieň (dizajn 21:04): Šírka, Rozostrenie, Posun X, Posun Y pod sebou - názov nad posuvníkom s hodnotou. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-tien-stvorica > .fi-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 10px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-tien-stvorica .fi-fo-field {
    flex-direction: column !important;
    gap: 6px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-tien-stvorica :is(.fi-fo-field-label-col, .fi-fo-field-label, .fi-fo-field-label-ctn) {
    text-align: left !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-tien-stvorica .fi-input-wrp {
    border-radius: 8px !important;
}

/* CSS filtre, Zmeny, Animácie: skrytý blok stavov Boxu (.be-cast-stav) bez prázdneho riadku mriežky nad poliami. */
html body.fi-body:not(#be-k1):not(#be-k2) .fi-modal-window:has(.be-ve-objekt:is(.je-cast-transformacie, .je-cast-filtre, .je-cast-animacie)) .fi-grid-col:has(> .fi-sc-component > .be-cast-stav) {
    display: none !important;
}

/* Všeobecne: riadok mriežky Lišty VE, ktorého jediný obsah je skrytý (x-show), nezaberá medzeru mriežky. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-grid-col:has(> .fi-sc-component > :only-child[style*="display: none"]) {
    display: none !important;
}

/* CSS filtre, Zmeny, Animácie: medzery polí počíta prepočet medzier Lišty (od 29. 10. 2026 aj za hlavičkou karty
   časti) - predtým tu bol záporný okraj pod prepínačom (-22 / -35 px). */

/* ==========================================================================
   ŠTYRI STRANY (Vonkajší okraj, Vnútorné odsadenie, Hrúbka okraja, Zaoblenie) - dizajn 21:04.
   Jednotka pri každej strane (.be-rs-j) len v Lište VE pri stranách pod sebou.
   ========================================================================== */
html body.fi-body .be-rs-j {
    display: none;
}

/* Pod sebou: názov | pole s jednotkou | zátvorka a reťaz. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr) 54px;
    grid-template-rows: repeat(4, 36px);
    row-gap: 6px;
    column-gap: 10px;
    align-items: center;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) :is(.be-rs-polia, .be-rs-popisy) {
    display: contents !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-pole {
    grid-column: 2;
    width: 100%;
    height: 36px;
    padding: 0 40px 0 12px;
    border: 0 !important;
    border-radius: 8px;
    background: var(--be-b-vypln);
    font-size: 13px;
    text-align: left;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-j {
    display: block;
    grid-column: 2;
    justify-self: end;
    z-index: 1;
    margin-right: 6px;
    padding: 4px 6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font: 400 11px/1 "Open Sans", sans-serif;
    color: #9A9A9A;
    cursor: pointer;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-j:hover {
    color: #000000;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-pole:nth-of-type(1),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-j:nth-of-type(1),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span:nth-child(1) { grid-row: 1; }
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-pole:nth-of-type(2),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-j:nth-of-type(2),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span:nth-child(2) { grid-row: 2; }
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-pole:nth-of-type(3),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-j:nth-of-type(3),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span:nth-child(3) { grid-row: 3; }
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-pole:nth-of-type(4),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-j:nth-of-type(4),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span:nth-child(4) { grid-row: 4; }

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span {
    grid-column: 1;
    margin: 0;
    font: 400 12px/1.2 "Open Sans", sans-serif;
    color: var(--be-b-popis);
    text-align: left;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span:nth-child(n+5),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-jednotka {
    display: none !important;
}

/* Zátvorka spájajúca strany a reťaz (magnet) v jej strede. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs::after {
    content: "";
    grid-column: 3;
    grid-row: 1 / 5;
    justify-self: start;
    align-self: stretch;
    width: 8px;
    margin: 18px 0;
    border: 1px solid #CCCCCC;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-magnet {
    grid-column: 3;
    grid-row: 1 / 5;
    justify-self: end;
    align-self: center;
    width: 40px;
    height: 40px;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-magnet.je-aktivny {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-jednotka-roletka {
    top: 40px;
    right: 64px;
}

/* Vodorovne (Zaoblenie): štyri sivé polia, názvy pod nimi, PX a reťaz vpravo. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne :is(.be-rs-polia, .be-rs-popisy) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) 34px 40px !important;
    column-gap: 6px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-polia {
    height: 40px;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-pole {
    border: 0 !important;
    border-radius: 8px;
    background: var(--be-b-vypln);
    font-size: 13px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-jednotka {
    order: 2;
    border: 0 !important;
    background: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-magnet {
    order: 3;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-magnet.je-aktivny {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-popisy > span {
    font-size: 11px;
    color: var(--be-b-popis);
}

/* Popisy polí zarovnané s poľami (bez odsadenia 9 px). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field-label-content {
    padding-left: 0 !important;
}

/* Popisy strán v strede výšky poľa. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-strany:not(.be-rs--vodorovne) .be-rs-popisy > span {
    align-self: center;
    line-height: 36px;
}

/* Rozmer (Šírka, Výška …): popis vľavo, pole vpravo, na konci malá jednotka so šípkou. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field.be-pole-rozmer:not(:has(.be-rozmer-strany)) {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field.be-pole-rozmer:not(:has(.be-rozmer-strany)) > .fi-fo-field-label-col {
    position: static !important;
    grid-column: 1;
    margin: 0 !important;
    padding: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field.be-pole-rozmer:not(:has(.be-rozmer-strany)) > .fi-fo-field-content-col {
    grid-column: 2;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field.be-pole-rozmer:not(:has(.be-rozmer-strany)) .fi-fo-field-label-content {
    font-weight: 400 !important;
    font-size: 12px !important;
    color: var(--be-b-popis) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-pole {
    height: 36px !important;
    min-height: 36px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-pole .fi-input {
    height: 36px !important;
    font-size: 13px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-pole > .be-rozmer-koniec {
    width: auto !important;
    min-width: 44px;
    padding: 0 22px 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #9A9A9A !important;
    position: relative;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-pole > .be-rozmer-koniec::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-right: 1.5px solid #555555;
    border-bottom: 1.5px solid #555555;
    transform: rotate(45deg);
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rozmer-pole > .be-rozmer-koniec > .be-jednotka-ikona {
    transform: scale(.6);
    background-color: #9A9A9A !important;
}

/* Zaoblenie: jednotka PX malá a sivá ako pri ostatných poliach. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-rs--vodorovne .be-rs-jednotka > .be-jednotka-ikona {
    transform: scale(.6);
    background-color: #9A9A9A !important;
}

/* CSS filtre (dizajn 21:04): názov nad riadkom, sivá dráha (bez farebných prechodov) a hodnota s jednotkou v sivom poli. */
html body.fi-body .be-css-filter-jednotka {
    display: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-ovladanie {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px;   /* ako Šírka (VeRozmer) - 29. 10. 2026 5:09 */
    align-items: center;
    column-gap: 12px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-draha {
    --be-draha: #DDDDDF !important;
    height: 18px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-draha::-webkit-slider-runnable-track {
    height: 4px !important;
    border-radius: 2px;
    background: #DDDDDF !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-draha::-moz-range-track {
    height: 4px !important;
    border-radius: 2px;
    background: #DDDDDF !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-draha::-webkit-slider-thumb {
    width: 18px !important;
    height: 18px !important;
    margin-top: -7px !important;
    border: 0 !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-draha::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
    border: 0 !important;
    background: #FFFFFF !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-cislo {
    width: 100% !important;
    height: 36px !important;
    padding: 0 34px 0 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
    font-size: 13px !important;
    text-align: left !important;
    -moz-appearance: textfield;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-cislo::-webkit-inner-spin-button,
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-cislo::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-jednotka {
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    font: 400 11px/1 "Open Sans", sans-serif;
    color: #9A9A9A;
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-css-filter-nazov {
    font-size: 12px !important;
    color: var(--be-b-popis) !important;
}

/* Zmeny (dizajn 21:04): Typ zmeny - päť samostatných dlaždíc v rade (ikona nad názvom), Preklopiť - dve dlaždice,
   pod nimi posuvník zvolenej zmeny s názvom. Zvolená dlaždica biela s tieňom. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-tr-dlazdice, .be-anim-dlazdice) .fi-fo-toggle-buttons {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 0 !important;
    background: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-tr-dlazdice, .be-anim-dlazdice) .fi-btn {
    flex-direction: column !important;
    gap: 6px !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 6px 2px !important;
    background: var(--be-b-vypln) !important;
    font-size: 11px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-tr-dlazdice, .be-anim-dlazdice) input:checked + .fi-btn {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), inset 0 0 0 1px #E5E5E5 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-tr-dlazdice, .be-anim-dlazdice) .fi-btn :is(.fi-icon, svg) {
    width: 22px !important;
    height: 22px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-tr-pole > .fi-fo-field-label-col {
    display: block !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-tr-skupina > .fi-grid {
    row-gap: 10px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-anim-dlazdice .fi-fo-toggle-buttons .fi-btn.fi-btn {
    flex-direction: column !important;
    justify-content: center !important;
}

/* Nahrávač obrázka (dizajn 21:04): sivá plocha so zaoblením bez prerušovaného rámika, názov nad ňou. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-pole-media .be-media-obsah {
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-pole-media > .fi-fo-field-label-col {
    padding: 0 !important;
    background: transparent !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-pole-media .fi-fo-field-label-content {
    background: transparent !important;
}

/* Obsah / Pokročilé: koncovky polí (Premenné {x}, nastavenia Odkazu) bez rámika a sivého konca; editor CSS so svetlým rámikom. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-text-premenne-tl, .be-pole-odkaz-nast-tl) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-text-premenne, .be-pole-odkaz-telo) {
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--be-b-vypln) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .cm-editor {
    border-color: #E5E5E5 !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   TLAČIDLÁ LIŠTY: BIELY HOVER A ZVOLENÉ (Trello fur43m25, Vojto 28. 10. 2026 5:30)
   „Všetky tlačidlá v lište majú mať biely hover a aktívny button… ako pri responzivite alebo pri Normal / Hover.“
   Prepínače (Pridať text pred …), dlaždice widgetov a sekcií, časti Štýlu, Organizátor, tlačidlá s roletkou,
   dlaždice s prepínačom: pri prejdení myšou biele so slabým tieňom, zvolené biele s tieňom ako pás rozlíšení.
   Záložky Lišty (Obsah, Štýl …) ostávajú tmavé.
   ========================================================================== */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3):not(#be-k4) :is(.be-ve-dizajn-lista, .be-lista, .be-ve-widget-lista) :is(
    .fi-fo-toggle-buttons input:not(:checked) + .fi-btn.fi-btn:not(.fi-active):hover,
    .be-ve-objekt-tlacidlo:not(.je-aktivna):hover,
    .be-ve-vnorena-dlazdica:hover,
    .be-volba-tl:hover,
    .be-lista-tlacidlo-siroka:hover,
    .be-dlazdica-prepinac .fi-fo-field-label:not(:has(.fi-toggle-on)):hover,
    .be-tien-dlazdica .fi-fo-field-label:hover,
    .be-stav-dvoj .be-stav-dvoj-tl:not(.je-aktivna):hover,
    .be-ve-objekt-rozlisenie:not(.je-aktivna):hover
),
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3):not(#be-k4) :is(.be-ve-paleta-dlazdica:not(.je-pridava), .be-ve-paleta-organizator):hover {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .10) !important;
    color: #000000 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3):not(#be-k4) :is(.be-ve-dizajn-lista, .be-lista, .be-ve-widget-lista) :is(
    .fi-fo-toggle-buttons input:checked + .fi-btn.fi-btn,
    .fi-fo-toggle-buttons .fi-btn.fi-btn.fi-active,
    .be-ve-objekt-tlacidlo.je-aktivna,
    .be-volba-tl.je-otvorene,
    .be-dlazdica-prepinac .fi-fo-field-label:has(.fi-toggle-on),
    .be-ve-objekt-moznost.je-aktivna
) {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16) !important;
    color: #000000 !important;
}

/* Šírka ako posuvník (Trello fur43m25, Vojto 28. 10. 2026 5:34; VeRozmer->posuvnik()): dráha | hodnota s PX / % na konci,
   pod nimi prepínač Šírku prispôsob obsahu (Šírka cez celú obrazovku pri sekcii). Zapnutý prepínač zamkne pole -
   dráha sa skryje a pole s textom zaberie celý riadok. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer.be-rozmer--posuvnik {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    align-items: center;
    column-gap: 12px;
    row-gap: 10px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik > .be-rozmer-draha {
    display: flex;
    grid-column: 1;
    grid-row: 1;
    align-items: center;
    min-width: 0;
    height: 36px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik > .be-rozmer-pole {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik.je-zamknute > .be-rozmer-pole {
    grid-column: 1 / -1;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik .be-rozmer-pole > .fi-input {
    min-width: 0;
    padding-right: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik .be-posuvnik-ponuka {
    display: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik > .be-rozmer-prepinac--pod {
    grid-column: 1 / -1;
    grid-row: 2;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #000000;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik .be-rozmer-pole > .be-jednotky-panel.be-jednotky-panel {
    left: auto;
    right: -1px;
    width: 220px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-rozmer--posuvnik.je-zamknute .be-rozmer-pole > :is(.be-rozmer-koniec, .be-jednotky-panel) {
    display: none !important;
}

/* Popis Šírky pri prvom riadku (dráha a pole), nie v strede s prepínačom pod nimi. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field.be-pole-rozmer:has(.be-rozmer--posuvnik) {
    align-items: start;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-fo-field.be-pole-rozmer:has(.be-rozmer--posuvnik) > .fi-fo-field-label-col {
    display: flex;
    align-items: center;
    min-height: 36px;
}

/* Ikona Premenné {x} a nastavenia Odkazu na konci poľa v strede výšky poľa (Trello fur43m25, Vojto 28. 10. 2026 5:31) -
   tlačidlo malo výšku poľa mimo Lišty (45 px) a pole v Lište má 36 px. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.be-text-premenne-tl, .be-pole-odkaz-nast-tl) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    max-height: 100%;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .be-text-premenne-tl::before {
    margin: 0;
}

/* Karta Objekt s dlaždicami častí Štýlu sivá (Trello fur43m25, Vojto 28. 10. 2026 5:43) - značka je-objekt z beListaKarty. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-lista-karty .be-lista-karta.je-objekt {
    background: #F3F3F5;
}

/* Oddeľovacie čiary medzi skupinami polí podľa dizajnu (Trello fur43m25, Vojto 28. 10. 2026 5:45, 5:14): nad skupinou so
   štyrmi stranami (Vonkajší okraj, Vnútorné odsadenie, Hrúbka okraja) a nad Farbou (Farba písma, okraja …) tenká čiara
   #E5E5E5 na celú šírku obsahu Lišty, od 21:28 10 px nad ňou aj pod ňou - medzeru 21 px nastaví meranie medzier Lišty
   (backend-formulare.js, ODDELOVAC), čiara je v jej strede. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.fi-fo-field.be-pole-rozmer:has(.be-rozmer-strany:not(.be-rs--vodorovne)), .fi-fo-field.be-typy-farby:not(.be-prem-pridat, .be-tr-dlazdice)):not([data-be-bez-ciary]) > .fi-fo-field-label-col {
    right: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista :is(.fi-fo-field.be-pole-rozmer:has(.be-rozmer-strany:not(.be-rs--vodorovne)), .fi-fo-field.be-typy-farby:not(.be-prem-pridat, .be-tr-dlazdice)):not([data-be-bez-ciary]) > .fi-fo-field-label-col::before {
    content: "";
    position: absolute;
    top: -11px;
    left: 0;
    right: 0;
    border-top: 1px solid #E5E5E5;
    pointer-events: none;
}

/* Prepínače (Toggle) v Lište menšie - štandard ako Šírku prispôsob obsahu 32 × 18 px, bežec 12 px (Trello fur43m25,
   Vojto 28. 10. 2026 5:06, 5:12: „Prejdi všade a oprav veľkosť switcherov na menší“). Od 21:20 vo všetkých formulároch
   Backendu, nielen v Lište; prepínače tabuliek (scale) a neviditeľné prepínače dlaždíc (cez celú dlaždicu) majú vlastné. */
html body.fi-body:not(#be-k1):not(#be-k2) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle) {
    flex: none;
    width: 32px !important;
    min-width: 32px !important;
    height: 18px !important;
    border-radius: 9px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle) > div {
    width: 12px !important;
    height: 12px !important;
    margin: 3px !important;
    translate: 0 0 !important;
    transition: translate .15s ease;
}

html body.fi-body:not(#be-k1):not(#be-k2) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle).fi-toggle-on > div {
    translate: 14px 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle) > div > div {
    width: 12px !important;
    height: 12px !important;
}

/* ==========================================================================
   ROLETKY LIŠTY (Trello fur43m25, Vojto 28. 10. 2026 5:00 - 5:03): bez rámika 1 px, výraznejší tieň ako pri
   tlačidlách, sivý podklad #F3F3F5 a tlačidlá / položky ako biele tlačidlá s tieňom - zvolená biela s tieňom,
   pri prejdení myšou biela. Šírka obsahu Lišty a smer nahor rieši backend-formulare.js (naSirkuListy, otocRoletky).
   ========================================================================== */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-pismo-ponuka, .be-pole-odkaz-roletka, .be-rozmer-koniec-roletka,
    .be-ve-farba-predvolene-roletka, .be-paleta-vyber, .be-volba-roletka, .be-pismo-roletka-zoznam, .be-rs-jednotka-roletka, .be-zoznam-ponuka,
    .be-text-premenne-ponuka, .fi-select-input .fi-dropdown-panel, .be-stav-dvoj-roletka) {
    border: 0 !important;
    border-radius: 10px !important;
    background: #F3F3F5 !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .22) !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-pismo-roletka-zoznam, .be-rs-jednotka-roletka, .be-pismo--rozbalene .be-pismo-ponuka).be-nahor {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
}

/* Položky: priehľadné, pri prejdení biele, zvolená biela s tieňom. Hlavičky skupín premenných sa nedajú klikať -
   bez podfarbenia (21:21). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-volba-moznost, .be-pismo-roletka-moznost, .be-pismo-ponuka li,
    .be-zoznam-ponuka li, .fi-select-input-option, .be-rozmer-koniec-roletka button, .be-rs-jednotka-roletka button, .be-stav-dvoj-klon,
    .be-pole-odkaz-moznost) {
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-volba-moznost, .be-pismo-roletka-moznost, .be-pismo-ponuka li:not(.be-pismo-ziadne, .be-text-premenne-skupina),
    .be-zoznam-ponuka li:not(.be-pismo-ziadne, .be-text-premenne-skupina), .fi-select-input-option, .be-rozmer-koniec-roletka button, .be-rs-jednotka-roletka button, .be-stav-dvoj-klon,
    .be-pole-odkaz-moznost):is(:hover, .fi-focused) {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .10) !important;
    color: #000000 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-volba-moznost.je-aktivna, .be-pismo-roletka-moznost.je-aktivna,
    .be-pismo-ponuka li[aria-selected="true"], .be-zoznam-ponuka li[aria-selected="true"], .fi-select-input-option[aria-selected="true"],
    .be-rozmer-koniec-roletka button.je-aktivna, .be-rs-jednotka-roletka button.je-aktivna, .be-pole-odkaz-moznost.je-aktivna) {
    background: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16) !important;
    color: #000000 !important;
}

/* Dlaždice volieb (Smer, Zvisle …) bez vlastnej sivej výplne - na sivom podklade roletky. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-volby-obal .be-volba-moznost:not(.je-aktivna):not(:hover) {
    background: transparent !important;
}

/* Obsah Lišty sa vodorovne neposúva (roletka na celú šírku ho nesmie odscrollovať). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista .fi-modal-content {
    overflow-x: hidden !important;
}

/* Východisková poloha roletiek Písma v Lište pod svojím poľom (bez pretečenia doprava) - šírku Lišty dá naSirkuListy. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pismo-roletka-zoznam {
    left: 0;
    right: 0;
}

/* Karta Objekt: dlaždice 12 px pod hlavičkou ako po bokoch (Trello fur43m25, Vojto 28. 10. 2026 5:43; spodok 12 px
   dáva beListaSpodokSekcie). Prirodzená medzera je 30 px - prepočet medzier ju tu neupravuje (obal display: contents). */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-dizajn-lista:has(.be-lista-blok-hlavicka .be-ve-objekt-lupa) .fi-grid-col:has(> .fi-sc-component > .be-ve-objekt) {
    margin-top: -18px !important;
}

/* Akcie Organizátora (Trello fur43m25, Vojto 28. 10. 2026 5:05): tlačidlo v riadku - ikona a text vedľa seba ako dlaždice
   častí Štýlu, pri prejdení myšou a stlačení biele s tieňom. */
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia {
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    min-height: 0;
    padding: 10px 6px 10px 10px;
    font-size: 11px;
    text-align: left;
    transition: background .15s, box-shadow .15s;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia-ikona {
    flex: none;
    width: 18px;
    height: 18px;
}

html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia:hover:not(:disabled),
html body.fi-body:not(#be-k1):not(#be-k2) .be-ve-zoradit-akcia:active:not(:disabled) {
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
}

/* Druhá časť menu widgetu (Trello fur43m25, Vojto 28. 10. 2026 4:56): sivá #F3F3F5 s časťami Štýlu - ikony a texty
   kompaktne ako v čiernej časti nad ňou, pri prejdení myšou biele. */
html body .be-ve-w-roletka .be-ve-w-roletka-casti {
    display: flex;
    flex-direction: column;
    margin: 5px 0 -5px;
    padding: 5px 0;
    background: #F3F3F5;
}

html body .be-ve-w-roletka .be-ve-w-roletka-casti button {
    color: #000000;
}

html body .be-ve-w-roletka .be-ve-w-roletka-casti button:hover,
html body .be-ve-w-roletka .be-ve-w-roletka-casti button:focus-visible {
    background: #FFFFFF;
}

html body .be-ve-w-roletka .be-ve-w-roletka-casti .be-ve-w-roletka-ikona {
    background-color: #000000;
}

/* Vyhľadávanie v roletkách Lišty (Trello fur43m25, Vojto 28. 10. 2026 19:26): podklad celej roletky sivý aj za
   vyhľadávaním, pole bez rámika s bielym podkladom a vysoké ako pole Text nadpisu (36 px). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-pismo-hladanie, .fi-select-input-search-ctn) {
    background: #F3F3F5 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pismo-hladanie input,
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-search-ctn .fi-input-wrp {
    height: 36px !important;
    min-height: 36px !important;
    border: 0 !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-search-ctn .fi-input-wrp input {
    height: 34px !important;
    background: transparent !important;
}

/* Šípka na konci poľa Písmo a roletiek Písma dole / pri otvorenej roletke hore (Trello fur43m25, Vojto 28. 10. 2026
   21:26) - okraje šípky (::after) inak zruší pravidlo koncoviek polí Lišty (border: 0). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-pismo--rozbalene :is(.be-pismo-nazov .fi-input-wrp, .be-pismo-roletka-pole)::after {
    border: 0 !important;
    border-right: 1.5px solid #555555 !important;
    border-bottom: 1.5px solid #555555 !important;
    transition: transform .15s ease;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-pismo--rozbalene .be-pismo-nazov:has(> .be-pismo-ponuka:not([style*="display: none"])) .fi-input-wrp::after,
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-pismo--rozbalene .be-pismo-roletka-pole.je-otvorene::after {
    margin-top: -1px;
    transform: rotate(-135deg);
}

/* Možnosti roletky Odkazu ako ostatné položky roletiek - biele podfarbenie s okrajom textu 12 px (21:23). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pole-odkaz-roletka .be-pole-odkaz-moznost {
    padding: 0 12px !important;
}

/* Prepínače v Lištách ako „Šírku prispôsob obsahu“ (Trello fur43m25, Vojto 28. 10. 2026 21:20, znova 29. 10. 4:17):
   prepínač 32 × 18 vľavo, za ním text 12 px s medzerou 10 px - aj Responzivita (Skryť pri …, predtým prepínač
   na konci riadka) a Otvárať v novom okne v roletke Odkazu. Dlaždice s neviditeľným prepínačom nie. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista, .be-ve-widget-lista)
    .fi-fo-field-label:has(> .fi-toggle):not(:is(.be-tien-dlazdica, .be-dlazdica-prepinac) *) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 5px !important;   /* text 5 px od prepínača (Trello fur43m25, 29. 10. 2026 5:37) */
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista, .be-ve-widget-lista)
    .fi-fo-field-label:has(> .fi-toggle):not(:is(.be-tien-dlazdica, .be-dlazdica-prepinac) *) > .fi-toggle {
    order: 0;
    margin: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista, .be-ve-widget-lista)
    .fi-fo-field-label:has(> .fi-toggle):not(:is(.be-tien-dlazdica, .be-dlazdica-prepinac) *) > .fi-fo-field-label-content {
    order: 1;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    color: #000000 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pole-odkaz-roletka .be-pole-odkaz-roletka-okno {
    justify-content: flex-start;
    gap: 5px;
    padding-left: 12px;
    font-size: 12px;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pole-odkaz-roletka .be-pole-odkaz-roletka-okno > .be-pole-odkaz-okno {
    order: -1;
}

/* Tlačidlá s ikonou a textom v riadku (Bez farby / Plná farba / Prechod, Poloha ikony …) v štandardnej výške ako
   prepínač Normálne / Pri prechode myšou: sivý pás s okrajom 4 px, tlačidlá 36 px, ikona 18 px vedľa textu
   (Trello fur43m25, Vojto 29. 10. 2026 4:22 - predtým roztiahnuté na 55 px, Poloha s ikonou nad textom). Od 4:35 vo všetkých
   formulároch, nielen v Lištách; dlaždice Zmien (be-tr-dlazdice) majú vlastný vzhľad. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-typy-farby, .be-tlacidla-riadok):not(.be-tr-dlazdice) .fi-fo-toggle-buttons {
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px !important;
    background: #F4F4F6 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-typy-farby, .be-tlacidla-riadok):not(.be-tr-dlazdice) .fi-fo-toggle-buttons .fi-btn {
    flex-direction: row !important;
    gap: 6px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-typy-farby, .be-tlacidla-riadok):not(.be-tr-dlazdice) .fi-fo-toggle-buttons .fi-btn :is(svg, .fi-icon) {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}

/* Posuvníky v Lištách s popisom v riadku pred posuvníkom ako Uhol prechodu (inlineLabel): popis 90 px, 10 px medzera
   (Trello fur43m25, Vojto 29. 10. 2026 4:49 - Tieň Šírka, Rozostrenie, Posun X / Y a ostatné posuvníky). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista)
    .fi-fo-field:not(.fi-fo-field-has-inline-label):has(> .fi-fo-field-content-col :is(.be-posuvnik, .be-rozmer--posuvnik)) {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista)
    .fi-fo-field:not(.fi-fo-field-has-inline-label):has(> .fi-fo-field-content-col :is(.be-posuvnik, .be-rozmer--posuvnik)) > .fi-fo-field-label-col {
    position: static !important;   /* aj polia Zmien (be-tr-pole) mali popis pripnutý nad poľom */
    display: flex !important;
    align-items: center !important;   /* popis v strede výšky posuvníka (5:09) */
    align-self: center !important;
    height: auto !important;
    min-height: 0 !important;
    grid-column: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista)
    .fi-fo-field:not(.fi-fo-field-has-inline-label):has(> .fi-fo-field-content-col :is(.be-posuvnik, .be-rozmer--posuvnik)) > .fi-fo-field-content-col {
    grid-column: 2 !important;
    min-width: 0 !important;
}

/* CSS filtre: názov v riadku pred posuvníkom ako ostatné posuvníky Lišty - 90 px, 10 px medzera
   (Trello fur43m25, Vojto 29. 10. 2026 4:51). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-css-filter {
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-css-filter > .be-css-filter-nazov {
    grid-column: 1;
    margin: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-css-filter > .be-css-filter-ovladanie {
    grid-column: 2;
    min-width: 0;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-css-filtre-ponuka {
    gap: 10px !important;   /* riadky filtrov 10 px od seba ako polia Lišty */
}

/* Zmeny: ikona pred názvom posuvníka (Otočiť, Skosenie, Posun X / Y, Veľkosť) - Trello fur43m25, 29. 10. 2026 4:55. */
html body.fi-body .be-tr-pole-ikona {
    display: inline-block;
    flex: none;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    background: currentColor;
    -webkit-mask: var(--ikona) center / contain no-repeat;
    mask: var(--ikona) center / contain no-repeat;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-tr-pole .fi-fo-field-label-content {
    color: #000000 !important;   /* Posun X / Y (VeRozmer) rovnako ako ostatné posuvníky Zmien */
}

/* Roletky Selectu v Lištách (Animácie a ďalšie, Trello fur43m25, Vojto 29. 10. 2026 5:00): vyhľadávanie biele s ikonou bez
   rámika (36 px), názov skupiny čierny tučný a neklikateľný, položky nižšie ako pri písmach a premenných. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-search-ctn {
    padding: 10px 12px 6px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-search-ctn > .fi-input,
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-search-ctn .fi-input-wrp .fi-input {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px 0 40px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #FFFFFF url("/icons/vyhladavanie.svg") 12px center / 18px 18px no-repeat !important;
    box-shadow: none !important;
    font-size: 13px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-option-group .fi-dropdown-header {
    padding: 10px 12px 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    background: transparent !important;
    cursor: default;
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-options-ctn .fi-dropdown-list {
    padding: 0 6px 4px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-select-input-option {
    min-height: 0 !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
    line-height: 18px !important;
}

/* Posuvník s prepínačom pod ním (Šírka - Šírku prispôsob obsahu): popis v strede riadku posuvníka, nie celého poľa. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista)
    .fi-fo-field:not(.fi-fo-field-has-inline-label):has(> .fi-fo-field-content-col .be-rozmer .be-rozmer-prepinac--pod) > .fi-fo-field-label-col {
    align-self: start !important;
    height: 36px !important;
}

/* Roletka jednotky (PX / Percentá) ako štandardné tlačidlá Lišty - sivý pás 4 px, tlačidlá 36 px, ikona 18 px vedľa
   textu 13 px, zvolené biele s tieňom (Trello fur43m25, Vojto 29. 10. 2026 5:07). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-jednotky-panel.be-jednotky-panel {
    gap: 4px !important;
    padding: 4px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-jednotky-panel.be-jednotky-panel > button {
    justify-content: center !important;
    gap: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #555555 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-jednotky-panel.be-jednotky-panel > button.je-aktivna {
    font-weight: 700 !important;
    color: #000000 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-jednotky-panel .be-jednotka-ikona {
    flex: none;
    width: 18px !important;
    height: 18px !important;
    transform: none !important;
}

/* Grafika prepínača ako pri Šírke (be-rozmer-prepinac-tl, Trello fur43m25, Vojto 29. 10. 2026 5:28): bežec Filamentu bol
   o pixel mimo stredu - kreslí sa ::after (12 px, 3 px od okraja), vnútorné prvky Filamentu sa nezobrazujú. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle) {
    position: relative !important;
    overflow: hidden;
    border: 0 !important;   /* priehľadný okraj 2 px Filamentu posúval bežec nadol a doprava */
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle) > div {
    visibility: hidden !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle)::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FFFFFF;
    transition: left .15s ease;
    pointer-events: none;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .fi-toggle:not(:is(.fi-ta-toggle, .be-tien-dlazdica, .be-dlazdica-prepinac) .fi-toggle):is(.fi-toggle-on, [aria-checked="true"])::after {
    left: 17px;
}

/* Roletka Odkazu nad poliami pod ňou (posuvník Z-Index presvital cez roletku). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pole-odkaz-roletka {
    z-index: 60 !important;
}

/* Malá šípka dole pri jednotke PX / %, kde sa dá prepnúť - štyri strany (pod sebou aj vedľa seba) ako pri Šírke
   (Trello fur43m25, Vojto 29. 10. 2026 5:32). Pri poliach len v PX (Hrúbka okraja) šípka nie je. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-rs-j, .be-rs-jednotka):not(.je-len-px) {
    position: relative;
    padding-right: 18px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.be-rs-j, .be-rs-jednotka):not(.je-len-px)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-right: 1.5px solid #555555;
    border-bottom: 1.5px solid #555555;
    transform: rotate(45deg);
    pointer-events: none;
}

/* Otvárať v novom okne: text 10 px za prepínačom. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .be-pole-odkaz-roletka-okno > span {
    margin: 0 !important;
    padding: 0 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-pole-odkaz-roletka .be-pole-odkaz-okno {
    inset: auto !important;   /* posun right: 15 px z prepínača na konci poľa ho v roletke odtláčal o 15 px */
}

/* Prepínač pod posuvníkom (Šírku prispôsob obsahu) - text 5 px od prepínača ako všade. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-rozmer-prepinac {
    gap: 5px !important;
}

/* Jednotka posuvníka (°, %, px) na konci poľa ako PX pri rozmeroch (5:34). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-posuvnik > .fi-input-wrp {
    position: relative;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-posuvnik-jednotka {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font: 400 11px/1 "Open Sans", sans-serif;
    color: #9A9A9A;
    text-transform: uppercase;
    pointer-events: none;
}

/* Otvorená roletka vždy nad ovládacími prvkami pod ňou (posuvník ďalšieho poľa ju prekrýval) - riadky Lišty s otvorenou
   roletkou (trieda be-ma-roletku z backend-formulare.js, vrstvaRoletiek) vo vyššej vrstve (Trello fur43m25, 29. 10. 2026 5:45, 5:52). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) .be-ma-roletku {
    position: relative;
    z-index: 70 !important;
}

/* ==========================================================================
   ZJEDNOTENIE WIDGETOV PODĽA NADPISU (Trello fur43m25, Vojto 29. 10. 2026 6:42) - pravidlá polí Lišty pre všetky
   widgety: dvojice posuvníkov pod sebou, riadky tlačidiel s textom nízke, popisy a zaškrtávacie polia štandardným písmom.
   ========================================================================== */
/* Dvojica s posuvníkmi (Počet stĺpcov / riadkov, Medzera pred / za …) - každý posuvník na vlastnom riadku s popisom vľavo. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-lista-dvojica, .be-dvojpole):has(.be-posuvnik) :is(.fi-grid, .fi-sc) {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 10px !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-lista-dvojica, .be-dvojpole):has(.be-posuvnik) .fi-grid-col {
    grid-column: 1 / -1 !important;
}

/* Riadky tlačidiel s textom (Typ galérie, Typ zobrazenia, Pomer strán, Poloha ikony …) ako tlačidlá v riadku -
   sivý pás 4 px, tlačidlá min. 36 px, písmo 12 px; dlhší text sa zalomí. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista
    .fi-fo-toggle-buttons-wrp:not(.be-tr-dlazdice, .be-anim-dlazdice, .be-prem-pridat, .be-typy-farby, .be-tlacidla-riadok) .fi-fo-toggle-buttons {
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px !important;
    background: #F4F4F6 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista
    .fi-fo-toggle-buttons-wrp:not(.be-tr-dlazdice, .be-anim-dlazdice, .be-prem-pridat, .be-typy-farby, .be-tlacidla-riadok) .fi-fo-toggle-buttons .fi-btn {
    flex-direction: row !important;
    gap: 6px !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 4px 6px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista
    .fi-fo-toggle-buttons-wrp:not(.be-tr-dlazdice, .be-anim-dlazdice, .be-prem-pridat, .be-typy-farby, .be-tlacidla-riadok) .fi-fo-toggle-buttons .fi-btn :is(svg, .fi-icon) {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}

/* Popis poľa Odkaz / Link ako ostatné popisy (12 px). */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-fo-field:has(.be-pole-odkaz) > .fi-fo-field-label-col .fi-fo-field-label-content {
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* Zaškrtávacie polia (Funkcie v roletke Prístupnosti …) písmom 12 px ako prepínače. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista :is(.fi-fo-checkbox-list, .fi-fo-checkbox) label .fi-fo-field-label-content,
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) .be-ve-dizajn-lista .fi-fo-checkbox-list-option-label {
    font-size: 12px !important;
    line-height: 18px !important;
}

/* Dlhší popis posuvníka (Odstup od okraja obrazovky …) sa zalomí v stĺpci 90 px. */
html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista)
    .fi-fo-field:not(.fi-fo-field-has-inline-label):has(> .fi-fo-field-content-col :is(.be-posuvnik, .be-rozmer--posuvnik)) > .fi-fo-field-label-col .fi-fo-field-label-content {
    white-space: normal !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere;
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-lista-dvojica, .be-dvojpole):has(.be-posuvnik) .fi-fo-field {
    margin-top: 0 !important;   /* odsadenie pre popis nad poľom - popis je v riadku, riadky drží row-gap 10 px */
}

html body.fi-body:not(#be-k1):not(#be-k2):not(#be-k3) :is(.be-ve-dizajn-lista, .be-lista) :is(.be-lista-dvojica, .be-dvojpole):has(.be-posuvnik) .fi-grid-col {
    padding-top: 0 !important;   /* 13 px miesta pre popis nad poľom dvojice */
}