/*
 * Sklad — vzhľad podľa Shopify admina.
 * Čisté CSS nad Filamentom (žiadny build), načítané cez FilamentAsset.
 */

:root {
    --s-bg: #f1f1f1;
    --s-surface: #ffffff;
    --s-topbar: #1a1a1a;
    --s-topbar-field: #303030;
    --s-topbar-text: #e3e3e3;
    --s-text: #303030;
    --s-text-strong: #1a1a1a;
    --s-text-subdued: #616161;
    --s-border: #e3e3e3;
    --s-border-inner: #ebebeb;
    --s-border-input: #cdcdcd;
    --s-hover: #f7f7f7;
    --s-pressed: #e3e3e3;
    --s-link: #005bd3;
    --s-radius: 8px;
    --s-radius-card: 12px;
    --s-shadow-card: 0 1px 0 0 rgba(26, 26, 26, 0.07);
    --s-shadow-btn: 0 1px 0 0 rgba(26, 26, 26, 0.08);
}

.fi-body {
    background: var(--s-bg);
    color: var(--s-text);
    font-size: 14px;
}

/* ── Horná lišta ──────────────────────────────────────────── */

.fi-topbar {
    background: var(--s-topbar);
    border: 0;
    box-shadow: none;
    min-height: 56px;
    padding-inline: 12px;
    gap: 12px;
    overflow: visible;
}

/* Filament sem dáva vlastnú značku; máme svoju vľavo (sklad-brand). */
.fi-topbar-start {
    display: none;
}

.fi-topbar-end {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.fi-topbar .fi-icon-btn,
.fi-topbar .fi-topbar-item-btn,
.fi-topbar .fi-dropdown-trigger .fi-icon-btn {
    color: var(--s-topbar-text);
}

.fi-topbar .fi-icon-btn:hover {
    background: #303030;
}

.fi-topbar .fi-user-menu .fi-dropdown-trigger,
.fi-topbar .fi-dropdown-trigger > button {
    color: var(--s-topbar-text);
}

/* Značka vľavo hore, na mieste loga Shopify */
.sklad-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px 6px 6px;
    border-radius: var(--s-radius);
    color: #ffffff;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
    text-decoration: none;
    flex: none;
}

/* Pilulka je vidno stále, jemne; na hover má pôvodný svetlejší odtieň. */
.sklad-brand {
    background: #262626;
}

.sklad-brand:hover {
    background: #303030;
}

.sklad-brand svg {
    width: 22px;
    height: 22px;
}

/* Prepínač e-shopov */
.sklad-switcher {
    position: relative;
    flex: none;
    /* Logo e-shopu lícuje s ikonami bočného menu (Ondrej, 16. 9. 2026). */
    margin-inline-start: -8px;
}

.sklad-brand {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    max-width: 260px;
}

.sklad-brand-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sklad-brand-chevron {
    width: 16px;
    height: 16px;
    opacity: 0.7;
}

/* Prepínač e-shopov podľa návrhu (Ondrej, 17. 9. 2026): biela karta so zaoblením 16 px, nadpis E-SHOP,
   riadok = logo vo variante na svetlé pozadie, tučný názov, sivý počet na spracovanie, modrá fajka
   pri aktívnom e-shope; aktívny riadok je jemne podfarbený. Pripnuté k oknu, nech ho neoreže lišta. */
.sklad-switcher-menu {
    position: fixed;
    top: 62px;
    inset-inline-start: 12px;
    z-index: 70;
    min-width: 260px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: 14px;
    border: 1px solid rgba(26, 26, 26, 0.06);
    background: #fff;
    box-shadow: 0 12px 32px rgba(26, 26, 26, 0.18), 0 1px 2px rgba(26, 26, 26, 0.08);
}

.sklad-switcher-heading {
    margin: 4px 10px 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8a8a8a;
}

.sklad-switcher-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    transition: background-color .12s ease;
}

.sklad-switcher-item:hover { background: #f4f5f7; }
.sklad-switcher-item-active { background: #eef1f6; }

.sklad-switcher-logo {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}
.sklad-switcher-logo svg { max-height: 26px; max-width: 28px; width: auto; height: 26px; display: block; }

.sklad-switcher-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #1a1a1a;
    color: #fff;
    font-size: 13px;
}

.sklad-switcher-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Počet objednávok na spracovanie: tichá sivá číslica vpravo, pri nule sa nevykresľuje. */
.sklad-switcher-count {
    flex: none;
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: #8a8a8a;
}

.sklad-switcher-check {
    flex: none;
    width: 16px;
    height: 16px;
    color: #2d80f9;
}

.sklad-switcher-empty {
    margin: 2px 12px 8px;
    font-size: 13px;
    color: var(--s-text-subdued);
}

.sklad-switcher-divider {
    height: 1px;
    margin: 6px 0;
    background: var(--s-border);
}

[x-cloak] {
    display: none !important;
}

.fi-sidebar-header-logo-ctn,
.fi-sidebar-header .fi-logo {
    display: none;
}

/* Vyhľadávanie v strede lišty, ako má Shopify. Pole v lište a rozbalený panel majú
   rovnakú šírku aj pozíciu (--s-search-w, top 9px), takže sa pri kliknutí nič neposunie. */
:root { --s-search-w: min(530px, 36vw); }

/* Lišta je nad skrolujúcou plochou: obsah, ktorý pod ňu zájde (ikony filtrov, odznaky), ostáva pod ňou. */
.fi-topbar { position: relative; z-index: 30; }

.fi-global-search-ctn {
    position: absolute;
    top: 9px;
    inset-inline: 0;
    margin-inline: auto;
    width: var(--s-search-w);
    display: block;
}

.fi-global-search,
.fi-global-search-field {
    display: block;
    width: 100%;
    max-width: none;
}

/* Po kliknutí sa pole rozvinie do panelu v strede obrazovky, ako v Shopify. */
/* Bez transformácie: tá by z panela spravila rám pre stmavenie pozadia. */
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) {
    position: fixed;
    top: 9px;
    inset-inline: 0;
    margin-inline: auto;
    z-index: 60;
    width: var(--s-search-w);
    display: block;
    padding: 0;
    background: var(--s-surface);
    border-radius: 14px;
    box-shadow:
        0 24px 48px rgba(26, 26, 26, 0.28),
        0 0 0 100vmax rgba(26, 26, 26, 0.4);
}

/* Stmavenie je tieň samotného panela, takže sa s ním nemá čo prekrývať. */

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-field,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-results-ctn {
    display: block;
    width: 100%;
    max-width: none;
    opacity: 1;
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-input-wrp {
    width: 100%;
    background: var(--s-surface);
    border-color: var(--s-border-input);
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-input {
    color: var(--s-text);
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-input::placeholder {
    color: #8a8a8a;
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-input-wrp-icon,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) svg {
    color: #616161;
}

/* Krížik na vymazanie hľadania – sivý namiesto čierneho systémového (Ondrej, 21. 9. 2026) */
.fi-input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    cursor: pointer;
    background: #8a8a8a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm2.83 4.46a.75.75 0 0 1 .71 1.24L9.06 8l2.48 2.3a.75.75 0 1 1-1.08 1.04L8 9.06l-2.46 2.28A.75.75 0 1 1 4.46 10.3L6.94 8 4.46 5.7a.75.75 0 1 1 1.08-1.04L8 6.94l2.46-2.28a.75.75 0 0 1 .37-.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm2.83 4.46a.75.75 0 0 1 .71 1.24L9.06 8l2.48 2.3a.75.75 0 1 1-1.08 1.04L8 9.06l-2.46 2.28A.75.75 0 1 1 4.46 10.3L6.94 8 4.46 5.7a.75.75 0 1 1 1.08-1.04L8 6.94l2.46-2.28a.75.75 0 0 1 .37-.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fi-input[type="search"]::-webkit-search-cancel-button:hover {
    background: #b5b5b5;
}

/* Skratka ⌘K v poli */
.fi-global-search .fi-input-wrp-suffix {
    font-size: 12px;
    color: #b5b5b5;
}

/* Výsledky sa vykreslia priamo v paneli */
.fi-global-search-results-ctn {
    position: static;
    width: 100%;
    margin-top: 0;
    max-height: min(60vh, 520px);
    overflow-y: auto;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 8px 10px 10px;
}

.fi-global-search-result-group-header {
    font-size: 12px;
    font-weight: 600;
    color: var(--s-text-subdued);
    padding: 10px 10px 4px;
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-results,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-result-group,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-result-group-results,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-result,
.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .fi-global-search-result-link {
    width: 100%;
    max-width: none;
}

.fi-global-search-result-link {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-radius: var(--s-radius);
    padding: 8px 10px;
}

.fi-global-search-result-details {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
}

.fi-global-search-result-detail {
    display: flex;
    gap: 4px;
}

.fi-global-search-result-link:hover {
    background: var(--s-hover);
}

.fi-global-search-result-heading {
    font-size: 13px;
    font-weight: 600;
    color: var(--s-text-strong);
}

.fi-global-search-result-detail-label,
.fi-global-search-result-detail-value {
    font-size: 12px;
    color: var(--s-text-subdued);
}

.fi-global-search-no-results-message {
    padding: 28px 12px 36px;
    text-align: center;
    font-size: 13px;
    color: var(--s-text-subdued);
}

/* Rýchle odkazy a prázdny stav */
.sklad-search-extras {
    display: none;
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .sklad-search-extras {
    display: block;
}

.fi-global-search-ctn:is(:focus-within, .sklad-search-open):has(.fi-global-search-results-ctn) .sklad-search-extras {
    display: none;
}

.sklad-search-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 4px 2px;
}

.sklad-search-chip {
    font-size: 13px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 999px;
    background: #f1f1f1;
    color: var(--s-text);
    text-decoration: none;
}

.sklad-search-chip:hover {
    background: var(--s-pressed);
}

.sklad-search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 44px 16px 54px;
    text-align: center;
}

.sklad-search-empty svg {
    width: 44px;
    height: 44px;
    color: #8a8a8a;
    margin-bottom: 4px;
}

.sklad-search-empty p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--s-text-strong);
}

.sklad-search-empty span {
    font-size: 13px;
    color: var(--s-text-subdued);
}

/* Posledné hľadania používateľa – namiesto prázdneho stavu, kým nič nenapísal (Ondrej, 17. 9. 2026). */
.sklad-search-recent {
    padding: 10px 4px 8px;
}

.sklad-search-recent-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--s-text-subdued);
}

.sklad-search-recent-clear {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--s-text-subdued);
    background: none;
    border: 0;
    padding: 2px 4px;
    cursor: pointer;
}

.sklad-search-recent-clear:hover {
    color: var(--s-text-strong);
    text-decoration: underline;
}

.sklad-search-recent-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: var(--s-text-strong);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.sklad-search-recent-item:hover,
.sklad-search-recent-item:focus-visible {
    background: #f1f1f1;
    outline: none;
}

.sklad-search-recent-item svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: #8a8a8a;
}

.sklad-search-recent-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-global-search .fi-input-wrp {
    width: 100%;
    max-width: none;
    background: var(--s-topbar-field);
    border: 1px solid #4a4a4a;
    border-radius: var(--s-radius);
    box-shadow: none;
}

.fi-global-search .fi-input-wrp:focus-within {
    border-color: #8a8a8a;
    outline: 2px solid rgba(255, 255, 255, 0.35);
    outline-offset: -1px;
}

.fi-global-search .fi-input,
.fi-global-search input {
    color: #ffffff;
    font-size: 13px;
}

.fi-global-search .fi-input::placeholder {
    color: #b5b5b5;
}

.fi-global-search .fi-input-wrp-icon,
.fi-global-search svg {
    color: #b5b5b5;
}

/* ── Bočné menu ───────────────────────────────────────────── */

/* Filament počíta s lištou 4rem; naša má 56px. Bez toho by pri rolovaní ostal
   nad menu 8px svetlý pásik. */
.fi-body {
    --topbar-height: 56px;
}

/* Ako Shopify: menu je tmavšie (#e3e3e3) než plocha stránky (#f1f1f1),
   bez deliacej čiary; položka pod kurzorom aj aktívna položka sú svetlejší pruh. */
.fi-sidebar,
.fi-sidebar-header,
.fi-sidebar-nav {
    background: #e3e3e3;
    box-shadow: none;
}

.fi-sidebar {
    border-inline-end: 0;
}

.fi-sidebar-header {
    border-bottom: 0;
    height: 56px;
}

.fi-sidebar-nav {
    padding: 12px 12px 24px;
    gap: 2px;
}

.fi-sidebar-item-btn {
    border-radius: var(--s-radius);
    padding: 7px 8px;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--s-text);
    min-height: 32px;
}

/* Ako Shopify (13. 9. 2026): položky bez pozadia, pod kurzorom jemne biele, aktívna biela a tučná. */
.fi-sidebar-item-btn {
    background: transparent;
}

.fi-sidebar-item-btn:hover {
    background: rgba(255, 255, 255, 0.55);
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-sidebar-item-btn.fi-active {
    background: #fafafa;
    color: var(--s-text-strong);
    font-weight: 600;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-btn:hover {
    background: #fafafa;
}

.fi-sidebar-item-icon {
    width: 20px;
    height: 20px;
    color: #4a4a4a;
}

/* Aktívna položka je tmavá a tučná ako v Shopify, nie v modrej primárnej farbe. */
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-btn.fi-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-btn.fi-active .fi-sidebar-item-label {
    color: var(--s-text-strong);
}

.fi-sidebar-item-label {
    font-size: 13px;
}

/* Počet ako v Shopify: na neaktívnej položke tmavšie sivý štítok, na aktívnej svetlejší. */
.fi-sidebar-item-badge-ctn .fi-badge {
    background: #cfcfcf;
    color: var(--s-text-strong);
    border-radius: 8px;
    padding-inline: 8px;
    font-weight: 600;
    font-size: 12px;
    box-shadow: none;
}

.fi-sidebar-item.fi-active .fi-sidebar-item-badge-ctn .fi-badge {
    background: #e3e3e3;
    color: var(--s-text-strong);
}

.fi-sidebar-group-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--s-text-subdued);
    text-transform: none;
    letter-spacing: 0;
    padding-inline: 8px;
    margin-top: 12px;
}

/* ── Stránka a hlavička ───────────────────────────────────── */

.fi-main {
    padding: 12px 24px 16px;
}

/* Filament dáva nad obsah 32 px aj tam, kde stránka nemá nadpis – tabuľka začína zbytočne nízko. */
.fi-page-header-main-ctn {
    padding-top: 8px;
    gap: 16px;
}

.fi-page {
    gap: 16px;
}

.fi-header {
    gap: 12px;
    margin-bottom: 4px;
}

.fi-header-heading {
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -0.01em;
    color: var(--s-text-strong);
}

.fi-header-subheading {
    font-size: 13px;
    color: var(--s-text-subdued);
}

.fi-breadcrumbs {
    font-size: 12px;
}

.fi-breadcrumbs-item-label {
    color: var(--s-text-subdued);
}

/* ── Karty ────────────────────────────────────────────────── */

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-fo-component-ctn > .fi-section {
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    border-radius: var(--s-radius-card);
    box-shadow: var(--s-shadow-card);
}

.fi-section-header {
    padding: 6px 16px; /* nižšia hlavička, nadpis v strede pruhu, rovnako na každej karte (Ondrej, 14. 9. 2026) */
}

.fi-section-header-heading {
    font-size: 14px;
    font-weight: 650;
    color: var(--s-text-strong);
}

.fi-section-header-description {
    font-size: 13px;
    color: var(--s-text-subdued);
}

.fi-section-content {
    padding: 16px;
}

/* ── Tabuľky ──────────────────────────────────────────────── */

.fi-ta-header,
.fi-ta-header-ctn {
    padding: 12px;
    border-bottom: 0; /* čiara je na tabuľke (nižšie): lišta je pri širokej tabuľke užšia než ona */
}

/* Čiara medzi lištou a tabuľkou ide po celej šírke tabuľky, teda až po pravý okraj karty. */
.fi-ta-content-ctn {
    border-top: 1px solid var(--s-border-inner);
}

.fi-ta-header-cell {
    padding: 8px 12px;
    background: var(--s-surface);
    font-size: 12px;
    font-weight: 600;
    color: var(--s-text-subdued);
    text-transform: none;
    letter-spacing: 0;
    border-bottom: 1px solid var(--s-border-inner);
}

/* Celý riadok hlavičky biely, aj bunka so zaškrtávačom (Filament ju má sivú). */
.fi-ta-table thead tr,
.fi-ta-table thead .fi-ta-selection-cell,
.fi-ta-table thead .fi-ta-actions-header-cell {
    background: var(--s-surface);
}

/* Čiara pod hlavičkou ide až po pravý okraj, aj pod bunkou s okom a zaškrtávačom (Ondrej, 14. 9. 2026). */
.fi-ta-table thead th,
.fi-ta-table thead td {
    border-bottom: 1px solid var(--s-border-inner);
}

.fi-ta-row {
    border-color: var(--s-border-inner);
}

.fi-ta-row:hover {
    background: var(--s-hover);
}

/* Tenké riadky ako v Shopify: jeden riadok textu, malé medzery. */
.fi-ta-cell {
    padding-block: 0;
}

.fi-ta-cell .fi-ta-text {
    padding: 7px 12px;
}

.fi-ta-cell .fi-ta-actions {
    padding-block: 4px;
}

.fi-ta-cell .sklad-status {
    min-height: 22px;
    padding-block: 1px;
}

.fi-ta-text-item-label {
    font-size: 13px;
    color: var(--s-text);
    /* One line per row, always: the card widens and the page scrolls sideways instead. */
    white-space: nowrap;
}

.fi-ta-text-item-description {
    font-size: 12px;
    color: var(--s-text-subdued);
}

.fi-ta-empty-state-heading {
    font-size: 14px;
}

.fi-ta-pagination,
.fi-pagination {
    border-top: 1px solid var(--s-border-inner);
    font-size: 13px;
}

/* ── Štítky stavov ────────────────────────────────────────── */

.fi-badge {
    border-radius: var(--s-radius);
    padding: 2px 8px;
    min-height: 24px;
    font-size: 12px;
    font-weight: 500;
    gap: 6px;
    box-shadow: none;
    border: 0;
}

/* Bodku (ako v Shopify) dostanú iba štítky stavu objednávky. */
[class*="fi-ta-cell-status"] .fi-badge::before,
[wire\:partial$="infolist.status"] .fi-badge::before,
.sklad-title-badge::before {
    content: "";
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2.5px solid currentColor;
    opacity: 0.75;
}

.fi-badge.fi-color-warning {
    background: #ffd79d;
    color: #5e4200;
}

.fi-badge.fi-color-info {
    background: #d8e8ff;
    color: #00437c;
}

.fi-badge.fi-color-success {
    background: #cdf0d9;
    color: #0c5132;
}

.fi-badge.fi-color-danger {
    background: #fee3e2;
    color: #8e1f0b;
}

.fi-badge.fi-color-gray,
.fi-badge.fi-color-neutral {
    background: #e3e3e3;
    color: #4a4a4a;
}

/* Nadpis so štítkom stavu, ako má detail objednávky v Shopify */
.fi-header-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sklad-title-badge {
    font-size: 12px;
    font-weight: 500;
}

/* ── Tlačidlá ─────────────────────────────────────────────── */

.fi-btn {
    border-radius: var(--s-radius);
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: var(--s-shadow-btn);
    border: 1px solid transparent;
}

.fi-btn.fi-color-primary {
    background: #303030;
    color: #ffffff;
    border-color: #1a1a1a;
}

.fi-btn.fi-color-primary:hover {
    background: #1a1a1a;
}

.fi-btn.fi-color-gray {
    background: var(--s-surface);
    color: var(--s-text);
    border-color: var(--s-border-input);
}

.fi-btn.fi-color-gray:hover {
    background: var(--s-hover);
}

.fi-btn.fi-color-danger {
    background: #e51c00;
    color: #ffffff;
    border-color: #c21b00;
}

.fi-icon-btn {
    border-radius: var(--s-radius);
}

.fi-link {
    color: var(--s-link);
    font-weight: 500;
}

/* ── Záložky v hlavičke tabuľky ───────────────────────────── */

/* Pôvodné záložky nad kartou nahrádzajú tie v hlavičke tabuľky. */
.fi-resource-list-records-page .fi-sc-tabs {
    display: none;
}

/* Sekcie nastavení sú v ľavom menu, vnorené menu pri obsahu je zbytočné. */
.fi-page-sub-navigation-sidebar-ctn,
.fi-page-sub-navigation-dropdown {
    display: none;
}

/* Zoznamy (objednávky, produkty) nemajú hlavičku stránky: karta začína hneď pod hornou lištou. */
.fi-resource-list-records-page.fi-resource-orders .fi-header,
.fi-resource-list-records-page.fi-resource-produkty .fi-header,
.fi-resource-list-records-page.fi-resource-zlavove-kody .fi-header {
    display: none;
}

.fi-resource-list-records-page.fi-resource-orders .fi-page-header-main-ctn,
.fi-resource-list-records-page.fi-resource-zlavove-kody .fi-page-header-main-ctn,
.fi-resource-list-records-page.fi-resource-produkty .fi-page-header-main-ctn {
    padding-top: 16px;
    gap: 0;
}

.fi-resource-list-records-page.fi-resource-produkty .fi-page-content > .fi-sc {
    row-gap: 0;
}

/* Objednávky sa označujú len ručne po jednej: bez zaškrtávača „všetky“ v hlavičke
   a bez odkazu „Vybrať všetky“ v lište výberu. */
.fi-resource-orders .fi-ta-table thead .fi-ta-selection-cell input,
.fi-resource-orders .fi-ta-selection-indicator-actions-ctn [x-on\:click="selectAllRecords"] {
    display: none;
}

/* Vlajka krajiny pred menom zákazníka. */
.sklad-flag {
    display: inline-block;
    margin-inline-end: 6px;
    font-size: 15px;
    line-height: 1;
    vertical-align: -1px;
    cursor: default;
}

/* Skryté záložky by inak nechali nad tabuľkou prázdnu medzeru. */
.fi-resource-list-records-page.fi-resource-orders .fi-page-content > .fi-sc {
    row-gap: 0;
}

.fi-resource-list-records-page.fi-resource-orders .fi-header > div:not(.fi-header-actions-ctn):not(:has(.fi-header-actions-ctn)) {
    display: none;
}

.sklad-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 4px;
    border-radius: 10px;
    background: #f1f1f1;
    width: fit-content;
}

.sklad-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    font: 500 13px var(--sans, inherit);
    font-family: inherit;
    color: #4a4a4a;
    cursor: pointer;
}

.sklad-tab:hover {
    background: #e3e3e3;
}

.sklad-tab-active {
    background: var(--s-surface);
    color: var(--s-text-strong);
    font-weight: 600;
    box-shadow: var(--s-shadow-btn);
}

.sklad-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #e3e3e3;
    font-size: 11px;
    font-weight: 600;
    color: #4a4a4a;
}

.sklad-tab-active .sklad-tab-count {
    background: var(--s-accent-soft, #e0e7ff);
    color: var(--s-link);
}

/* Hlavička tabuľky: záložky vľavo, hľadanie a filtre úplne vpravo. */
.fi-ta-header-ctn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.fi-ta-header-ctn .fi-ta-header-toolbar {
    margin-inline-start: auto;
    border-bottom: 0;
    /* Filament's top padding would push search and filters 6 px below the tabs and the button. */
    padding-block: 0;
}

/* Na širokej obrazovke ostáva všetko v jednom riadku: keď pribudnú „Hromadné akcie“,
   skôr sa zúži pole hľadania, než by riadok odskočil. */
@media (min-width: 1024px) {
    /* Riadok sa nezalamuje: lišta nástrojov má základ 0 a rastie do zvyšku; iba filter produktov
       (.sklad-pf, základ 100 %) ide na vlastný riadok pod ním (Ondrej, 15. 9. 2026). */
    .fi-ta-header-ctn {
        flex-wrap: wrap;
    }

    .fi-ta-header-ctn > .sklad-tabs {
        flex: 0 0 auto;
    }

    .fi-ta-header-ctn .fi-ta-header-toolbar {
        flex: 1 1 0%;
        justify-content: flex-end;
        min-width: 0;
        flex-wrap: nowrap;
    }

    .fi-ta-header-ctn .fi-ta-search-field {
        min-width: 140px;
    }
}

/* „Vytvoriť objednávku“ (filament.order-tabs) ide až za hľadanie a filtre, na pravý okraj. */
.fi-ta-header-ctn > .fi-ta-header {
    flex: 0 1 auto;
    border-bottom: 0;
    padding-bottom: 0;
}

.fi-ta-header-ctn > .fi-ta-header-toolbar {
    order: 2;
}

.fi-ta-header-ctn > .sklad-create {
    order: 3;
    flex: 0 0 auto;
}

/* Označené riadky: lišta „1 vybraná položka“ sa vysunie cez riadok s názvami stĺpcov
   (ako v Shopify), takže objednávky ostanú presne tam, kde boli. Filament lištu
   schováva atribútom hidden (Tailwind, !important vo vrstve base), preto nie
   position: absolute, ale záporný okraj tabuľky, keď je lišta vidieť. */
.fi-ta-ctn .fi-ta-selection-indicator {
    position: relative;
    z-index: 3;
    height: 37px;
    box-sizing: border-box;
    align-items: center;
    padding-block: 0;
    /* Sivý pruh, nech je na prvý pohľad jasné, že riadky sú označené (Ondrej, 16. 9. 2026). */
    background: var(--s-bg);
    border-bottom: 1px solid var(--s-border);
}

/* Pruh prekrýva riadok s názvami stĺpcov a je užší než tabuľka, takže po stranách spod neho
   vykukoval biely prúžok. Kým je niečo označené, je ten riadok rovnako sivý – kraje splynú. */
.fi-ta-ctn:has(.fi-ta-selection-indicator:not([hidden])) .fi-ta-table thead th {
    background: var(--s-bg);
    box-shadow: none;
}

/* Hlavička stĺpcov je prilepená a kreslí sa nad pruhom, takže pri posune do strany spod neho
   vykúkali názvy („Čí…“). Kým je niečo označené, ostáva z nej len sivá plocha (Ondrej, 16. 9. 2026). */
.fi-ta-ctn:has(.fi-ta-selection-indicator:not([hidden])) .fi-ta-table thead th > * {
    visibility: hidden;
}

/* A pruh ide nad ňu aj vrstvou, nech nič neprebliskne ani pri rýchlom skrolovaní. */
.fi-ta-ctn .fi-ta-selection-indicator {
    z-index: 8;
}

/* Pod pruhom bola dvojitá čiara: jedna jeho vlastná a jedna horná od tabuľky. Ostáva jedna. */
.fi-ta-ctn:has(.fi-ta-selection-indicator:not([hidden])) .fi-ta-content-ctn {
    border-top: 0;
}

/* Kotva pre „Hromadné akcie“, ktoré sa pri označení presunú do pruhu. */
.fi-ta-header-ctn {
    position: relative;
}

/* „Hromadné akcie“ kreslí render hook priamo do pruhu (AdminPanelProvider), takže v ňom ostanú aj
   po odrolovaní – pruh je prilepený, hlavička nie. Kópia v hlavičke sa počas označenia skryje
   (Ondrej, 17. 9. 2026). */
.fi-ta-ctn:has(.fi-ta-selection-indicator:not([hidden])) .fi-ta-header-ctn .fi-ta-actions {
    display: none;
}

/* Obal z hooku nech neprekáža rozloženiu pruhu: tlačidlo ide úplne doľava pred „N vybraných“,
   odkazy „Vybrať všetky / Zrušiť označenie“ na pravý okraj. */
.fi-ta-ctn .fi-ta-selection-indicator > div:has(> .sklad-band-actions) {
    display: contents;
}

.fi-ta-selection-indicator .sklad-band-actions {
    order: -1;
    display: flex;
    align-items: center;
    margin: 0;
    padding-inline: 4px 8px;
}

.fi-ta-selection-indicator .fi-ta-selection-indicator-actions-ctn {
    margin-inline-start: auto;
}

/* V pruhu je málo miesta, preto je tlačidlo nižšie než v lište karty. */
.fi-ta-selection-indicator .sklad-band-actions .fi-btn {
    min-height: 0;
    padding: 3px 12px;
    font-size: 12px;
    line-height: 1.5;
}

.fi-ta-ctn:has(.fi-ta-selection-indicator:not([hidden])) .fi-ta-main > .fi-ta-content-ctn {
    margin-top: -37px;
}

/* Skroluje hlavná plocha pod hornou lištou (zvislo aj do strany), nie stránka: lišta a menu
   sú mimo nej, takže sa nehýbu, a názvy stĺpcov drží natívne position: sticky – bez
   JavaScriptu, teda bez sekania. Široká tabuľka roztiahne kartu a plocha sa posunie do strany. */
@media (min-width: 1024px) {
    /* Lišta je nad rozložením; rozloženie (menu + plocha) vyplní zvyšok okna. */
    .fi-layout {
        height: calc(100vh - 56px);
        overflow: hidden;
    }

    .fi-main-ctn {
        height: 100%;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .fi-sidebar {
        top: 0 !important;
        height: 100% !important;
    }

    .fi-main {
        flex: 1 1 auto;
        min-height: 0;
        overflow: auto;
        overscroll-behavior: contain;
        /* The pane's own top padding would leave a strip above the stuck header; the page carries it instead. */
        padding-top: 0;
        /* Room under the last row / pager so the table does not end flush with the window edge. */
        padding-bottom: 48px;
    }

    .fi-main > .fi-page {
        padding-top: 12px;
    }

    .fi-ta-content-ctn {
        overflow: visible;
    }

    .fi-ta-ctn {
        width: max-content;
        min-width: 100%;
    }

    /* Horný riadok karty (záložky, hľadanie, filtre, Vytvoriť objednávku) a lišta označených
       riadkov sa nehýbu do strany so širokou tabuľkou: držia sa ľavého okraja plochy a majú
       šírku viditeľnej plochy (okno − menu − okraje), takže sú vidieť vždy celé (Ondrej, 13. 9. 2026). */
    .fi-ta-header-ctn,
    .fi-ta-ctn .fi-ta-selection-indicator {
        position: sticky;
        left: 0;
        box-sizing: border-box;
        width: calc(100vw - 16rem - 64px);
        max-width: calc(100vw - 16rem - 64px);
    }

    .fi-layout:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-ta-header-ctn,
    .fi-layout:has(.fi-sidebar:not(.fi-sidebar-open)) .fi-ta-ctn .fi-ta-selection-indicator {
        width: calc(100vw - 4.25rem - 64px);
        max-width: calc(100vw - 4.25rem - 64px);
    }

    .fi-ta-header-ctn {
        z-index: 7; /* nad lištou označených riadkov (6): inak by prekryla menu Hromadné akcie (Ondrej, 14. 9. 2026) */
        background: var(--s-surface);
        border-top-left-radius: var(--s-radius-card);
        border-top-right-radius: var(--s-radius-card);
    }

    .fi-ta-table thead th {
        position: sticky;
        top: 0;
        z-index: 5;
        background: var(--s-surface);
        box-shadow: 0 1px 0 var(--s-border-inner);
    }

    .fi-ta-ctn .fi-ta-selection-indicator {
        position: sticky;
        top: 0;
        z-index: 6;
    }

}

/* Filament dáva karte overflow: hidden. To by (1) spravilo z karty „scrollport“, takže by
   sa hlavička lepila na kartu a pri krátkej tabuľke sa posunula na prvý riadok, a (2) orezalo
   panely Filtre / Stĺpce pri krátkej tabuľke. Karta preto nič neoreže; panely idú nad všetko. */
.fi-ta-ctn {
    overflow: visible;
}

.fi-ta-ctn .fi-dropdown-panel {
    z-index: 40;
}

/* Obaly filtrov a stĺpcov nad hlavičkou tabuľky, ale pod hornou lištou (30) a jej menu. */
.fi-ta-ctn .fi-ta-filters-dropdown,
.fi-ta-ctn .fi-ta-col-manager-dropdown {
    z-index: 20;
}

/* Stav v nadpise objednávky a v karte je klikateľný: otvorí zmenu stavu. Samotná akcia
   je v hlavičke stránky registrovaná, ale ako tlačidlo skrytá. */
.sklad-hidden-action {
    display: none !important;
}

.sklad-status-btn {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    cursor: pointer;
    line-height: 1;
}

.sklad-status-btn .sklad-status,
.fi-ta-cell button .sklad-status {
    cursor: pointer;
}

.sklad-status-btn:hover .sklad-status,
.fi-ta-cell button:hover .sklad-status {
    filter: brightness(0.95);
}

/* Skupiny vo výbere stavu („Najčastejšie“, „Ostatné“): sivý pruh s nadpisom, aby sa
   zoznam zreteľne rozdelil. */
.fi-select-input-option-group > .fi-dropdown-header {
    margin: 0;
    padding: 6px 12px;
    background: #f1f1f1;
    border-top: 1px solid var(--s-border);
    border-bottom: 1px solid var(--s-border);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--s-text-subdued);
}

.fi-select-input-option-group:first-child > .fi-dropdown-header {
    border-top: 0;
}

.fi-select-input-option-group + .fi-select-input-option-group {
    margin-top: 4px;
}

/* Filament kreslí medzi skupinami v zozname ešte vlastnú spodnú čiaru (divide-y). Preč s ňou,
   skupiny už oddeľuje sivý pruh s nadpisom (Ondrej, 16. 9. 2026). */
.fi-select-input .fi-select-input-options-ctn,
.fi-select-input .fi-select-input-options-ctn:not(:last-child) {
    border-bottom-width: 0;
}

/* Zvolená možnosť (a tá, na ktorej stojíš šípkami) má tmavšie pozadie – tento select je vlastný
   komponent Filamentu, nie choices.js, preto naň staré pravidlo nesadalo (Ondrej, 16. 9. 2026). */
.fi-select-input-option.fi-selected,
.fi-select-input-option[aria-selected="true"] {
    background: #d9d9d9;
    color: var(--s-text-strong);
    font-weight: 600;
}

.fi-select-input-option.fi-selected:hover,
.fi-select-input-option[aria-selected="true"]:hover {
    background: #cfcfcf;
}

/* Stav zásielky (Packeta aj Slovenská pošta) v zozname aj na detaile. */
.sklad-packeta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 22px;
    padding: 1px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

/* Pipeline zásielky: K podaniu (oranžová) → K tlači (modrá) → Štítok vytlačený (zelená)
   → preprava / výdajné miesto (žltá) → Doručená (zelená); problém (červená), storno (sivá). */
.sklad-packeta-none { color: #8a8a8a; }
.sklad-packeta-to_submit { background: #fff1e3; color: #8a4b00; }
.sklad-packeta-to_print { background: #e3edff; color: #0b3d91; }
.sklad-packeta-printed { background: #e3f5e8; color: #0f6b2f; }
.sklad-packeta-transit,
.sklad-packeta-in_transit { background: #fff3bf; color: #5c4300; }
.sklad-packeta-pickup,
.sklad-packeta-stored { background: #ffe9a8; color: #5c4300; }
.sklad-packeta-delivered { background: #cdfee1; color: #0c5132; }
.sklad-packeta-problem,
.sklad-packeta-returned,
.sklad-packeta-error { background: #fde8e8; color: #9b1c1c; }
.sklad-packeta-cancelled { background: #ececec; color: #4a4a4a; }
.sklad-packeta-cancelled code { text-decoration: line-through; }

.sklad-packeta code {
    font-size: 11px;
    font-weight: 600;
}

.sklad-packeta-link {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    cursor: pointer;
    line-height: 1;
}

.sklad-packeta-link .sklad-packeta {
    text-decoration: underline dotted;
    text-underline-offset: 3px;
}

.sklad-packeta-link:hover .sklad-packeta {
    filter: brightness(0.95);
}

/* ── Detail objednávky v štýle Shopify ─────────────────────── */

/* Obsah detailu je užší a v strede, ako v Shopify (nie cez celú šírku). */
.fi-page.fi-resource-orders.fi-resource-view-record-page,
.fi-page.fi-resource-orders.fi-resource-create-record-page {
    max-width: 1094px; /* pôvodných 1280 px − 10 % − ďalších 5 % (Ondrej, 13.–14. 9. 2026); Nová objednávka rovnako (15. 9. 2026) */
    margin-inline: auto;
}

/* Medzery medzi kartami a mriežkami v detaile: tesnejšie, 3 × --spacing = 12 px (Ondrej, 14. 9. 2026). */
.fi-page.fi-resource-orders.fi-resource-view-record-page .fi-sc.fi-sc-has-gap,
.fi-page.fi-resource-orders.fi-resource-create-record-page .fi-sc.fi-sc-has-gap {
    gap: calc(var(--spacing) * 3);
}

/* Štítky „Vybavené (2 ks)“ a „Zaplatené“ v hlavičke karty nesedia na čiare pod hlavičkou. */
.sklad-card-fulfil .fi-section-header,
.sklad-card-pay .fi-section-header {
    padding-bottom: 8px !important;
}
.sklad-card-fulfil .fi-section-header-ctn,
.sklad-card-pay .fi-section-header-ctn {
    padding-bottom: 8px;
}

/* Odkaz v hlavičke karty („Upraviť položky“, „Upraviť“). */
.sklad-card-link {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--s-link);
    cursor: pointer;
}

.sklad-card-link:hover { text-decoration: underline; }
.sklad-card-link-off { color: #b5b5b5; cursor: not-allowed; }

/* Názov karty ako farebný odznak („Nevybavené (4 ks)“, „Čaká na platbu“). */
.sklad-card-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px; /* menší štítok (Ondrej, 14. 9. 2026) */
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
}

.sklad-card-badge::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 999px;
    border: 2px solid currentColor;
}

.sklad-card-badge-open { background: #ffea8a; color: #4f3a00; }
.sklad-card-badge-wait { background: #ffd79d; color: #5e3a00; }
.sklad-card-badge-done { background: #cdfee1; color: #0c5132; }
.sklad-card-badge-done::before { background: currentColor; }

/* Karta zásielky: dopravca + položky s obrázkom, cena × ks = spolu. */
.sklad-fulfil-ship {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--s-border);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--s-text-strong);
}

.sklad-fulfil-ship svg { width: 18px; height: 18px; color: var(--s-text-subdued); flex: none; }
.sklad-fulfil-method { color: var(--s-text-subdued); font-weight: 400; }
.sklad-fulfil-links { display: flex; gap: 14px; margin-inline-start: auto; }
/* Platba v riadku pod nadpisom otvára okno „Doprava a platba“; v sivom riadku ostáva nenápadná
   a farbu odkazu dostane až pod myšou (Ondrej, 16. 9. 2026). */
.sklad-subheading-action {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: underline dotted;
    text-decoration-color: #b5b5b5;
    text-underline-offset: 3px;
}
.sklad-subheading-action:hover { color: var(--s-link); text-decoration-color: currentColor; }
.sklad-subheading-action:focus-visible { outline: 2px solid var(--s-link); outline-offset: 2px; border-radius: 4px; }

.sklad-public-tracking { color: var(--s-link); text-decoration: none; font-weight: 500; }
.sklad-public-tracking:hover { text-decoration: underline; }
.sklad-fulfil-track { color: var(--s-link); text-decoration: none; font-weight: 500; border: 0; background: none; padding: 0; font: inherit; font-weight: 500; cursor: pointer; }
.sklad-fulfil-track:hover { text-decoration: underline; }

/* Výber výdajného miesta Packety v okne „Doprava a platba“. */
.sklad-point { display: flex; flex-direction: column; gap: 8px; }
.sklad-point-chosen { padding: 10px 12px; border-radius: 8px; background: #eaf4ff; border: 1px solid #cfe3fb; font-size: 13px; color: var(--s-text-strong); }
.sklad-point-chosen small { display: block; color: var(--s-text-subdued); }
.sklad-point-empty { font-size: 13px; color: var(--s-text-subdued); }
.sklad-point-btn { align-self: flex-start; padding: 6px 12px; border: 1px solid var(--s-border-input); border-radius: 8px; background: var(--s-surface); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; box-shadow: var(--s-shadow-btn); }
.sklad-point-btn:hover { background: #f7f7f7; }

.sklad-fulfil-items {
    margin-top: 10px;
    border: 1px solid var(--s-border);
    border-radius: 10px;
}

.sklad-fulfil-item {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
}

.sklad-fulfil-item + .sklad-fulfil-item { border-top: 1px solid var(--s-border-inner); }

.sklad-fulfil-thumb {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    border: 1px solid var(--s-border-inner);
    object-fit: cover;
    background: var(--s-hover);
    display: block;
}

.sklad-fulfil-name { font-size: 13px; font-weight: 500; color: var(--s-text-strong); line-height: 1.35; }
.sklad-fulfil-sub { margin-top: 2px; font-size: 12px; font-weight: 400; color: var(--s-text-subdued); }
.sklad-fulfil-qty { font-size: 13px; color: var(--s-text); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sklad-fulfil-qty span { color: var(--s-text-subdued); margin: 0 4px; }
.sklad-fulfil-qty b { display: inline-block; min-width: 22px; padding: 0 6px; border-radius: 999px; background: var(--s-pressed); text-align: center; font-weight: 600; }
.sklad-fulfil-total { min-width: 84px; text-align: end; font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.sklad-fulfil-disc { margin-top: 2px; font-size: 11px; font-weight: 400; color: #8a8a8a; white-space: nowrap; }
.sklad-fulfil-empty { padding: 14px; color: var(--s-text-subdued); font-size: 13px; }

/* Karta platby: riadky Medzisúčet / Doprava / Spolu, potom Zaplatené / Zostatok. */
.sklad-pay { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.sklad-pay-row { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 12px; align-items: baseline; } /* 150 px, aby sa „Zaplatí pri prevzatí“ nezalomilo */
.sklad-pay-note { color: var(--s-text-subdued); font-size: 13px; }
.sklad-pay-amt { text-align: end; font-variant-numeric: tabular-nums; }
.sklad-pay-total { font-weight: 600; color: var(--s-text-strong); }
.sklad-pay-sep { height: 1px; margin: 4px 0; background: var(--s-border-inner); }

/* Časová os podľa Shopify (Ondrej, 14. 9. 2026): nadpis mimo karty, karta je len pole na komentár,
   pod ňou zvislá čiara s udalosťami po dňoch, čas vpravo. */
.sklad-card-timeline,
.sklad-card-timeline .fi-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.sklad-card-timeline .fi-section-header {
    padding: 0 0 8px !important;
    border: 0 !important;
    background: transparent !important;
}
.sklad-card-timeline .fi-section-content-ctn,
.sklad-card-timeline .fi-section-content { padding: 0 !important; border: 0 !important; }

.sklad-tl-compose {
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* Text a „Uverejniť“ v jednom riadku – spodná lišta zaberala miesto (Ondrej, 16. 9. 2026). */
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding-inline-end: 12px;
    border: 1px solid var(--s-border);
    border-radius: 12px;
    background: var(--s-surface);
    box-shadow: 0 1px 0 0 rgba(26, 26, 26, 0.07), 0 1px 3px rgba(26, 26, 26, 0.05);
}
.sklad-tl-compose-top {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0 12px 14px;
    cursor: text;
}
.sklad-tl-avatar {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #1a1a1a;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.sklad-tl-input {
    flex: 1;
    min-height: 40px;
    max-height: 240px;
    padding: 9px 0;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 14px;
    line-height: 22px;
    color: var(--s-text-strong);
    resize: none;
    box-shadow: none !important;
    outline: none !important;
}
.sklad-tl-input::placeholder { color: #8a8a8a; }
.sklad-tl-post {
    flex: none;
    margin: 0 0 12px;
    padding: 8px 14px;
    border: 0;
    border-radius: 8px;
    background: #1a1a1a;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: var(--s-shadow-btn);
}
.sklad-tl-post:hover:not(:disabled) { background: #303030; }
.sklad-tl-post:disabled { background: #e3e3e3; color: #b5b5b5; cursor: default; box-shadow: none; }

.sklad-tl-list { position: relative; padding: 4px 0 8px 52px; }
.sklad-tl-list::before {
    content: '';
    position: absolute;
    left: 27px;
    top: -12px; /* nadväzuje na kartu s komentárom, ako v Shopify */
    bottom: 0;
    width: 2px;
    background: var(--s-border);
}
.sklad-tl-day { margin: 16px 0 10px; font-size: 13px; color: var(--s-text-subdued); }
.sklad-tl-item {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    padding: 7px 0;
    font-size: 14px;
}
.sklad-tl-dot {
    position: absolute;
    left: -32px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: #616161;
    box-shadow: 0 0 0 4px var(--s-bg);
}
.sklad-tl-text { color: var(--s-text-strong); white-space: pre-wrap; line-height: 20px; }
.sklad-tl-bubble {
    display: inline-block;
    max-width: 100%;
    padding: 8px 12px;
    border-radius: 10px;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
}
.sklad-tl-author { margin-bottom: 2px; font-size: 12px; font-weight: 600; color: var(--s-text-subdued); }
.sklad-tl-type { margin-inline-start: 6px; font-weight: 400; }
.sklad-tl-wc_customer .sklad-tl-bubble { background: #eaf4ff; border-color: #cfe3fb; }
.sklad-tl-wc_private .sklad-tl-bubble { background: #f6f0ff; border-color: #e2d6f7; }
.sklad-tl-time { padding-top: 1px; font-size: 13px; color: var(--s-text-subdued); white-space: nowrap; font-variant-numeric: tabular-nums; }

/* ── Časová os v2 (Ondrej, 14. 9. 2026): ikona podľa druhu udalosti, hlavná veta + tlmený detail,
   čísla zásielok ako odkaz, zmena stavu so starým stavom prečiarknutým. Platí len so šablónou .sklad-tl-v2. */
.sklad-tl-v2 .sklad-tl-list { padding: 4px 0 8px 56px; }
.sklad-tl-v2 .sklad-tl-list::before { left: 23px; }
.sklad-tl-v2 .sklad-tl-day {
    display: flex;
    align-items: center;
    margin: 18px 0 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--s-text-subdued);
}
.sklad-tl-v2 .sklad-tl-day::before {
    content: '';
    position: absolute;
    left: 16px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: var(--s-bg);
    box-shadow: inset 0 0 0 2px var(--s-border);
}
.sklad-tl-v2 .sklad-tl-item {
    gap: 14px;
    padding: 6px 8px 6px 0;
    margin-inline-start: -8px;
    padding-inline-start: 8px;
    border-radius: 8px;
    align-items: start;
}
.sklad-tl-v2 .sklad-tl-item:hover { background: rgba(26, 26, 26, 0.03); }
.sklad-tl-v2 .sklad-tl-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Stred bodky sadá presne na os (os 24px, bodka 24px široká) – predtým vytŕčala doľava (16. 9. 2026). */
    left: -36px;
    top: 4px;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #e9e9e9;
    color: #616161;
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 0 0 4px var(--s-bg);
}
.sklad-tl-v2 .sklad-tl-dot-icon { width: 14px; height: 14px; }
.sklad-tl-v2 .sklad-tl-k-received .sklad-tl-dot { background: #cdfee1; color: #0c5132; }
.sklad-tl-v2 .sklad-tl-k-shipping .sklad-tl-dot { background: #e0f0ff; color: #0a5fc4; }
.sklad-tl-v2 .sklad-tl-k-status .sklad-tl-dot { background: #efe8ff; color: #6b3fc7; }
.sklad-tl-v2 .sklad-tl-k-edit .sklad-tl-dot { background: #ffefc6; color: #7a5200; }
.sklad-tl-v2 .sklad-tl-k-split .sklad-tl-dot { background: #ffe4dc; color: #b0431f; }
.sklad-tl-v2 .sklad-tl-k-mail .sklad-tl-dot { background: #e0f0ff; color: #0a5fc4; }
.sklad-tl-v2 .sklad-tl-k-shop .sklad-tl-dot { background: #f6f0ff; color: #6b3fc7; }
.sklad-tl-v2 .sklad-tl-k-comment .sklad-tl-dot { background: #1a1a1a; color: #fff; }
.sklad-tl-v2 .sklad-tl-k-email .sklad-tl-dot { background: #e0f0ff; color: #0a5fc4; }
.sklad-tl-v2 .sklad-tl-k-webhook .sklad-tl-dot { background: #e3f5ee; color: #0c6b45; }
.sklad-tl-v2 .sklad-tl-k-fail .sklad-tl-dot { background: #ffe1de; color: #b42318; }
.sklad-tl-v2 .sklad-tl-k-fail .sklad-tl-text { color: #b42318; }
.sklad-tl-v2 .sklad-tl-k-email .sklad-tl-text, .sklad-tl-v2 .sklad-tl-k-webhook .sklad-tl-text { color: var(--s-text-subdued); }
.sklad-tl-v2 .sklad-tl-text { line-height: 21px; }
.sklad-tl-v2 .sklad-tl-k-system .sklad-tl-text,
.sklad-tl-v2 .sklad-tl-k-shipping .sklad-tl-text,
.sklad-tl-v2 .sklad-tl-k-status .sklad-tl-text,
.sklad-tl-v2 .sklad-tl-k-edit .sklad-tl-text,
.sklad-tl-v2 .sklad-tl-k-split .sklad-tl-text,
.sklad-tl-v2 .sklad-tl-k-received .sklad-tl-text { color: var(--s-text); }
.sklad-tl-v2 .sklad-tl-text strong { font-weight: 600; color: var(--s-text-strong); }
.sklad-tl-v2 .sklad-tl-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
    font-weight: 600;
    color: var(--s-text-strong);
    text-decoration: none;
    border-bottom: 1px dotted #b5b5b5;
}
.sklad-tl-v2 a.sklad-tl-code:hover { color: var(--s-link); border-bottom-color: var(--s-link); }
.sklad-tl-v2 .sklad-tl-from { color: var(--s-text-subdued); text-decoration-color: #b5b5b5; }
.sklad-tl-v2 .sklad-tl-arrow { color: #8a8a8a; margin: 0 2px; }
.sklad-tl-v2 .sklad-tl-detail {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
    color: var(--s-text-subdued);
    white-space: pre-line;
}
.sklad-tl-v2 .sklad-tl-time { padding-top: 3px; font-size: 12px; }
.sklad-tl-v2 .sklad-tl-bubble {
    display: block;
    padding: 8px 12px 9px;
    border-radius: 10px;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    box-shadow: 0 1px 0 0 rgba(26, 26, 26, 0.05);
}
/* Kto zmenu vykonal – malým písmom pod udalosťou (Ondrej, 16. 9. 2026). */
.sklad-tl-v2 .sklad-tl-by { margin-top: 3px; font-size: 11px; line-height: 15px; color: var(--s-text-subdued); }
.sklad-tl-v2 .sklad-tl-author { display: flex; align-items: baseline; gap: 6px; margin-bottom: 3px; font-size: 12px; }
.sklad-tl-v2 .sklad-tl-author-name { font-weight: 600; color: var(--s-text-strong); }
.sklad-tl-v2 .sklad-tl-type { margin: 0; padding: 0 6px; border-radius: 999px; background: #f1f1f1; font-size: 11px; font-weight: 500; color: var(--s-text-subdued); }
.sklad-tl-v2 .sklad-tl-k-mail .sklad-tl-type { background: #e0f0ff; color: #0a5fc4; }
.sklad-tl-v2 .sklad-tl-k-shop .sklad-tl-type { background: #f6f0ff; color: #6b3fc7; }
.sklad-tl-v2 .sklad-tl-k-mail .sklad-tl-bubble { background: #f4f9ff; border-color: #cfe3fb; }
.sklad-tl-v2 .sklad-tl-k-shop .sklad-tl-bubble { background: #faf7ff; border-color: #e2d6f7; }
.sklad-tl-v2 .sklad-tl-bubble .sklad-tl-text { color: var(--s-text-strong); }
.sklad-tl-v2 .sklad-tl-more { position: relative; margin: 8px 0 2px; }
.sklad-tl-v2 .sklad-tl-more::before {
    content: '';
    position: absolute;
    left: -38px;
    top: 7px;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--s-bg);
    box-shadow: inset 0 0 0 2px var(--s-border);
}
.sklad-tl-v2 .sklad-tl-more-btn {
    padding: 2px 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--s-link);
    cursor: pointer;
}
.sklad-tl-v2 .sklad-tl-more-btn:hover { text-decoration: underline; }
[x-cloak] { display: none !important; }

/* Karta zákazníka. */
.sklad-cust { font-size: 14px; }
.sklad-cust-name { font-weight: 600; color: var(--s-text-strong); }
.sklad-cust-orders { font-size: 13px; color: var(--s-link); }
.sklad-cust-h { margin: 14px 0 4px; font-size: 13px; font-weight: 600; color: var(--s-text-strong); }
.sklad-cust-link { display: block; color: var(--s-link); text-decoration: none; }
.sklad-cust-link:hover { text-decoration: underline; }
.sklad-cust-muted { color: var(--s-text-subdued); }
.sklad-cust-addr { line-height: 1.45; }

/* FedEx box v dizajne e-shopu (snippet „FedEx update“): fialová hlavička s logom a odznakom,
   veľké tracking číslo, oranžový štítok, sledovanie, colné dokumenty (Ondrej, 14. 9. 2026). */
.sklad-card-fedex.fi-section { overflow: hidden; border-radius: var(--s-radius-card, 12px); }
.sklad-card-fedex .fi-section-header-ctn,
.sklad-card-fedex .fi-section-header { display: none !important; }
.sklad-card-fedex .fi-section-content-ctn { border-top: 0 !important; border-radius: inherit; overflow: hidden; }
.sklad-card-fedex .fi-section-content { padding: 0 !important; }

.sklad-fx { background: #fff; border-radius: inherit; overflow: hidden; }
.sklad-fx-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(120deg, #2e0a55 0%, #4d148c 70%, #5b1fa3 100%);
}
.sklad-fx-logo { font-family: 'Arial Black', 'Helvetica Neue', Arial, system-ui, sans-serif; font-size: 26px; font-weight: 900; color: #fff; letter-spacing: -1.6px; line-height: 1; }
.sklad-fx-logo span { color: #ff6600; }
.sklad-fx-pill {
    padding: 5px 12px;
    border-radius: 999px;
    background: #ff6600;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
.sklad-fx-pill-waiting, .sklad-fx-pill-unknown, .sklad-fx-pill-none { background: rgba(255, 255, 255, 0.16); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); }
.sklad-fx-body { padding: 18px 20px 20px; }
.sklad-fx-label { font-size: 11px; font-weight: 700; letter-spacing: 0.6px; color: #8a82a0; text-transform: uppercase; }
.sklad-fx-num {
    display: inline-block;
    margin: 6px 0 16px;
    padding: 0 0 2px;
    border: 0;
    border-bottom: 2px dotted #cfc6e0;
    background: none;
    font: inherit;
    text-decoration: none;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.15;
    color: #201a2e;
    cursor: pointer;
    font-variant-numeric: tabular-nums;
    transition: color 0.15s, border-color 0.15s;
}
.sklad-fx-num:hover { color: #4d148c; border-bottom-color: #4d148c; }
.sklad-fx-num.is-copied { color: #1b7f3b; border-bottom-color: #1b7f3b; }
.sklad-fx-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sklad-fx-btn {
    flex: 0 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: filter 0.15s, background 0.15s;
}
.sklad-fx-btn-primary { background: #ff6600; color: #fff; box-shadow: 0 1px 2px rgba(255, 102, 0, 0.35); }
.sklad-fx-btn-primary:hover { filter: brightness(1.07); color: #fff; }
.sklad-fx-btn-ghost { background: #efeaf7; color: #4d148c; }
.sklad-fx-btn-ghost:hover { background: #e4dbf4; color: #4d148c; }
.sklad-fx-note { margin-top: 12px; font-size: 13px; line-height: 1.45; color: #616161; }
.sklad-fx-docs { margin-top: 18px; padding-top: 14px; border-top: 1px solid #efecf5; }
.sklad-fx-doclist { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.sklad-fx-doc {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid #e3ddef;
    border-radius: 9px;
    background: #faf8fd;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    color: #4d148c;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
}
.sklad-fx-doc:hover { background: #efeaf7; border-color: #cfc6e0; color: #4d148c; }
.sklad-fx-doc-zip { background: #4d148c; border-color: #4d148c; color: #fff; font-weight: 700; }
.sklad-fx-doc-zip:hover { background: #3c0f70; border-color: #3c0f70; color: #fff; }
.sklad-fx-meta { margin-top: 14px; font-size: 12px; color: #8a8a8a; }

/* Zľavový kód na objednávke. */
.sklad-coupon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    border-radius: 6px;
    background: #fff4d6;
    border: 1px dashed #d9a800;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #6b4f00;
}

/* Meno zákazníka: kliknutím sa otvorí karta ako v Shopify (mesto, počet objednávok, e-mail). */
.sklad-customer {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    margin: -2px -6px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.sklad-customer:hover,
.sklad-customer[aria-expanded="true"] {
    background: #f1f1f1;
}

.sklad-customer svg {
    width: 14px;
    height: 14px;
    color: #8a8a8a;
    flex: none;
}

.sklad-customer-pop {
    display: block;
    position: fixed;
    z-index: 60;
    width: 300px;
    padding: 14px 16px 16px;
    border-radius: 12px;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    box-shadow: 0 8px 24px rgba(26, 26, 26, 0.15);
    font-size: 13px;
    color: var(--s-text);
    white-space: normal;
    text-align: start;
}

/* Panel Stĺpce bez „Resetovať stĺpce“ – stĺpce si každý nastaví a Sklad si ich pamätá pri konte. */
[wire\:click="resetTableColumnManager"] {
    display: none !important;
}

/* Čas prijatia vedľa dátumu v zozname. */
/* Očko v hlavičke stĺpca Detail sedí nad začiatkom slova „Detail“ (slovo je 48 px, očko 18 px). */
/* Oko nad odkazmi „Detail“, ktoré sú zarovnané vľavo; Filament dáva tejto bunke fi-align-end (Ondrej, 14. 9. 2026). */
.fi-ta-table thead th.fi-ta-header-cell:has(.sklad-eye-head) {
    text-align: start !important;
}

.fi-ta-table thead th .sklad-eye-head {
    margin-inline-start: 2px;
    vertical-align: middle;
}

.sklad-time {
    display: inline;
    margin-inline-start: 6px;
    font-size: 8.5px;
    line-height: 1.2;
    color: var(--s-text-subdued);
    font-variant-numeric: tabular-nums;
}

/* Očko v hlavičke stĺpca Detail (v riadkoch je len slovo). */
.sklad-eye-head {
    display: inline-block;
    width: 18px;
    height: 18px;
    color: var(--s-text-subdued);
    vertical-align: middle;
}

/* Komentáre k objednávke: ikonka vľavo od čísla; bez komentára sotva vidno, s komentárom oranžová + počet. */
.sklad-note-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    color: #1a1a1a;
    opacity: 0.22;
    cursor: pointer;
    transition: opacity 0.12s;
}

.sklad-note-btn svg {
    width: 18px;
    height: 18px;
}

.fi-ta-row:hover .sklad-note-btn {
    opacity: 0.6;
}

.sklad-note-btn-has,
.fi-ta-row:hover .sklad-note-btn-has {
    opacity: 1;
    color: #e07800;
}

.sklad-note-count {
    position: absolute;
    top: -5px;
    right: -7px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #e07800;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

/* Vlákno komentárov v okne. */
.sklad-comments {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 4px;
    max-height: 40vh;
    overflow-y: auto;
}

.sklad-comment {
    padding: 10px 12px;
    border-radius: 10px;
    background: var(--s-hover);
    border: 1px solid var(--s-border-inner);
}

.sklad-comment-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 12px;
    color: var(--s-text-subdued);
}

.sklad-comment-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #e07800;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.sklad-comment-author {
    font-weight: 600;
    color: var(--s-text-strong);
}

.sklad-comment-type {
    padding: 1px 6px;
    border-radius: 6px;
    background: #e3edff;
    color: #0b3d91;
    font-size: 11px;
}

.sklad-comment-time {
    margin-inline-start: auto;
}

.sklad-comment-delete {
    flex: none;
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--s-text-subdued);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.sklad-comment-delete:hover {
    background: #fde8e8;
    color: #9b1c1c;
}

.sklad-comment-body {
    font-size: 13px;
    white-space: pre-wrap;
    color: var(--s-text);
}

.sklad-comments-empty {
    font-size: 13px;
    color: var(--s-text-subdued);
}

/* Karta produktov objednávky (stĺpec Produkty), rovnaká mechanika ako karta zákazníka. */
.sklad-products-btn {
    justify-content: flex-end;
    font-variant-numeric: tabular-nums;
}

.sklad-products-pop {
    display: block;
    position: fixed;
    z-index: 60;
    width: 360px;
    max-height: min(70vh, 520px);
    overflow-y: auto;
    padding: 12px 14px 8px;
    border-radius: 12px;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    box-shadow: 0 8px 24px rgba(26, 26, 26, 0.15);
    font-size: 13px;
    color: var(--s-text);
    white-space: normal;
    text-align: start;
}

.sklad-products-pop strong {
    display: block;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--s-border-inner);
    font-size: 13px;
    color: var(--s-text-strong);
}

.sklad-products-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
}

.sklad-products-row + .sklad-products-row {
    border-top: 1px solid var(--s-border-inner);
}

.sklad-products-thumb {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--s-border-inner);
    object-fit: cover;
    background: var(--s-hover);
}

.sklad-products-name {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.3;
    color: var(--s-text-strong);
}

.sklad-products-sku {
    display: block;
    font-size: 11px;
    color: var(--s-text-subdued);
}

.sklad-products-qty {
    flex: none;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.sklad-customer-pop strong {
    display: block;
    font-size: 14px;
    color: var(--s-text-strong);
    margin-bottom: 2px;
}

.sklad-customer-pop .sklad-customer-line {
    display: block;
    margin: 0 0 2px;
}

[x-cloak] {
    display: none !important;
}

.sklad-customer-pop .sklad-customer-link {
    display: block;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: var(--s-link);
    cursor: pointer;
    text-align: start;
}

.sklad-customer-pop .sklad-customer-link:hover {
    text-decoration: underline;
}

.sklad-customer-pop .sklad-customer-links {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}


/* ── Záložky ──────────────────────────────────────────────── */

.fi-tabs {
    width: fit-content;
    margin-inline-end: auto;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    border-radius: 10px;
    box-shadow: var(--s-shadow-card);
    padding: 4px;
    gap: 2px;
}

.fi-tabs-item {
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #4a4a4a;
    background: transparent;
}

.fi-tabs-item:hover {
    background: var(--s-hover);
}

.fi-tabs-item.fi-active {
    background: #f1f1f1;
    color: var(--s-text-strong);
    font-weight: 600;
    box-shadow: none;
}

/* ── Formuláre ────────────────────────────────────────────── */

.fi-input-wrp {
    border-radius: var(--s-radius);
    border: 1px solid var(--s-border-input);
    box-shadow: none;
    background: var(--s-surface);
}

.fi-input-wrp:focus-within {
    border-color: var(--s-link);
    outline: 2px solid rgba(0, 91, 211, 0.25);
    outline-offset: -1px;
}

.fi-input {
    font-size: 13px;
}

.fi-fo-field-label {
    font-size: 13px;
    font-weight: 500;
    color: var(--s-text);
}

.fi-fo-field-label-required-mark {
    color: #8e1f0b;
}

/* ── Prehľadové čísla ─────────────────────────────────────── */

.fi-wi-stats-overview-stat {
    padding: 14px 16px;
}

.fi-wi-stats-overview-stat-label {
    font-size: 13px;
    font-weight: 500;
    color: var(--s-text-subdued);
}

.fi-wi-stats-overview-stat-value {
    font-size: 22px;
    font-weight: 650;
    color: var(--s-text-strong);
    letter-spacing: -0.01em;
}

.fi-wi-stats-overview-stat-description {
    font-size: 12px;
    color: var(--s-text-subdued);
}

/* ── Detail objednávky ────────────────────────────────────── */

.fi-in-entry-label {
    font-size: 12px;
    font-weight: 500;
    color: var(--s-text-subdued);
}

.fi-in-text {
    font-size: 13px;
    color: var(--s-text);
}

.fi-in-repeatable-table th {
    font-size: 12px;
    font-weight: 600;
    color: var(--s-text-subdued);
    background: #fafafa;
}

/* ── Stavy objednávok ─────────────────────────────────────── */

/* Jednotný štítok stavu: odtieň z e-shopu alebo z nastavení, vzhľad podľa Shopify. */
.sklad-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    background: color-mix(in srgb, var(--status, #8a8a8a) 16%, #ffffff);
    color: color-mix(in srgb, var(--status, #8a8a8a) 78%, #000000);
}

.sklad-status::before {
    content: "";
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2.5px solid currentColor;
    opacity: 0.75;
}

.sklad-color-cell {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sklad-color-input {
    width: 44px;
    height: 30px;
    padding: 2px;
    border: 1px solid var(--s-border-input);
    border-radius: 6px;
    background: var(--s-surface);
    cursor: pointer;
}

.sklad-link-btn {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-size: 12px;
    color: var(--s-link);
    cursor: pointer;
}

.sklad-form-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

/* ── Analýza e-shopu ──────────────────────────────────────── */

.sklad-analysis-meta {
    margin: 0;
    font-size: 13px;
    color: var(--s-text-subdued);
}

.sklad-analysis-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.sklad-analysis-tile {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    border: 1px solid var(--s-border);
    border-radius: 10px;
    background: var(--s-surface);
}

.sklad-analysis-value {
    font-size: 22px;
    font-weight: 650;
    color: var(--s-text-strong);
    font-variant-numeric: tabular-nums;
}

.sklad-analysis-label {
    font-size: 13px;
    color: var(--s-text);
}

.sklad-analysis-tile code,
.sklad-analysis-table code {
    font-size: 11.5px;
    color: var(--s-text-subdued);
}

.sklad-analysis-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.sklad-analysis-table th {
    text-align: start;
    padding: 8px 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--s-text-subdued);
    border-bottom: 1px solid var(--s-border-inner);
}

.sklad-analysis-table td {
    padding: 9px 10px;
    border-bottom: 1px solid var(--s-border-inner);
    vertical-align: top;
}

.sklad-analysis-table tr:last-child td {
    border-bottom: 0;
}

.sklad-analysis-number {
    text-align: end;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.sklad-analysis-url {
    word-break: break-all;
    color: var(--s-text-subdued);
    font-size: 12px;
}

.sklad-analysis-error {
    margin: 0;
    font-size: 13px;
    color: var(--s-bad, #b3362b);
}

.sklad-analysis-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

/* ── Okná a rozbaľovačky ──────────────────────────────────── */

.fi-modal-window {
    border-radius: 14px;
    box-shadow: 0 20px 44px rgba(26, 26, 26, 0.22);
}

.fi-modal-heading {
    font-size: 16px;
    font-weight: 650;
    color: var(--s-text-strong);
}

.fi-modal-description {
    font-size: 13px;
    color: var(--s-text-subdued);
}

.fi-dropdown-panel {
    border-radius: 12px;
    border: 1px solid var(--s-border);
    box-shadow: 0 6px 16px rgba(26, 26, 26, 0.14);
}

.fi-dropdown-list-item {
    font-size: 13px;
    border-radius: 6px;
}

/* Šírku menu určuje ->dropdownWidth() pri skupine akcií (Filament si max-width drží
   vlastným !important pravidlom vo svojej vrstve); tu len nič neskracujeme bodkami. */
.fi-dropdown-list-item-label {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/* ── Prihlásenie ──────────────────────────────────────────── */

.fi-simple-layout {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: #1a1c1d;
}

/* Zelená žiara zhora */
.fi-simple-layout::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 50% -10%, rgba(31, 138, 95, 0.22), transparent 55%);
}

/* Jemná mriežka, ktorá sa dolu stráca */
.fi-simple-layout::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: linear-gradient(#000 60%, transparent);
    mask-image: linear-gradient(#000 60%, transparent);
}

.fi-simple-layout-header,
.fi-simple-main-ctn {
    position: relative;
    z-index: 2;
}

.fi-simple-main-ctn {
    padding-bottom: 260px;
}

.fi-simple-layout-header,
.fi-simple-layout-header * {
    color: #ffffff;
}

.fi-simple-layout .fi-simple-main {
    width: 100%;
    max-width: 440px;
    padding: 36px 36px 30px;
    gap: 22px;
    border: 0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}

/* Návrh začína odznakom, nie značkou. */
.fi-simple-main .fi-logo,
.fi-simple-main-ctn .fi-logo {
    display: none;
}

.fi-simple-header {
    align-items: flex-start;
    text-align: start;
}

.fi-simple-header-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #1f2124;
}

.sklad-login-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 6px;
    border-radius: 999px;
    background: #e3f5ea;
    color: #0f5132;
    font-size: 12px;
    font-weight: 600;
}

.sklad-login-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1f8a5f;
}

.fi-simple-header-subheading {
    margin-top: 6px;
    text-align: start;
    font-size: 14px;
    line-height: 1.5;
    color: #6d7175;
}

.fi-simple-main .fi-fo-field-label {
    font-size: 13.5px;
    font-weight: 600;
    color: #1f2124;
}

.fi-simple-main .fi-input-wrp {
    border-radius: 10px;
    border-color: #babec2;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.04);
}

.fi-simple-main .fi-input-wrp:focus-within {
    border-color: #1f8a5f;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(31, 138, 95, 0.18);
}

.fi-simple-main .fi-input {
    height: 42px;
    font-size: 14px;
}

.fi-simple-main .fi-btn {
    height: 46px;
    border-radius: 10px;
    font-size: 14.5px;
}

.fi-simple-main .fi-btn.fi-color-primary {
    background: #1f2124;
    border-color: #1f2124;
}

.fi-simple-main .fi-btn.fi-color-primary:hover {
    background: #303336;
}

.fi-simple-main .fi-checkbox-input:checked {
    background-color: #1f8a5f;
    border-color: #1f8a5f;
}

.fi-simple-main .fi-link {
    color: #1f8a5f;
}

/* Prihlásenie na mobile: karta na jednu obrazovku, bez rolovania a bez priblíženia. */
@media (max-width: 900px) {
    .fi-simple-layout {
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }

    .fi-simple-main-ctn {
        display: flex;
        align-items: center;
        justify-content: center;
        max-height: 100dvh;
        padding:
            max(16px, env(safe-area-inset-top))
            max(16px, env(safe-area-inset-right))
            max(16px, env(safe-area-inset-bottom))
            max(16px, env(safe-area-inset-left));
        overflow-y: auto;
    }

    .fi-simple-layout .fi-simple-main {
        max-width: 100%;
        padding: 26px 22px 24px;
        border-radius: 16px;
        gap: 18px;
    }

    .fi-simple-header-heading {
        font-size: 24px;
        gap: 12px;
    }

    .fi-simple-header-subheading {
        font-size: 13.5px;
    }

    /* 16 px zabráni tomu, aby iOS pri klepnutí do poľa priblížil stránku. */
    .fi-simple-main .fi-input {
        height: 46px;
        font-size: 16px;
    }

    .fi-simple-main .fi-btn {
        height: 48px;
        font-size: 15px;
    }
}

/* Pole hesla: kým nenabehne Alpine, druhé (preškrtnuté) oko ostáva schované – inak by chvíľu svietili obe. */
.fi-fo-text-input .fi-input-wrp-actions [x-show="isPasswordRevealed"]:not([style]) {
    display: none;
}

/* Zabudnuté heslo: odkaz späť na prihlásenie pod textom, nie v jednom riadku s ním. */
.fi-simple-header-subheading { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.sklad-back-login .fi-link, .sklad-back-login a { font-size: 13.5px; font-weight: 600; color: #1f8a5f; text-decoration: none; }
.sklad-back-login .fi-link:hover, .sklad-back-login a:hover { text-decoration: underline; }

/* ── Zbaliteľné bočné menu ─────────────────────────────────── */
/* position sa nemení – Filament má sidebar sticky; relative by ho posunul o výšku lišty nižšie */
.fi-sidebar { overflow: visible; }
/* Šípka sedí v oboch stavoch stredom na čiare okraja menu, zvisle v strede prvej položky. */
.sklad-sb-toggle {
    position: absolute;
    top: 14px;
    inset-inline-end: -17px;
    z-index: 30;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 0;
    background: transparent;
    color: #6d7175;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: color .15s, transform .15s;
}
.sklad-sb-toggle:hover { color: var(--s-text-strong); transform: scale(1.12); }
.sklad-sb-toggle svg { width: 21px; height: 21px; transition: transform .2s; }
@media (max-width: 1023px) { .sklad-sb-toggle { display: none; } }

/* Užšie položky: odstup „Objednávky“ → počet je o ~25 % menší.
   Vľavo je od okraja menu po ikonu 20 px (8 px okraj + 12 px vnútri položky). */
.fi-sidebar.fi-sidebar-open .fi-sidebar-nav { padding-inline: 16px 34px; }
.fi-sidebar.fi-sidebar-open .fi-sidebar-item-btn { padding-inline-start: 12px; }

/* Zbalené menu: ikona je o pár bodov nižšie, šípka ide s ňou. */
.fi-sidebar:not(.fi-sidebar-open) .sklad-sb-toggle { top: 13px; }

/* Počet pri položke: text zvisle v strede riadku (nie len rámček – v Safari ostával text hore). */
.fi-sidebar-item-badge-ctn { display: flex; align-items: center; align-self: center; }
/* Filament drží obsah odznaku hore v natiahnutom rámčeku (flex ani grid centrovanie
   nezaberie), preto výšku robia rovnaké okraje hore a dole: 5 + 12 + 5 = 22 px. */
.fi-sidebar .fi-sidebar-item-badge-ctn .fi-badge {
    min-height: 0;
    height: auto;
    padding-block: 5px;
    line-height: 12px;
}
.fi-sidebar-item-badge-ctn .fi-badge-label-ctn,
.fi-sidebar-item-badge-ctn .fi-badge-label {
    display: flex;
    align-items: center;
    line-height: 1;
}

/* Zbalené menu: ikony hneď pod lištou, vycentrované v úzkom pruhu, bez odznakov a textov. */
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav { padding: 10px 0 24px; align-items: center; }
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-nav-groups,
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group,
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-items,
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item { width: 100%; align-items: center; margin: 0; }
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-btn { width: 40px; height: 40px; margin: 0 auto; justify-content: center; padding: 8px; }
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-label,
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn,
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-group-label { display: none; }

/* Avatar vpravo hore: biele koliesko s tmavým písmenom, jemný okraj proti čiernej lište. */
.fi-topbar .fi-user-menu .fi-avatar,
.fi-topbar .fi-user-menu img {
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

/* Prihlásenie: polia bližšie k sebe, odkaz na zabudnuté heslo pod tlačidlom vpravo. */
.fi-simple-main .fi-fo-form .fi-sc,
.fi-simple-main .fi-fo-form > .fi-sc,
.fi-simple-main .fi-sc.fi-grid { gap: 14px; }
.fi-simple-main .fi-fo-form { gap: 16px; }
.sklad-forgot { display: flex; justify-content: flex-end; margin-top: -8px; }
.sklad-forgot a { font-size: 13.5px; font-weight: 600; color: #1f8a5f; text-decoration: none; }
.sklad-forgot a:hover { text-decoration: underline; }
.sklad-back-login.top { display: block; margin-bottom: 4px; }

.fi-global-search-ctn:is(:focus-within, .sklad-search-open) .sklad-search-extras { padding: 8px 10px 12px; }
@media (max-width: 1023px) {
    .fi-global-search-ctn { position: static; width: 100%; margin: 0; }
}

/* ── Crypto HASH (zrkadlo metaboxu z e-shopu) ─────────────── */
.sklad-crypto { display: flex; flex-direction: column; gap: 8px; }
.sklad-crypto-state { font-size: 12px; font-weight: 600; padding: 4px 8px; border-radius: 6px; width: fit-content; }
.sklad-crypto-state-none { background: #fde8e8; color: #8e1f1f; }
.sklad-crypto-state-has { background: #cdfee1; color: #0c5132; }
.sklad-crypto-currency { font-size: 12px; font-weight: 600; color: #1d3c8a; background: #e0e7ff; border-radius: 6px; padding: 2px 8px; width: fit-content; }
.sklad-crypto-hash { display: block; text-decoration: none; }
.sklad-crypto-hash code { display: block; font-size: 11.5px; line-height: 1.4; word-break: break-all; color: var(--s-link); background: #f6f6f7; border: 1px solid var(--s-border-inner); border-radius: 6px; padding: 6px 8px; }
.sklad-crypto-hash:hover code { border-color: var(--s-link); }
.sklad-crypto-meta, .sklad-crypto-help { font-size: 12px; color: var(--s-text-subdued); }
.sklad-crypto-btn { display: inline-flex; justify-content: center; align-items: center; width: 100%; padding: 7px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; border: 1px solid transparent; }
.sklad-crypto-btn-test { background: linear-gradient(90deg, #1f7a5a, #2a5bd7); color: #fff; }
.sklad-crypto-btn-copy { background: #eaf2ff; color: #1f4fd6; border-color: #cfe0ff; }
.sklad-crypto-btn-copy:hover { background: #dbe8ff; }

/* ── Split objednávok (zrkadlo snippetu z e-shopu) ─────────── */
.sklad-split { display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.sklad-split-badge { display: inline-flex; align-items: center; width: fit-content; padding: 3px 9px; border-radius: 6px; font-size: 12px; font-weight: 600; line-height: 1.3; vertical-align: middle; }
.sklad-split-badge-primary { background: #cdfee1; color: #0c5132; }
.sklad-split-badge-paused { background: #fce4f3; color: #8a1d5f; }
.sklad-split-badge-normal { background: #e7f0ff; color: #1d3c8a; }
.sklad-split-link { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 6px; font-size: 12px; font-weight: 600; text-decoration: none; line-height: 1.3; vertical-align: middle; }
.sklad-split-link-primary { background: #e6f9ee; color: #0c5132; border: 1px solid #b6ecc9; }
.sklad-split-link-paused { background: #fdeaf6; color: #8a1d5f; border: 1px solid #f3c2df; }
.sklad-split-link:hover { filter: brightness(0.96); }
.fi-header-heading .sklad-split-badge, .fi-header-heading .sklad-split-link { margin-inline-start: 8px; font-size: 12px; }
.sklad-split-line { color: var(--s-text); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.sklad-split-meta { font-size: 12px; color: var(--s-text-subdued); }
.sklad-split-num { font-weight: 600; }
.sklad-split-children { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sklad-split-children li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
/* V zozname: čísla súvisiacich objednávok hneď vedľa mena, ako na e-shope. */
.sklad-split-chip { display: inline-block; margin-inline-start: 6px; padding: 1px 6px; border-radius: 5px; font-size: 11px; font-weight: 600; line-height: 1.4; vertical-align: middle; }
.sklad-split-chip-primary { background: #cdfee1; color: #0c5132; }
.sklad-split-chip-paused { background: #fce4f3; color: #8a1d5f; }

/* ── Oprava údajov zákazníkom (zrkadlo ACR metaboxu z e-shopu) ── */
.sklad-acr { display: flex; flex-direction: column; gap: 8px; font-size: 12.5px; line-height: 1.4; }
.sklad-acr-box { padding: 8px 10px; border-radius: 8px; border: 1px solid #d1d5db; background: #f9fafb; }
.sklad-acr-box-found { border-color: #86efac; background: #f0fdf4; color: #14532d; }
.sklad-acr-box-missing { border-color: #fecaca; background: #fef2f2; color: #991b1b; }
.sklad-acr-title { font-weight: 700; margin-bottom: 2px; }
.sklad-acr-link { color: inherit; font-weight: 700; text-decoration: underline; }
.sklad-acr-status { padding: 8px 10px; border-radius: 8px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a8a; font-weight: 700; }
.sklad-acr-status-requested { background: #fff7ed; border-color: #fdba74; color: #9a3412; }
.sklad-acr-status-submitted { background: #ecfdf3; border-color: #86efac; color: #166534; }
.sklad-acr-status-resolved { background: #f0fdf4; border-color: #bbf7d0; color: #14532d; }
.sklad-acr-status-cancelled { background: #f9fafb; border-color: #d1d5db; color: #374151; }
.sklad-acr-status-expired { background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.sklad-acr-muted { color: var(--s-text-subdued); font-size: 12px; }
.sklad-acr-copy { width: 100%; padding: 6px 10px; border-radius: 8px; border: 1px solid #cfe0ff; background: #eaf2ff; color: #1f4fd6; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.sklad-acr-actions { display: flex; flex-wrap: wrap; gap: 6px 14px; padding-top: 4px; border-top: 1px solid var(--s-border-inner); }
.sklad-card-link-danger { color: #b32d2e; }
/* Okno „Porovnanie údajov zákazníka“: každý riadok je názov poľa a dve hodnoty vedľa seba, takže
   rozdiel vidno na prvý pohľad. Zmenené riadky sú zvýraznené a idú navrch (Ondrej, 16. 9. 2026). */
.sklad-compare .fi-fo-checkbox-list { gap: 6px; }
.sklad-compare .fi-fo-checkbox-list-option-label { align-items: stretch; gap: 10px; }
.sklad-compare .fi-fo-checkbox-list-option-label > .fi-fo-checkbox-list-option-label-text { flex: 1 1 auto; min-width: 0; }

.sklad-compare-row {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(0, 1.3fr) minmax(0, 1.3fr);
    gap: 4px 14px;
    align-items: start;
    padding: 9px 12px;
    border: 1px solid var(--s-border-inner);
    border-radius: 10px;
    background: var(--s-surface);
    font-size: 13px;
    line-height: 1.45;
}
.sklad-compare-row.is-changed { border-color: #bbf7d0; background: #f4fdf7; }
.sklad-compare-name { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--s-text-strong); }
.sklad-compare-flag {
    padding: 1px 7px;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.sklad-compare-old, .sklad-compare-new { display: flex; flex-direction: column; gap: 2px; min-width: 0; word-break: break-word; }
.sklad-compare-head { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--s-text-subdued); }
.sklad-compare-old { color: var(--s-text-subdued); }
.sklad-compare-new { color: var(--s-text-strong); }
.sklad-compare-row.is-changed .sklad-compare-new { font-weight: 600; }
.sklad-compare-empty { color: #b5b5b5; }

/* Pole bez predchádzajúcej hodnoty sa zaškrtnúť nedá, preto je tlmené. */
.sklad-compare .fi-fo-checkbox-list-option-label:has(input:disabled) .sklad-compare-row { opacity: .5; background: #fafafa; }

@media (max-width: 767px) {
    .sklad-compare-row { grid-template-columns: 1fr; }
}

.sklad-acr-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12.5px; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; }
.sklad-acr-table th, .sklad-acr-table td { border-bottom: 1px solid #e5e7eb; padding: 7px 8px; text-align: left; vertical-align: top; word-break: break-word; }
.sklad-acr-table tbody tr:last-child td { border-bottom: 0; }
.sklad-acr-table th { background: #f9fafb; font-weight: 700; }
.sklad-acr-table .is-changed td { background: #f0fdf4; }
.sklad-acr-table .is-changed td:last-child { color: #166534; font-weight: 700; }
.sklad-acr-warn { padding: 9px 10px; border-radius: 10px; background: #fff7ed; border: 1px solid #fdba74; color: #9a3412; font-weight: 700; }

/* ── Fotka obsahu balíka (zrkadlo R2 metaboxu z e-shopu) ───── */
.sklad-photo { display: flex; flex-direction: column; gap: 10px; font-size: 12.5px; }
.sklad-photo-preview img { display: block; width: 100%; max-height: 180px; object-fit: cover; border: 1px solid var(--s-border-inner); border-radius: 8px; background: #f6f7f7; }
.sklad-photo-empty { padding: 8px 10px; border-radius: 8px; border: 1px solid #fecaca; background: #fef2f2; color: #991b1b; line-height: 1.4; }
.sklad-photo-empty-badge { display: inline-block; margin-inline-end: 6px; padding: 1px 7px; border-radius: 5px; background: #dc2626; color: #fff; font-size: 11px; font-weight: 700; }
.sklad-photo-meta { display: flex; flex-direction: column; gap: 2px; padding-top: 8px; border-top: 1px solid var(--s-border-inner); color: var(--s-text-subdued); font-size: 12px; }
.sklad-photo-actions { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.sklad-photo-note { font-size: 11.5px; color: var(--s-text-subdued); }
.sklad-photo-qr { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.sklad-photo-qr img { width: 280px; height: 280px; max-width: 100%; border: 1px solid #e5e7eb; border-radius: 12px; padding: 10px; background: #fff; }
.sklad-photo-qr-exp { font-size: 13px; color: var(--s-text-subdued); }
.sklad-photo-qr input { width: 100%; font-size: 12px; padding: 6px 8px; border: 1px solid var(--s-border-inner); border-radius: 6px; }

/* ── AI kontrola objednávky (zrkadlo popupu z e-shopu) ─────── */
.sklad-ai-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 8px; border: 1px solid #4b3a6b; background: #fff; color: #4b3a6b; font-size: 13px; font-weight: 600; cursor: pointer; }
.sklad-ai-btn:hover { background: #f4f0fa; }
.sklad-ai-btn:disabled { opacity: .7; cursor: wait; }
.sklad-ai-verdict { padding: 14px 16px; border-radius: 10px; margin: 0 0 18px; font-weight: 600; }
.sklad-ai-verdict-ok { background: #edfaef; color: #0a4b1e; border: 1px solid #b8e6c4; }
.sklad-ai-verdict-warning { background: #fdf6e3; color: #674f09; border: 1px solid #f0d99a; }
.sklad-ai-verdict-problem { background: #fcf0f1; color: #8a1f24; border: 1px solid #f0b7ba; }
.sklad-ai-issue { border: 1px solid #e6e8eb; border-left-width: 4px; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; }
.sklad-ai-issue-blocker { border-left-color: #b32d2e; }
.sklad-ai-issue-warning { border-left-color: #dba617; }
.sklad-ai-issue-info { border-left-color: #2271b1; }
.sklad-ai-field { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: #50575e; margin-bottom: 6px; }
.sklad-ai-prob { margin: 0 0 8px; }
.sklad-ai-fix { margin: 0; padding: 10px 12px; background: #f6f7f7; border-radius: 8px; }
.sklad-ai-guess { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #fdf6e3; border: 1px solid #f0d99a; color: #674f09; font-size: 11px; font-weight: 600; white-space: nowrap; }
.sklad-ai-foot { margin-top: 16px; padding-top: 14px; border-top: 1px solid #e6e8eb; color: #787c82; font-size: 12px; }
.sklad-ai-err { background: #fcf0f1; border: 1px solid #f0b7ba; color: #8a1f24; padding: 14px 16px; border-radius: 10px; }

/* ── Tlačidlá Packety: plná červená ako na packeta.sk, biely text ── */
.fi-btn.fi-color-packeta {
    background-color: #ba1b02 !important;
    color: #ffffff !important;
    border: 0;
    box-shadow: none;
}
.fi-btn.fi-color-packeta:hover,
.fi-btn.fi-color-packeta:focus-visible {
    background-color: #9e1702 !important;
    color: #ffffff !important;
}
.fi-btn.fi-color-packeta:disabled {
    background-color: #ba1b02 !important;
    color: #ffffff !important;
    opacity: .6;
}
.fi-btn.fi-color-packeta .fi-icon,
.fi-btn.fi-color-packeta .fi-loading-indicator {
    color: #ffffff !important;
}

/* ── Manažment produktov (Shopify-like zoznam s editovateľnými bunkami) ── */
.sklad-product-name { display: block; font-weight: 600; color: var(--s-text-strong); }
.sklad-product-sku { display: block; font-size: 11.5px; color: var(--s-text-subdued); }
.sklad-product-preorder { display: inline-block; margin-inline-start: 6px; padding: 1px 6px; border-radius: 5px; background: #fff1e3; color: #8a4b00; font-size: 11px; font-weight: 600; vertical-align: 1px; }
.sklad-product-qty { text-align: right; font-variant-numeric: tabular-nums; }
.fi-ta-row.sklad-product-draft .sklad-product-name, .fi-ta-row.sklad-product-pending .sklad-product-name { color: var(--s-text-subdued); }
.fi-resource-produkty .fi-ta-cell .fi-ta-text-input input, .fi-resource-produkty .fi-ta-cell .fi-ta-select select { font-size: 13px; }
.fi-resource-produkty .fi-ta-cell .fi-ta-text { padding-block: 5px; }

/* Tlačidlo „Hromadné akcie“: bez troch bodiek, so sivým podkladom, aby ho bolo vidno (Ondrej, 16. 9. 2026). */
.fi-ta-header-toolbar .fi-ta-actions .fi-dropdown-trigger > .fi-btn {
    background: #e3e3e3 !important;
    border-color: #d0d0d0 !important;
    color: #1a1a1a !important;
    font-weight: 600;
    box-shadow: var(--s-shadow-btn);
}
.fi-ta-header-toolbar .fi-ta-actions .fi-dropdown-trigger > .fi-btn:hover { background: #d5d5d5 !important; border-color: #b5b5b5 !important; }
.fi-ta-header-toolbar .fi-ta-actions .fi-dropdown-trigger > .fi-btn .fi-icon { display: none !important; }

/* To isté tlačidlo kreslené hookom v pruhu označených riadkov (Ondrej, 17. 9. 2026). */
.sklad-band-actions .fi-dropdown-trigger > .fi-btn { background: #e3e3e3 !important; border: 1px solid #c9c9c9 !important; color: #1a1a1a !important; box-shadow: none !important; }
.sklad-band-actions .fi-dropdown-trigger > .fi-btn:hover { background: #d5d5d5 !important; border-color: #b5b5b5 !important; }
.sklad-band-actions .fi-dropdown-trigger > .fi-btn .fi-icon { display: none !important; }

/* ── Hromadné akcie Packety: červené položky menu ako tlačidlo Packety ── */
.fi-dropdown-list-item.fi-color-packeta {
    background-color: #ba1b02 !important;
    color: #ffffff !important;
    border-radius: 8px;
    margin: 2px 4px;
}
.fi-dropdown-list-item.fi-color-packeta:hover,
.fi-dropdown-list-item.fi-color-packeta:focus-visible {
    background-color: #9e1702 !important;
    color: #ffffff !important;
}
.fi-dropdown-list-item.fi-color-packeta .fi-dropdown-list-item-label,
.fi-dropdown-list-item.fi-color-packeta .fi-icon {
    color: #ffffff !important;
}

/* ── Manažment produktov: PreOrder oranžovo, rýchle záložky ── */
.sklad-product-preorder { display: inline-block; margin-inline-start: 8px; padding: 2px 8px; border-radius: 6px; background: #ff8a1f; color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: .01em; vertical-align: 2px; }
.fi-resource-produkty .fi-toggle.fi-toggle-on { background-color: #ff8a1f !important; }
.fi-resource-produkty .fi-toggle.fi-toggle-on:hover { background-color: #f57c00 !important; }
.sklad-tab-preorder.sklad-tab-active { color: #c2410c; }
.sklad-tab-preorder .sklad-tab-count { background: #ffe1c2; color: #8a4b00; }
.sklad-tab-preorder.sklad-tab-active .sklad-tab-count { background: #ff8a1f; color: #fff; }
/* Predvolené záložky Filamentu nad kartou: záložky sú v lište karty (filament.product-tabs). */
.fi-resource-list-records-page.fi-resource-produkty .fi-sc-tabs { display: none; }

/* Sklad pod nulou = kusy predané v PreOrderi, ktoré ešte treba dodať. */
.sklad-product-qty-owed { color: #b42318 !important; font-weight: 700; background: transparent !important; border-radius: 8px; }
.fi-input-wrp:has(> .fi-input-wrp-content-ctn > .sklad-product-qty-owed), .fi-input-wrp:has(.sklad-product-qty-owed) { background-color: #fff5f4; border-radius: 8px; overflow: hidden; }
.fi-ta-cell.fi-ta-cell-stock-quantity .fi-input-wrp, .fi-ta-cell.fi-ta-cell-labels-ready .fi-input-wrp { border-radius: 8px; overflow: hidden; }
.sklad-product-qty { border-radius: 8px; }

/* PreOrder produkty: jemne oranžový riadok, aby boli v zozname vidieť na prvý pohľad. */
.fi-ta-row.sklad-product-is-preorder { background: #fff8f0; }
.fi-ta-row.sklad-product-is-preorder:hover { background: #fff1e2; }
.fi-ta-row.sklad-product-is-preorder > td { background: transparent; }

/* Stav produktu: prvý stĺpec za obrázkom, len tak široký ako text „Publikované“ + šípka. */
.sklad-product-status, .sklad-product-status .fi-ta-select, .sklad-product-status .fi-input-wrp { width: 118px; min-width: 118px; max-width: 118px; }
/* Hlavička „Stav“ aj dropdown začínajú presne 24 px od okraja tabuľky (obe natvrdo, bez ohľadu na Filament). */
.fi-ta-cell:has(.sklad-product-status) { padding-inline-end: 20px !important; padding-inline-start: 24px !important; }
.fi-ta-cell:has(.sklad-product-status) .fi-ta-select, .fi-ta-cell > .sklad-product-status { padding-inline-start: 0 !important; padding-inline-end: 0 !important; margin: 0 !important; }
.fi-ta-cell:has(.sklad-product-status) .fi-input-wrp { margin: 0 !important; }
.fi-ta-header-cell.sklad-status-head { padding-inline-start: 24px !important; }
/* „Produkt“ v hlavičke stojí nad obrázkom; text smie pretiecť do prázdnej hlavičky názvu. */
.fi-ta-header-cell.sklad-product-head { overflow: visible; white-space: nowrap; }
.fi-ta-header-cell.sklad-product-head .fi-ta-header-cell-label, .fi-ta-header-cell.sklad-product-head button { white-space: nowrap; }
.sklad-product-status .fi-select-input, .sklad-product-status select { width: 118px; min-width: 118px; max-width: 118px; padding-inline-start: 10px; padding-inline-end: 26px; background-position: right 6px center; }

/* Počet produktov / Počet nálepiek: krátke políčka bez šípok – je tam len pár číslic. */
.sklad-product-qty { width: 100px !important; min-width: 100px; max-width: 100px; text-align: right; -moz-appearance: textfield; appearance: textfield; }
.sklad-product-qty::-webkit-inner-spin-button, .sklad-product-qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.sklad-product-qty::placeholder { font-size: 12px; }
.fi-ta-cell:has(> .fi-ta-col-wrp .sklad-product-qty) .fi-input-wrp, .fi-ta-cell:has(.sklad-product-qty) .fi-input-wrp { width: 100px; min-width: 100px; }

/* Obrázok a názov produktu tesne pri sebe; názov berie všetok voľný priestor, čísla a PreOrder sú vpravo pri sebe.
   Merané v prehliadači 13. 9. 2026: šírku stĺpcov ťahali min-width 192 px na .fi-ta-text-input a text „Produkt“ v hlavičke. */
.fi-ta-cell.fi-ta-cell-image-url { width: 52px; padding-inline-end: 0 !important; }
.fi-ta-cell.fi-ta-cell-image-url .fi-ta-image { padding-inline-end: 0; width: auto; }
.fi-ta-header-cell.sklad-product-head { position: sticky; top: 0; z-index: 5; background: var(--s-surface); width: 52px; max-width: 52px; }
.fi-ta-header-cell.sklad-product-head > * { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); white-space: nowrap; overflow: visible !important; max-width: none !important; width: auto !important; }
.fi-ta-header-cell.sklad-product-head * { overflow: visible !important; text-overflow: clip !important; max-width: none !important; }
.fi-ta-cell.fi-ta-cell-name .fi-ta-text { padding-inline-start: 10px; }
.fi-ta-header-cell.sklad-name-head { width: 100%; }
.fi-ta-cell.fi-ta-cell-stock-quantity, .fi-ta-cell.fi-ta-cell-labels-ready { width: 1%; }
.fi-ta-cell.fi-ta-cell-stock-quantity .fi-ta-text-input, .fi-ta-cell.fi-ta-cell-labels-ready .fi-ta-text-input { min-width: 0; width: auto; padding-inline: 8px; }
.fi-ta-cell.fi-ta-cell-preorder { width: 1%; }

/* Komentáre k objednávke: karta pod kurzorom s obsahom, najnovší dole, staršie rolovaním hore. */
.sklad-notes-pop {
    display: flex;
    flex-direction: column-reverse;
    position: fixed;
    z-index: 60;
    width: 340px;
    max-height: 300px;
    overflow-y: auto;
    padding: 8px 12px;
    border-radius: 12px;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    box-shadow: 0 8px 24px rgba(26, 26, 26, 0.15);
    font-size: 13px;
    color: var(--s-text);
    white-space: normal;
    text-align: start;
    cursor: default;
}
.sklad-notes-item { padding: 7px 0; border-top: 1px solid var(--s-border-inner); }
.sklad-notes-item:last-child { border-top: 0; }
.sklad-notes-head { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; font-size: 12px; color: var(--s-text-subdued); }
.sklad-notes-head b { color: var(--s-text-strong); font-weight: 600; }
.sklad-notes-body { white-space: pre-wrap; word-break: break-word; line-height: 1.4; color: var(--s-text-strong); }

/* Stav produktu vo farbe: Publikované = jemne zelené (aktívny produkt), Koncept a čakajúce = jemne sivé.
   Farbu nesie rámček; samotný <select> je priehľadný a zaoblený, inak pretŕčal cez rohy. */
.sklad-product-status .fi-input-wrp { border-radius: 8px; overflow: hidden; border: 1px solid transparent !important; box-shadow: none !important; }
.sklad-product-status select { background-color: transparent !important; border-radius: 8px; }
.fi-ta-row.sklad-product-publish .sklad-product-status .fi-input-wrp { background-color: #e6f4ea; border-color: #bfe0c8 !important; }
.fi-ta-row.sklad-product-publish .sklad-product-status select { color: #1e6b34; }
.fi-ta-row.sklad-product-draft .sklad-product-status .fi-input-wrp, .fi-ta-row.sklad-product-pending .sklad-product-status .fi-input-wrp { background-color: #ececec; border-color: #d6d6d6 !important; }
.fi-ta-row.sklad-product-draft .sklad-product-status select, .fi-ta-row.sklad-product-pending .sklad-product-status select { color: #5c5c5c; }

/* Čas pri stave zásielky (prijatá do prepravy o 14:52 / 12. 9.). */
.sklad-packeta-since { font-size: 11px; font-weight: 500; opacity: .75; margin-inline-start: 2px; }

/* ── AI Mail (zrkadlo tlačidla z e-shopu) ─────────────────── */
.sklad-aimail-btn { margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; background: #4b3a6b; color: #ffffff !important; font-size: 13px; font-weight: 600; text-decoration: none; }
.sklad-aimail-btn:hover { background: #3d2f58; }
.sklad-aimail-btn + .sklad-ai-btn { margin-top: 8px; display: inline-flex; margin-inline-start: 0; }
.sklad-cust .sklad-aimail-btn { display: block; width: fit-content; }

/* Potvrdenie o platbe (bankový výpis) – Shopify štýl v pravom stĺpci (Ondrej, 14. 9. 2026). */
.sklad-pp { display: flex; flex-direction: column; gap: 12px; font-size: 13px; }
.sklad-pp-empty { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--s-text-subdued); line-height: 1.5; }
.sklad-pp-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.sklad-pp-badge-wait { background: #ffe8b8; color: #5e4200; }
.sklad-pp-badge-ok { background: #cdfee1; color: #0c5132; margin-inline-start: auto; }
.sklad-pp-file {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--s-border);
    border-radius: 10px;
    background: #fafafa;
    color: inherit;
    text-decoration: none;
}
.sklad-pp-file:hover { background: #f4f4f4; }
.sklad-pp-thumb {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid var(--s-border);
    background: var(--s-surface);
    color: var(--s-text-subdued);
    overflow: hidden;
}
.sklad-pp-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sklad-pp-thumb svg { width: 20px; height: 20px; }
.sklad-pp-info { display: flex; flex-direction: column; min-width: 0; }
.sklad-pp-name { font-weight: 600; color: var(--s-text-strong); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sklad-pp-sub { margin-top: 2px; font-size: 12px; color: var(--s-text-subdued); }
.sklad-pp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sklad-pp-btn {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid var(--s-border-input);
    border-radius: 8px;
    background: var(--s-surface);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    color: var(--s-text-strong);
    cursor: pointer;
    box-shadow: var(--s-shadow-btn);
    white-space: nowrap;
}
.sklad-pp-btn:hover { background: #f7f7f7; }
.sklad-pp-btn-dark { border-color: #1a1a1a; background: #1a1a1a; color: #fff; }
.sklad-pp-btn-dark:hover { background: #303030; }
.sklad-pp-btn-off { color: #b5b5b5; cursor: default; box-shadow: none; }
.sklad-pp-actions .sklad-card-link-danger { margin-inline-start: auto; }
.sklad-pp-loading { opacity: 0.6; }

/* Dobierka + nezvyčajný stav: druhé potvrdenie vyzerá ako varovanie. */
.sklad-cod-confirm { padding: 10px 12px; border-radius: 10px; background: #fff7ea; border: 1px solid #f3d9a4; }

/* Kontrola fotky po nahratí: položky vľavo, fotka vpravo (Ondrej, 14. 9. 2026). */
.sklad-pv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
@media (max-width: 767px) { .sklad-pv { grid-template-columns: 1fr; } }
.sklad-pv-title { margin-bottom: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--s-text-subdued); }
.sklad-pv-items { display: flex; flex-direction: column; }
.sklad-pv-item { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--s-border-inner); font-size: 13px; }
.sklad-pv-item:first-of-type { border-top: 0; }
.sklad-pv-thumb { width: 44px; height: 44px; border-radius: 8px; border: 1px solid var(--s-border); object-fit: cover; background: #fff; }
.sklad-pv-thumb-empty { display: block; background: #f1f1f1; }
.sklad-pv-name { font-weight: 500; color: var(--s-text-strong); }
.sklad-pv-sub { font-size: 12px; font-weight: 400; color: var(--s-text-subdued); }
.sklad-pv-qty { display: inline-block; min-width: 44px; padding: 2px 8px; border-radius: 999px; background: var(--s-pressed); text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.sklad-pv-photo img { display: block; width: 100%; max-height: 520px; object-fit: contain; border-radius: 12px; border: 1px solid var(--s-border); background: #f7f7f7; }
.sklad-pv-meta { margin-top: 6px; font-size: 12px; color: var(--s-text-subdued); text-align: center; }
.sklad-pv-empty { padding: 24px; border-radius: 12px; background: #f7f7f7; text-align: center; color: var(--s-text-subdued); }

/* Okno „Objednávky zákazníka“ (Ondrej, 14. 9. 2026): kompaktná tabuľka, ktorá sa zmestí do okna. */
.sklad-co { display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
.sklad-co-summary { display: flex; flex-wrap: wrap; gap: 16px; color: var(--s-text-subdued); }
.sklad-co-summary strong { color: var(--s-text-strong); }
.sklad-co-wrap { overflow-x: auto; border: 1px solid var(--s-border); border-radius: 10px; }
.sklad-co-table { width: 100%; min-width: 640px; border-collapse: collapse; table-layout: auto; }
.sklad-co-table th { padding: 8px 12px; background: #fafafa; border-bottom: 1px solid var(--s-border); text-align: start; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--s-text-subdued); white-space: nowrap; }
.sklad-co-table td { padding: 8px 12px; border-bottom: 1px solid var(--s-border-inner); vertical-align: middle; }
.sklad-co-table tr:last-child td { border-bottom: 0; }
.sklad-co-table tr:hover td { background: #fafafa; }
.sklad-co-current td { background: #fff7ea; }
.sklad-co-current:hover td { background: #fff3dc; }
.sklad-co-num { text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sklad-co-muted { color: var(--s-text-subdued); }
.sklad-co-date { white-space: nowrap; }
.sklad-co-date small { display: block; font-size: 11px; color: #8a8a8a; }
.sklad-co-pay { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sklad-co-link { color: var(--s-link); font-weight: 600; text-decoration: none; white-space: nowrap; }
.sklad-co-link:hover { text-decoration: underline; }
.sklad-co-this { margin-inline-start: 6px; padding: 1px 6px; border-radius: 5px; background: #ffe8b8; font-size: 11px; color: #5e4200; }
.sklad-co-table .sklad-packeta { white-space: nowrap; }
.sklad-cust-orders.sklad-card-link { display: block; margin-top: 2px; }

/* Široká tabuľka posúva celú plochu vodorovne; pravé odsadenie by sa inak stratilo (Safari ho do
   posunu nepočíta). Neviditeľný bod za kartou predĺži posun o medzeru (Ondrej, 14. 9. 2026). */
@media (min-width: 1024px) {
    .fi-ta-ctn {
        position: relative;
    }

    .fi-ta-ctn::after {
        content: '';
        position: absolute;
        top: 0;
        right: -2rem;
        width: 2rem;
        height: 1px;
        pointer-events: none;
    }
}

/* Zľavové kódy (Ondrej, 15. 9. 2026). */
.sklad-coupon-code { font-size: 13px; font-weight: 600; }
.sklad-coupon-flag { margin-inline-start: 6px; padding: 1px 6px; border-radius: 5px; font-size: 11px; font-weight: 600; }
.sklad-coupon-flag-expired { background: #fde8e8; color: #b42318; }
.sklad-coupon-flag-used { background: #f1f1f1; color: #616161; }
.sklad-coupon-expired .fi-ta-cell, .sklad-coupon-used_up .fi-ta-cell { color: #8a8a8a; }

/* Filter produktov pre Pozastavené objednávky (Ondrej, 15. 9. 2026). */
.fi-ta-header-ctn > .sklad-pf {
    order: 4;
    flex: 1 0 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    padding: 10px 12px;
    border: 1px solid var(--s-border);
    border-radius: 10px;
    background: #fafafa;
}
.sklad-pf-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.sklad-pf-title { font-size: 13px; font-weight: 600; color: var(--s-text-strong); }
.sklad-pf-sub { font-size: 12px; color: var(--s-text-subdued); }
.sklad-pf-search { margin-inline-start: auto; width: 220px; padding: 5px 10px; border: 1px solid var(--s-border-input); border-radius: 8px; background: var(--s-surface); font: inherit; font-size: 13px; }
.sklad-pf-clear { padding: 5px 10px; border: 1px solid var(--s-border-input); border-radius: 8px; background: var(--s-surface); font: inherit; font-size: 12.5px; font-weight: 600; color: var(--s-text-strong); cursor: pointer; }
.sklad-pf-clear:hover { background: #f1f1f1; }
.sklad-pf-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.sklad-pf-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border: 1px solid var(--s-border);
    border-radius: 999px;
    background: var(--s-surface);
    font: inherit;
    font-size: 12.5px;
    color: var(--s-text-strong);
    cursor: pointer;
    box-shadow: var(--s-shadow-btn);
}
.sklad-pf-chip:not(.sklad-pf-chip-active):hover { background: #f4f4f4; border-color: var(--s-border-input); color: var(--s-text-strong); }
.sklad-pf-chip.sklad-pf-chip-active { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.sklad-pf-chip.sklad-pf-chip-active:hover { background: #000; border-color: #000; color: #fff; }
.sklad-pf-chip-active .sklad-pf-n { background: rgba(255, 255, 255, 0.18); color: #fff; }
.sklad-pf-name { font-weight: 500; }
.sklad-pf-n { padding: 1px 7px; border-radius: 999px; background: #efefef; font-size: 11.5px; font-weight: 600; color: var(--s-text-subdued); font-variant-numeric: tabular-nums; }
.sklad-pf-pcs { background: #fff1c2; color: #5e4200; }
.sklad-pf-chip-active .sklad-pf-pcs { background: #ffe8b8; color: #5e4200; }
.sklad-pf-empty { font-size: 13px; color: var(--s-text-subdued); }
.sklad-pf-note { font-size: 12.5px; color: var(--s-text-subdued); }

/* Pri hľadaní: záložka, v ktorej sa nachádzajú výsledky, dostane žltý počet. */
.sklad-tab-hit .sklad-tab-count { background: #ffe8b8; color: #5e4200; }
.sklad-coupon-author { display: block; font-weight: 500; color: var(--s-text-strong); }
.sklad-coupon-author-mail { display: block; font-size: 11.5px; color: var(--s-text-subdued); }
.sklad-role-system { margin-inline-start: 6px; padding: 1px 6px; border-radius: 5px; background: #f1f1f1; font-size: 11px; font-weight: 500; color: var(--s-text-subdued); }
.fi-ta-header-ctn > .sklad-create-sync { order: 3; flex: 0 0 auto; }

/* Výber produktu v novej objednávke: miniatúra pred názvom (Ondrej, 15. 9. 2026). */
.sklad-pick { display: inline-flex; align-items: center; gap: 10px; min-width: 0; line-height: 28px; vertical-align: middle; }
.sklad-pick-thumb { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 6px; border: 1px solid var(--s-border-inner); object-fit: cover; background: var(--s-hover); vertical-align: middle; }
.sklad-pick-thumb-empty { display: inline-block; }
.sklad-pick-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.3; }
/* Zvolená hodnota: choices.js ju kladie na hornú hranu; vycentrovať s políčkom. */
.choices__inner:has(.sklad-pick) { display: flex; align-items: center; }
.choices__inner .choices__list--single:has(.sklad-pick) { display: flex; align-items: center; padding-block: 0; }
.choices__inner .choices__item--selectable:has(.sklad-pick) { display: flex; align-items: center; }
.choices__list--dropdown .choices__item:has(.sklad-pick) { display: flex; align-items: center; }
.choices__list--dropdown .sklad-pick, .choices__list[aria-expanded] .sklad-pick { white-space: nowrap; }

/* Cena novej objednávky (formulár): rovnaké riadky ako karta platby v detaile. */
.sklad-pricing .sklad-pay-row { padding: 3px 0; }
.sklad-pricing-msg { font-size: 13px; color: var(--s-text-subdued); }
.sklad-pricing-warn { color: #8a5a00; background: #fff6df; border: 1px solid #f3e2b3; border-radius: 8px; padding: 8px 10px; }
.sklad-pricing-bad .sklad-pay-note { color: #b42318; }

/* „Pridať ďalší produkt“: šedé tlačidlo s okrajom, nie len text (Ondrej, 15. 9. 2026). */
.fi-btn.sklad-add-btn { background: #f1f1f1 !important; border: 1px solid var(--s-border-input) !important; box-shadow: var(--s-shadow-btn); color: var(--s-text-strong) !important; }
.fi-btn.sklad-add-btn:hover { background: #e4e4e4 !important; }

/* „Tichá objednávka“: kompaktný panel – prepínač, názov a jednoriadkový popis vedľa seba. */
.sklad-silent { margin-top: 4px; padding: 10px 14px; border: 1px solid var(--s-border); border-radius: 10px; background: #fafafa; }
.sklad-silent .fi-fo-field-label-ctn { align-items: center; }
.sklad-silent .fi-fo-field-label { font-weight: 600; color: var(--s-text-strong); }
.sklad-silent .fi-fo-field-content-ctn { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.sklad-silent .fi-fo-field-content { flex: 0 0 auto; }
.sklad-silent .fi-fo-field-helper-text, .sklad-silent .fi-sc-text { margin: 0; font-size: 12.5px; color: var(--s-text-subdued); }

/* Voľby platby: pokojné riadky bez rámikov, vybraná má jemný podklad a silnejší text,
   nedostupná (dobierka pri doprave, čo ju nepustí) je tlmená (Ondrej, 16. 9. 2026). */
.sklad-payments .fi-fo-radio { gap: 2px; }
.sklad-payments .fi-fo-radio-label {
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 9px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .12s;
}
.sklad-payments .fi-fo-radio-label-text { font-size: 14px; }
.sklad-payments .fi-fo-radio-label:hover { background: var(--s-hover); }
.sklad-payments .fi-fo-radio-label:has(input:checked) { background: #eef4ff; }
.sklad-payments .fi-fo-radio-label:has(input:checked) .fi-fo-radio-label-text { font-weight: 600; color: var(--s-text-strong); }
.sklad-payments .fi-fo-radio-label:has(input:disabled) { opacity: .45; cursor: not-allowed; }

/* „Poslať zákazníkovi platobné inštrukcie“: vlastný box, nech je zreteľné, že je to krok navyše
   a nie ďalšia možnosť platby. Po zapnutí sa zvýrazní (Ondrej, 16. 9. 2026). */
.sklad-paylink {
    margin-top: 8px;
    padding: 12px 14px;
    border: 1px solid #cfe0ff;
    border-radius: 10px;
    background: #f6faff;
    transition: background-color .12s, border-color .12s;
}
.sklad-paylink .fi-fo-field-label-ctn { align-items: center; }
.sklad-paylink .fi-fo-field-label { font-weight: 600; color: var(--s-text-strong); }
.sklad-paylink .fi-fo-field-content-ctn { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.sklad-paylink .fi-fo-field-content { flex: 0 0 auto; }
.sklad-paylink .fi-fo-field-helper-text {
    flex: 1 1 100%;
    margin: 6px 0 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--s-text-subdued);
}
.sklad-paylink:has(input:checked) { border-color: #9dc3ff; background: #eaf3ff; }

/* Symbol e-shopu pred názvom v hornej lište (Ondrej, 15. 9. 2026). */
.sklad-brand-logo { display: inline-flex; align-items: center; margin-inline-start: 14px; margin-inline-end: 10px; } /* zarovnané s ikonami ľavého menu */
.sklad-brand-logo svg { height: 24px; width: auto; display: block; }

/* Rozbaľovacie zoznamy (choices.js): bez čiary medzi poslednou položkou skupiny a hlavičkou ďalšej,
   aktuálna/označená položka s tmavšou šedou (Ondrej, 15. 9. 2026). */
.choices__list--dropdown .choices__group,
.choices__list[aria-expanded] .choices__group { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; }
.choices__list--dropdown .choices__item--choice,
.choices__list[aria-expanded] .choices__item--choice { border: 0 !important; box-shadow: none !important; }
.choices__list--dropdown .choices__item--choice.is-highlighted,
.choices__list[aria-expanded] .choices__item--choice.is-highlighted,
.choices__list--dropdown .choices__item--choice.is-selected,
.choices__list[aria-expanded] .choices__item--choice.is-selected { background: #d9d9d9 !important; color: var(--s-text-strong) !important; }

/* Kontrola nastavenia e-shopu (Ondrej, 15. 9. 2026). */
.sklad-setup { display: flex; flex-direction: column; gap: 14px; }
.sklad-setup-summary { display: flex; flex-wrap: wrap; gap: 6px; }
.sklad-setup-pill { padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; }
.sklad-setup-pill.sklad-setup-ok { background: #cdfee1; color: #0c5132; }
.sklad-setup-pill.sklad-setup-warn { background: #fff1c2; color: #5e4200; }
.sklad-setup-pill.sklad-setup-missing { background: #ffe1de; color: #8e1f0b; }
.sklad-setup-section { border: 1px solid var(--s-border); border-radius: 10px; overflow: hidden; }
.sklad-setup-title { padding: 8px 12px; background: #f7f7f7; font-size: 12px; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; color: var(--s-text-subdued); border-bottom: 1px solid var(--s-border-inner); }
.sklad-setup-row { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 10px; align-items: start; padding: 8px 12px; border-top: 1px solid var(--s-border-inner); }
.sklad-setup-row:first-of-type { border-top: 0; }
.sklad-setup-dot { width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: #c9c9c9; }
.sklad-setup-dot.sklad-setup-ok { background: #29845a; }
.sklad-setup-dot.sklad-setup-warn { background: #e8a200; }
.sklad-setup-dot.sklad-setup-missing { background: #d72c0d; }
.sklad-setup-dot.sklad-setup-info { background: #8a8a8a; }
.sklad-setup-label { font-size: 13.5px; font-weight: 600; color: var(--s-text-strong); }
.sklad-setup-note { font-size: 12.5px; color: var(--s-text-subdued); line-height: 1.45; word-break: break-word; }

/* Produkty: „Nákup na objednávku“ a „Na sklade?“ (WooCommerce), kompaktné výbery; neaktívny výber je tlmený (16. 9. 2026). */
/* Správa stoku (16. 9. 2026): one clickable stock chip, one „Predaj“ select that follows the counting. */
.sklad-stock { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 98px; padding: 7px 10px; border: 1px solid #d4d4d4; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; color: #303030; cursor: pointer; white-space: nowrap; transition: border-color .12s, background-color .12s; }
.sklad-stock:hover { border-color: #8a8a8a; background: #fafafa; }
.sklad-stock-edit { width: 14px; height: 14px; flex: none; color: #8a8a8a; }
.sklad-stock-low { color: #b42318; background: #fff5f4; border-color: #f3c7c2; }
.sklad-stock-off, .sklad-stock-empty { color: #8a8a8a; font-weight: 500; background: #f7f7f7; }
.sklad-stock-cell button, .sklad-stock-cell .fi-ta-text { padding: 0 !important; }
/* Popup „Upraviť sklad“: vybraná možnosť je tmavá, nevybraná biela – farby tlačidiel témy inak svietili
   stále, aj keď na ne nikto neklikol (Ondrej, 16. 9. 2026). */
.sklad-stock-modal .fi-fo-toggle-buttons { gap: 8px; }
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn label.fi-btn {
    min-width: 132px;
    justify-content: center;
    padding: 9px 14px;
    font-weight: 500;
    transition: background-color .12s, border-color .12s, color .12s;
}
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:not(:checked) + label.fi-btn {
    background: #fff !important;
    color: var(--s-text) !important;
    border-color: var(--s-border-input) !important;
    box-shadow: none !important;
}
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:not(:checked) + label.fi-btn:hover {
    background: var(--s-hover) !important;
    border-color: #8a8a8a !important;
}
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:checked + label.fi-btn {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
    font-weight: 600;
    box-shadow: var(--s-shadow-btn) !important;
}
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:checked + label.fi-btn .fi-icon,
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:checked + label.fi-btn svg { color: #fff !important; }
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:not(:checked) + label.fi-btn .fi-icon,
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:not(:checked) + label.fi-btn svg { color: #8a8a8a !important; }
.sklad-stock-modal .fi-fo-toggle-buttons-btn-ctn input:focus-visible + label.fi-btn { outline: 2px solid #005bd3; outline-offset: 2px; }
.sklad-stock-modal .fi-input { font-size: 15px; font-variant-numeric: tabular-nums; }
.sklad-product-availability select { min-width: 168px; font-size: 13px; }
.sklad-product-availability.is-uncounted select { background-color: #f7f7f7; }
/* Farba podľa toho, či sa produkt dá kúpiť pri 0 ks – rovnako ako stav „Publikované“ vľavo
   a červená nálepka vpravo (Ondrej, 20. 9. 2026). */
.sklad-product-availability .fi-input-wrp { border-radius: 8px; overflow: hidden; box-shadow: none !important; }
.sklad-product-availability select { background-color: transparent !important; border-radius: 8px; }
.sklad-product-availability.is-selling .fi-input-wrp { background-color: #e6f4ea; border-color: #bfe0c8 !important; }
.sklad-product-availability.is-selling select { color: #1e6b34; }
.sklad-product-availability.is-blocked .fi-input-wrp { background-color: #fff5f4; border-color: #f3c7c2 !important; }
.sklad-product-availability.is-blocked select { color: #b42318; }
/* Farbu berieme priamo z vybranej možnosti, takže sa prepne hneď po zmene, ešte pred odpoveďou
   zo servera (Ondrej, 20. 9. 2026). Triedy vyššie ostávajú pre prehliadače bez :has(). */
.sklad-product-availability .fi-input-wrp:has(option[value="yes"]:checked),
.sklad-product-availability .fi-input-wrp:has(option[value="notify"]:checked),
.sklad-product-availability .fi-input-wrp:has(option[value="instock"]:checked),
.sklad-product-availability .fi-input-wrp:has(option[value="onbackorder"]:checked) { background-color: #e6f4ea; border-color: #bfe0c8 !important; }
.sklad-product-availability select:has(option[value="yes"]:checked),
.sklad-product-availability select:has(option[value="notify"]:checked),
.sklad-product-availability select:has(option[value="instock"]:checked),
.sklad-product-availability select:has(option[value="onbackorder"]:checked) { color: #1e6b34; }
.sklad-product-availability .fi-input-wrp:has(option[value="no"]:checked),
.sklad-product-availability .fi-input-wrp:has(option[value="outofstock"]:checked) { background-color: #fff5f4; border-color: #f3c7c2 !important; }
.sklad-product-availability select:has(option[value="no"]:checked),
.sklad-product-availability select:has(option[value="outofstock"]:checked) { color: #b42318; }
.sklad-product-availability .fi-input-wrp:focus-within { border-color: var(--s-link) !important; }
.sklad-tab-count-alert { background: #fee3e2 !important; color: #8e1f0b !important; }

/* ── Tablety (iPad) ──────────────────────────────────────────────────────────
   Portrét (768–1023 px) beží na mobilnom rozložení Filamentu: bočné menu je prekryv
   a stránka skroluje oknom. Landscape (1024–1180 px) dostane desktopový shell, ktorý
   počíta so širokým menu a s 100vh. Oboje potrebuje väčšie ciele pre prst, písmo 16 px
   v poliach (inak iPad pri kliknutí zoomuje) a menej pevných šírok (Ondrej, 16. 9. 2026). */

@media (min-width: 768px) and (max-width: 1180px) {
    /* iPadOS v landscape inak sám zväčšuje písmo. */
    html { -webkit-text-size-adjust: 100%; }

    /* Riadky tabuliek na výšku prsta (~44 px). */
    .fi-ta-cell .fi-ta-text { padding: 11px 12px; }
    .fi-ta-header-cell { padding: 10px 12px; }

    /* Polia a výbery: 16 px zabráni priblíženiu stránky pri kliknutí do poľa. */
    .fi-ta-search-field input,
    .fi-modal .fi-input,
    .fi-modal .fi-select-input,
    .sklad-tl-input,
    .sklad-product-qty,
    .sklad-product-status select,
    .sklad-product-availability select { font-size: 16px !important; }

    /* Stĺpce Správy stoku sa prispôsobia šírke, aby sa tabuľka zbytočne nerozťahovala. */
    .sklad-product-status,
    .sklad-product-status .fi-ta-select,
    .sklad-product-status .fi-input-wrp,
    .sklad-product-status .fi-select-input,
    .sklad-product-status select { width: 136px !important; min-width: 136px; max-width: 136px; }
    .sklad-product-availability select { min-width: 176px; }
    .sklad-product-qty { width: 88px !important; min-width: 88px; max-width: 88px; }
    .fi-ta-cell:has(.sklad-product-qty) .fi-input-wrp { width: 88px; min-width: 88px; }
    .sklad-stock { min-width: 96px; padding: 9px 10px; }

    /* Tlačidlá a prepínače sa tapkajú, nie klikajú myšou. */
    .fi-btn { padding: 9px 14px; }
    .fi-ta-actions .fi-icon-btn, .fi-topbar .fi-icon-btn { min-width: 40px; min-height: 40px; }
    .fi-toggle { transform: scale(1.1); transform-origin: left center; }

    /* Záložky sa nelámu do dvoch riadkov, ale sa posúvajú do strany. */
    .sklad-tabs {
        flex-wrap: nowrap;
        width: auto;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .sklad-tabs::-webkit-scrollbar { display: none; }
    .sklad-tab { flex: none; padding-block: 8px; }

    /* Tabuľky sa posúvajú do strany zotrvačnosťou. */
    .fi-ta-content-ctn { -webkit-overflow-scrolling: touch; }

    /* Okná nechávajú po stranách okraj a majú väčšie ovládacie prvky. */
    .fi-modal-window { max-width: calc(100vw - 48px); }
    .fi-modal-footer .fi-btn { padding: 11px 16px; }

    /* Šírky okien sú stavané na desktop: 672 px je na 768 px tablete 87 % obrazovky a pôsobí to
       ako roztiahnuté cez celú šírku. Na tablete ich preto zúžime podľa toho, koľko obsahu
       naozaj nesú – dvojica tried má vyššiu špecificitu než Filamentove `.fi-width-*`
       (Ondrej, 17. 9. 2026). */
    .fi-modal-window.fi-width-md { max-width: min(420px, calc(100vw - 48px)) !important; }
    .fi-modal-window.fi-width-lg { max-width: min(480px, calc(100vw - 48px)) !important; }
    .fi-modal-window.fi-width-xl { max-width: min(540px, calc(100vw - 48px)) !important; }
    .fi-modal-window.fi-width-2xl { max-width: min(600px, calc(100vw - 48px)) !important; }

    /* Okná s dvoma stĺpcami (porovnanie údajov, položky, fotka vedľa obsahu) potrebujú viac,
       ale stále nie celú šírku. */
    .fi-modal-window.fi-width-3xl,
    .fi-modal-window.fi-width-4xl,
    .fi-modal-window.fi-width-5xl,
    .fi-modal-window.fi-width-6xl,
    .fi-modal-window.fi-width-7xl { max-width: min(720px, calc(100vw - 48px)) !important; }

    /* Prepínač e-shopov: väčšie položky a menu, ktoré sa zmestí na šírku. */
    .sklad-switcher-menu { min-width: 280px; max-width: calc(100vw - 24px); }
    .sklad-switcher-item { padding: 10px 10px; font-size: 14px; }
    /* Názov e-shopu sa na tablete neskracuje na „…“ – vedľa vyhľadávania je naň miesto (Ondrej, 17. 9. 2026). */
    .sklad-brand { max-width: 360px; padding-block: 8px; }
}

/* Portrét: jeden stĺpec, karty pod sebou a pohodlnejšie rozostupy. */
@media (min-width: 768px) and (max-width: 1023px) {
    .fi-page.fi-resource-orders.fi-resource-view-record-page,
    .fi-page.fi-resource-orders.fi-resource-create-record-page { max-width: 100%; }

    /* Hľadanie hore nezaberie celý riadok, aby vedľa ostalo miesto na filtre. */
    .fi-global-search-ctn { max-width: 420px; margin-inline: auto; }

    /* Lišta karty sa zalomí: záložky hore, nástroje pod nimi na celú šírku. */
    .fi-ta-header-ctn { flex-wrap: wrap; row-gap: 8px; }
    .fi-ta-header-ctn .fi-ta-header-toolbar { flex: 1 1 100%; justify-content: flex-start; }
    .fi-ta-header-ctn > .sklad-create { order: 3; margin-inline-start: auto; }

    /* Detail objednávky: karty na celú šírku pod sebou. */
    .sklad-pv { grid-template-columns: 1fr; }
    .sklad-analysis-columns { grid-template-columns: 1fr; }
}

/* Landscape: desktopový shell, ale výška podľa skutočného okna (lišty Safari sa hýbu). */
@media (min-width: 1024px) and (max-width: 1180px) {
    .fi-layout { height: calc(100dvh - 56px); }

    /* Hlavná plocha dostane spodný okraj aj s bezpečnou zónou. */
    .fi-main { padding-bottom: max(48px, env(safe-area-inset-bottom)); }

    /* Detail objednávky využije celú šírku, 1094 px by nechalo prázdne okraje. */
    .fi-page.fi-resource-orders.fi-resource-view-record-page,
    .fi-page.fi-resource-orders.fi-resource-create-record-page { max-width: 100%; }
}

/* ── Zámok objednávky (kto ju má otvorenú) ──────────────────────────────
   Ako rozpísaný príspevok vo WordPresse: zamknutý detail je zašedený a len
   na čítanie, prevziať sa dá tlačidlom v pruhu (Ondrej, 16. 9. 2026). */
.sklad-lock:not(.sklad-lock-on) { display: none; }

.sklad-lock-banner {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px; margin-bottom: 4px;
    border: 1px solid #e3c08a; border-radius: 12px; background: #fdf6e7;
}
.sklad-lock-avatar {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%;
    background: #1a1a1a; color: #fff; font-size: 13px; font-weight: 600;
}
.sklad-lock-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sklad-lock-text strong { font-size: 13px; color: var(--s-text-strong); }
.sklad-lock-text span { font-size: 12px; color: var(--s-text-subdued); }
.sklad-lock-take {
    margin-inline-start: auto; flex: 0 0 auto;
    padding: 7px 14px; border: 1px solid #1a1a1a; border-radius: 8px;
    background: #1a1a1a; color: #fff; font-size: 13px; font-weight: 600; cursor: pointer;
}
.sklad-lock-take:hover { background: #000; }
.sklad-lock-take[disabled] { opacity: .6; cursor: default; }

/* Zamknutý detail: karty aj tlačidlá v hlavičke sú zašedené a neklikateľné.
   Pruh so zámkom ostáva živý, inak by sa nedalo prevziať. */
.fi-main:has(.sklad-lock-on) .fi-sc-section,
.fi-main:has(.sklad-lock-on) .fi-header-actions {
    opacity: .55; pointer-events: none; user-select: none;
}

/* Zamknutý riadok v tabuľke. */
.sklad-lock-chip {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 50%;
    background: #f3e2bd; color: #6b4f14; font-size: 11px; font-weight: 700;
}
.fi-ta-row.sklad-row-locked { background: #fffaf0; }

/* ── Zmena stavu, keď objednávka čaká na zákazníka ────────────────────
   Namiesto výberu stavu jedno upozornenie v tóne karty Opravy údajov (Ondrej, 17. 9. 2026). */
.sklad-waiting-notice {
    padding: 12px 14px;
    border: 1px solid #f0c98a;
    border-radius: 10px;
    background: #fff7e8;
    color: #7a4b00;
    font-size: 13px;
    line-height: 1.5;
}
.sklad-waiting-notice strong { display: block; margin-bottom: 4px; color: #5e3a00; }
.sklad-waiting-notice em { font-style: normal; font-weight: 600; }

/* ── Chyba exportu do Packety: čo je zle, tučne a hneď ─────────────────
   V tabuľke pod odznakom, na detaile ako červený box s podrobnosťami pod vetou (Ondrej, 17. 9. 2026). */
.sklad-packeta-reason {
    display: block;
    margin-top: 4px;
    max-width: 280px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    color: #b42318;
    white-space: normal;
}
.sklad-packeta-error {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #f3b5ae;
    border-radius: 10px;
    background: #fff4f2;
    color: #9b1c1c;
    font-size: 13px;
    line-height: 1.45;
}
.sklad-packeta-error strong { display: block; font-size: 14px; margin-bottom: 4px; color: #8a1616; }
.sklad-packeta-error-detail { display: block; font-size: 12px; color: #b04a3e; word-break: break-word; }

/* ── Položky objednávky: miniatúra + názov bez SKU ─────────────────────
   Výber produktu je Filamentov (fi-select-input), nie choices.js; existujúci riadok je len
   na čítanie a ukazuje miniatúru s názvom (Ondrej, 17. 9. 2026). */
.fi-select-input-option .sklad-pick,
.fi-select-input .sklad-pick { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.fi-select-input-option .sklad-pick-thumb,
.fi-select-input .sklad-pick-thumb { width: 28px; height: 28px; border-radius: 6px; object-fit: cover; flex: 0 0 auto; }

.sklad-item-line { display: flex; align-items: center; gap: 10px; min-height: 40px; min-width: 0; }
.sklad-item-line .sklad-pick-thumb { width: 36px; height: 36px; border-radius: 8px; }
.sklad-item-line-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--s-text-strong); }

/* ── „Pridať komentár“ na detaile ─────────────────────────────────────
   S komentármi oranžové (rovnaká oranžová ako ikona v tabuľke) a s krúžkom počtu v pravom
   hornom rohu; Filament kreslí odznak vedľa textu, tu ide do rohu (Ondrej, 17. 9. 2026). */
.sklad-comments-btn { position: relative; overflow: visible; }
.sklad-comments-btn-has,
.sklad-comments-btn-has:hover { background: #e07800 !important; border-color: #c96b00 !important; color: #fff !important; }
.sklad-comments-btn-has .fi-icon { color: #fff !important; }
/* Počet komentárov: pevný kruh v pravom hornom rohu, bez Filament posunu (translate) a bieleho obalu,
   ktoré z neho robili nakrivo sediaci ovál (Ondrej, 17. 9. 2026). */
.sklad-comments-btn .fi-btn-badge-ctn {
    position: absolute;
    inset-inline-start: auto;
    top: -9px;
    right: -9px;
    translate: none;
    margin: 0;
    padding: 0;
    width: auto;
    background: transparent;
    border-radius: 999px;
}
.sklad-comments-btn .fi-btn-badge-ctn .fi-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #1a1a1a !important;
    color: #fff !important;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(26, 26, 26, .28);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-color: transparent !important;
}
.sklad-comments-btn .fi-btn-badge-ctn .fi-badge .fi-badge-label-ctn {
    display: block;
    align-self: center;
    line-height: 1;
}

/* Odznak v hlavičke FedEx karty je odkaz na FedEx monitor („Správa štítkov“), Ondrej 17. 9. 2026. */
.sklad-fx-pill-link { background: #ff6200; color: #fff; text-decoration: none; cursor: pointer; transition: background-color .12s ease, transform .12s ease; }
.sklad-fx-pill-link:hover { background: #ff7a26; color: #fff; transform: translateY(-1px); }
.sklad-fx-pill-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* „X“ pri zľavovom kóde pridanom v Sklade – odoberie ho (Ondrej, 19. 9. 2026). */
.sklad-coupon-tag { display: inline-flex; align-items: center; gap: 4px; }
.sklad-coupon-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #f1f1f1;
    color: #8a8a8a;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
}
.sklad-coupon-remove:hover { background: #fde8e8; color: #b42318; }
.sklad-coupon-remove:focus-visible { outline: 2px solid #005bd3; outline-offset: 1px; }

/* ── Rýchly štítok (Nová zásielka → Vytvoriť rýchly štítok), Ondrej 19. 9. 2026 ─────────────── */
.sklad-ql-banner {
    padding: 12px 16px;
    border-radius: 10px;
    background: #fff4e5;
    border: 1px solid #f5c26b;
    color: #5e4200;
    font-size: 13px;
}
.sklad-ql-form { display: flex; flex-direction: column; gap: 16px; }
.sklad-ql-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sklad-ql-hint { font-size: 12px; color: var(--s-text-subdued); }
.sklad-ql-point { color: var(--s-text-strong); font-weight: 600; }
.sklad-ql-account { font-size: 13px; color: var(--s-text); }
.sklad-ql-warn { font-size: 13px; color: #9b1c1c; background: #fde8e8; border-radius: 8px; padding: 8px 10px; }
.sklad-ql-hit { display: flex; flex-direction: column; gap: 2px; }
.sklad-ql-hit small { font-size: 12px; color: var(--s-text-subdued); }

.sklad-ql-list {
    margin-top: 8px;
    border-radius: 12px;
    background: var(--s-surface);
    border: 1px solid var(--s-border);
    box-shadow: 0 1px 0 rgba(26, 26, 26, 0.07);
    overflow: hidden;
}
.sklad-ql-list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border-bottom: 1px solid var(--s-border);
}
.sklad-ql-list-head h2 { margin: 0; font-size: 14px; font-weight: 650; color: var(--s-text-strong); }
.sklad-ql-list-head p { margin: 2px 0 0; font-size: 12px; color: var(--s-text-subdued); }
.sklad-ql-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 260px;
    padding: 6px 10px;
    border: 1px solid var(--s-border);
    border-radius: 8px;
    background: var(--s-surface);
}
.sklad-ql-search svg { width: 16px; height: 16px; color: #8a8a8a; flex: none; }
.sklad-ql-search input { border: 0; outline: 0; padding: 0; width: 100%; font-size: 13px; background: transparent; box-shadow: none; }
.sklad-ql-empty { padding: 28px 16px; text-align: center; font-size: 13px; color: var(--s-text-subdued); }
.sklad-ql-table-wrap { overflow-x: auto; }
.sklad-ql-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.sklad-ql-table th {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: var(--s-text-subdued);
    padding: 8px 12px;
    background: #f7f7f7;
    border-bottom: 1px solid var(--s-border);
    white-space: nowrap;
}
.sklad-ql-table td { padding: 10px 12px; border-bottom: 1px solid var(--s-border); vertical-align: top; color: var(--s-text); }
.sklad-ql-table tr:last-child td { border-bottom: 0; }
.sklad-ql-table td small { display: block; margin-top: 2px; font-size: 12px; color: var(--s-text-subdued); }
.sklad-ql-table tr.is-cancelled td { color: var(--s-text-subdued); }
.sklad-ql-date { white-space: nowrap; }
.sklad-ql-date small { display: inline !important; margin-left: 2px; }
.sklad-ql-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sklad-ql-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; color: #005bd3; text-decoration: none; }
.sklad-ql-code:hover { text-decoration: underline; }
.sklad-ql-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: #cdfee1;
    color: #0c5132;
}
.sklad-ql-status.is-cancelled { background: #f1f1f1; color: #616161; }
.sklad-ql-row-actions { white-space: nowrap; text-align: right; }
.sklad-ql-btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid var(--s-border);
    background: var(--s-surface);
    font-size: 12px;
    font-weight: 600;
    color: var(--s-text-strong);
    cursor: pointer;
}
.sklad-ql-btn:hover { background: #f7f7f7; }
.sklad-ql-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 4px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #616161;
    cursor: pointer;
    vertical-align: middle;
}
.sklad-ql-icon svg { width: 16px; height: 16px; }
.sklad-ql-icon:hover { background: #f1f1f1; color: var(--s-text-strong); }
.sklad-ql-icon.is-danger:hover { background: #fde8e8; color: #b42318; }
.sklad-ql-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid var(--s-border);
    font-size: 12px;
    color: var(--s-text-subdued);
}
.sklad-ql-pager div { display: flex; gap: 6px; }

/* Šípka v tlačidle „Nová zásielka“ je biela ako text (Ondrej, 19. 9. 2026). */
.sklad-create .fi-btn .fi-icon,
.sklad-create .fi-btn svg { color: #fff !important; }

/* Podané zásielky sú zbalené; hlavička je tlačidlo so šípkou (Ondrej, 19. 9. 2026). */
.sklad-ql-list:not(.is-open) .sklad-ql-list-head { border-bottom: 0; }
.sklad-ql-toggle { display: flex; align-items: center; gap: 10px; padding: 0; border: 0; background: none; text-align: left; cursor: pointer; }
.sklad-ql-toggle h2 { margin: 0; }
.sklad-ql-chevron { width: 18px; height: 18px; color: #616161; flex: none; transition: transform .15s ease; }
.sklad-ql-list.is-open .sklad-ql-chevron { transform: rotate(90deg); }

/* Koncepty rýchleho štítka: počet pri nadpise, otvorený koncept zvýraznený (Ondrej, 19. 9. 2026). */
.sklad-ql-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: #f1f1f1; color: #303030; font-size: 11px; font-weight: 700; vertical-align: 1px; }
.sklad-ql-table tr.is-current td { background: #f4f8ff; }

/* „Nálepky verejne“ hneď za záložkou Stav nálepiek (Ondrej, 19. 9. 2026). */
.sklad-public-labels {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid var(--s-border);
    background: var(--s-surface);
    color: var(--s-text-strong);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    align-self: center;
}
.sklad-public-labels svg { width: 14px; height: 14px; color: #616161; }
.sklad-public-labels:hover { background: #f7f7f7; }

/* Faktúra pri zmene Čaká na platbu → Spracováva sa (Limitless, admin; Ondrej, 19. 9. 2026). */
.sklad-inv { position: relative; padding: 10px 12px; border: 1px solid var(--s-border); border-radius: 10px; background: var(--s-surface); }
.sklad-inv-row { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 14px; color: var(--s-text-strong); }
.sklad-inv-row .fi-checkbox-input { margin-top: 2px; flex: none; }
.sklad-inv-label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; font-weight: 500; }
.sklad-inv-sum { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; font-weight: 400; color: var(--s-text); font-variant-numeric: tabular-nums; }
.sklad-inv-sum strong { font-weight: 650; color: var(--s-text-strong); }
.sklad-inv-edit { display: inline; width: auto; margin: 0 0 0 4px; padding: 0; border: 0; background: none; font: inherit; font-size: 13px; color: var(--s-link); cursor: pointer; }
.sklad-inv-edit:hover { text-decoration: underline; }
.sklad-inv-note { margin: 6px 0 0 28px; font-size: 12px; color: var(--s-text-subdued); }
.sklad-inv-pop { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; width: min(340px, calc(100vw - 48px)); padding: 14px; border: 1px solid var(--s-border); border-radius: 12px; background: var(--s-surface); box-shadow: 0 12px 32px rgba(26, 26, 26, .16), 0 2px 6px rgba(26, 26, 26, .08); }
.sklad-inv-pop-title { font-size: 14px; font-weight: 650; color: var(--s-text-strong); }
.sklad-inv-pop-help { margin: 4px 0 10px; font-size: 12px; line-height: 1.45; color: var(--s-text-subdued); }
.sklad-inv-input { display: flex; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid var(--s-border-input); border-radius: 8px; background: var(--s-surface); }
.sklad-inv-input:focus-within { border-color: var(--s-text-strong); box-shadow: 0 0 0 1px var(--s-text-strong); }
.sklad-inv-input input { flex: 1 1 auto; min-width: 0; padding: 8px 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--s-text-strong); box-shadow: none; }
.sklad-inv-input span { color: var(--s-text-subdued); font-weight: 600; }
.sklad-inv-error { margin: 6px 0 0; font-size: 12px; color: #b42318; }
.sklad-inv-actions { display: flex; gap: 8px; margin-top: 12px; }
.sklad-inv-ok, .sklad-inv-cancel { padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; }
.sklad-inv-ok { border: 0; background: #1a1a1a; color: #fff; box-shadow: var(--s-shadow-btn); }
.sklad-inv-ok:hover { background: #333; }
.sklad-inv-cancel { border: 1px solid var(--s-border); background: var(--s-surface); color: var(--s-text-strong); }
.sklad-inv-cancel:hover { background: var(--s-hover); }

/* Suma faktúry za odznakom stavu – malým písmom ako čas; klik otvorí faktúru na Drive. */
.sklad-inv-link { display: inline; margin-inline-start: 6px; font-size: 10.5px; line-height: 1.2; color: var(--s-text-subdued); font-variant-numeric: tabular-nums; white-space: nowrap; text-decoration: underline; text-decoration-color: rgba(107, 107, 107, .45); text-underline-offset: 2px; cursor: pointer; }
.sklad-inv-link:hover { color: var(--s-link); text-decoration-color: currentColor; }
.sklad-inv-link-off { text-decoration: none; cursor: default; }
.sklad-inv-link-warn { color: #8a5a00; }
.sklad-inv-del { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-inline-start: 2px; border-radius: 50%; font-size: 12px; line-height: 1; color: var(--s-text-subdued); vertical-align: middle; cursor: pointer; opacity: .55; }
.sklad-inv-del:hover, .sklad-inv-del:focus-visible { opacity: 1; color: #b42318; background: #fee4e2; outline: none; }

/* Okienko faktúr po kliknutí na „FA“ za stavom (Ondrej, 19. 9. 2026). */
.sklad-inv-wrap { display: inline; }
.sklad-inv-count { display: inline-flex; align-items: center; justify-content: center; min-width: 13px; height: 13px; margin-inline-start: 3px; padding: 0 3px; border-radius: 999px; background: #e3e3e3; color: #303030; font-size: 9px; font-weight: 700; text-decoration: none; vertical-align: 1px; }
.sklad-invpop { position: fixed; z-index: 60; display: flex; flex-direction: column; gap: 2px; width: 320px; padding: 10px; border: 1px solid var(--s-border); border-radius: 12px; background: var(--s-surface); box-shadow: 0 12px 32px rgba(26, 26, 26, .16), 0 2px 6px rgba(26, 26, 26, .08); font-size: 13px; color: var(--s-text); text-align: left; }
.sklad-invpop-title { padding: 2px 6px 6px; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--s-text-subdued); }
.sklad-invpop-row { display: flex; align-items: center; gap: 4px; }
.sklad-invpop-open { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 7px 8px; border: 0; border-radius: 8px; background: none; font: inherit; color: var(--s-text-strong); text-align: left; cursor: pointer; }
.sklad-invpop-open:hover, .sklad-invpop-open:focus-visible { background: var(--s-hover); outline: none; }
.sklad-invpop-num { flex: 1 1 auto; display: flex; flex-direction: column; font-weight: 600; }
.sklad-invpop-date { font-size: 11px; font-weight: 400; color: var(--s-text-subdued); }
.sklad-invpop-sum { font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sklad-invpop-open svg { width: 14px; height: 14px; flex: none; color: var(--s-text-subdued); }
.sklad-invpop-del { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: none; font-size: 17px; line-height: 1; color: var(--s-text-subdued); cursor: pointer; }
.sklad-invpop-del:hover, .sklad-invpop-del:focus-visible { background: #fee4e2; color: #b42318; outline: none; }

/* Prihlásenie: bez kolieska, text „Prihlasujem…“ v tlačidle. */
.sklad-login-submit .fi-loading-indicator { display: none !important; }
.sklad-login-submit:disabled { opacity: 1; cursor: progress; }

/* ── Refundy (Ondrej, 19. 9. 2026) ─────────────────────────── */
.sklad-rf-order { font-weight: 650; color: var(--s-text-strong); }
.sklad-rf-name { display: block; color: var(--s-text-strong); }
.sklad-rf-sub { display: block; margin-top: 1px; font-size: 12px; color: var(--s-text-subdued); }
.sklad-rf-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; letter-spacing: .01em; }
.sklad-rf-chip { display: inline-block; margin: 3px 0 0 6px; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 600; line-height: 18px; white-space: nowrap; vertical-align: middle; }
.sklad-rf-name + .sklad-rf-chip, .sklad-rf-sub + .sklad-rf-chip { margin-left: 0; }
.sklad-rf-chip-dup { background: #f3e8ff; color: #6b21a8; }
.sklad-rf-chip-warn { background: #fff1e3; color: #8a4600; }
.sklad-rf-chip-ok { background: #cdfee1; color: #0c5132; }
.sklad-rf-topay { display: flex; align-items: center; margin-inline-start: auto; padding: 0 12px; font-size: 13px; color: var(--s-text-subdued); white-space: nowrap; }
.sklad-rf-topay strong { margin-inline-start: 6px; color: var(--s-text-strong); font-variant-numeric: tabular-nums; }
.sklad-rf-pay-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sklad-rf-pay-method { font-size: 14px; font-weight: 600; color: var(--s-text-strong); }
.sklad-rf-pay-amount { font-size: 20px; font-weight: 700; color: var(--s-text-strong); font-variant-numeric: tabular-nums; }
.sklad-rf-lines { margin: 0; border: 1px solid var(--s-border-inner); border-radius: 10px; }
.sklad-rf-line { display: grid; grid-template-columns: minmax(120px, 34%) 1fr; gap: 12px; align-items: center; padding: 9px 12px; border-top: 1px solid var(--s-border-inner); font-size: 13px; }
.sklad-rf-line:first-child { border-top: 0; }
.sklad-rf-line dt { color: var(--s-text-subdued); }
.sklad-rf-line dd { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; min-width: 0; color: var(--s-text-strong); }
.sklad-rf-line dd > span { overflow-wrap: anywhere; }
.sklad-rf-copy { flex: none; padding: 3px 8px; border: 1px solid var(--s-border); border-radius: 7px; background: var(--s-surface); font: inherit; font-size: 12px; font-weight: 600; color: var(--s-text-strong); cursor: pointer; }
.sklad-rf-copy:hover { background: var(--s-hover); }
.sklad-rf-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; padding: 9px 12px; border-radius: 10px; background: #f0f6ff; font-size: 13px; color: #00367a; }
.sklad-rf-hint { margin: 10px 0 0; font-size: 12px; color: var(--s-text-subdued); }
.sklad-rf-hint-warn { color: #8a4600; }
.sklad-rf-hint-ok { color: #0c5132; font-weight: 600; }
.sklad-rf-empty { margin: 0; font-size: 13px; color: var(--s-text-subdued); }
.sklad-rf-note { margin: 0; font-size: 13px; line-height: 1.55; color: var(--s-text-strong); white-space: normal; }
.sklad-rf-history { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.sklad-rf-ev { position: relative; display: grid; grid-template-columns: 14px 1fr; gap: 10px; padding: 0 0 14px; font-size: 13px; }
.sklad-rf-ev:not(:last-child)::before { content: ""; position: absolute; left: 4px; top: 12px; bottom: 0; width: 2px; background: var(--s-border-inner); }
.sklad-rf-ev-dot { width: 10px; height: 10px; margin-top: 4px; border-radius: 50%; background: #c9c9c9; }
.sklad-rf-ev-paid .sklad-rf-ev-dot { background: #29845a; }
.sklad-rf-ev-cancelled .sklad-rf-ev-dot, .sklad-rf-ev-email_failed .sklad-rf-ev-dot { background: #c70a24; }
.sklad-rf-ev-details_submitted .sklad-rf-ev-dot, .sklad-rf-ev-pdr_submitted .sklad-rf-ev-dot { background: #005bd3; }
.sklad-rf-ev p { margin: 0; color: var(--s-text-strong); }

/* Tmavé tlačidlo „Označiť ako vyplatené“ – biela ikona. */
.sklad-rf-paid-btn .fi-icon, .sklad-rf-paid-btn svg { color: #fff !important; }

/* ── Laboratórne testy (Ondrej, 19. 9. 2026) ─────────────── */
.sklad-lab-prod { display: flex; align-items: center; gap: 12px; }
.sklad-lab-prod img, .sklad-lab-noimg { width: 40px; height: 40px; flex: none; border-radius: 8px; border: 1px solid var(--s-border-inner); background: #f7f7f7; object-fit: contain; }
.sklad-lab-open { font-size: 13px; font-weight: 600; color: var(--s-link); white-space: nowrap; cursor: pointer; }
.sklad-lab-open:hover { text-decoration: underline; }
.sklad-lab-count-warn { background: #fff1e3 !important; color: #8a4600 !important; }
.sklad-lab { display: flex; flex-direction: column; gap: 10px; }
.sklad-lab-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--s-border-inner); border-radius: 12px; background: var(--s-surface); }
.sklad-lab-row-current { border-color: #b4dfc4; background: #f6fcf8; }
.sklad-lab-row-failed { background: #fff8f7; }
.sklad-lab-row-failed .sklad-lab-top strong { text-decoration: line-through; color: var(--s-text-subdued); }
.sklad-lab-main { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sklad-lab-top { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--s-text-strong); }
.sklad-lab-inline { display: inline; margin: 0; }
.sklad-lab-url { font-size: 13px; color: var(--s-link); overflow-wrap: anywhere; text-decoration: none; }
.sklad-lab-url:hover { text-decoration: underline; }
.sklad-lab-img { display: flex; align-items: center; gap: 8px; outline: none; border-radius: 10px; }
.sklad-lab-img:focus-visible, .sklad-lab-img:focus-within { box-shadow: 0 0 0 2px #005bd3; }
.sklad-lab-img img { width: 56px; height: 56px; border-radius: 8px; border: 1px solid var(--s-border-inner); object-fit: cover; display: block; }
.sklad-lab-img-actions { display: flex; flex-direction: column; gap: 4px; }
.sklad-lab-img-btn { padding: 0; border: 0; background: none; font: inherit; font-size: 12px; font-weight: 600; color: var(--s-link); cursor: pointer; text-align: left; }
.sklad-lab-img-del { color: #c70a24; }
.sklad-lab-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 150px; min-height: 56px; padding: 6px 8px; border: 1px dashed #c9c9c9; border-radius: 10px; font-size: 12px; font-weight: 600; color: var(--s-text-subdued); text-align: center; cursor: pointer; }
.sklad-lab-drop small { font-size: 10.5px; font-weight: 400; line-height: 1.3; }
.sklad-lab-drop:hover { border-color: var(--s-text-strong); color: var(--s-text-strong); }
.sklad-lab-drop.is-busy { opacity: .6; cursor: progress; }
.sklad-lab-actions { display: flex; align-items: center; gap: 6px; }
.sklad-lab-del { font-size: 15px; line-height: 1; padding: 3px 8px; }
.sklad-lab-del:hover { background: #fee4e2; color: #b42318; }
.sklad-lab-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: var(--s-text-subdued); }
.sklad-lab-empty p { margin: 0; }
.sklad-lab-product { display: flex; gap: 12px; align-items: flex-start; }
.sklad-lab-product img { width: 64px; height: 64px; border-radius: 10px; border: 1px solid var(--s-border-inner); object-fit: contain; background: #f7f7f7; flex: none; }
@media (max-width: 767px) {
    .sklad-lab-row { grid-template-columns: 1fr; }
}

/* Produkty (Ondrej, 19. 9. 2026): malý PreOrder pod názvom, košík pri Nálepkách, užší Predaj. */
.sklad-product-name { display: block; }
.sklad-product-preorder-mini { display: inline-block; margin-top: 2px; padding: 0 5px; border-radius: 4px; background: #ff8a1f; color: #fff; font-size: 9.5px; font-weight: 700; line-height: 15px; letter-spacing: .02em; }
.sklad-label-cart { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-inline-end: 6px; border-radius: 8px; color: #616161; vertical-align: middle; cursor: default; }
.sklad-label-cart svg { width: 18px; height: 18px; }
.fi-ta-cell:has(.sklad-label-cart) .fi-ta-col { display: flex; align-items: center; }
.fi-ta-cell:has(.sklad-label-cart) .fi-ta-text-item { display: flex; align-items: center; }

/* Zbalené menu: číslo z položky sa ukáže ako malý krúžok v pravom hornom rohu ikony
   (Ondrej, 20. 9. 2026). Filament ho v zbalenom stave skrýva cez inline style, preto !important. */
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn {
    display: flex !important;
    position: absolute;
    top: -3px;
    inset-inline-end: -3px;
    z-index: 2;
    pointer-events: none;
}
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn .fi-badge {
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 999px;
    background: #1a1a1a !important;
    color: #fff !important;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
    box-shadow: 0 0 0 2px #e3e3e3;
}
/* Číslo presne v strede krúžku – samotné zarovnanie flexu ho nechávalo hore (Ondrej, 20. 9. 2026). */
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn .fi-badge-label-ctn,
.fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-badge-ctn .fi-badge-label {
    margin: auto !important;
    align-self: center !important;
    line-height: 1;
}

/* Produkty: označuje sa len po jednom – hlavičkový prepínač „označiť všetko“ aj odkaz
   „Vybrať všetky“ sú preč (Ondrej, 20. 9. 2026). */
.fi-resource-produkty .fi-ta-page-checkbox { display: none !important; }
.fi-resource-produkty .fi-ta-selection-indicator-actions-ctn .fi-link.fi-color-primary { display: none !important; }

/* Fotka produktu: jemné zaoblenie rohov (Ondrej, 20. 9. 2026). */
.sklad-image-cell img, .sklad-image-cell .fi-ta-image { border-radius: 6px; }

/* Mesačný spend: len tiché sivé číslo (Ondrej, 20. 9. 2026). */
.sklad-monthly-sales, .sklad-monthly-sales .fi-ta-text-item-label { color: #8a8a8a !important; font-variant-numeric: tabular-nums; }

/* Predel medzi produktom (počet, predaj) a nálepkami. */
.fi-ta-table th.sklad-labels-divider { border-left: 1px solid #d4d4d4; padding-left: 14px !important; }
/* Bunka má o 5 px menšie odsadenie, aby glyf košíka sedel pod nadpisom „Nálepky“ – ikona má 5 px
   vnútorný okraj. Posúvať samotný košík záporným okrajom sa nedá: bunka ho oreže (Ondrej, 20. 9. 2026). */
.fi-ta-table td:has(.sklad-label-cart) { border-left: 1px solid #d4d4d4; padding-left: 9px !important; }

/* Košík pri nálepkách – objednať nálepky; číslo = čaká na objednanie. */
.sklad-label-cart { position: relative; cursor: pointer; }
.sklad-label-cart:hover, .sklad-label-cart:focus-visible { background: #f1f1f1; color: #1a1a1a; outline: none; }
.sklad-label-cart.has-pending { color: #005bd3; }
.sklad-label-cart-count { position: absolute; top: -5px; right: -6px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px; background: #005bd3; color: #fff; font-size: 10px; font-weight: 700; line-height: 16px; text-align: center; font-variant-numeric: tabular-nums; }

/* ── Objednávky nálepiek (Ondrej, 19. 9. 2026) ─────────────── */
.sklad-lo { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1023px) { .sklad-lo { grid-template-columns: 1fr; } }
.sklad-lo-side, .sklad-lo-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.sklad-lo-card { padding: 16px; border: 1px solid var(--s-border); border-radius: var(--s-radius-card, 12px); background: var(--s-surface); box-shadow: var(--s-shadow-card); }
.sklad-lo-card h3 { margin: 0; font-size: 14px; font-weight: 650; color: var(--s-text-strong); display: flex; align-items: center; gap: 8px; }
.sklad-lo-card h4 { margin: 0 0 10px; font-size: 13px; font-weight: 650; color: var(--s-text-strong); }
.sklad-lo-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; width: 100%; }
.sklad-lo-toggle { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; margin-bottom: 0; }
.sklad-lo-toggle > span { font-size: 13px; font-weight: 600; color: var(--s-link); }
.sklad-lo-steps { margin: 12px 0 0; padding: 0 0 0 20px; display: flex; flex-direction: column; gap: 14px; font-size: 13px; }
.sklad-lo-steps li::marker { font-weight: 700; color: var(--s-text-strong); }
.sklad-lo-steps strong { display: block; color: var(--s-text-strong); margin-bottom: 4px; }
.sklad-lo-steps > li > span { color: var(--s-text-subdued); }
.sklad-lo-go { display: inline-flex; margin: 2px 0 8px; padding: 7px 12px; border-radius: 8px; background: #1a1a1a; color: #fff !important; font-weight: 600; text-decoration: none; }
.sklad-lo-go:hover { background: #333; }
.sklad-lo-kv { margin: 0; border: 1px solid var(--s-border-inner); border-radius: 10px; }
.sklad-lo-kv > div { display: grid; grid-template-columns: 38% 1fr; gap: 8px; padding: 7px 10px; border-top: 1px solid var(--s-border-inner); }
.sklad-lo-kv > div:first-child { border-top: 0; }
.sklad-lo-kv dt { color: var(--s-text-subdued); font-size: 12px; padding-top: 2px; }
.sklad-lo-kv dd { margin: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; color: var(--s-text-strong); font-weight: 500; }
.sklad-lo-kv dd .sklad-rf-copy { padding: 1px 7px; font-size: 11px; }
.sklad-lo-promo { padding: 0 6px; border-radius: 4px; background: #ffe1c2; font-weight: 700; }
.sklad-lo-printer { margin: 10px 0 0; font-size: 13px; line-height: 1.6; }
.sklad-lo-size { margin-bottom: 12px; border: 1px solid var(--s-border-inner); border-radius: 12px; overflow: hidden; }
.sklad-lo-size-head { display: flex; align-items: center; gap: 10px; padding: 9px 12px; background: #f7f7f7; font-size: 13px; color: var(--s-text-strong); cursor: pointer; }
.sklad-lo-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; gap: 12px; align-items: center; padding: 9px 12px; border-top: 1px solid var(--s-border-inner); font-size: 13px; }
.sklad-lo-item-main { min-width: 0; }
.sklad-lo-qty { display: inline-flex; align-items: center; gap: 4px; }
.sklad-lo-qty input { width: 76px; padding: 5px 8px; border: 1px solid var(--s-border-input); border-radius: 8px; font: inherit; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; background: var(--s-surface); color: var(--s-text-strong); }
.sklad-lo-qty span { color: var(--s-text-subdued); }
.sklad-lo-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--s-border-inner); display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.sklad-lo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; }
.sklad-lo-grid label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--s-text-strong); }
.sklad-lo-grid input, .sklad-lo-grid textarea { padding: 8px 10px; border: 1px solid var(--s-border-input); border-radius: 8px; font: inherit; font-size: 13px; font-weight: 400; background: var(--s-surface); color: var(--s-text-strong); }
.sklad-lo-span { grid-column: 1 / -1; }
.sklad-lo-order { padding: 12px; border: 1px solid var(--s-border-inner); border-radius: 12px; margin-bottom: 10px; }
.sklad-lo-order.is-late { border-color: #f5b5ad; background: #fff8f7; }
.sklad-lo-order.is-done { background: #fafafa; }
.sklad-lo-order-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.sklad-lo-order-head > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; color: var(--s-text-strong); }
.sklad-lo-order-head .sklad-rf-sub { flex-basis: 100%; }
.sklad-lo-order-items { margin: 10px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--s-border-inner); }
.sklad-lo-order-items li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid var(--s-border-inner); font-size: 13px; }
.sklad-lo-note { margin: 10px 0 0; padding: 8px 10px; border-radius: 8px; background: #f7f7f7; font-size: 13px; }

.sklad-lo-copyval { width: 100%; padding: 2px 6px; margin: -2px -6px; border: 0; border-radius: 6px; background: none; font: inherit; font-weight: 500; color: var(--s-text-strong); text-align: left; cursor: copy; overflow-wrap: anywhere; }
.sklad-lo-copyval:hover, .sklad-lo-copyval:focus-visible { background: #f1f1f1; outline: none; }
.sklad-lo-copyval.sklad-lo-promo { width: auto; margin: 0; background: #ffe1c2; font-weight: 700; }
.sklad-lo-copied { color: #0c5132; font-weight: 600; }

/* Ako objednať: bez odsadenia zoznamu, užší stĺpec názvov – e-mail sa zmestí na jeden riadok. */
.sklad-lo-steps { padding-left: 0; list-style: none; }
.sklad-lo-kv > div { grid-template-columns: 92px minmax(0, 1fr); }
.sklad-lo-copyval { white-space: nowrap; overflow-wrap: normal; }
.sklad-lo { grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); }

/* Počet kusov v „Treba objednať“ bez šípok hore/dole. */
.sklad-lo-qty input { -moz-appearance: textfield; appearance: textfield; }
.sklad-lo-qty input::-webkit-outer-spin-button, .sklad-lo-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.sklad-lo-sub { margin: 4px 0 6px; font-size: 12px; font-weight: 650; color: var(--s-text-strong); }
.sklad-lo-copyval.sklad-lo-wrap { white-space: normal; }
.sklad-lo-steps strong.sklad-lo-sub { display: block; margin: 14px 0 4px; font-size: inherit; font-weight: 700; color: var(--s-text-strong); }
/* Širší ľavý stĺpec – parametre aj adresa na jednom riadku. */
.sklad-lo { grid-template-columns: minmax(360px, 460px) minmax(0, 1fr); }
/* Ľavý stĺpec len taký široký, ako treba (najdlhší údaj na jednom riadku). */
.sklad-lo { grid-template-columns: max-content minmax(0, 1fr); }
.sklad-lo-side { max-width: 460px; }
@media (max-width: 1023px) { .sklad-lo { grid-template-columns: 1fr; } .sklad-lo-side { max-width: none; } }
.sklad-lo-kv > div { grid-template-columns: 92px auto; }
.sklad-lo-copyval { width: auto; min-width: 100%; }

.sklad-lo-order-head > .sklad-lab-actions { flex: none; flex-wrap: wrap; justify-content: flex-end; }
.sklad-lo-order-head > div:first-child { min-width: 0; flex: 1 1 auto; }
.sklad-lo-copyval.sklad-lo-promo { min-width: 0; width: auto; }
.sklad-lo-kv > div { grid-template-columns: 112px auto; }
.sklad-lo-kv dt { white-space: nowrap; }

/* Poznámka zákazníka ako prvý komentár – odlíšená, nedá sa zmazať (Ondrej, 20. 9. 2026). */
.sklad-comment-cust { background: #fff8e8; border-radius: 10px; padding: 10px 12px; }
.sklad-comment-cust .sklad-comment-avatar { background: #ffd79a; color: #7a4a00; }
.sklad-comment-cust .sklad-comment-type { background: #ffe1c2; color: #7a4a00; }
.sklad-notes-item-cust { background: #fff8e8; border-radius: 8px; padding: 8px 10px; }
.sklad-notes-item-cust .sklad-notes-head b { color: #7a4a00; }
.sklad-comment-translate { margin-top: 8px; padding: 0; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 600; color: var(--s-link); cursor: pointer; }
.sklad-comment-translate:hover { text-decoration: underline; }
.sklad-comment-translate:disabled { opacity: .6; cursor: default; text-decoration: none; }

/* Upozornenie na novú objednávku: tlačidlo na prehľad objednávok toho e-shopu (Ondrej, 20. 9. 2026). */
.sklad-noti-btn {
    /* Malé tlačidlo na vlastnom riadku – veľké prekrývalo meno zákazníka (Ondrej, 20. 9. 2026). */
    display: flex;
    width: fit-content;
    align-items: center;
    margin-top: 8px;
    padding: 4px 9px;
    border-radius: 6px;
    background: #1a1a1a;
    color: #fff !important;
    font-size: 11.5px;
    line-height: 1.4;
    font-weight: 600;
    text-decoration: none;
}
.sklad-noti-btn:hover { background: #333; }

/* Upozornenie na novú objednávku: malé logo e-shopu pred nadpisom. */
/* Popisok notifikácie o 30 % menší (14 → 10 px), nadpis ostáva (Ondrej, 21. 9. 2026). */
.fi-no-notification-body { font-size: 10px !important; line-height: 14px !important; }

.fi-no-notification-title img { display: inline-block; width: 18px; height: 18px; margin: -2px 7px 0 0; border-radius: 5px; vertical-align: middle; }

/* ── Crypto platby (Ondrej, 19. 9. 2026) ─────────────── */
.sklad-cp { display: flex; flex-direction: column; gap: 16px; }
.sklad-cp-table { display: flex; flex-direction: column; overflow-x: auto; }
.sklad-cp-row { display: grid; grid-template-columns: 80px 80px minmax(160px, 1fr) 90px 110px minmax(220px, 1.6fr) minmax(200px, 1.2fr) 250px; gap: 12px; align-items: center; padding: 10px 4px; border-top: 1px solid var(--s-border-inner); font-size: 13px; color: var(--s-text-strong); min-width: 1150px; }
.sklad-cp-headrow { border-top: 0; padding-top: 0; font-size: 12px; font-weight: 600; color: var(--s-text-subdued); }
.sklad-cp-num { text-align: right; font-variant-numeric: tabular-nums; }
.sklad-cp-cust { min-width: 0; }
.sklad-cp-hash { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; }
.sklad-cp-hash a { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; color: var(--s-link); text-decoration: none; }
.sklad-cp-hash a:hover { text-decoration: underline; }
.sklad-cp-act { text-align: right; }

.sklad-cp-hash a { overflow-wrap: anywhere; }
.sklad-cp-pill { display: inline-block; padding: 1px 8px; border-radius: 999px; background: #eef2ff; color: #3730a3; font-size: 12px; font-weight: 600; white-space: nowrap; }
.sklad-cp-addr .sklad-lo-copyval { white-space: normal; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11.5px; }
.sklad-cp-act { display: flex; gap: 6px; justify-content: flex-end; align-items: center; }

/* Stĺpec Nálepky zarovno s nadpisom „Nálepky“ (košík začína tam, kde text hlavičky). */
.fi-ta-cell.fi-ta-cell-labels-ready .fi-ta-text { padding-inline-start: 0; }

/* Biely loader na tmavých tlačidlách (namiesto tmavomodrého). */
.fi-btn.fi-color-primary:not(.fi-outlined) .fi-loading-indicator,
.fi-btn.fi-color-primary:not(.fi-outlined) svg.animate-spin,
.sklad-rf-paid-btn .fi-loading-indicator { color: #fff !important; }
.fi-btn.fi-color-primary:not(.fi-outlined) .fi-icon { color: #fff !important; }
.sklad-cp-wrong { color: #b42318; border-color: #f5b5ad; }
.sklad-cp-wrong:hover { background: #fee4e2; }

/* „Spočítať s AI“ v okne počtu kusov. */
.sklad-ai-count-btn { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 1px dashed #b4b4b4; border-radius: 12px; background: linear-gradient(135deg, #f6f3ff, #eef6ff); font: inherit; text-align: left; cursor: pointer; color: var(--s-text-strong); }
.sklad-ai-count-btn:hover { border-color: #6d5bd0; }
.sklad-ai-count-btn svg { width: 28px; height: 28px; flex: none; color: #6d5bd0; }
.sklad-ai-count-btn span { display: flex; flex-direction: column; }
.sklad-ai-count-btn strong { font-size: 14px; }
.sklad-ai-count-btn small { font-size: 12px; color: var(--s-text-subdued); }

/* ══ Telefón do 767 px: celý sklad do ruky (Ondrej, 20. 9. 2026) ══════════════
   Tabuľky sa skladajú do kariet (žiadne posúvanie do strán), ovládanie má 44 px,
   vstupy 16 px (iOS inak pri kliknutí priblíži stránku) a okná sú ako spodné plachty. */
@media (max-width: 767px) {
    html, body { overflow-x: hidden; }

    /* Odsadenia stránky a dýchací priestor pod obsahom (gesto domov na iPhone). */
    .fi-main { padding-inline: 12px !important; }
    .fi-main-ctn { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }

    /* Vstupy: 16 px = bez priblíženia pri kliknutí. */
    .fi-input, .fi-select-input, .fi-ta-search-field input, input[type="text"], input[type="search"],
    input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="date"],
    select, textarea { font-size: 16px !important; }

    /* Pohodlné ovládanie. */
    .fi-btn { min-height: 44px; }
    .fi-btn.fi-size-sm { min-height: 40px; }
    .fi-dropdown-list-item { min-height: 44px; }
    .fi-ta-header-cell, .fi-ta-cell { -webkit-tap-highlight-color: transparent; }

    /* Záložky sa posúvajú do strany namiesto lámania do viacerých riadkov. */
    .sklad-tabs, .fi-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .sklad-tabs::-webkit-scrollbar, .fi-tabs::-webkit-scrollbar { display: none; }
    .sklad-tab, .fi-tabs-item { white-space: nowrap; flex: none; }

    /* Hlavička tabuľky (hľadanie, filtre) pod sebou, hľadanie na celú šírku. */
    .fi-ta-header-ctn { padding: 10px 12px; }
    .fi-ta-header-toolbar { flex-wrap: wrap; gap: 8px; }
    .fi-ta-search-field { flex: 1 1 100%; max-width: none; }

    /* Stĺpce označené ->visibleFrom('md') musia ostať skryté aj v karte. */
    .fi-ta-cell[class*="fi-visible"], .fi-ta-header-cell[class*="fi-visible"] { display: none !important; }

    /* ── Riadok tabuľky ako karta ─────────────────────────────────────────── */
    /* Platí pre všetky tabuľky v aplikácii: hlavička sa skryje a z riadku je karta,
       takže sa nikde neposúva do strán. */
    .fi-main .fi-ta-table { display: block; width: 100%; min-width: 0 !important; table-layout: auto; }
    .fi-main .fi-ta-table > thead { display: none; }
    .fi-main .fi-ta-table > tbody { display: block; }
    .fi-main .fi-ta-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 10px;
        padding: 12px;
        border-top: 1px solid var(--s-border-inner);
    }
    .fi-main .fi-ta-table > tbody > .fi-ta-row:first-child { border-top: 0; }
    .fi-main .fi-ta-cell {
        display: block;
        min-width: 0;
        /* Šírky stĺpcov (->width('1%')) prichádzajú ako inline štýl – v karte by bunku zrazili na nulu. */
        width: auto !important;
        padding: 0 !important;
        border: 0 !important;
    }
    /* Hromadné označovanie na telefóne nemá zmysel. */
    .fi-main .fi-ta-selection-cell { display: none !important; }

    /* Objednávky: číslo + stav, zákazník + suma, zásielka + Detail. */
    .fi-resource-orders .fi-ta-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 10px; padding: 12px 14px; }
    .fi-resource-orders .fi-ta-cell-number { grid-area: 1 / 1; font-size: 15px; }
    .fi-resource-orders .fi-ta-cell-status { grid-area: 1 / 2; justify-self: end; }
    .fi-resource-orders .fi-ta-cell-customer-name { grid-area: 2 / 1; }
    .fi-resource-orders .fi-ta-cell-total { grid-area: 2 / 2; justify-self: end; font-variant-numeric: tabular-nums; }
    .fi-resource-orders .fi-ta-cell-shipment-state { grid-area: 3 / 1; }
    .fi-resource-orders .fi-ta-row > .fi-ta-cell:last-child { grid-area: 3 / 2; justify-self: end; }

    /* Produkty: fotka + názov, pod tým počet kusov a nálepky vedľa seba; keď sa nezmestia,
       zalomia sa na ďalší riadok. */
    .fi-resource-produkty .fi-ta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 12px; }
    .fi-resource-produkty .fi-ta-cell { overflow: visible; }
    .fi-resource-produkty .fi-ta-cell-image-url { order: 1; flex: 0 0 40px; }
    .fi-resource-produkty .fi-ta-cell-name { order: 2; flex: 1 1 calc(100% - 52px); min-width: 0; }
    .fi-resource-produkty .fi-ta-cell-name .sklad-product-name { white-space: normal; }
    .fi-resource-produkty .fi-ta-cell-stock-quantity { order: 3; flex: 0 0 auto; margin-inline-start: 50px; }
    .fi-resource-produkty .fi-ta-cell-labels-ready { order: 4; flex: 0 0 auto; }
    .fi-resource-produkty .fi-ta-cell-labels-ready .fi-ta-text { padding-inline-start: 0; }
    .fi-resource-produkty .sklad-stock { min-width: 88px; padding: 7px 9px; }

    /* Laboratórne testy: názov na riadok, pod ním certifikát, dátum, počet a odkaz. */
    .fi-resource-laboratorne-testy .fi-ta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 12px; }
    .fi-resource-laboratorne-testy .fi-ta-cell-name { flex: 1 1 100%; }
    .fi-resource-laboratorne-testy .fi-ta-cell-id { margin-inline-start: auto; }

    /* Refundy: objednávka + suma, zákazník, spôsob, stav a dátum. */
    .fi-resource-refundy .fi-ta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 12px; }
    .fi-resource-refundy .fi-ta-cell-order-number { order: 1; flex: 1 1 auto; font-size: 15px; }
    .fi-resource-refundy .fi-ta-cell-amount { order: 2; flex: 0 0 auto; margin-inline-start: auto; font-variant-numeric: tabular-nums; }
    .fi-resource-refundy .fi-ta-cell-customer-name { order: 3; flex: 1 1 100%; }
    .fi-resource-refundy .fi-ta-cell-method { order: 4; flex: 1 1 100%; }
    .fi-resource-refundy .fi-ta-cell-status { order: 5; flex: 0 0 auto; }
    .fi-resource-refundy .fi-ta-cell-created-at, .fi-resource-refundy .fi-ta-cell-paid-at { order: 6; flex: 0 0 auto; margin-inline-start: auto; text-align: end; }

    /* Okná: na celú šírku telefónu, tlačidlá pod sebou a palec dosiahne aj to spodné. */
    .fi-modal-window { max-width: 100% !important; }
    .fi-modal-footer-actions { flex-direction: column-reverse; }
    .fi-modal-footer-actions .fi-btn { width: 100%; }
    .fi-modal-content, .fi-modal-footer { padding-bottom: calc(10px + env(safe-area-inset-bottom)); }

    /* Položky objednávky: názov na celý riadok, pod ním cena × počet a suma. */
    .sklad-fulfil-item { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 6px 10px; padding: 10px; }
    .sklad-fulfil-thumb { grid-area: 1 / 1 / span 2 / auto; width: 44px; height: 44px; align-self: start; }
    .sklad-fulfil-name { grid-area: 1 / 2 / auto / span 2; }
    .sklad-fulfil-qty { grid-area: 2 / 2; }
    .sklad-fulfil-total { grid-area: 2 / 3; min-width: 0; }
    .sklad-fulfil-links { margin-inline-start: 0; flex-wrap: wrap; }
    .sklad-fulfil-ship { flex-wrap: wrap; gap: 8px; }

    /* Detail objednávky a ostatné dvojstĺpcové rozloženia na jeden stĺpec. */
    .sklad-order-grid, .sklad-two-col, .sklad-lo, .sklad-lab-row, .sklad-pv { grid-template-columns: 1fr !important; }

    /* Objednávky nálepiek: údaje sa zalomia, nič sa neoreže. */
    .sklad-lo-kv > div { grid-template-columns: 96px minmax(0, 1fr); }
    .sklad-lo-copyval { white-space: normal; min-width: 0; overflow-wrap: anywhere; }
    .sklad-lo-item { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }

    /* Crypto platby: jedna objednávka = blok pod sebou, nie široká mriežka. */
    .sklad-cp-table { overflow-x: visible; }
    .sklad-cp-row { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; padding: 12px 4px; }
    .sklad-cp-headrow { display: none; }
    .sklad-cp-num { text-align: start; }
    .sklad-cp-hash, .sklad-cp-addr, .sklad-cp-cust { width: 100%; }
    .sklad-cp-act { width: 100%; flex-wrap: wrap; justify-content: flex-start; margin-top: 6px; }
    .sklad-cp-act .fi-btn { min-height: 40px; }

    /* Horná lišta: prepínač e-shopu a hľadanie si nemajú čo brať priestor. */
    .fi-topbar .sklad-switcher-name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}


/* ── Sledovanie zásielky na detaile objednávky (Ondrej, 20. 9. 2026) ─────────
   Zrkadlo boxu „Order tracking“ z e-shopu, len v pokojnom Shopify vzhľade. */
.sklad-track { display: flex; flex-direction: column; gap: 12px; }
.sklad-track-note { margin: 0; font-size: 12.5px; color: var(--s-text-subdued); }
.sklad-track-field { display: flex; flex-direction: column; gap: 4px; }
.sklad-track-field > span { font-size: 12px; font-weight: 600; color: var(--s-text-strong); }
.sklad-track-field input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--s-border-input);
    border-radius: 8px;
    background: var(--s-surface);
    color: var(--s-text-strong);
    font: inherit;
    font-size: 13px;
}
.sklad-track-field input:focus { outline: 2px solid rgba(0, 91, 211, .25); outline-offset: -1px; border-color: var(--s-link); }
.sklad-track-field input:disabled { background: #f7f7f7; color: var(--s-text-subdued); }
.sklad-track-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sklad-track-save {
    padding: 8px 14px;
    border: 1px solid #1a1a1a;
    border-radius: 8px;
    background: #1a1a1a;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.sklad-track-save:hover { background: #333; }
.sklad-track-save:disabled { opacity: .6; cursor: default; }
.sklad-track-open { font-size: 13px; font-weight: 600; color: var(--s-link); text-decoration: none; }
.sklad-track-open:hover { text-decoration: underline; }