@import '_content/Helpers/Helpers.84zu0uzgqk.bundle.scp.css';

/* /Administrace/RoleEdit.razor.rz.scp.css */
.module-checks[b-9ibunygmba] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.layout-root[b-uaq9ag1qqo] {
    height: 100%;
}

/* třídy na Radzen komponentách nedostanou scope atribut CSS izolace,
   proto se na ně míří přes scopovaný .layout-root ::deep */
.layout-root[b-uaq9ag1qqo]  .header-actions {
    margin-right: 15px;
}

.layout-root[b-uaq9ag1qqo]  .theme-dd {
    width: 170px;
}

.layout-root[b-uaq9ag1qqo]  .lang-dd {
    width: 150px;
}

/* podklad pod rozbaleným menu — viditelný jen na mobilu */
.sidebar-backdrop[b-uaq9ag1qqo] {
    display: none;
}

@media (max-width: 768px) {
    .layout-root[b-uaq9ag1qqo]  .header-actions {
        margin-right: 8px;
    }

    /* dropdowny v hlavičce jen s ikonou (swatch / vlajka), text až v rozbalené nabídce */
    .layout-root[b-uaq9ag1qqo]  .theme-dd,
    .layout-root[b-uaq9ag1qqo]  .lang-dd {
        width: 3rem;
    }

    .layout-root[b-uaq9ag1qqo]  .dd-text {
        display: none;
    }

    /* bez šipky a bez místa pro ni — jinak label přeteče a ukazuje ellipsis */
    .layout-root[b-uaq9ag1qqo]  .theme-dd .rz-dropdown-trigger,
    .layout-root[b-uaq9ag1qqo]  .lang-dd .rz-dropdown-trigger {
        display: none;
    }

    .layout-root[b-uaq9ag1qqo]  .theme-dd .rz-dropdown-label,
    .layout-root[b-uaq9ag1qqo]  .lang-dd .rz-dropdown-label {
        display: flex;
        align-items: center;
        justify-content: center;
        text-overflow: clip;
        padding-inline: 0;
    }

    /* margin-right ikon dělá místo na text (themes.css), tady žádný text není */
    .layout-root[b-uaq9ag1qqo]  .theme-dd .theme-swatch,
    .layout-root[b-uaq9ag1qqo]  .lang-dd .lang-flag {
        margin-right: 0;
    }

    /* šířku rozbaleného panelu řeší globální pravidlo v app.css — Radzen JS
       přesouvá panel při otevření do document.body, kam CSS izolace nedosáhne,
       a inline šířku podle triggeru přebije jen !important */

    /* statické stránky nemají okruh — toggle nefunguje a rozbalený sidebar
       by na mobilu neodstranitelně překrýval obsah */
    .layout-root.static-ssr[b-uaq9ag1qqo]  .rz-sidebar {
        display: none;
    }

    /* sidebar překrývá obsah místo jeho odsunutí (v gridu by mu nechal ~100 px) */
    .layout-root[b-uaq9ag1qqo]  .rz-sidebar {
        position: fixed;
        top: var(--rz-header-min-height, 3.125rem);
        bottom: 0;
        inset-inline-start: 0;
        z-index: 1002;
    }

    .layout-root[b-uaq9ag1qqo]  .rz-sidebar.rz-sidebar-expanded {
        width: min(280px, 85vw);
        box-shadow: var(--rz-shadow-4, 0 8px 24px rgba(0, 0, 0, 0.35));
    }

    .sidebar-backdrop[b-uaq9ag1qqo] {
        display: block;
        position: fixed;
        inset: 0;
        top: var(--rz-header-min-height, 3.125rem);
        background: rgba(0, 0, 0, 0.5);
        z-index: 1001;
        -webkit-tap-highlight-color: transparent;
    }
}

#blazor-error-ui[b-uaq9ag1qqo] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-uaq9ag1qqo] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Layout/NavMenu.razor.rz.scp.css */
/* min-height místo pevné výšky: krátké menu drží účet u spodního okraje
   sidebaru, dlouhé menu nechá scrollovat samotný .rz-sidebar (má overflow) */
.nav-wrapper[b-tto0qzxhi6] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.nav-wrapper[b-tto0qzxhi6]  .main-menu {
    flex-grow: 1;
}

@media (max-width: 768px) {
    /* větší dotykové plochy položek menu */
    .nav-wrapper[b-tto0qzxhi6]  .rz-navigation-item-link {
        padding-block: 0.875rem;
    }
}
/* /View/Dochazka/Components/EmployeeAvatar.razor.rz.scp.css */
.employee-avatar[b-julaeyf2c3] {
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.employee-avatar-fallback[b-julaeyf2c3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-text-disabled-color);
}

.employee-avatar-fallback[b-julaeyf2c3]  .rzi {
    line-height: 1;
}
/* /View/Dochazka/Components/EmployeeDetailDialog.razor.rz.scp.css */
/* Souhrnný pás statistik — jedna řádka místo čtyř velkých karet */
.summary-bar[b-jeia5j84cu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    padding: 0.5rem 1rem;
}

.summary-item[b-jeia5j84cu] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Kompaktní tabulka denních záznamů */
.compact-grid[b-jeia5j84cu]  .rz-grid-table td {
    padding: 0.2rem 0.5rem;
}

.compact-grid[b-jeia5j84cu]  .rz-grid-table th {
    padding: 0.35rem 0.5rem;
}
/* /View/Dochazka/Dochazka.razor.rz.scp.css */
.digital-clock[b-cvuvk132sz] {
    text-align: center;
    padding: 20px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    border-radius: 10px;
    color: #00ff41;
    font-family: 'Courier New', monospace;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.time-display[b-cvuvk132sz] {
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 0 0 10px #00ff41;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.date-display[b-cvuvk132sz] {
    font-size: 1.2rem;
    opacity: 0.8;
    text-transform: capitalize;
}

@media (max-width: 768px) {
    .time-display[b-cvuvk132sz] {
        font-size: 2rem;
    }
    .date-display[b-cvuvk132sz] {
        font-size: 1rem;
    }
}
/* /View/Dochazka/DochazkaList.razor.rz.scp.css */
/* Kompaktní statistické karty nahoře */
.compact-stats[b-eo0ku3nhx8]  .rz-card {
    padding: 0.5rem 0.875rem;
}

.compact-stats[b-eo0ku3nhx8]  .rz-text-h4 {
    font-size: 1.25rem;
    margin: 0;
}

/* Kompaktní tabulka zaměstnanců */
.compact-grid[b-eo0ku3nhx8]  .rz-grid-table td {
    padding: 0.2rem 0.5rem;
}

.compact-grid[b-eo0ku3nhx8]  .rz-grid-table th {
    padding: 0.35rem 0.5rem;
}

.compact-grid[b-eo0ku3nhx8]  .rz-grid-table td .rz-cell-data {
    line-height: 1.3;
}
/* /View/Dochazka/DochazkaReport.razor.rz.scp.css */
.report[b-f7h10wn61p] {
    max-width: 21cm;
    margin: 0 auto;
    padding: 1cm 0.5cm;
    font-family: Arial, sans-serif;
    font-size: 9.5pt;
    color: #000;
    background: #fff;
}

.report h1[b-f7h10wn61p] {
    font-size: 14pt;
    margin: 0 0 0.3rem 0;
}

.report-header[b-f7h10wn61p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.report-header-left[b-f7h10wn61p] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
}

.report-photo[b-f7h10wn61p] {
    width: 2.6cm;
    height: 2.6cm;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #999;
}

.report-employee-name[b-f7h10wn61p] {
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.report-header-right[b-f7h10wn61p] {
    text-align: right;
}

.report-company-label[b-f7h10wn61p] {
    font-size: 8pt;
    text-transform: uppercase;
    color: #555;
}

.report-company-name[b-f7h10wn61p] {
    font-weight: bold;
}

.report-table[b-f7h10wn61p] {
    width: 100%;
    border-collapse: collapse;
}

.report-table th[b-f7h10wn61p],
.report-table td[b-f7h10wn61p] {
    border: 1px solid #999;
    padding: 1.5px 5px;
    text-align: left;
    vertical-align: top;
}

.report-table th[b-f7h10wn61p] {
    background: #e8e8e8;
    font-size: 8.5pt;
    text-transform: uppercase;
}

.report-table .col-date[b-f7h10wn61p] {
    width: 2cm;
    white-space: nowrap;
}

.report-table .col-day[b-f7h10wn61p] {
    width: 1cm;
}

.report-table .col-time[b-f7h10wn61p] {
    width: 1.6cm;
    text-align: center;
}

.report-table tr.weekend td[b-f7h10wn61p] {
    background: #f0f0f0;
}

.report-summary[b-f7h10wn61p] {
    margin-top: 0.8rem;
    width: 8cm;
    margin-left: auto;
}

.report-summary-row[b-f7h10wn61p] {
    display: flex;
    justify-content: space-between;
    padding: 1px 0;
}

.report-summary-total[b-f7h10wn61p] {
    font-weight: bold;
    border-bottom: 1px solid #999;
    margin-bottom: 0.2rem;
}

.report-signatures[b-f7h10wn61p] {
    page-break-inside: avoid;
}

.report-signature-place[b-f7h10wn61p] {
    margin-bottom: 1.5cm;
}

.report-signature-boxes[b-f7h10wn61p] {
    display: flex;
    justify-content: space-between;
    gap: 2cm;
}

.report-signature-box[b-f7h10wn61p] {
    flex: 1;
    text-align: center;
}

.report-signature-line[b-f7h10wn61p] {
    border-bottom: 1px solid #000;
    margin-bottom: 0.2rem;
    height: 1.2cm;
}

@media print {
    .report[b-f7h10wn61p] {
        padding: 0;
    }

    .report-table tr[b-f7h10wn61p] {
        page-break-inside: avoid;
    }

    .report-table th[b-f7h10wn61p],
    .report-table tr.weekend td[b-f7h10wn61p] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}
/* /View/Faktura/Faktura.razor.rz.scp.css */
/* /View/Faktura/FakturaDetail.razor.rz.scp.css */
/* ================================================
   FAKTURA DETAIL — scoped CSS, stejný design jako PokladnaDetail
   (Radzen CSS vars pro dark mode)
   ================================================ */

.fd-page[b-4r54m4crdw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Card ───────────────────────────────────────── */
.fd-card[b-4r54m4crdw] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* ── Hlavní dvousloupcový layout ────────────────── */
.fd-main[b-4r54m4crdw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 10px;
    align-items: start;
}

@media (max-width: 1100px) { .fd-main[b-4r54m4crdw] { grid-template-columns: 1fr; } }

.fd-main__left[b-4r54m4crdw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.fd-main__right[b-4r54m4crdw] { min-width: 0; }

/* ── Buttons (hlavička) ─────────────────────────── */
.fd-btn[b-4r54m4crdw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s, background .15s;
}

.fd-btn:hover[b-4r54m4crdw] { opacity: .85; }

.fd-btn .rzi[b-4r54m4crdw] { font-size: 16px; line-height: 1; }

.fd-btn--primary[b-4r54m4crdw] {
    background: var(--rz-primary);
    color: #fff;
}

.fd-btn--ghost[b-4r54m4crdw] {
    background: var(--rz-base-hover-background-color);
    color: var(--rz-text-color);
    border-color: var(--rz-border-color);
}

.fd-btn--icon[b-4r54m4crdw] { padding: 8px; }

/* ── Alert ──────────────────────────────────────── */
.fd-alert[b-4r54m4crdw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    flex-wrap: wrap;
}

.fd-alert--danger[b-4r54m4crdw] { border-left: 4px solid var(--rz-danger); }

.fd-alert__icon[b-4r54m4crdw] { font-size: 16px; }
.fd-alert__text[b-4r54m4crdw] { font-size: 13px; font-weight: 600; color: var(--rz-text-color); }
.fd-alert__sub[b-4r54m4crdw] { font-size: 11.5px; color: var(--rz-text-secondary-color); }

/* ── Hero ───────────────────────────────────────── */
.fd-hero[b-4r54m4crdw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
}

.fd-hero__left[b-4r54m4crdw] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.fd-hero__icon[b-4r54m4crdw] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.fd-hero__meta[b-4r54m4crdw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.fd-hero__number[b-4r54m4crdw] {
    font-size: 17px;
    font-weight: 700;
    color: var(--rz-text-color);
    font-family: monospace;
}

.fd-hero__sub[b-4r54m4crdw] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    margin-top: 2px;
}

.fd-hero__right[b-4r54m4crdw] { text-align: right; }

.fd-hero__total[b-4r54m4crdw] {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1;
}

/* ── Info karty (zákazník / termíny / údaje) ────── */
.fd-info-grid[b-4r54m4crdw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 900px) { .fd-info-grid[b-4r54m4crdw] { grid-template-columns: 1fr; } }

.fd-customer__name[b-4r54m4crdw] {
    font-size: 14px;
    font-weight: 700;
    color: var(--rz-text-color);
}

.fd-customer__address[b-4r54m4crdw] {
    font-size: 12.5px;
    color: var(--rz-text-color);
    margin-top: 4px;
}

.fd-customer__ids[b-4r54m4crdw] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2px 10px;
    margin-top: 8px;
    align-items: baseline;
}

/* ── Řádky štítek/hodnota ───────────────────────── */
.fd-row[b-4r54m4crdw] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    padding: 3px 0;
}

.fd-row__label[b-4r54m4crdw] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.fd-row__value[b-4r54m4crdw] {
    font-size: 12.5px;
    color: var(--rz-text-color);
    text-align: right;
}

/* ── Tabulka položek ────────────────────────────── */
.fd-table-wrap[b-4r54m4crdw] { overflow-x: auto; }

.fd-table[b-4r54m4crdw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--rz-text-color);
}

.fd-table thead[b-4r54m4crdw] {
    background: var(--rz-base-hover-background-color);
}

.fd-table th[b-4r54m4crdw] {
    padding: 7px 10px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
    text-align: left;
}

.fd-table td[b-4r54m4crdw] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--rz-border-color);
    vertical-align: middle;
}

.fd-right[b-4r54m4crdw] { text-align: right !important; }
.fd-bold[b-4r54m4crdw] { font-weight: 600; }
.fd-muted[b-4r54m4crdw] { color: var(--rz-text-secondary-color); }
.fd-mono[b-4r54m4crdw] { font-family: monospace; font-size: 12px; }

/* ── Patička tabulky se součty ──────────────────── */
.fd-tfoot[b-4r54m4crdw] {
    background: var(--rz-base-hover-background-color);
}

.fd-tfoot td[b-4r54m4crdw] {
    border-bottom: none;
    font-size: 12px;
}

.fd-tfoot__label[b-4r54m4crdw] {
    font-weight: 700;
    color: var(--rz-text-color);
    margin-left: 12px;
}

.fd-tfoot__total[b-4r54m4crdw] {
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Pill ───────────────────────────────────────── */
.fd-pill[b-4r54m4crdw] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .04em;
}

/* ── Sekce ──────────────────────────────────────── */
.fd-section[b-4r54m4crdw] { padding: 10px 12px; }

.fd-section__header[b-4r54m4crdw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.fd-section__title[b-4r54m4crdw] {
    font-size: 12px;
    font-weight: 700;
    color: var(--rz-text-color);
    letter-spacing: .05em;
}

.fd-section__sub[b-4r54m4crdw] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
}

.fd-section__actions[b-4r54m4crdw] {
    display: flex;
    gap: 4px;
}

/* ── Události ───────────────────────────────────── */
.fd-event-row[b-4r54m4crdw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px;
    border-bottom: 1px solid var(--rz-border-color);
    font-size: 12.5px;
    flex-wrap: wrap;
}

.fd-event-row:last-child[b-4r54m4crdw] { border-bottom: none; }

.fd-event-row__icon[b-4r54m4crdw] { font-size: 14px; }

.fd-event-row__label[b-4r54m4crdw] {
    font-weight: 600;
    color: var(--rz-text-color);
}

.fd-event-row__ref[b-4r54m4crdw] {
    color: var(--rz-primary);
    font-weight: 500;
    text-decoration: none;
}

.fd-event-row__ref:hover[b-4r54m4crdw] { text-decoration: underline; }

.fd-event-row__amount[b-4r54m4crdw] {
    margin-left: auto;
    font-weight: 700;
    white-space: nowrap;
}

.fd-event-row__amount--pos[b-4r54m4crdw] { color: #10b981; }
.fd-event-row__amount--neg[b-4r54m4crdw] { color: #ef4444; }

/* ── Icon button ────────────────────────────────── */
.fd-icon-btn[b-4r54m4crdw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-card-background-color);
    color: var(--rz-text-color);
    width: 28px;
    height: 28px;
    padding: 0;
    cursor: pointer;
    transition: background .15s;
}

.fd-icon-btn:hover[b-4r54m4crdw] { background: var(--rz-base-hover-background-color); }

.fd-icon-btn .rzi[b-4r54m4crdw] { font-size: 16px; line-height: 1; }

/* ── Náhled faktury ─────────────────────────────── */
.fd-preview[b-4r54m4crdw] {
    overflow-x: auto;
    display: flex;
    justify-content: center;
    padding: 10px;
    background: var(--rz-base-background-color);
    border-radius: 6px;
    cursor: pointer;
}

/* Zmenšenina A4 (21 cm) — "papír" je vždy světlý, i v dark mode */
.fd-preview__paper[b-4r54m4crdw] {
    width: 100%;
    background: #fff;
    color: #212529;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    zoom: .45;
}

@media (max-width: 1100px) { .fd-preview__paper[b-4r54m4crdw] { zoom: .8; } }
/* /View/Faktura/FakturaList.razor.rz.scp.css */
/* ================================================
   FAKTURY — scoped CSS, stejný design jako SkladList/PokladnaList
   (Radzen CSS vars pro dark mode)
   ================================================ */

.fl-page[b-oip0axpw1o] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

/* ── Card ───────────────────────────────────────── */
.fl-card[b-oip0axpw1o] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.fl-card--pad[b-oip0axpw1o] {
    padding: 12px;
}

/* ── KPI dlaždice ───────────────────────────────── */
.fl-kpi-grid[b-oip0axpw1o] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

@media (max-width: 900px) { .fl-kpi-grid[b-oip0axpw1o] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .fl-kpi-grid[b-oip0axpw1o] { grid-template-columns: 1fr; } }

.fl-kpi[b-oip0axpw1o] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
}

.fl-kpi__top[b-oip0axpw1o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
    flex: 1;
}

.fl-kpi__label[b-oip0axpw1o] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--rz-text-secondary-color);
    margin-bottom: 4px;
}

.fl-kpi__value[b-oip0axpw1o] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
}

.fl-kpi__sub[b-oip0axpw1o] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-top: 3px;
}

.fl-kpi__icon[b-oip0axpw1o] {
    font-size: 28px;
    opacity: .1;
    line-height: 1;
}

.fl-kpi__bar[b-oip0axpw1o] {
    height: 3px;
    opacity: .6;
}

/* ── Toolbar ─────────────────────────────────────── */
.fl-toolbar[b-oip0axpw1o] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fl-search[b-oip0axpw1o] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 200px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 6px 10px;
}

.fl-search__icon[b-oip0axpw1o] { font-size: 14px; opacity: .5; }

.fl-search__input[b-oip0axpw1o] {
    border: none;
    outline: none;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.fl-select[b-oip0axpw1o] {
    padding: 6px 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    outline: none;
}

.fl-filter-info[b-oip0axpw1o] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

.fl-link[b-oip0axpw1o] {
    background: none;
    border: none;
    color: var(--rz-primary);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
    text-decoration: underline;
}

/* ── Tabulka ─────────────────────────────────────── */
.fl-table-wrap[b-oip0axpw1o] {
    overflow-x: auto;
}

.fl-table[b-oip0axpw1o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--rz-text-color);
}

.fl-table thead[b-oip0axpw1o] {
    background: var(--rz-base-hover-background-color);
}

.fl-table th[b-oip0axpw1o] {
    padding: 10px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
    text-align: left;
}

.fl-table td[b-oip0axpw1o] {
    padding: 11px 12px;
    border-bottom: 1px solid var(--rz-border-color);
    vertical-align: middle;
}

.fl-table tbody tr:last-child td[b-oip0axpw1o] { border-bottom: none; }

.fl-tr[b-oip0axpw1o] { cursor: pointer; transition: background .12s; }
.fl-tr:hover[b-oip0axpw1o] { background: var(--rz-base-hover-background-color); }

.fl-right[b-oip0axpw1o] { text-align: right !important; }
.fl-bold[b-oip0axpw1o] { font-weight: 600; }
.fl-muted[b-oip0axpw1o] { color: var(--rz-text-secondary-color); }
.fl-mono[b-oip0axpw1o] { font-family: monospace; font-size: 12px; }
.fl-empty[b-oip0axpw1o] { text-align: center; padding: 32px !important; color: var(--rz-text-secondary-color); }
.fl-link-text[b-oip0axpw1o] { color: var(--rz-primary); font-weight: 500; }
.fl-nowrap[b-oip0axpw1o] { white-space: nowrap; }

/* ── Buňka s číslem faktury (číslo + typ pod sebou) ─ */
.fl-number-cell[b-oip0axpw1o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

/* ── Pill ────────────────────────────────────────── */
.fl-pill[b-oip0axpw1o] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .04em;
}

.fl-pill--sm[b-oip0axpw1o] { font-size: 10px; padding: 2px 6px; }

/* ── Akce v řádku (hlavní akce + kebab ⋮) ────────── */
.fl-actions[b-oip0axpw1o] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.fl-action-btn[b-oip0axpw1o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s;
}

.fl-action-btn .rzi[b-oip0axpw1o] {
    font-size: 15px;
    line-height: 1;
}

/* Zelená akce „Platba" — alfa pozadí funguje i v dark mode (stejně jako pilulky stavů) */
.fl-action-btn--pay[b-oip0axpw1o] {
    background: #10b9811a;
    color: #10b981;
}

.fl-action-btn--pay:hover[b-oip0axpw1o] {
    background: #10b98133;
}

.fl-kebab[b-oip0axpw1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-card-background-color);
    color: var(--rz-text-secondary-color);
    cursor: pointer;
    transition: background .15s, color .15s;
}

.fl-kebab:hover[b-oip0axpw1o] {
    background: var(--rz-base-hover-background-color);
    color: var(--rz-text-color);
}

.fl-kebab .rzi[b-oip0axpw1o] {
    font-size: 18px;
    line-height: 1;
}
/* /View/Faktura/FakturaNeplatce.razor.rz.scp.css */
.invoice[b-6cwirwsxnv] {
    font-family: Arial;
    font-size: 15px;
}

.half-box[b-6cwirwsxnv] {
    float: left;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}

.clear[b-6cwirwsxnv] { clear: both; }
.text-right[b-6cwirwsxnv] { text-align: right; }

.invoice h1[b-6cwirwsxnv] {
    font-family: Verdana;
    font-size: 20px;
    color: #575757;
    margin-bottom: 5px;
}

.invoice h2[b-6cwirwsxnv] {
    font-family: Verdana;
    font-size: 1em;
    color: #787878;
    margin-bottom: 5px;
    text-align: left;
}

.invoice table th[b-6cwirwsxnv] { color: #787878; }

.total-table[b-6cwirwsxnv] {
    margin-top: 50px;
    width: 100%;
    text-align: right;
}

.total[b-6cwirwsxnv] { font-size: 1.1em; }

.items-table[b-6cwirwsxnv] {
    width: 100%;
    margin-top: 20px;
    text-align: right;
    border-collapse: collapse;
}

.items-table th[b-6cwirwsxnv],
.items-table td[b-6cwirwsxnv] {
    padding: 8px 4px;
    white-space: nowrap;
}

.items-table th:first-child[b-6cwirwsxnv],
.items-table td:first-child[b-6cwirwsxnv] {
    white-space: normal;
}

.total-table .total[b-6cwirwsxnv] {
    white-space: nowrap;
}

.invoice-dates[b-6cwirwsxnv] {
    margin-top: 37px;
    width: 100%;
    text-align: right;
}

.cell-spacing td[b-6cwirwsxnv] {
    padding-right: 10px;
}

/* Desktop - razítko a QR kód vedle sebe */
.stamp-qr-section[b-6cwirwsxnv] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.stamp-wrapper[b-6cwirwsxnv] {
    flex: 1;
    text-align: center;
}

.qr-wrapper[b-6cwirwsxnv] {
    flex: 0 0 auto;
}

/* Responzivní styly pro mobilní zařízení */
@media screen and (max-width: 768px) {
    .invoice[b-6cwirwsxnv] {
        font-size: 13px;
        padding: 0.5rem !important;
    }

    .half-box[b-6cwirwsxnv] {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }

    /* Změna pořadí - celková cena nad razítkem a QR kódem */
    .bottom-section[b-6cwirwsxnv] {
        display: flex;
        flex-direction: column;
    }

    .total-section[b-6cwirwsxnv] {
        order: 1;
        margin-bottom: 20px;
    }

    .stamp-qr-section[b-6cwirwsxnv] {
        order: 2;
        flex-direction: column;
        gap: 15px;
    }

    .stamp-wrapper[b-6cwirwsxnv],
    .qr-wrapper[b-6cwirwsxnv] {
        width: 100%;
        text-align: center;
    }

    .invoice h1[b-6cwirwsxnv] {
        font-size: 16px;
        text-align: center !important;
    }

    .invoice h2[b-6cwirwsxnv] {
        font-size: 0.95em;
    }

    .text-right[b-6cwirwsxnv] {
        text-align: left !important;
    }

    /* Tabulka položek - horizontální scroll pro malé obrazovky */
    .items-table-wrapper[b-6cwirwsxnv] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .items-table[b-6cwirwsxnv] {
        font-size: 12px;
        min-width: 600px;
    }

    .items-table th[b-6cwirwsxnv],
    .items-table td[b-6cwirwsxnv] {
        padding: 6px 3px;
        white-space: nowrap;
    }

    .items-table th:first-child[b-6cwirwsxnv],
    .items-table td:first-child[b-6cwirwsxnv] {
        white-space: normal;
        min-width: 120px;
    }

    .total-table[b-6cwirwsxnv] {
        margin-top: 20px;
        font-size: 13px;
    }

    .invoice-dates[b-6cwirwsxnv] {
        margin-top: 10px;
    }

    .cell-spacing td[b-6cwirwsxnv] {
        padding-right: 5px;
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .invoice[b-6cwirwsxnv] {
        font-size: 12px;
    }

    .invoice h1[b-6cwirwsxnv] {
        font-size: 14px;
    }

    .invoice h2[b-6cwirwsxnv] {
        font-size: 0.9em;
    }

    .items-table[b-6cwirwsxnv] {
        font-size: 11px;
    }

    .total-table[b-6cwirwsxnv] {
        font-size: 12px;
    }

    .small[b-6cwirwsxnv] {
        font-size: 11px !important;
    }
}
/* /View/Faktura/FakturaOdeslatDialog.razor.rz.scp.css */
.fodl[b-pmgtkgsz2i] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0 2px;
}

.fodl-hint[b-pmgtkgsz2i] {
    font-size: 13px;
    color: var(--rz-text-secondary-color, #6b7280);
    margin: 0;
    line-height: 1.5;
}

.fodl-url-row[b-pmgtkgsz2i] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--rz-border-color, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
    background: var(--rz-card-background-color, #fff);
}

.fodl-url-input[b-pmgtkgsz2i] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 9px 12px;
    font-size: 13px;
    color: var(--rz-text-color, #111827);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    outline: none;
    min-width: 0;
}

.fodl-copy-btn[b-pmgtkgsz2i] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: none;
    border-left: 1px solid var(--rz-border-color, #e5e7eb);
    background: transparent;
    color: var(--rz-text-secondary-color, #6b7280);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.fodl-copy-btn:hover[b-pmgtkgsz2i] {
    background: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
    color: var(--rz-text-color, #111827);
}

.fodl-copy-btn--ok[b-pmgtkgsz2i] {
    color: var(--rz-success, #16a34a);
}

.fodl-copied-msg[b-pmgtkgsz2i] {
    font-size: 12px;
    color: var(--rz-success, #16a34a);
    font-weight: 600;
}

.fodl-footer[b-pmgtkgsz2i] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 4px;
}
/* /View/Faktura/FakturaPlatce.razor.rz.scp.css */
table thead tr th[b-7f496juu5o] {
    font-size: 12px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

table tbody tr td[b-7f496juu5o] {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    font-size: 12px !important;
}

/* Částky se nesmí zalamovat — zalamuje se popisek položky v prvním sloupci */
.table th:not(:first-child)[b-7f496juu5o],
.table td:not(:first-child)[b-7f496juu5o] {
    white-space: nowrap;
}

/* Responzivní styly pro mobilní zařízení */
@media screen and (max-width: 768px) {
    /* Zmenšení paddingu pro mobilní zařízení */
    .p-2[b-7f496juu5o] {
        padding: 0.25rem !important;
    }

    /* Úprava velikosti písma pro lepší čitelnost */
    .small[b-7f496juu5o] {
        font-size: 11px !important;
    }

    /* Tabulka s položkami - horizontální scroll */
    .table[b-7f496juu5o] {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    table thead tr th[b-7f496juu5o] {
        font-size: 10px !important;
        padding: 4px 2px !important;
    }

    table tbody tr td[b-7f496juu5o] {
        font-size: 10px !important;
        padding: 4px 2px !important;
    }

    /* Zmenšení výšky boxů */
    .border[style*="height:140px"][b-7f496juu5o] {
        height: auto !important;
        min-height: 100px !important;
    }

    .border[style*="height:25px"][b-7f496juu5o] {
        height: auto !important;
        min-height: 20px !important;
    }

    .border[style*="height:155px"][b-7f496juu5o],
    .border[stlye*="height:155px"][b-7f496juu5o] {
        height: auto !important;
        min-height: 120px !important;
    }

    .border[style*="height:90px"][b-7f496juu5o] {
        height: auto !important;
        min-height: 60px !important;
    }

    /* Úprava velikosti písma v inline stylech */
    div[style*="font-size:10px"][b-7f496juu5o] {
        font-size: 9px !important;
    }

    /* QR kód a celková cena - na mobilu pod sebou */
    .col-12 > .row > .col-6:has(QRCodeKomponenta)[b-7f496juu5o] {
        margin-bottom: 15px;
    }

    /* Nadpisy */
    .h4[b-7f496juu5o] {
        font-size: 1.2rem !important;
    }
}

@media screen and (max-width: 480px) {
    /* Ještě menší fonty pro velmi malé obrazovky */
    .small[b-7f496juu5o] {
        font-size: 10px !important;
    }

    table thead tr th[b-7f496juu5o] {
        font-size: 9px !important;
        padding: 3px 1px !important;
    }

    table tbody tr td[b-7f496juu5o] {
        font-size: 9px !important;
        padding: 3px 1px !important;
    }

    div[style*="font-size:10px"][b-7f496juu5o] {
        font-size: 8px !important;
    }

    .h4[b-7f496juu5o] {
        font-size: 1rem !important;
    }

    /* Zmenšení paddingu */
    .ps-2[b-7f496juu5o] {
        padding-left: 0.25rem !important;
    }

    .pt-1[b-7f496juu5o] {
        padding-top: 0.125rem !important;
    }
}
/* /View/Home.razor.rz.scp.css */
/* === Greeting === */
.home-greeting h2[b-zaax86xbhg] {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 4px;
}
.home-greeting p[b-zaax86xbhg] {
    font-size: 13px;
    color: var(--rz-text-secondary-color);
    margin: 0;
}

/* === KPI Cards === */
.kpi-grid[b-zaax86xbhg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 20px;
}
.kpi-card[b-zaax86xbhg] {
    border-radius: 12px;
    padding: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    min-height: 120px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.kpi-card:hover[b-zaax86xbhg] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.kpi-card .kpi-icon[b-zaax86xbhg] {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 42px;
    opacity: 0.15;
}
.kpi-card .kpi-label[b-zaax86xbhg] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    opacity: 0.9;
}
.kpi-card .kpi-value[b-zaax86xbhg] {
    font-size: 26px;
    font-weight: 700;
    margin: 6px 0 4px;
    line-height: 1.1;
}
.kpi-card .kpi-sub[b-zaax86xbhg] {
    font-size: 12px;
    opacity: 0.85;
}
.kpi-green[b-zaax86xbhg] { background: linear-gradient(135deg, #16a34a, #22c55e); }
.kpi-amber[b-zaax86xbhg] { background: linear-gradient(135deg, #d97706, #f59e0b); }
.kpi-red[b-zaax86xbhg]   { background: linear-gradient(135deg, #dc2626, #ef4444); }
.kpi-blue[b-zaax86xbhg]  { background: linear-gradient(135deg, #2563eb, #3b82f6); }

/* === Quick Actions === */
.quick-actions[b-zaax86xbhg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 24px;
}
.quick-action[b-zaax86xbhg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 10px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-left: 4px solid;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    text-decoration: none;
    color: inherit;
}
.quick-action:hover[b-zaax86xbhg] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    text-decoration: none;
    color: inherit;
}
.quick-action .qa-icon[b-zaax86xbhg] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.quick-action .qa-text[b-zaax86xbhg] {
    font-size: 14px;
    font-weight: 600;
}
.qa-green[b-zaax86xbhg]  { border-left-color: #16a34a; }
.qa-green .qa-icon[b-zaax86xbhg]  { background: rgba(22,163,74,0.1); color: #16a34a; }
.qa-blue[b-zaax86xbhg]   { border-left-color: #2563eb; }
.qa-blue .qa-icon[b-zaax86xbhg]   { background: rgba(37,99,235,0.1); color: #2563eb; }
.qa-purple[b-zaax86xbhg] { border-left-color: #7c3aed; }
.qa-purple .qa-icon[b-zaax86xbhg] { background: rgba(124,58,237,0.1); color: #7c3aed; }
.qa-orange[b-zaax86xbhg] { border-left-color: #ea580c; }
.qa-orange .qa-icon[b-zaax86xbhg] { background: rgba(234,88,12,0.1); color: #ea580c; }

/* === Section header === */
.section-header[b-zaax86xbhg] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--rz-text-secondary-color);
    margin-top: 32px;
    margin-bottom: 12px;
}

/* === Module Cards === */
.modules-grid[b-zaax86xbhg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.module-card[b-zaax86xbhg] {
    border-radius: 10px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    padding: 20px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.module-card:hover[b-zaax86xbhg] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.module-card-header[b-zaax86xbhg] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.module-card-header .mc-icon[b-zaax86xbhg] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.module-card-header h6[b-zaax86xbhg] {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    flex: 1;
}
.module-stats[b-zaax86xbhg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 14px;
}
.module-stat[b-zaax86xbhg] {
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
}
.module-stat .stat-value[b-zaax86xbhg] {
    font-size: 18px;
    font-weight: 700;
    display: block;
}
.module-stat .stat-label[b-zaax86xbhg] {
    opacity: 0.8;
}
.stat-green[b-zaax86xbhg] { background: linear-gradient(135deg, rgba(22,163,74,0.08), rgba(34,197,94,0.15)); color: #16a34a; }
.stat-amber[b-zaax86xbhg] { background: linear-gradient(135deg, rgba(217,119,6,0.08), rgba(245,158,11,0.15)); color: #d97706; }
.stat-red[b-zaax86xbhg]   { background: linear-gradient(135deg, rgba(220,38,38,0.08), rgba(239,68,68,0.15)); color: #dc2626; }
.stat-blue[b-zaax86xbhg]  { background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(59,130,246,0.15)); color: #2563eb; }
.stat-purple[b-zaax86xbhg]{ background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(139,92,246,0.15)); color: #7c3aed; }
.stat-teal[b-zaax86xbhg]  { background: linear-gradient(135deg, rgba(13,148,136,0.08), rgba(20,184,166,0.15)); color: #0d9488; }
.stat-pink[b-zaax86xbhg]  { background: linear-gradient(135deg, rgba(219,39,119,0.08), rgba(236,72,153,0.15)); color: #db2777; }

.module-link[b-zaax86xbhg] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-primary);
    text-decoration: none;
    cursor: pointer;
}
.module-link:hover[b-zaax86xbhg] {
    text-decoration: underline;
}

/* === Attention list === */
.attention-list[b-zaax86xbhg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.attention-item[b-zaax86xbhg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
}
.attention-item .ai-icon[b-zaax86xbhg] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.attention-item .ai-content[b-zaax86xbhg] {
    flex: 1;
    min-width: 0;
}
.attention-item .ai-title[b-zaax86xbhg] {
    font-size: 14px;
    font-weight: 600;
}
.attention-item .ai-sub[b-zaax86xbhg] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}
.attention-item .ai-action[b-zaax86xbhg] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-primary);
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
}
.attention-item .ai-action:hover[b-zaax86xbhg] {
    text-decoration: underline;
}

/* === Two column layout === */
.home-two-col[b-zaax86xbhg] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 24px;
    margin-top: 8px;
}

/* === Responsive === */
@media (max-width: 1200px) {
    .kpi-grid[b-zaax86xbhg] { grid-template-columns: repeat(2, 1fr); }
    .quick-actions[b-zaax86xbhg] { grid-template-columns: repeat(2, 1fr); }
    .modules-grid[b-zaax86xbhg] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .kpi-grid[b-zaax86xbhg] { grid-template-columns: 1fr; }
    .quick-actions[b-zaax86xbhg] { grid-template-columns: repeat(2, 1fr); }
    .modules-grid[b-zaax86xbhg] { grid-template-columns: 1fr; }
    .home-two-col[b-zaax86xbhg] {
        grid-template-columns: 1fr;
    }
    .kpi-card .kpi-value[b-zaax86xbhg] { font-size: 22px; }
}

@media (max-width: 480px) {
    .quick-actions[b-zaax86xbhg] { grid-template-columns: 1fr; }
}
/* /View/Pokladna/CashPaymentDialog.razor.rz.scp.css */
.cash-modal[b-sa8eopf9gk] {
    font-family: var(--rz-text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

/* Summary cards */
.cash-modal__summary[b-sa8eopf9gk] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin-bottom: 14px;
}

.cash-modal__summary-card[b-sa8eopf9gk] {
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 8px;
}

.cash-modal__summary-label[b-sa8eopf9gk] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.cash-modal__summary-value[b-sa8eopf9gk] {
    font-size: 19px;
    font-weight: 700;
    margin-top: 4px;
}

/* Presets */
.cash-modal__presets[b-sa8eopf9gk] {
    display: flex;
    gap: 6px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    align-items: center;
}

.cash-modal__preset[b-sa8eopf9gk] {
    padding: 7px 12px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.12s;
}

.cash-modal__preset--active[b-sa8eopf9gk] {
    border-width: 2px;
    font-weight: 700;
}

.cash-modal__reset[b-sa8eopf9gk] {
    margin-left: auto;
    padding: 7px 12px;
    border: none;
    background: transparent;
    font-size: 12px;
    cursor: pointer;
}

/* Tabs */
.cash-modal__tabs[b-sa8eopf9gk] {
    display: flex;
    gap: 4px;
    padding: 3px;
    border: 1px solid;
    border-radius: 6px;
    margin-bottom: 14px;
}

.cash-modal__tab[b-sa8eopf9gk] {
    flex: 1;
    padding: 7px 10px;
    border: none;
    background: transparent;
    border-radius: 4px;
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.12s;
}

.cash-modal__tab--active[b-sa8eopf9gk] {
    font-weight: 700;
}

/* Section labels */
.cash-modal__section-label[b-sa8eopf9gk] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
}

/* Bills */
.cash-modal__bills[b-sa8eopf9gk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin-bottom: 12px;
}

.cash-modal__bill-wrap[b-sa8eopf9gk] {
    position: relative;
}

.cash-modal__bill[b-sa8eopf9gk] {
    width: 100%;
    padding: 14px 8px;
    min-height: 64px;
    border: 1.5px solid;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    transition: all 0.12s;
}

.cash-modal__bill--active[b-sa8eopf9gk] {
    border-width: 2px;
    font-weight: 700;
}

.cash-modal__bill-value[b-sa8eopf9gk] {
    font-size: 17px;
    font-weight: 700;
}

.cash-modal__bill-currency[b-sa8eopf9gk] {
    font-size: 10px;
    font-weight: 600;
}

/* Coins */
.cash-modal__coins[b-sa8eopf9gk] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
}

.cash-modal__coin-wrap[b-sa8eopf9gk] {
    position: relative;
}

.cash-modal__coin[b-sa8eopf9gk] {
    width: 100%;
    padding: 10px 4px;
    min-height: 50px;
    aspect-ratio: 1;
    border: 1.5px solid;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.12s;
}

.cash-modal__coin--active[b-sa8eopf9gk] {
    border-width: 2px;
    font-weight: 700;
}

.cash-modal__coin-value[b-sa8eopf9gk] {
    font-size: 15px;
    font-weight: 700;
}

.cash-modal__coin-currency[b-sa8eopf9gk] {
    font-size: 8.5px;
    font-weight: 600;
}

/* Badge */
.cash-modal__badge[b-sa8eopf9gk] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 22px;
    height: 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    padding: 0 6px;
    border: none;
    cursor: pointer;
}

.cash-modal__badge--coin[b-sa8eopf9gk] {
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    font-size: 10px;
    padding: 0 4px;
}

.cash-modal__remove-btn[b-sa8eopf9gk] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    border: none;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Manual mode */
.cash-modal__manual-wrap[b-sa8eopf9gk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border: 2px solid var(--rz-primary);
    border-radius: 8px;
    margin-bottom: 12px;
    min-height: 60px;
    background: var(--rz-base-background-color);
}

.cash-modal__manual-input[b-sa8eopf9gk] {
    flex: 1;
    width: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 28px;
    font-weight: 700;
    text-align: right;
    font-family: inherit;
}

.cash-modal__manual-currency[b-sa8eopf9gk] {
    font-size: 16px;
    font-weight: 700;
    color: var(--rz-text-secondary-color);
}

.cash-modal__numpad[b-sa8eopf9gk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.cash-modal__key[b-sa8eopf9gk] {
    padding: 14px 0;
    border: 1px solid;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.12s;
}

/* Footer */
.cash-modal__footer[b-sa8eopf9gk] {
    padding: 14px 0 0;
    display: flex;
    gap: 8px;
    margin-top: 14px;
    border-top: 1px solid;
}

.cash-modal__cancel[b-sa8eopf9gk] {
    flex: 1;
}

.cash-modal__confirm[b-sa8eopf9gk] {
    flex: 2;
    padding: 12px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.12s;
    background: var(--rz-success);
    color: var(--rz-on-success, #fff);
}

.cash-modal__confirm:hover:not(:disabled)[b-sa8eopf9gk] {
    background: var(--rz-success-dark, var(--rz-success));
}

.cash-modal__confirm:disabled[b-sa8eopf9gk] {
    cursor: not-allowed;
    background: var(--rz-base-300);
    color: var(--rz-text-disabled-color);
}
/* /View/Pokladna/Paragon.razor.rz.scp.css */
.paragon-toolbar[b-m7aip6c1rr] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    background: var(--rz-card-background-color, #fff);
}

.paragon-toolbar__btn[b-m7aip6c1rr] {
    padding: 8px 20px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.2));
    border-radius: 6px;
    background: var(--rz-card-background-color, #fff);
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.paragon-toolbar__btn--print[b-m7aip6c1rr] {
    background: var(--rz-primary, #1976d2);
    border-color: var(--rz-primary, #1976d2);
    color: var(--rz-on-primary, #fff);
}

@media print {
    .paragon-toolbar[b-m7aip6c1rr] {
        display: none;
    }
}
/* /View/Pokladna/PokladnaDetail.razor.rz.scp.css */
/* ================================================
   POKLADNA DETAIL — scoped CSS, kompaktní layout
   (Radzen CSS vars pro dark mode)
   ================================================ */

.pk-page[b-3jnct246nm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Card ───────────────────────────────────────── */
.pk-card[b-3jnct246nm] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* ── Hlavní dvousloupcový layout ────────────────── */
.pk-main[b-3jnct246nm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    gap: 10px;
    align-items: start;
}

@media (max-width: 1100px) { .pk-main[b-3jnct246nm] { grid-template-columns: 1fr; } }

.pk-main__left[b-3jnct246nm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.pk-main__right[b-3jnct246nm] { min-width: 0; }

/* ── Buttons ────────────────────────────────────── */
.pk-btn[b-3jnct246nm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s, background .15s;
}

.pk-btn:hover[b-3jnct246nm] { opacity: .85; }
.pk-btn:disabled[b-3jnct246nm] { opacity: .5; cursor: default; }

.pk-btn--primary[b-3jnct246nm] {
    background: var(--rz-primary);
    color: #fff;
}

.pk-btn--ghost[b-3jnct246nm] {
    background: var(--rz-base-hover-background-color);
    color: var(--rz-text-color);
    border-color: var(--rz-border-color);
}

.pk-btn--danger[b-3jnct246nm] {
    color: var(--rz-danger) !important;
    border-color: var(--rz-danger) !important;
}

.pk-btn--sm[b-3jnct246nm] { padding: 4px 10px; font-size: 12px; }

/* ── Alert ──────────────────────────────────────── */
.pk-alert[b-3jnct246nm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    flex-wrap: wrap;
}

.pk-alert--danger[b-3jnct246nm] { border-left: 4px solid var(--rz-danger); }
.pk-alert--warn[b-3jnct246nm] { border-left: 4px solid var(--rz-warning); }

.pk-alert__icon[b-3jnct246nm] { font-size: 16px; }
.pk-alert__text[b-3jnct246nm] { font-size: 13px; font-weight: 600; color: var(--rz-text-color); }
.pk-alert__sub[b-3jnct246nm] { font-size: 11.5px; color: var(--rz-text-secondary-color); }
.pk-alert__sub a[b-3jnct246nm] { color: var(--rz-primary); }

/* ── Hero ───────────────────────────────────────── */
.pk-hero[b-3jnct246nm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
}

.pk-hero__left[b-3jnct246nm] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pk-hero__icon[b-3jnct246nm] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.pk-hero__meta[b-3jnct246nm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pk-hero__number[b-3jnct246nm] {
    font-size: 17px;
    font-weight: 700;
    color: var(--rz-text-color);
    font-family: monospace;
}

.pk-hero__sub[b-3jnct246nm] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    margin-top: 2px;
}

.pk-hero__right[b-3jnct246nm] { text-align: right; }

.pk-hero__total[b-3jnct246nm] {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1;
}

/* ── Tabulka položek ────────────────────────────── */
.pk-table-wrap[b-3jnct246nm] { overflow-x: auto; }

.pk-table[b-3jnct246nm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--rz-text-color);
}

.pk-table thead[b-3jnct246nm] {
    background: var(--rz-base-hover-background-color);
}

.pk-table th[b-3jnct246nm] {
    padding: 7px 10px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
    text-align: left;
}

.pk-table td[b-3jnct246nm] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--rz-border-color);
    vertical-align: middle;
}

.pk-right[b-3jnct246nm] { text-align: right !important; }
.pk-bold[b-3jnct246nm] { font-weight: 600; }
.pk-muted[b-3jnct246nm] { color: var(--rz-text-secondary-color); }
.pk-mono[b-3jnct246nm] { font-family: monospace; font-size: 12px; }
.pk-link-text[b-3jnct246nm] { color: var(--rz-primary); font-weight: 500; }

/* ── Patička tabulky se součty ──────────────────── */
.pk-tfoot[b-3jnct246nm] {
    background: var(--rz-base-hover-background-color);
}

.pk-tfoot td[b-3jnct246nm] {
    border-bottom: none;
    font-size: 12px;
}

.pk-tfoot__label[b-3jnct246nm] {
    font-weight: 700;
    color: var(--rz-text-color);
    margin-left: 12px;
}

.pk-tfoot__total[b-3jnct246nm] {
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Pill ───────────────────────────────────────── */
.pk-pill[b-3jnct246nm] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .04em;
}

.pk-pill--outline[b-3jnct246nm] {
    border: 1px solid var(--rz-border-color);
    color: var(--rz-text-secondary-color);
    background: transparent;
    font-weight: 600;
}

/* ── Sekce ──────────────────────────────────────── */
.pk-section[b-3jnct246nm] { padding: 10px 12px; }

.pk-section__header[b-3jnct246nm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.pk-section__title[b-3jnct246nm] {
    font-size: 12px;
    font-weight: 700;
    color: var(--rz-text-color);
    letter-spacing: .05em;
}

.pk-section__sub[b-3jnct246nm] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
}

/* ── Řádek dokladu (reklamační doklady) ─────────── */
.pk-doc-row[b-3jnct246nm] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px;
    border-bottom: 1px solid var(--rz-border-color);
    cursor: pointer;
    transition: background .12s;
    font-size: 12.5px;
}

.pk-doc-row:last-child[b-3jnct246nm] { border-bottom: none; }
.pk-doc-row:hover[b-3jnct246nm] { background: var(--rz-base-hover-background-color); }

.pk-doc-row__amount[b-3jnct246nm] {
    margin-left: auto;
    font-weight: 600;
    color: var(--rz-text-color);
}

/* ── Reklamace ──────────────────────────────────── */
.pk-complaint[b-3jnct246nm] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid var(--rz-border-color);
    border-left: 3px solid var(--rz-border-color);
    border-radius: 6px;
    margin-bottom: 6px;
}

.pk-complaint:last-child[b-3jnct246nm] { margin-bottom: 0; }

.pk-complaint__body[b-3jnct246nm] { flex: 1; min-width: 0; }

.pk-complaint__meta[b-3jnct246nm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 11px;
}

.pk-complaint__text[b-3jnct246nm] {
    font-size: 12.5px;
    color: var(--rz-text-color);
}

.pk-complaint__resolution[b-3jnct246nm] {
    font-size: 11.5px;
    color: var(--rz-text-secondary-color);
    margin-top: 3px;
}

.pk-complaint__resolution a[b-3jnct246nm] { color: var(--rz-primary); margin-left: 4px; }

.pk-complaint__actions[b-3jnct246nm] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.pk-complaint-form[b-3jnct246nm] {
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 8px;
    background: var(--rz-base-background-color);
}

.pk-complaint-form h6[b-3jnct246nm] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--rz-text-color);
    margin: 0 0 8px;
}

.pk-complaint-form__actions[b-3jnct246nm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
}

.pk-empty-note[b-3jnct246nm] {
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}

/* ── Icon button ────────────────────────────────── */
.pk-icon-btn[b-3jnct246nm] {
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-card-background-color);
    color: var(--rz-text-color);
    padding: 3px 7px;
    font-size: 12px;
    cursor: pointer;
    transition: background .15s;
}

.pk-icon-btn:hover[b-3jnct246nm] { background: var(--rz-base-hover-background-color); }

.pk-icon-btn--danger:hover[b-3jnct246nm] {
    color: var(--rz-danger);
    border-color: var(--rz-danger);
}

/* ── Náhled paragonu ────────────────────────────── */
.pk-preview[b-3jnct246nm] {
    overflow-x: auto;
    display: flex;
    justify-content: center;
    padding: 10px;
    background: var(--rz-base-background-color);
    border-radius: 6px;
}

/* "Papír" je vždy světlý, i v dark mode — paragon má napevno černý text */
.pk-preview__paper[b-3jnct246nm] {
    background: #fff;
    color: #212529;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
}

.pk-preview__paper--thermal[b-3jnct246nm] { padding: 8px 4px; }

/* A4 náhled (21 cm) se zmenší, aby se vešel do postranního sloupce */
.pk-preview__paper--a4[b-3jnct246nm] {
    width: 100%;
    zoom: .45;
}

@media (max-width: 1100px) { .pk-preview__paper--a4[b-3jnct246nm] { zoom: .8; } }
/* /View/Pokladna/PokladnaList.razor.rz.scp.css */
/* ================================================
   POKLADNA — scoped CSS, stejný design jako SkladList
   (Radzen CSS vars pro dark mode)
   ================================================ */

.pk-page[b-zksmbho6p6] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
}

/* ── Card ───────────────────────────────────────── */
.pk-card[b-zksmbho6p6] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* ── KPI dlaždice ───────────────────────────────── */
.pk-kpi-grid[b-zksmbho6p6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

@media (max-width: 900px) { .pk-kpi-grid[b-zksmbho6p6] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .pk-kpi-grid[b-zksmbho6p6] { grid-template-columns: 1fr; } }

.pk-kpi[b-zksmbho6p6] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.pk-kpi__top[b-zksmbho6p6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
}

.pk-kpi__label[b-zksmbho6p6] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--rz-text-secondary-color);
    margin-bottom: 4px;
}

.pk-kpi__value[b-zksmbho6p6] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
}

.pk-kpi__sub[b-zksmbho6p6] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-top: 3px;
}

.pk-kpi__icon[b-zksmbho6p6] {
    font-size: 28px;
    opacity: .1;
    line-height: 1;
}

.pk-kpi__bar[b-zksmbho6p6] {
    height: 3px;
    opacity: .6;
}

/* ── Toolbar ─────────────────────────────────────── */
.pk-toolbar[b-zksmbho6p6] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pk-search[b-zksmbho6p6] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 200px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 6px 10px;
}

.pk-search__icon[b-zksmbho6p6] { font-size: 14px; opacity: .5; }

.pk-search__input[b-zksmbho6p6] {
    border: none;
    outline: none;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.pk-select[b-zksmbho6p6] {
    padding: 6px 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    outline: none;
}

.pk-filter-info[b-zksmbho6p6] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

.pk-link[b-zksmbho6p6] {
    background: none;
    border: none;
    color: var(--rz-primary);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
    text-decoration: underline;
}

/* ── Tabulka ─────────────────────────────────────── */
.pk-table-wrap[b-zksmbho6p6] {
    overflow-x: auto;
}

.pk-table[b-zksmbho6p6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--rz-text-color);
}

.pk-table thead[b-zksmbho6p6] {
    background: var(--rz-base-hover-background-color);
}

.pk-table th[b-zksmbho6p6] {
    padding: 10px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
    text-align: left;
}

.pk-table td[b-zksmbho6p6] {
    padding: 11px 12px;
    border-bottom: 1px solid var(--rz-border-color);
    vertical-align: middle;
}

.pk-table tbody tr:last-child td[b-zksmbho6p6] { border-bottom: none; }

.pk-tr[b-zksmbho6p6] { cursor: pointer; transition: background .12s; }
.pk-tr:hover[b-zksmbho6p6] { background: var(--rz-base-hover-background-color); }

.pk-right[b-zksmbho6p6] { text-align: right !important; }
.pk-bold[b-zksmbho6p6] { font-weight: 600; }
.pk-muted[b-zksmbho6p6] { color: var(--rz-text-secondary-color); }
.pk-mono[b-zksmbho6p6] { font-family: monospace; font-size: 12px; }
.pk-empty[b-zksmbho6p6] { text-align: center; padding: 32px !important; color: var(--rz-text-secondary-color); }
.pk-link-text[b-zksmbho6p6] { color: var(--rz-primary); font-weight: 500; }
.pk-nowrap[b-zksmbho6p6] { white-space: nowrap; }

/* ── Pill ────────────────────────────────────────── */
.pk-pill[b-zksmbho6p6] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .04em;
}

/* ── Akce v řádku ────────────────────────────────── */
.pk-action-btn[b-zksmbho6p6] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
    background: var(--rz-card-background-color);
    color: var(--rz-text-color);
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s;
}

.pk-action-btn:hover[b-zksmbho6p6] {
    background: var(--rz-base-hover-background-color);
}

.pk-action-btn .rzi[b-zksmbho6p6] {
    font-size: 15px;
    line-height: 1;
}
/* /View/Pokladna/Prodej.razor.rz.scp.css */
.pos[b-bpf3vbxsso] {
    padding: 0 8px 24px;
    font-family: var(--rz-text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

/* Hero scan/search bar */
.pos-hero[b-bpf3vbxsso] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: var(--rz-card-background-color, #fff);
}

.pos-hero__icon[b-bpf3vbxsso] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.pos-hero__scan[b-bpf3vbxsso] {
    flex: 1.2;
    min-width: 260px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid var(--rz-primary, currentColor);
    border-radius: 8px;
    padding: 4px 12px;
}

.pos-hero__scan-input[b-bpf3vbxsso] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: inherit;
    font-size: 15px;
    padding: 8px 4px;
}

.pos-hero__search[b-bpf3vbxsso] {
    flex: 1;
    min-width: 260px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 8px;
    padding: 4px 12px;
    align-self: stretch;
}

.pos-hero__search-icon[b-bpf3vbxsso] {
    font-size: 18px;
    flex-shrink: 0;
}

/* Třída pos-hero__input je přímo na elementu .rz-dropdown */
[b-bpf3vbxsso] .rz-dropdown.pos-hero__input {
    flex: 1;
    width: 100% !important;
    min-width: 0;
    height: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

[b-bpf3vbxsso] .rz-dropdown.pos-hero__input .rz-dropdown-label {
    font-size: 15px;
    line-height: 38px;
}

.pos-hero__kbd[b-bpf3vbxsso] {
    padding: 3px 10px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.2));
    border-radius: 4px;
    font-size: 11px;
    font-family: inherit;
    flex-shrink: 0;
    color: var(--rz-text-secondary-color, inherit);
}

.pos-hero__qty[b-bpf3vbxsso] {
    flex-shrink: 0;
}

/* Issue import row */
.pos-issue-import[b-bpf3vbxsso] {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 8px;
    background: var(--rz-card-background-color, #fff);
}

/* Main split */
.pos-split[b-bpf3vbxsso] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 14px;
}

@media (max-width: 1100px) {
    .pos-split[b-bpf3vbxsso] {
        grid-template-columns: 1fr;
    }
}

/* Receipt panel */
.pos-receipt[b-bpf3vbxsso] {
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 10px;
    overflow: hidden;
    background: var(--rz-card-background-color, #fff);
}

.pos-receipt__header[b-bpf3vbxsso] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pos-receipt__title[b-bpf3vbxsso] {
    font-size: 14px;
    font-weight: 600;
}

.pos-receipt__count[b-bpf3vbxsso] {
    font-size: 12px;
}

.pos-receipt__grid-header[b-bpf3vbxsso],
.pos-receipt__row[b-bpf3vbxsso] {
    display: grid;
    grid-template-columns: 36px minmax(180px, 1.4fr) 110px 130px 90px 130px 36px;
    gap: 10px;
    align-items: center;
}

.pos-receipt__grid-header[b-bpf3vbxsso] {
    padding: 10px 16px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-bottom: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    color: var(--rz-text-secondary-color, inherit);
}

.pos-receipt__items[b-bpf3vbxsso] {
    min-height: 240px;
    max-height: 520px;
    overflow-y: auto;
}

.pos-receipt__row[b-bpf3vbxsso] {
    padding: 10px 16px;
    border-bottom: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.08));
    font-size: 13px;
}

.pos-receipt__index[b-bpf3vbxsso] {
    font-weight: 600;
}

.pos-receipt__name[b-bpf3vbxsso] {
    min-width: 0;
}

.pos-receipt__empty[b-bpf3vbxsso] {
    padding: 60px 20px;
    text-align: center;
    font-size: 13px;
}

.pos-receipt__stepper[b-bpf3vbxsso] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pos-stepper-btn[b-bpf3vbxsso] {
    width: 24px;
    height: 24px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.2));
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    background: var(--rz-base-background-color, #f5f5f5);
    color: inherit;
}

.pos-stepper-value[b-bpf3vbxsso] {
    min-width: 40px;
    text-align: center;
    font-weight: 600;
}

.pos-receipt__total[b-bpf3vbxsso] {
    font-weight: 600;
}

.pos-right[b-bpf3vbxsso] {
    text-align: right;
}

.pos-remove-btn[b-bpf3vbxsso] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: 4px;
}

.pos-receipt__footer[b-bpf3vbxsso] {
    padding: 10px 12px;
    border-top: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.pos-note[b-bpf3vbxsso] {
    padding: 12px 16px;
    border-top: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
}

.pos-spacer[b-bpf3vbxsso] {
    flex: 1;
}

/* Side panel */
.pos-side[b-bpf3vbxsso] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* The "K ZAPLACENÍ" hero card */
.pos-total-card[b-bpf3vbxsso] {
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 10px;
    padding: 18px 20px;
    background: var(--rz-card-background-color, #fff);
}

.pos-total-card__label[b-bpf3vbxsso] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
}

.pos-total-card__value[b-bpf3vbxsso] {
    font-size: 40px;
    font-weight: 700;
    margin-top: 6px;
    line-height: 1;
}

.pos-total-card__currency[b-bpf3vbxsso] {
    font-size: 20px;
}

.pos-total-card__row[b-bpf3vbxsso] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12.5px;
}

.pos-card[b-bpf3vbxsso] {
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 10px;
    padding: 12px;
    background: var(--rz-card-background-color, #fff);
}

.pos-card__label[b-bpf3vbxsso] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 8px;
}

/* Payment grid */
.pos-payment-grid[b-bpf3vbxsso] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 6px;
}

.pos-pay-btn[b-bpf3vbxsso] {
    position: relative;
    padding: 12px 6px;
    border: 2px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.12s;
    text-align: center;
    background: var(--rz-card-background-color, #fff);
    color: inherit;
}

.pos-pay-btn:hover[b-bpf3vbxsso] {
    border-color: var(--rz-primary);
}

.pos-pay-btn--active[b-bpf3vbxsso] {
    border-color: var(--rz-primary);
    background: var(--rz-primary-lighter, rgba(66, 133, 244, 0.12));
    font-weight: 600;
}

.pos-pay-btn__check[b-bpf3vbxsso] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--rz-primary);
    color: var(--rz-on-primary, #fff);
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.pos-pay-btn__icon[b-bpf3vbxsso] {
    font-size: 22px;
}

.pos-pay-btn__label[b-bpf3vbxsso] {
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px;
}

/* Finish button */
.pos-finish[b-bpf3vbxsso] {
    padding: 16px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.12s;
}

.pos-finish--ready[b-bpf3vbxsso] {
    background: var(--rz-success, #4caf50);
    color: var(--rz-on-success, #fff);
}

.pos-finish--ready:hover[b-bpf3vbxsso] {
    filter: brightness(0.92);
}

.pos-finish:disabled[b-bpf3vbxsso],
.pos-finish--disabled[b-bpf3vbxsso] {
    cursor: not-allowed;
    background: var(--rz-base-background-color, #e9ecef);
    color: var(--rz-text-disabled-color, rgba(0, 0, 0, 0.38));
    border: 1px dashed var(--rz-border-color, rgba(0, 0, 0, 0.2));
}

/* Reklamace */
.pos-refund-banner[b-bpf3vbxsso] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid var(--rz-warning, #ff9800);
    background: var(--rz-warning-lighter, #fff3e0);
    color: var(--rz-text-color, inherit);
}

.pos-refund-banner__icon[b-bpf3vbxsso] {
    font-size: 20px;
}

.pos-receipt__row--refund[b-bpf3vbxsso] {
    background: var(--rz-danger-lighter, #ffebee);
}

.pos-receipt__row--refund .pos-receipt__total[b-bpf3vbxsso] {
    color: var(--rz-danger, #d32f2f);
}
/* /View/Pokladna/ReceiptDiscountDialog.razor.rz.scp.css */
.discount-dialog[b-d35dnmlinw] {
    font-family: var(--rz-text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.discount-dialog__intro[b-d35dnmlinw] {
    font-size: 13px;
    margin-bottom: 12px;
}

.discount-dialog__chips[b-d35dnmlinw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 14px;
}

.discount-dialog__chip[b-d35dnmlinw] {
    padding: 10px 6px;
    border: 1.5px solid;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.12s;
}

.discount-dialog__chip--active[b-d35dnmlinw] {
    border-width: 2px;
    font-weight: 700;
}

.discount-dialog__row[b-d35dnmlinw] {
    margin-bottom: 14px;
}

.discount-dialog__label[b-d35dnmlinw] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
}

.discount-dialog__footer[b-d35dnmlinw] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid;
}
/* /View/Pokladna/ReklamaceDialog.razor.rz.scp.css */
.rk-dialog[b-1q09q3ijnb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Volba typu vyřízení */
.rk-types[b-1q09q3ijnb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.rk-type[b-1q09q3ijnb] {
    border: 2px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    padding: 12px 10px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
}

.rk-type:hover[b-1q09q3ijnb] {
    border-color: var(--rz-primary-light);
}

.rk-type--active[b-1q09q3ijnb] {
    border-color: var(--rz-primary);
    background: var(--rz-primary-lighter);
}

.rk-type__icon[b-1q09q3ijnb] {
    font-size: 1.6rem;
}

.rk-type__title[b-1q09q3ijnb] {
    font-weight: 700;
    margin-top: 4px;
}

.rk-type__desc[b-1q09q3ijnb] {
    font-size: 0.78rem;
    color: var(--rz-text-secondary-color);
    margin-top: 4px;
}

/* Tabulka položek */
.rk-items[b-1q09q3ijnb] {
    border: 1px solid var(--rz-base-300);
    border-radius: var(--rz-border-radius, 6px);
    overflow: hidden;
}

.rk-items__header[b-1q09q3ijnb],
.rk-items__row[b-1q09q3ijnb] {
    display: grid;
    grid-template-columns: 44px 1fr 80px 90px 100px 100px 80px;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
}

.rk-items__header[b-1q09q3ijnb] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
    background: var(--rz-base-100);
    border-bottom: 1px solid var(--rz-base-300);
}

.rk-items__row[b-1q09q3ijnb] {
    border-bottom: 1px solid var(--rz-base-200);
}

.rk-items__row:last-child[b-1q09q3ijnb] {
    border-bottom: none;
}

.rk-items__row--selected[b-1q09q3ijnb] {
    background: var(--rz-info-lighter);
}

.rk-center[b-1q09q3ijnb] {
    text-align: center;
    justify-self: center;
}

.rk-muted[b-1q09q3ijnb] {
    color: var(--rz-text-disabled-color);
}

.rk-summary[b-1q09q3ijnb] {
    text-align: right;
    font-size: 1.05rem;
    padding: 4px 8px;
}

.rk-actions[b-1q09q3ijnb] {
    margin-top: 8px;
}
/* /View/Pokladna/StockCorrectionConfirmDialog.razor.rz.scp.css */
.impact-table[b-r8g8urlmbk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.impact-table th[b-r8g8urlmbk],
.impact-table td[b-r8g8urlmbk] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--rz-border, currentColor);
    text-align: left;
}

.impact-table th[b-r8g8urlmbk] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.impact-num[b-r8g8urlmbk] {
    text-align: right !important;
}

.impact-issue[b-r8g8urlmbk] {
    color: var(--rz-danger, inherit);
    font-weight: 600;
}

.impact-return[b-r8g8urlmbk] {
    color: var(--rz-success, inherit);
    font-weight: 600;
}

.impact-none[b-r8g8urlmbk] {
    opacity: 0.6;
}
/* /View/Pokladna/UzaverkaDetail.razor.rz.scp.css */
/* Tiskový dokument — záměrně pevné "papírové" barvy (bílá/černá), aby vzhled odpovídal tisku i v dark mode */
.uzaverka[b-hhh2260zbs] {
    width: 21cm;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    font-family: Arial, sans-serif;
    font-size: 12px;
    background: #fff;
    color: #000;
}

.uzaverka__operator[b-hhh2260zbs] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.uzaverka__operator-name[b-hhh2260zbs] {
    font-size: 17px;
    font-weight: bold;
}

.uzaverka__title[b-hhh2260zbs] {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 0.4rem 0;
    text-align: center;
    margin-bottom: 0.75rem;
}

.uzaverka__title-main[b-hhh2260zbs] {
    font-size: 19px;
    font-weight: bold;
}

.uzaverka__generated[b-hhh2260zbs] {
    color: #666;
    font-size: 10px;
}

.uzaverka__columns[b-hhh2260zbs] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.uzaverka__columns .uzaverka__table[b-hhh2260zbs] {
    flex: 1;
    margin-bottom: 0;
    align-self: flex-start;
}

.uzaverka__table[b-hhh2260zbs] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.75rem;
}

.uzaverka__table td[b-hhh2260zbs] {
    padding: 3px 8px;
}

.uzaverka__section-header td[b-hhh2260zbs] {
    background: #f0f0f0;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 8px;
}

.uzaverka__column-header td[b-hhh2260zbs] {
    background: #eee;
    font-weight: bold;
}

.uzaverka__row-alt td[b-hhh2260zbs] {
    background: #f9f9f9;
}

.uzaverka__total-row td[b-hhh2260zbs] {
    border-top: 2px solid #000;
    background: #e8f4e8;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 8px;
}

.uzaverka__sum-row td[b-hhh2260zbs] {
    border-top: 1px solid #999;
    font-weight: bold;
}

.uzaverka__muted[b-hhh2260zbs] {
    color: #666;
}

.uzaverka__table--receipts[b-hhh2260zbs] {
    font-size: 11px;
}

.uzaverka__table--receipts td[b-hhh2260zbs] {
    padding: 2px 8px;
    border-bottom: 1px solid #eee;
}

.uzaverka__table--receipts .uzaverka__section-header td[b-hhh2260zbs],
.uzaverka__table--receipts .uzaverka__column-header td[b-hhh2260zbs] {
    border-bottom: none;
}

.uzaverka__receipt--cancelled td[b-hhh2260zbs] {
    text-decoration: line-through;
    color: #999;
}

.uzaverka__signature[b-hhh2260zbs] {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 11px;
    color: #999;
}

.uzaverka-toolbar[b-hhh2260zbs] {
    text-align: center;
    margin: 1rem;
}

.uzaverka-toolbar__btn[b-hhh2260zbs] {
    padding: 8px 24px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.2));
    border-radius: 6px;
    background: var(--rz-primary, #1976d2);
    color: var(--rz-on-primary, #fff);
    font-weight: 600;
}

.uzaverka-message[b-hhh2260zbs] {
    text-align: center;
    padding: 2rem;
    color: var(--rz-text-color, #000);
}

@page {
    size: A4;
    margin: 1cm;
}

@media print {
    .uzaverka-toolbar[b-hhh2260zbs] {
        display: none !important;
    }

    .uzaverka[b-hhh2260zbs] {
        padding: 0;
    }

    /* Při přetečení na další stranu se zopakuje hlavička tabulky */
    .uzaverka__table--receipts thead[b-hhh2260zbs] {
        display: table-header-group;
    }

    .uzaverka__table--receipts tr[b-hhh2260zbs] {
        break-inside: avoid;
    }
}
/* /View/Pokladna/Uzaverky.razor.rz.scp.css */
.uzaverky-spacer[b-phn6c67yy9] {
    flex: 1;
}

[b-phn6c67yy9] .uzaverky-muted {
    color: var(--rz-text-disabled-color, #999);
}
/* /View/Prehled/Prehled.razor.rz.scp.css */
/* ═══════ Layout ═══════ */

.dashboard[b-g8s9asnxjo] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 24px 24px;
}

.dashboard-row3[b-g8s9asnxjo] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.4fr;
    gap: 14px;
}

@media (max-width: 1200px) {
    .dashboard-row3[b-g8s9asnxjo] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .dashboard-row3[b-g8s9asnxjo] {
        grid-template-columns: 1fr;
    }
}

/* ═══════ Section card ═══════ */

[b-g8s9asnxjo] .dashboard-section {
    padding: 0 !important;
    overflow: visible;
}

.section-header[b-g8s9asnxjo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--rz-border-color, #dee2e6);
    gap: 10px;
    flex-wrap: wrap;
}

.section-header-left[b-g8s9asnxjo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.section-header-right[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.section-subtitle[b-g8s9asnxjo] {
    font-size: 11px;
    color: var(--rz-text-secondary-color, #888);
}

.section-loading[b-g8s9asnxjo] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px;
}

.section-empty[b-g8s9asnxjo] {
    text-align: center;
    padding: 24px;
    color: var(--rz-text-secondary-color, #888);
    font-size: 13px;
}

/* ═══════ KPI Grid ═══════ */

.kpi-grid[b-g8s9asnxjo] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 16px;
}

@media (max-width: 1400px) {
    .kpi-grid[b-g8s9asnxjo] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .kpi-grid[b-g8s9asnxjo] {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 12px;
    }
}

.kpi-card[b-g8s9asnxjo] {
    border-left: 3px solid;
    padding: 10px 12px;
    border-radius: 4px;
}

.kpi-card-main[b-g8s9asnxjo] {
    background: rgba(22, 163, 74, 0.06);
}

.kpi-label[b-g8s9asnxjo] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary-color, #888);
    display: block;
    margin-bottom: 4px;
}

.kpi-value-row[b-g8s9asnxjo] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    flex-wrap: wrap;
}

.kpi-value[b-g8s9asnxjo] {
    font-size: 22px;
    font-weight: 700;
    color: var(--rz-text-color, #333);
    line-height: 1.2;
}

.kpi-unit[b-g8s9asnxjo] {
    font-size: 12px;
    color: var(--rz-text-secondary-color, #888);
}

.kpi-delta-row[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    flex-wrap: wrap;
}

.kpi-prev[b-g8s9asnxjo] {
    font-size: 10px;
    color: var(--rz-text-secondary-color, #888);
}

@media (max-width: 768px) {
    .kpi-card[b-g8s9asnxjo] {
        padding: 12px 14px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 92px;
    }

    .kpi-label[b-g8s9asnxjo] {
        font-size: 11px;
        margin-bottom: 6px;
    }

    .kpi-value[b-g8s9asnxjo] {
        font-size: 26px;
        word-break: break-word;
    }

    .kpi-unit[b-g8s9asnxjo] {
        font-size: 13px;
    }

    .kpi-delta-row[b-g8s9asnxjo] {
        margin-top: 8px;
        gap: 4px;
    }

    .kpi-prev[b-g8s9asnxjo] {
        font-size: 11px;
    }
}

/* ═══════ Delta badges ═══════ */

.delta-badge[b-g8s9asnxjo] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 1px 6px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.delta-positive[b-g8s9asnxjo] {
    background: rgba(22, 163, 74, 0.12);
    color: #16a34a;
}

.delta-negative[b-g8s9asnxjo] {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.delta-sm[b-g8s9asnxjo] {
    font-size: 10px;
    padding: 0 4px;
}

/* ═══════ Trend chart ═══════ */

.trend-legend[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    gap: 12px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--rz-border-color, #f0f0f0);
}

.trend-legend-items[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.trend-legend-item[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--rz-text-secondary-color, #666);
}

.trend-dot[b-g8s9asnxjo] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.trend-line-dashed[b-g8s9asnxjo] {
    width: 16px;
    height: 0;
    border-top: 2px dashed #94a3b8;
    flex-shrink: 0;
}

.trend-delta-info[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.trend-abs-change[b-g8s9asnxjo] {
    font-size: 11px;
    color: var(--rz-text-secondary-color, #888);
}

/* ═══════ Metric toggle ═══════ */

.metric-toggle[b-g8s9asnxjo] {
    display: flex;
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 6px;
    overflow: hidden;
}

.metric-btn[b-g8s9asnxjo] {
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 500;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--rz-text-secondary-color, #888);
    transition: all 0.15s;
    border-right: 1px solid var(--rz-border-color, #dee2e6);
}

.metric-btn:last-child[b-g8s9asnxjo] {
    border-right: none;
}

.metric-btn:hover[b-g8s9asnxjo] {
    background: var(--rz-base-100, #f5f5f5);
}

.metric-btn.active[b-g8s9asnxjo] {
    background: var(--rz-primary, #3b82f6);
    color: white;
    font-weight: 600;
}

/* ═══════ Payment methods ═══════ */

.payment-content[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
}

@media (max-width: 900px) {
    .payment-content[b-g8s9asnxjo] {
        flex-direction: column;
    }
}

.payment-legend[b-g8s9asnxjo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.payment-legend-item[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.payment-color-dot[b-g8s9asnxjo] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    flex-shrink: 0;
}

.payment-legend-text[b-g8s9asnxjo] {
    flex: 1;
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.payment-legend-label[b-g8s9asnxjo] {
    font-size: 12px;
    color: var(--rz-text-color, #333);
}

.payment-legend-pct[b-g8s9asnxjo] {
    font-size: 11px;
    font-weight: 600;
    color: var(--rz-text-secondary-color, #888);
}

.payment-legend-amount[b-g8s9asnxjo] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-color, #333);
    white-space: nowrap;
}

.payment-legend-total[b-g8s9asnxjo] {
    display: flex;
    justify-content: space-between;
    padding-top: 6px;
    border-top: 1px solid var(--rz-border-color, #eee);
    font-size: 12px;
    font-weight: 700;
    color: var(--rz-text-color, #333);
}

/* ═══════ Top products ═══════ */

.top-products-list[b-g8s9asnxjo] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.top-product-row[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.product-bar[b-g8s9asnxjo] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 6px;
    z-index: 0;
    transition: width 0.3s ease;
}

.product-rank[b-g8s9asnxjo] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    background: var(--rz-base-100, #f0f0f0);
    color: var(--rz-text-secondary-color, #888);
    flex-shrink: 0;
    z-index: 1;
}

.rank-top[b-g8s9asnxjo] {
    background: #3b82f6;
    color: white;
}

.product-info[b-g8s9asnxjo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    z-index: 1;
    min-width: 0;
}

.product-name[b-g8s9asnxjo] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-sub[b-g8s9asnxjo] {
    font-size: 10px;
    color: var(--rz-text-secondary-color, #888);
}

.product-revenue[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 1;
    flex-shrink: 0;
}

.product-amount[b-g8s9asnxjo] {
    font-size: 13px;
    font-weight: 700;
    color: var(--rz-text-color, #333);
    white-space: nowrap;
}

.top-product-clickable[b-g8s9asnxjo] {
    cursor: pointer;
    transition: background 0.15s;
}

.top-product-clickable:hover[b-g8s9asnxjo] {
    background: var(--rz-base-100, #f5f5f5);
}

.top-products-all[b-g8s9asnxjo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 6px;
    padding: 7px;
    border: 1px dashed var(--rz-border-color, #dee2e6);
    border-radius: 6px;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-primary, #3b82f6);
    cursor: pointer;
    transition: background 0.15s;
}

.top-products-all:hover[b-g8s9asnxjo] {
    background: var(--rz-base-100, #f5f5f5);
}

/* ═══════ Cash flow ═══════ */

.cashflow-content[b-g8s9asnxjo] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cashflow-row[b-g8s9asnxjo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cashflow-row-header[b-g8s9asnxjo] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.cashflow-label[b-g8s9asnxjo] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-color, #333);
}

.cashflow-value[b-g8s9asnxjo] {
    font-size: 14px;
    font-weight: 700;
}

.cashflow-positive[b-g8s9asnxjo] {
    color: #16a34a;
}

.cashflow-negative[b-g8s9asnxjo] {
    color: #ef4444;
}

.cashflow-bar-track[b-g8s9asnxjo] {
    height: 8px;
    background: var(--rz-base-100, #f0f0f0);
    border-radius: 4px;
    overflow: hidden;
}

.cashflow-bar[b-g8s9asnxjo] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.cashflow-bar-income[b-g8s9asnxjo] {
    background: linear-gradient(90deg, #16a34a, #22c55e);
}

.cashflow-bar-expense[b-g8s9asnxjo] {
    background: linear-gradient(90deg, #ef4444, #f87171);
}

.cashflow-profit-card[b-g8s9asnxjo] {
    background: linear-gradient(135deg, #16a34a, #15803d);
    color: white;
    padding: 12px 14px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cashflow-profit-label[b-g8s9asnxjo] {
    font-size: 10.5px;
    font-weight: 700;
    opacity: 0.9;
    letter-spacing: 0.5px;
}

.cashflow-profit-value[b-g8s9asnxjo] {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.cashflow-profit-sub[b-g8s9asnxjo] {
    font-size: 11px;
    opacity: 0.85;
    margin-top: 2px;
}
/* /View/Prehled/ProduktDetailDialog.razor.rz.scp.css */
.product-detail[b-t67azhygk3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-detail-toolbar[b-t67azhygk3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.product-detail-period[b-t67azhygk3] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-secondary-color, #888);
}

.product-detail-loading[b-t67azhygk3] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
}

.product-detail-empty[b-t67azhygk3] {
    text-align: center;
    padding: 40px;
    color: var(--rz-text-secondary-color, #888);
    font-size: 13px;
}

/* ═══════ KPI ═══════ */

.product-kpi-grid[b-t67azhygk3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

@media (max-width: 700px) {
    .product-kpi-grid[b-t67azhygk3] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.product-kpi-card[b-t67azhygk3] {
    border-left: 3px solid;
    padding: 8px 12px;
    border-radius: 4px;
    background: var(--rz-base-100, #f8f9fa);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.product-kpi-label[b-t67azhygk3] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary-color, #888);
}

.product-kpi-value[b-t67azhygk3] {
    font-size: 18px;
    font-weight: 700;
    color: var(--rz-text-color, #333);
}

.product-kpi-value small[b-t67azhygk3] {
    font-size: 11px;
    font-weight: 500;
    color: var(--rz-text-secondary-color, #888);
}

.product-kpi-note[b-t67azhygk3] {
    font-size: 10.5px;
    color: var(--rz-text-secondary-color, #999);
}
/* /View/Prehled/RangePicker.razor.rz.scp.css */
.range-picker-wrapper[b-7qu7046vfs] {
    position: relative;
    display: inline-block;
}

.range-picker-group[b-7qu7046vfs] {
    display: flex;
    align-items: stretch;
    gap: 4px;
}

.range-step-btn[b-7qu7046vfs] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 4px;
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 5px;
    background: var(--rz-card-background-color, #fff);
    cursor: pointer;
    color: var(--rz-text-secondary-color, #888);
    transition: background 0.15s;
}

.range-step-btn:hover:not(:disabled)[b-7qu7046vfs] {
    background: var(--rz-base-100, #f5f5f5);
    color: var(--rz-text-color, #333);
}

.range-step-btn:disabled[b-7qu7046vfs] {
    opacity: 0.35;
    cursor: default;
}

.range-picker-btn[b-7qu7046vfs] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 5px;
    background: var(--rz-card-background-color, #fff);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    color: var(--rz-text-color, #333);
    white-space: nowrap;
    transition: background 0.15s;
}

.range-picker-btn:hover[b-7qu7046vfs] {
    background: var(--rz-base-100, #f5f5f5);
}

.range-compare-label[b-7qu7046vfs] {
    color: var(--rz-text-secondary-color, #888);
}

.range-picker-overlay[b-7qu7046vfs] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.range-picker-dropdown[b-7qu7046vfs] {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    min-width: 220px;
    background: var(--rz-card-background-color, #fff);
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    padding: 8px 0;
}

.range-picker-section[b-7qu7046vfs] {
    padding: 4px 0;
}

.range-section-title[b-7qu7046vfs] {
    display: block;
    padding: 4px 12px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--rz-text-secondary-color, #888);
}

.range-option[b-7qu7046vfs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    color: var(--rz-text-color, #333);
    transition: background 0.1s;
}

.range-option:hover[b-7qu7046vfs] {
    background: var(--rz-base-100, #f5f5f5);
}

.range-option.active[b-7qu7046vfs] {
    font-weight: 600;
    color: var(--rz-primary, #3b82f6);
}

.range-picker-divider[b-7qu7046vfs] {
    height: 1px;
    background: var(--rz-border-color, #dee2e6);
    margin: 4px 0;
}

/* ═══════ Vlastní období ═══════ */

.range-custom-form[b-7qu7046vfs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    background: var(--rz-base-100, #f8f9fa);
    border-radius: 6px;
    margin: 4px 8px;
}

.range-custom-inputs[b-7qu7046vfs] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.range-custom-input[b-7qu7046vfs] {
    flex: 1;
    min-width: 0;
    padding: 4px 6px;
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 5px;
    font-size: 12px;
    background: var(--rz-card-background-color, #fff);
    color: var(--rz-text-color, #333);
    color-scheme: light dark;
}

.range-custom-sep[b-7qu7046vfs] {
    color: var(--rz-text-secondary-color, #888);
    font-size: 12px;
}

.range-custom-apply[b-7qu7046vfs] {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    background: var(--rz-primary, #3b82f6);
    color: white;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
}

.range-custom-apply:hover[b-7qu7046vfs] {
    opacity: 0.9;
}
/* /View/Prehled/TopProduktyDialog.razor.rz.scp.css */
.top-all[b-oz0stpw5if] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top-all-toolbar[b-oz0stpw5if] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.top-all-search[b-oz0stpw5if] {
    flex: 1;
    min-width: 180px;
    padding: 5px 10px;
    border: 1px solid var(--rz-border-color, #dee2e6);
    border-radius: 6px;
    font-size: 12px;
    background: var(--rz-card-background-color, #fff);
    color: var(--rz-text-color, #333);
}

.top-all-search:focus[b-oz0stpw5if] {
    outline: none;
    border-color: var(--rz-primary, #3b82f6);
}

.top-all-loading[b-oz0stpw5if] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px;
}

.top-all-profit[b-oz0stpw5if] {
    color: #16a34a;
    font-weight: 600;
}

.top-all-loss[b-oz0stpw5if] {
    color: #ef4444;
    font-weight: 600;
}

.top-all-hint[b-oz0stpw5if] {
    font-size: 11px;
    color: var(--rz-text-secondary-color, #999);
    text-align: center;
}

[b-oz0stpw5if] .rz-datatable tbody tr {
    cursor: pointer;
}
/* /View/Rezervace/Components/DailyView.razor.rz.scp.css */
.dv-wrap[b-91cc2jwdhe] {
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    overflow-x: auto;
}

/* === Header === */
.dv-header[b-91cc2jwdhe] {
    display: grid;
    grid-template-columns: 180px 1fr;
    border-bottom: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
    position: sticky;
    top: 0;
    z-index: 2;
}

.dv-room-label-head[b-91cc2jwdhe] {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
    letter-spacing: 0.5px;
    border-right: 1px solid var(--rz-border-color);
    display: flex;
    align-items: center;
}

.dv-days-head[b-91cc2jwdhe] {
    display: grid;
}

.dv-day-cell[b-91cc2jwdhe] {
    padding: 8px 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: var(--rz-text-color);
    border-right: 1px solid var(--rz-border-color);
}

.dv-day-cell:last-child[b-91cc2jwdhe] {
    border-right: none;
}

.dv-day-cell.weekend[b-91cc2jwdhe] {
    color: var(--rz-danger);
    background: rgba(254, 226, 226, 0.18);
}

.dv-day-cell.today[b-91cc2jwdhe] {
    background: rgba(37, 99, 235, 0.18);
    color: var(--rz-primary);
}

/* === Body === */
.dv-body[b-91cc2jwdhe] {
    display: flex;
    flex-direction: column;
}

.dv-room-row[b-91cc2jwdhe] {
    display: grid;
    grid-template-columns: 180px 1fr;
    min-height: 56px;
    border-bottom: 1px solid var(--rz-border-color);
}

.dv-room-row:last-child[b-91cc2jwdhe] {
    border-bottom: none;
}

.dv-room-label[b-91cc2jwdhe] {
    padding: 10px 12px;
    border-right: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dv-room-name[b-91cc2jwdhe] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color);
}

.dv-room-sub[b-91cc2jwdhe] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-top: 1px;
}

.dv-room-track[b-91cc2jwdhe] {
    position: relative;
    display: grid;
}

.dv-bg-cell[b-91cc2jwdhe] {
    border-right: 1px dashed var(--rz-border-color);
    opacity: 0.5;
}

.dv-bg-cell:last-child[b-91cc2jwdhe] {
    border-right: none;
}

.dv-bg-cell.weekend[b-91cc2jwdhe] {
    background: rgba(254, 226, 226, 0.1);
}

/* === Event === */
.dv-event[b-91cc2jwdhe] {
    position: absolute;
    top: 8px;
    bottom: 8px;
    border-radius: 4px;
    padding: 4px 8px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    color: var(--rz-text-color);
    transition: transform 0.1s;
    z-index: 1;
}

.dv-event:hover[b-91cc2jwdhe] {
    z-index: 3;
    transform: translateY(-1px);
    filter: brightness(1.04);
}

.dv-event-customer[b-91cc2jwdhe] {
    font-size: 11px;
    font-weight: 600;
    color: var(--rz-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dv-event-sub[b-91cc2jwdhe] {
    font-size: 9.5px;
    font-weight: 500;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /View/Rezervace/Components/EventDetailModal.razor.rz.scp.css */
.edm-overlay[b-hcs7bdbu1h] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
}

.edm-modal[b-hcs7bdbu1h] {
    width: 100%;
    max-width: 460px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
    border: 1px solid var(--rz-border-color);
}

/* === Header === */
.edm-header[b-hcs7bdbu1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
}

.edm-header-left[b-hcs7bdbu1h] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.edm-status-badge[b-hcs7bdbu1h] {
    color: #ffffff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.edm-customer[b-hcs7bdbu1h] {
    font-size: 16px;
    font-weight: 600;
    color: var(--rz-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edm-close[b-hcs7bdbu1h] {
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--rz-text-color);
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.edm-close:hover[b-hcs7bdbu1h] {
    background: rgba(0, 0, 0, 0.08);
}

/* === Body === */
.edm-body[b-hcs7bdbu1h] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.edm-row[b-hcs7bdbu1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.edm-label[b-hcs7bdbu1h] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary-color);
}

.edm-value[b-hcs7bdbu1h] {
    font-size: 13px;
    font-weight: 500;
    color: var(--rz-text-color);
    display: flex;
    align-items: center;
    gap: 6px;
    text-align: right;
}

.edm-bold[b-hcs7bdbu1h] {
    font-size: 16px;
    font-weight: 700;
}

.edm-mono[b-hcs7bdbu1h] {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
}

.edm-resource-dot[b-hcs7bdbu1h] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/* === Footer === */
.edm-footer[b-hcs7bdbu1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 18px;
    background: rgba(0, 0, 0, 0.08);
    border-top: 1px solid var(--rz-border-color);
    flex-wrap: wrap;
}

.edm-footer-left[b-hcs7bdbu1h] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.edm-btn[b-hcs7bdbu1h] {
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.edm-btn-primary[b-hcs7bdbu1h] {
    background: var(--rz-primary);
    color: var(--rz-primary-contrast-text, #ffffff);
}

.edm-btn-primary:hover[b-hcs7bdbu1h] {
    filter: brightness(1.07);
}

.edm-btn-danger[b-hcs7bdbu1h] {
    background: var(--rz-danger, #dc2626);
    color: #ffffff;
}

.edm-btn-danger:hover[b-hcs7bdbu1h] {
    filter: brightness(1.07);
}

.edm-btn-ghost[b-hcs7bdbu1h] {
    background: transparent;
    border: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
}

.edm-btn-ghost:hover[b-hcs7bdbu1h] {
    background: var(--rz-base-background-color);
}

.edm-btn-ghost-danger[b-hcs7bdbu1h] {
    background: transparent;
    border: 1px solid var(--rz-border-color);
    color: var(--rz-danger, #dc2626);
}

.edm-btn-ghost-danger:hover[b-hcs7bdbu1h] {
    background: rgba(220, 38, 38, 0.1);
    border-color: var(--rz-danger, #dc2626);
}
/* /View/Rezervace/Components/HourlyView.razor.rz.scp.css */
.hv-wrap[b-j0mbstqtas] {
    display: flex;
    flex-direction: column;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
}

.hv-chip-row[b-j0mbstqtas] {
    display: flex;
    gap: 14px;
    padding: 6px 12px;
    background: var(--rz-base-background-color);
    border-bottom: 1px solid var(--rz-border-color);
    font-size: 11px;
}

.hv-chip[b-j0mbstqtas] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--rz-text-secondary-color);
}

.hv-chip-swatch[b-j0mbstqtas] {
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

/* === Header dnů === */
.hv-header[b-j0mbstqtas] {
    display: grid;
    grid-template-columns: 60px repeat(7, 1fr);
    border-bottom: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
    position: sticky;
    top: 0;
    z-index: 2;
}

.hv-corner[b-j0mbstqtas] {
    border-right: 1px solid var(--rz-border-color);
}

.hv-day-head[b-j0mbstqtas] {
    padding: 8px 6px;
    text-align: center;
    border-right: 1px solid var(--rz-border-color);
}

.hv-day-head:last-child[b-j0mbstqtas] {
    border-right: none;
}

.hv-day-head.today[b-j0mbstqtas] {
    background: rgba(37, 99, 235, 0.12);
}

.hv-day-name[b-j0mbstqtas] {
    font-size: 10px;
    font-weight: 700;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.hv-day-date[b-j0mbstqtas] {
    font-size: 16px;
    font-weight: 600;
    color: var(--rz-text-color);
    margin-top: 2px;
}

/* === Grid === */
.hv-grid[b-j0mbstqtas] {
    display: grid;
    grid-template-columns: 60px repeat(7, 1fr);
    position: relative;
    min-height: 616px; /* 11 hodin × 56px */
}

.hv-hour-col[b-j0mbstqtas] {
    border-right: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
}

.hv-hour-label[b-j0mbstqtas] {
    height: 56px;
    padding-right: 6px;
    padding-top: 0;
    text-align: right;
    font-size: 10.5px;
    color: var(--rz-text-secondary-color);
    transform: translateY(-6px);
}

.hv-day-col[b-j0mbstqtas] {
    position: relative;
    border-right: 1px solid var(--rz-border-color);
    min-height: 616px;
}

.hv-day-col:last-child[b-j0mbstqtas] {
    border-right: none;
}

.hv-day-col.today[b-j0mbstqtas] {
    background: rgba(37, 99, 235, 0.06);
}

.hv-slot-line[b-j0mbstqtas] {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--rz-border-color);
    opacity: 0.4;
}

/* === Eventy === */
.hv-event[b-j0mbstqtas] {
    position: absolute;
    border-radius: 4px;
    padding: 4px 6px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 1px;
    transition: transform 0.1s;
    color: var(--rz-text-color);
}

.hv-event:hover[b-j0mbstqtas] {
    transform: translateY(-1px);
    z-index: 4;
    filter: brightness(1.04);
}

.hv-event-top[b-j0mbstqtas] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hv-event-dot[b-j0mbstqtas] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.hv-event-customer[b-j0mbstqtas] {
    font-size: 11px;
    font-weight: 600;
    color: var(--rz-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hv-event-service[b-j0mbstqtas] {
    font-size: 9.5px;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hv-event-time[b-j0mbstqtas] {
    font-size: 9px;
    font-weight: 600;
    margin-top: auto;
}
/* /View/Rezervace/Components/PendingSidebar.razor.rz.scp.css */
.ps-wrap[b-4kg419kg1z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ps-card[b-4kg419kg1z] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
    color: var(--rz-text-color);
}

/* === Karta "Rok v číslech" === */
.ps-year-card[b-4kg419kg1z] {
    padding: 16px;
}

.ps-year-title[b-4kg419kg1z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color);
    margin-bottom: 4px;
}

.ps-year-big[b-4kg419kg1z] {
    font-size: 24px;
    font-weight: 700;
    color: var(--rz-primary);
}

.ps-year-sub[b-4kg419kg1z] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-bottom: 12px;
}

.ps-year-rows[b-4kg419kg1z] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-top: 1px solid var(--rz-border-color);
    padding-top: 10px;
}

.ps-year-row[b-4kg419kg1z] {
    display: flex;
    justify-content: space-between;
    font-size: 11.5px;
}

.ps-year-label[b-4kg419kg1z] {
    color: var(--rz-text-secondary-color);
}

.ps-year-value[b-4kg419kg1z] {
    color: var(--rz-text-color);
    font-weight: 600;
}

.ps-year-revenue[b-4kg419kg1z] {
    padding-top: 6px;
    margin-top: 4px;
    border-top: 1px dashed var(--rz-border-color);
}

.ps-year-revenue .ps-year-value[b-4kg419kg1z] {
    color: var(--rz-primary);
}

/* === Header pending === */
.ps-header[b-4kg419kg1z] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
}

.ps-badge[b-4kg419kg1z] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #f59e0b;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.ps-title-wrap[b-4kg419kg1z] {
    display: flex;
    flex-direction: column;
}

.ps-title[b-4kg419kg1z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color);
}

.ps-sub[b-4kg419kg1z] {
    font-size: 10px;
    color: var(--rz-text-secondary-color);
}

/* === Empty state === */
.ps-empty[b-4kg419kg1z] {
    padding: 20px;
    text-align: center;
    color: var(--rz-text-secondary-color);
}

.ps-empty-icon[b-4kg419kg1z] {
    font-size: 32px;
    color: var(--rz-success, #16a34a);
    margin-bottom: 6px;
}

.ps-empty-title[b-4kg419kg1z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color);
    margin-bottom: 2px;
}

.ps-empty-sub[b-4kg419kg1z] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
}

/* === List === */
.ps-list[b-4kg419kg1z] {
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}

.ps-item[b-4kg419kg1z] {
    padding: 12px 14px;
    border-bottom: 1px solid var(--rz-border-color);
    cursor: pointer;
    transition: background 0.1s;
}

.ps-item:hover[b-4kg419kg1z] {
    background: var(--rz-base-100);
}

.ps-item:last-child[b-4kg419kg1z] {
    border-bottom: none;
}

.ps-item-head[b-4kg419kg1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.ps-customer[b-4kg419kg1z] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color);
}

.ps-new-badge[b-4kg419kg1z] {
    font-size: 9.5px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 3px;
    background: rgba(245, 158, 11, 0.18);
    color: #f59e0b;
}

.ps-item-line[b-4kg419kg1z] {
    font-size: 11px;
    color: var(--rz-text-color);
    margin-bottom: 2px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.ps-muted[b-4kg419kg1z] {
    color: var(--rz-text-secondary-color);
}

.ps-actions[b-4kg419kg1z] {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.ps-btn-confirm[b-4kg419kg1z] {
    flex: 1;
    padding: 5px 8px;
    background: var(--rz-success, #16a34a);
    color: #ffffff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11.5px;
    font-weight: 600;
}

.ps-btn-confirm:hover[b-4kg419kg1z] {
    filter: brightness(1.06);
}

.ps-btn-reject[b-4kg419kg1z] {
    width: 30px;
    padding: 5px 8px;
    background: transparent;
    border: 1px solid var(--rz-border-color);
    border-radius: 4px;
    cursor: pointer;
    color: var(--rz-danger, #dc2626);
    font-size: 12px;
    font-weight: 600;
}

.ps-btn-reject:hover[b-4kg419kg1z] {
    background: rgba(220, 38, 38, 0.1);
    border-color: var(--rz-danger, #dc2626);
}
/* /View/Rezervace/Components/YearlyView.razor.rz.scp.css */
.yv-wrap[b-swb8oilr20] {
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    padding: 12px;
}

.yv-header[b-swb8oilr20] {
    display: grid;
    grid-template-columns: 180px 1fr;
    margin-bottom: 8px;
}

.yv-room-label-head[b-swb8oilr20] {
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
    letter-spacing: 0.5px;
}

.yv-months-head[b-swb8oilr20] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 4px;
}

.yv-month-head[b-swb8oilr20] {
    padding: 6px 0;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.yv-month-head.current[b-swb8oilr20] {
    background: rgba(37, 99, 235, 0.12);
    color: var(--rz-primary);
    border-radius: 3px;
}

.yv-body[b-swb8oilr20] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.yv-room-row[b-swb8oilr20] {
    display: grid;
    grid-template-columns: 180px 1fr;
    min-height: 56px;
    align-items: stretch;
}

.yv-room-label[b-swb8oilr20] {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--rz-base-background-color);
    border-radius: 4px;
}

.yv-room-name[b-swb8oilr20] {
    font-size: 13px;
    font-weight: 600;
    color: var(--rz-text-color);
}

.yv-room-sub[b-swb8oilr20] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-top: 1px;
}

.yv-months-track[b-swb8oilr20] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 4px;
}

.yv-cell[b-swb8oilr20] {
    aspect-ratio: 1;
    border-radius: 3px;
    padding: 4px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--rz-border-color);
    transition: transform 0.1s;
    min-height: 48px;
}

.yv-cell:hover[b-swb8oilr20] {
    transform: scale(1.04);
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

.yv-cell.current[b-swb8oilr20] {
    outline: 2px solid var(--rz-primary);
    outline-offset: -2px;
}

.yv-cell-pct[b-swb8oilr20] {
    font-size: 12px;
    font-weight: 700;
}

.yv-cell-dot[b-swb8oilr20] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 5px;
    height: 5px;
    background: #f59e0b;
    border-radius: 50%;
}

.yv-total-row[b-swb8oilr20] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 2px solid var(--rz-border-color);
}

.yv-total-label[b-swb8oilr20] {
    background: var(--rz-base-100);
    font-weight: 600;
}

.yv-total-cell[b-swb8oilr20] {
    font-weight: 700;
}
/* /View/Rezervace/RezervaceView.razor.rz.scp.css */
.rezervace-view[b-nai6tpbxlq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 24px 24px;
    color: var(--rz-text-color);
}

/* === Loading === */
.rv-loading[b-nai6tpbxlq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: var(--rz-text-secondary-color);
}

.rv-loading-text[b-nai6tpbxlq] {
    font-size: 14px;
}

/* === Toolbar === */
.rv-toolbar[b-nai6tpbxlq] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
}

.rv-mode-toggle[b-nai6tpbxlq] {
    display: flex;
    padding: 3px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    border: 1px solid var(--rz-border-color);
}

.rv-mt-btn[b-nai6tpbxlq] {
    padding: 7px 12px;
    font-size: 12.5px;
    font-weight: 500;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    color: var(--rz-text-secondary-color);
    transition: background 0.15s, color 0.15s;
}

.rv-mt-btn:hover[b-nai6tpbxlq] {
    background: rgba(127, 127, 127, 0.12);
    color: var(--rz-text-color);
}

.rv-mt-btn.active[b-nai6tpbxlq] {
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.rv-mt-icon[b-nai6tpbxlq] {
    margin-right: 4px;
}

.rv-period-nav[b-nai6tpbxlq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    justify-content: center;
}

.rv-nav-btn[b-nai6tpbxlq] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rv-nav-btn:hover[b-nai6tpbxlq] {
    background: rgba(127, 127, 127, 0.15);
}

.rv-period-label[b-nai6tpbxlq] {
    font-size: 14px;
    font-weight: 600;
    min-width: 200px;
    text-align: center;
    color: var(--rz-text-color);
    text-transform: capitalize;
}

.rv-today-btn[b-nai6tpbxlq] {
    padding: 5px 12px;
    border: 1px solid var(--rz-border-color);
    background: transparent;
    color: var(--rz-text-color);
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
}

.rv-today-btn:hover[b-nai6tpbxlq] {
    background: rgba(127, 127, 127, 0.15);
}

.rv-granularity-toggle[b-nai6tpbxlq] {
    display: flex;
    padding: 2px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    border: 1px solid var(--rz-border-color);
    margin-left: 12px;
}

.rv-gr-btn[b-nai6tpbxlq] {
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 500;
    border: none;
    background: transparent;
    border-radius: 3px;
    cursor: pointer;
    color: var(--rz-text-secondary-color);
}

.rv-gr-btn.active[b-nai6tpbxlq] {
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.rv-new-btn[b-nai6tpbxlq] {
    padding: 8px 16px;
    background: var(--rz-primary);
    color: var(--rz-primary-contrast-text, #fff);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.rv-new-btn:hover[b-nai6tpbxlq] {
    filter: brightness(1.06);
}

.rv-new-icon[b-nai6tpbxlq] {
    font-size: 14px;
}

/* === Filter row === */
.rv-filter-row[b-nai6tpbxlq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 14px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    flex-wrap: wrap;
}

.rv-filter-group[b-nai6tpbxlq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rv-filter-label[b-nai6tpbxlq] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--rz-text-secondary-color);
    letter-spacing: 0.5px;
}

.rv-chip[b-nai6tpbxlq] {
    padding: 4px 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 4px;
    font-size: 11.5px;
    font-weight: 500;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rv-chip:hover[b-nai6tpbxlq] {
    background: rgba(127, 127, 127, 0.12);
}

.rv-chip.active[b-nai6tpbxlq] {
    border-color: var(--rz-primary);
    background: rgba(37, 99, 235, 0.12);
    color: var(--rz-primary);
}

.rv-chip-swatch[b-nai6tpbxlq] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
}

.rv-legend[b-nai6tpbxlq] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}

.rv-legend-item[b-nai6tpbxlq] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.rv-legend-swatch[b-nai6tpbxlq] {
    display: inline-block;
    width: 14px;
    height: 10px;
    border-radius: 2px;
    border: 1px solid transparent;
}

.rv-legend-swatch.rv-glow[b-nai6tpbxlq] {
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.3);
}

.rv-legend-label[b-nai6tpbxlq] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
}

/* === Main grid === */
.rv-main-grid[b-nai6tpbxlq] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 14px;
    align-items: start;
}

.rv-calendar-area[b-nai6tpbxlq] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .rv-main-grid[b-nai6tpbxlq] {
        grid-template-columns: 1fr;
    }
}
/* /View/Shared/AddItem.razor.rz.scp.css */
/* AddItem dialog form */
.ai-form[b-ui8bhlczqc] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0 0;
    min-width: 340px;
    font-family: var(--rz-text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.ai-field[b-ui8bhlczqc] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.ai-field--full[b-ui8bhlczqc] {
    width: 100%;
}

.ai-row[b-ui8bhlczqc] {
    display: flex;
    gap: 12px;
}

.ai-label[b-ui8bhlczqc] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--rz-text-secondary-color, #6b7280);
    letter-spacing: 0.4px;
}

.ai-footer[b-ui8bhlczqc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 6px;
    border-top: 1px solid var(--rz-border-color, #e5e7eb);
    margin-top: 4px;
}

.ai-btn[b-ui8bhlczqc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: inherit;
    transition: background-color 0.15s, border-color 0.15s, transform 0.1s;
}

.ai-btn:active[b-ui8bhlczqc] { transform: scale(0.97); }

.ai-btn--primary[b-ui8bhlczqc] {
    background: var(--rz-primary, #2563eb);
    color: #fff;
    border-color: var(--rz-primary, #2563eb);
}

.ai-btn--primary:hover[b-ui8bhlczqc] {
    background: color-mix(in srgb, black 15%, var(--rz-primary, #2563eb));
}

.ai-btn--secondary[b-ui8bhlczqc] {
    background: transparent;
    color: var(--rz-text-color, #111827);
    border-color: var(--rz-border-color, #e5e7eb);
}

.ai-btn--secondary:hover[b-ui8bhlczqc] {
    background: color-mix(in srgb, var(--rz-text-color, #111827) 6%, transparent);
}
/* /View/Sklad/Components/ScanInput.razor.rz.scp.css */
.sklad-scan[b-n3618okmob] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid var(--rz-primary, currentColor);
    border-radius: 8px;
    padding: 4px 12px;
    margin: 12px 0;
}

.sklad-scan--disabled[b-n3618okmob] {
    opacity: .55;
}

.sklad-scan__icon[b-n3618okmob] {
    font-size: 18px;
    flex-shrink: 0;
}

.sklad-scan__input[b-n3618okmob] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    color: inherit;
    font-size: 15px;
    padding: 8px 4px;
}

.sklad-scan__kbd[b-n3618okmob] {
    padding: 3px 10px;
    border: 1px solid var(--rz-border, currentColor);
    border-radius: 4px;
    font-size: 11px;
    font-family: inherit;
    flex-shrink: 0;
}
/* /View/Sklad/InventuraDetail.razor.rz.scp.css */
/* ── Pás statistik ──────────────────────────────────────── */
.iv-stats[b-qsrn3q62xv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.iv-stat[b-qsrn3q62xv] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.iv-stat--primary[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 35%, var(--rz-border-color));
}

.iv-stat__label[b-qsrn3q62xv] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.iv-stat__value[b-qsrn3q62xv] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.iv-stat__value--big[b-qsrn3q62xv] {
    font-size: 1.35rem;
    color: var(--rz-primary);
}

.iv-stat__value--ok[b-qsrn3q62xv] {
    color: var(--rz-success);
}

.iv-stat__value--plus[b-qsrn3q62xv] {
    color: var(--rz-info);
}

.iv-stat__value--minus[b-qsrn3q62xv] {
    color: var(--rz-danger);
}

.iv-alert[b-qsrn3q62xv] {
    margin-bottom: 1rem;
}

/* ── Mřížka karet ───────────────────────────────────────── */
.iv-grid[b-qsrn3q62xv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .iv-grid[b-qsrn3q62xv] {
        grid-template-columns: 1fr;
    }
}

/* ── Hlavička karty ─────────────────────────────────────── */
.iv-card__header[b-qsrn3q62xv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-title-color, var(--rz-text-color));
    flex-wrap: wrap;
}

.iv-card__header[b-qsrn3q62xv]  .rzi {
    color: var(--rz-primary);
}

.iv-card__header .iv-card__action[b-qsrn3q62xv] {
    margin-left: auto;
}

.iv-card__count[b-qsrn3q62xv] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* ── Stavový štítek ─────────────────────────────────────── */
.iv-status[b-qsrn3q62xv] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.iv-status--inprogress[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-warning) 15%, transparent);
    color: var(--rz-warning-dark, var(--rz-warning));
}

.iv-status--confirmed[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
    color: var(--rz-success);
}

.iv-status--cancelled[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-danger) 12%, transparent);
    color: var(--rz-danger);
}

/* ── Detail inventury ───────────────────────────────────── */
.iv-info[b-qsrn3q62xv] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 0.45rem;
    margin: 0;
}

.iv-info dt[b-qsrn3q62xv] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    align-self: baseline;
    padding-top: 0.15rem;
    white-space: nowrap;
}

.iv-info dd[b-qsrn3q62xv] {
    margin: 0;
    color: var(--rz-text-color);
    overflow-wrap: anywhere;
}

.iv-note-text[b-qsrn3q62xv] {
    margin: 0;
    color: var(--rz-text-color);
    white-space: pre-wrap;
}

.iv-empty[b-qsrn3q62xv] {
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
    font-style: italic;
}

/* ── Toolbar položek ────────────────────────────────────── */
.iv-toolbar[b-qsrn3q62xv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-weight: 400;
}

.iv-search[b-qsrn3q62xv] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 200px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 5px 10px;
}

.iv-search__icon[b-qsrn3q62xv] {
    font-size: 13px;
    opacity: .5;
}

.iv-search__input[b-qsrn3q62xv] {
    border: none;
    outline: none;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.iv-check[b-qsrn3q62xv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 13px;
    cursor: pointer;
    color: var(--rz-text-color);
    white-space: nowrap;
}

.iv-check input[b-qsrn3q62xv] {
    cursor: pointer;
}

/* ── Tabulka položek ────────────────────────────────────── */
.iv-bottom[b-qsrn3q62xv] {
    margin-bottom: 1rem;
}

.iv-table-wrap[b-qsrn3q62xv] {
    overflow-x: auto;
}

.iv-table[b-qsrn3q62xv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.iv-table th[b-qsrn3q62xv] {
    text-align: left;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
}

.iv-table td[b-qsrn3q62xv] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
    white-space: nowrap;
}

.iv-table tbody tr:hover td[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
}

.iv-right[b-qsrn3q62xv] {
    text-align: right !important;
}

.iv-product[b-qsrn3q62xv] {
    white-space: normal;
    min-width: 200px;
}

.iv-batch[b-qsrn3q62xv] {
    display: block;
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}

.iv-note[b-qsrn3q62xv] {
    white-space: normal;
    min-width: 180px;
    color: var(--rz-text-secondary-color);
}

.iv-doclink[b-qsrn3q62xv] {
    color: var(--rz-primary);
    font-weight: 500;
    text-decoration: none;
}

.iv-doclink:hover[b-qsrn3q62xv] {
    text-decoration: underline;
}

.iv-empty-row[b-qsrn3q62xv] {
    text-align: center;
    padding: 2rem !important;
    color: var(--rz-text-secondary-color);
}

/* ── Štítek rozdílu ─────────────────────────────────────── */
.iv-diff[b-qsrn3q62xv] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.iv-diff--zero[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
    color: var(--rz-success);
}

.iv-diff--plus[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-info) 12%, transparent);
    color: var(--rz-info);
}

.iv-diff--minus[b-qsrn3q62xv] {
    background: color-mix(in srgb, var(--rz-danger) 12%, transparent);
    color: var(--rz-danger);
}
/* /View/Sklad/MinZasobaDialog.razor.rz.scp.css */
.mz-info[b-og305oxl59] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.mz-info__row[b-og305oxl59] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.9rem;
}

.mz-info__row span[b-og305oxl59] {
    color: var(--rz-text-secondary-color);
}

.mz-info__row strong[b-og305oxl59] {
    color: var(--rz-text-color);
}

.mz-hint[b-og305oxl59] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
    padding: 0.6rem 0.75rem;
    border-radius: var(--rz-border-radius, 6px);
    background: color-mix(in srgb, var(--rz-info) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--rz-info) 25%, transparent);
}

.mz-hint[b-og305oxl59]  .rzi {
    font-size: 1rem;
    color: var(--rz-info);
    flex-shrink: 0;
    margin-top: 0.05rem;
}
/* /View/Sklad/NaskladneniDetail.razor.rz.scp.css */
/* ── Pás statistik ──────────────────────────────────────── */
.nd-stats[b-gldgpu0z4h] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.nd-stat[b-gldgpu0z4h] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.nd-stat--primary[b-gldgpu0z4h] {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 35%, var(--rz-border-color));
}

.nd-stat__label[b-gldgpu0z4h] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.nd-stat__value[b-gldgpu0z4h] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.nd-stat__value small[b-gldgpu0z4h] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--rz-text-secondary-color);
}

.nd-stat__value--big[b-gldgpu0z4h] {
    font-size: 1.35rem;
    color: var(--rz-primary);
}

.nd-alert[b-gldgpu0z4h] {
    margin-bottom: 1rem;
}

/* ── Mřížka karet ───────────────────────────────────────── */
.nd-grid[b-gldgpu0z4h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .nd-grid[b-gldgpu0z4h] {
        grid-template-columns: 1fr;
    }
}

/* ── Hlavička karty ─────────────────────────────────────── */
.nd-card__header[b-gldgpu0z4h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-title-color, var(--rz-text-color));
}

.nd-card__header[b-gldgpu0z4h]  .rzi {
    color: var(--rz-primary);
}

.nd-card__header .nd-card__action[b-gldgpu0z4h] {
    margin-left: auto;
}

.nd-card__count[b-gldgpu0z4h] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* ── Stavový štítek ─────────────────────────────────────── */
.nd-status[b-gldgpu0z4h] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.nd-status--draft[b-gldgpu0z4h] {
    background: color-mix(in srgb, var(--rz-warning) 15%, transparent);
    color: var(--rz-warning-dark, var(--rz-warning));
}

.nd-status--confirmed[b-gldgpu0z4h] {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
    color: var(--rz-success);
}

.nd-status--cancelled[b-gldgpu0z4h] {
    background: color-mix(in srgb, var(--rz-danger) 12%, transparent);
    color: var(--rz-danger);
}

/* ── Základní informace ─────────────────────────────────── */
.nd-info[b-gldgpu0z4h] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 0.45rem;
    margin: 0;
}

.nd-info dt[b-gldgpu0z4h] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    align-self: baseline;
    padding-top: 0.15rem;
    white-space: nowrap;
}

.nd-info dd[b-gldgpu0z4h] {
    margin: 0;
    color: var(--rz-text-color);
    overflow-wrap: anywhere;
}

.nd-info dd small[b-gldgpu0z4h] {
    color: var(--rz-text-secondary-color);
}

/* ── Čipy skladů ────────────────────────────────────────── */
.nd-warehouses[b-gldgpu0z4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
}

.nd-chip[b-gldgpu0z4h] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    border: 1px solid var(--rz-border-color);
    font-size: 0.8rem;
    color: var(--rz-text-color);
}

.nd-chip small[b-gldgpu0z4h] {
    color: var(--rz-text-secondary-color);
}

.nd-chip[b-gldgpu0z4h]  .rzi {
    font-size: 0.95rem;
    color: var(--rz-text-secondary-color);
}

/* ── Tabulka položek ────────────────────────────────────── */
.nd-bottom[b-gldgpu0z4h] {
    margin-bottom: 1rem;
}

.nd-table-wrap[b-gldgpu0z4h] {
    overflow-x: auto;
}

.nd-table[b-gldgpu0z4h] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.nd-table th[b-gldgpu0z4h] {
    text-align: left;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
}

.nd-table td[b-gldgpu0z4h] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
    white-space: nowrap;
}

.nd-table tbody tr:hover td[b-gldgpu0z4h] {
    background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
}

.nd-right[b-gldgpu0z4h] {
    text-align: right !important;
}

.nd-product[b-gldgpu0z4h] {
    white-space: normal;
    min-width: 200px;
}

.nd-batch[b-gldgpu0z4h] {
    display: block;
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}

.nd-doclink[b-gldgpu0z4h] {
    color: var(--rz-primary);
    font-weight: 500;
    text-decoration: none;
}

.nd-doclink:hover[b-gldgpu0z4h] {
    text-decoration: underline;
}

/* ── Souhrn pod tabulkou ────────────────────────────────── */
.nd-totals[b-gldgpu0z4h] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1.5rem;
    margin-top: 0.9rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
    font-size: 0.9rem;
    color: var(--rz-text-secondary-color);
}

.nd-totals strong[b-gldgpu0z4h] {
    color: var(--rz-text-color);
}

.nd-totals__grand[b-gldgpu0z4h] {
    font-size: 1.05rem;
}

.nd-totals__grand strong[b-gldgpu0z4h] {
    color: var(--rz-primary);
}
/* /View/Sklad/PrecenitDialog.razor.rz.scp.css */
.precenit-info[b-ori1bpwo1w] {
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    border-radius: 8px;
    padding: 12px 16px;
    background: var(--rz-base-background-color, #f8f9fa);
}

.precenit-info__row[b-ori1bpwo1w] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 13px;
}

.precenit-preview[b-ori1bpwo1w] {
    font-size: 14px;
    padding: 8px 4px;
}

.precenit-preview--negative[b-ori1bpwo1w] {
    color: var(--rz-danger, #d32f2f);
}
/* /View/Sklad/PrevodkaDetail.razor.rz.scp.css */
/* ── Pás statistik ──────────────────────────────────────── */
.pd-stats[b-lzho1ffh35] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pd-stat[b-lzho1ffh35] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.pd-stat--primary[b-lzho1ffh35] {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 35%, var(--rz-border-color));
}

.pd-stat__label[b-lzho1ffh35] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.pd-stat__value[b-lzho1ffh35] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.pd-stat__value small[b-lzho1ffh35] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--rz-text-secondary-color);
}

.pd-stat__value--big[b-lzho1ffh35] {
    font-size: 1.35rem;
    color: var(--rz-primary);
}

.pd-alert[b-lzho1ffh35] {
    margin-bottom: 1rem;
}

/* ── Mřížka karet ───────────────────────────────────────── */
.pd-grid[b-lzho1ffh35] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .pd-grid[b-lzho1ffh35] {
        grid-template-columns: 1fr;
    }
}

/* ── Hlavička karty ─────────────────────────────────────── */
.pd-card__header[b-lzho1ffh35] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-title-color, var(--rz-text-color));
}

.pd-card__header[b-lzho1ffh35]  .rzi {
    color: var(--rz-primary);
}

.pd-card__header .pd-card__action[b-lzho1ffh35] {
    margin-left: auto;
}

.pd-card__count[b-lzho1ffh35] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* ── Stavový štítek ─────────────────────────────────────── */
.pd-status[b-lzho1ffh35] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pd-status--draft[b-lzho1ffh35] {
    background: color-mix(in srgb, var(--rz-warning) 15%, transparent);
    color: var(--rz-warning-dark, var(--rz-warning));
}

.pd-status--confirmed[b-lzho1ffh35] {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
    color: var(--rz-success);
}

.pd-status--cancelled[b-lzho1ffh35] {
    background: color-mix(in srgb, var(--rz-danger) 12%, transparent);
    color: var(--rz-danger);
}

/* ── Základní informace ─────────────────────────────────── */
.pd-info[b-lzho1ffh35] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 0.45rem;
    margin: 0;
}

.pd-info dt[b-lzho1ffh35] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    align-self: baseline;
    padding-top: 0.15rem;
    white-space: nowrap;
}

.pd-info dd[b-lzho1ffh35] {
    margin: 0;
    color: var(--rz-text-color);
    overflow-wrap: anywhere;
}

/* ── Trasa převodu ──────────────────────────────────────── */
.pd-route[b-lzho1ffh35] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pd-route__node[b-lzho1ffh35] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-base-hover-background-color);
    border: 1px solid var(--rz-border-color);
}

.pd-route__label[b-lzho1ffh35] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
}

.pd-route__name[b-lzho1ffh35] {
    font-weight: 600;
    color: var(--rz-text-color);
}

.pd-route__loc[b-lzho1ffh35] {
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
}

.pd-route__arrow[b-lzho1ffh35]  .rzi {
    font-size: 1.4rem;
    color: var(--rz-primary);
}

@media (max-width: 575px) {
    .pd-route[b-lzho1ffh35] {
        flex-direction: column;
        align-items: stretch;
    }

    .pd-route__arrow[b-lzho1ffh35] {
        align-self: center;
        transform: rotate(90deg);
    }
}

/* ── Tabulka položek ────────────────────────────────────── */
.pd-bottom[b-lzho1ffh35] {
    margin-bottom: 1rem;
}

.pd-table-wrap[b-lzho1ffh35] {
    overflow-x: auto;
}

.pd-table[b-lzho1ffh35] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.pd-table th[b-lzho1ffh35] {
    text-align: left;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
}

.pd-table td[b-lzho1ffh35] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
    white-space: nowrap;
}

.pd-table tbody tr:hover td[b-lzho1ffh35] {
    background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
}

.pd-right[b-lzho1ffh35] {
    text-align: right !important;
}

.pd-product[b-lzho1ffh35] {
    white-space: normal;
    min-width: 200px;
}

.pd-batch[b-lzho1ffh35] {
    display: block;
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}

.pd-note[b-lzho1ffh35] {
    white-space: normal;
    color: var(--rz-text-secondary-color);
}

.pd-doclink[b-lzho1ffh35] {
    color: var(--rz-primary);
    font-weight: 500;
    text-decoration: none;
}

.pd-doclink:hover[b-lzho1ffh35] {
    text-decoration: underline;
}

/* ── Souhrn pod tabulkou ────────────────────────────────── */
.pd-totals[b-lzho1ffh35] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1.5rem;
    margin-top: 0.9rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
    font-size: 0.9rem;
    color: var(--rz-text-secondary-color);
}

.pd-totals strong[b-lzho1ffh35] {
    color: var(--rz-text-color);
}

.pd-totals__grand[b-lzho1ffh35] {
    font-size: 1.05rem;
}

.pd-totals__grand strong[b-lzho1ffh35] {
    color: var(--rz-primary);
}
/* /View/Sklad/ProduktEdit.razor.rz.scp.css */
.pe-grid[b-w2a44b7bar] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

/* RadzenCard nedostává scope atribut — cílit přes ::deep od .pe-grid */
.pe-grid[b-w2a44b7bar]  .pe-card--main,
.pe-grid[b-w2a44b7bar]  .pe-card--price {
    grid-column: span 2;
}

@media (min-width: 992px) {
    .pe-grid[b-w2a44b7bar]  .pe-card--main {
        grid-column: span 1;
    }

    .pe-grid[b-w2a44b7bar]  .pe-card--price {
        grid-column: span 1;
    }
}

@media (max-width: 767px) {
    .pe-grid[b-w2a44b7bar] {
        grid-template-columns: 1fr;
    }

    .pe-grid[b-w2a44b7bar]  .pe-card--main,
    .pe-grid[b-w2a44b7bar]  .pe-card--price {
        grid-column: span 1;
    }
}

/* ── Hlavička karty ─────────────────────────────────────── */
.pe-card__header[b-w2a44b7bar] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-title-color, var(--rz-text-color));
}

.pe-card__header[b-w2a44b7bar]  .rzi {
    color: var(--rz-primary);
}

.pe-card__action[b-w2a44b7bar] {
    margin-left: auto;
}

/* ── Přepínače ──────────────────────────────────────────── */
.pe-switches[b-w2a44b7bar] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
}

.pe-switch[b-w2a44b7bar] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--rz-text-color);
}

.pe-switch span[b-w2a44b7bar] {
    cursor: pointer;
    user-select: none;
}

/* ── Cena ───────────────────────────────────────────────── */
.pe-price-summary[b-w2a44b7bar] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pe-price-item[b-w2a44b7bar] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.6rem 0.75rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.pe-price-item__label[b-w2a44b7bar] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
}

.pe-price-item__value[b-w2a44b7bar] {
    font-weight: 600;
    color: var(--rz-text-color);
}

.pe-price-item__value--big[b-w2a44b7bar] {
    font-size: 1.25rem;
    color: var(--rz-primary);
}

.pe-margin--neg[b-w2a44b7bar] {
    color: var(--rz-danger);
}

.pe-margin--low[b-w2a44b7bar] {
    color: var(--rz-warning-dark, var(--rz-warning));
}

.pe-margin--ok[b-w2a44b7bar] {
    color: var(--rz-success);
}

.pe-price-note[b-w2a44b7bar] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
}

/* ── Historie cen ───────────────────────────────────────── */
.pe-history__title[b-w2a44b7bar] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
    margin-bottom: 0.4rem;
}

.pe-history[b-w2a44b7bar] {
    overflow-x: auto;
}

.pe-history__table[b-w2a44b7bar] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.pe-history__table th[b-w2a44b7bar] {
    text-align: left;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
}

.pe-history__table td[b-w2a44b7bar] {
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
    white-space: nowrap;
}

.pe-right[b-w2a44b7bar] {
    text-align: right !important;
}

.pe-history__row--current td[b-w2a44b7bar] {
    background: color-mix(in srgb, var(--rz-primary) 8%, transparent);
}

/* ── EAN / SKU řádky ────────────────────────────────────── */
.pe-code-row[b-w2a44b7bar] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.pe-empty[b-w2a44b7bar] {
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
    font-style: italic;
}

.pe-footer[b-w2a44b7bar] {
    margin-top: 1rem;
}
/* /View/Sklad/ProduktNahled.razor.rz.scp.css */
/* ── Pás statistik ──────────────────────────────────────── */
.pn-stats[b-j6m3j6srpm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pn-stat[b-j6m3j6srpm] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.pn-stat--primary[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 35%, var(--rz-border-color));
}

.pn-stat__label[b-j6m3j6srpm] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.pn-stat__value[b-j6m3j6srpm] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.pn-stat__value small[b-j6m3j6srpm] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--rz-text-secondary-color);
}

.pn-stat__value--big[b-j6m3j6srpm] {
    font-size: 1.35rem;
    color: var(--rz-primary);
}

.pn-margin--neg[b-j6m3j6srpm] {
    color: var(--rz-danger);
}

.pn-margin--low[b-j6m3j6srpm] {
    color: var(--rz-warning-dark, var(--rz-warning));
}

.pn-margin--ok[b-j6m3j6srpm] {
    color: var(--rz-success);
}

.pn-alert[b-j6m3j6srpm] {
    margin-bottom: 1rem;
}

/* ── Mřížka karet ───────────────────────────────────────── */
.pn-grid[b-j6m3j6srpm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .pn-grid[b-j6m3j6srpm] {
        grid-template-columns: 1fr;
    }
}

/* ── Hlavička karty ─────────────────────────────────────── */
.pn-card__header[b-j6m3j6srpm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-title-color, var(--rz-text-color));
}

.pn-card__header[b-j6m3j6srpm]  .rzi {
    color: var(--rz-primary);
}

/* Radzen komponenty nedostávají scope atribut — cílit přes ::deep od HTML předka */
.pn-card__header[b-j6m3j6srpm]  .pn-card__action {
    margin-left: auto;
}

/* ── Informace o produktu ───────────────────────────────── */
.pn-info[b-j6m3j6srpm] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 0.45rem;
    margin: 0;
}

.pn-info dt[b-j6m3j6srpm] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    align-self: baseline;
    padding-top: 0.15rem;
    white-space: nowrap;
}

.pn-info dd[b-j6m3j6srpm] {
    margin: 0;
    color: var(--rz-text-color);
    overflow-wrap: anywhere;
}

/* ── EAN / SKU čipy ─────────────────────────────────────── */
.pn-codes[b-j6m3j6srpm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
}

.pn-chip[b-j6m3j6srpm] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    border: 1px solid var(--rz-border-color);
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.8rem;
    color: var(--rz-text-color);
}

.pn-chip[b-j6m3j6srpm]  .rzi {
    font-size: 0.95rem;
    color: var(--rz-text-secondary-color);
}

/* ── Tabulka zásob ──────────────────────────────────────── */
.pn-table-wrap[b-j6m3j6srpm] {
    overflow-x: auto;
}

.pn-table[b-j6m3j6srpm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.pn-table th[b-j6m3j6srpm] {
    text-align: left;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
}

.pn-table td[b-j6m3j6srpm] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
    white-space: nowrap;
}

.pn-right[b-j6m3j6srpm] {
    text-align: right !important;
}

.pn-table__row--low td[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-warning) 10%, transparent);
}

.pn-table-wrap[b-j6m3j6srpm]  .pn-low-icon {
    font-size: 1rem;
    vertical-align: text-bottom;
    margin-left: 0.3rem;
    color: var(--rz-warning-dark, var(--rz-warning));
}

.pn-empty[b-j6m3j6srpm] {
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
    font-style: italic;
}

/* ── Meta řádek pod tabulkou ────────────────────────────── */
.pn-meta[b-j6m3j6srpm] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 0.9rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
}

.pn-meta span[b-j6m3j6srpm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.pn-meta strong[b-j6m3j6srpm] {
    color: var(--rz-text-color);
}

.pn-meta[b-j6m3j6srpm]  .rzi {
    font-size: 1rem;
    color: var(--rz-primary);
}

/* ── Ikonové tlačítko (řádkové akce, stránkování) ───────── */
.pn-iconbtn[b-j6m3j6srpm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: 1px solid var(--rz-border-color);
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    color: var(--rz-text-secondary-color);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.pn-iconbtn:hover:not(:disabled)[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-primary) 10%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 40%, var(--rz-border-color));
    color: var(--rz-primary);
}

.pn-iconbtn:disabled[b-j6m3j6srpm] {
    opacity: 0.4;
    cursor: default;
}

.pn-iconbtn[b-j6m3j6srpm]  .rzi {
    font-size: 1.05rem;
}

/* ── Spodní karta s taby ────────────────────────────────── */
.pn-bottom[b-j6m3j6srpm] {
    margin-bottom: 1rem;
}

.pn-tabs[b-j6m3j6srpm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--rz-border-color);
}

.pn-tab[b-j6m3j6srpm] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.pn-tab:hover[b-j6m3j6srpm] {
    background: var(--rz-base-hover-background-color);
    color: var(--rz-text-color);
}

.pn-tab--active[b-j6m3j6srpm],
.pn-tab--active:hover[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-primary) 10%, transparent);
    border-color: color-mix(in srgb, var(--rz-primary) 35%, transparent);
    color: var(--rz-primary);
}

.pn-tab[b-j6m3j6srpm]  .rzi {
    font-size: 1.05rem;
}

.pn-tab__count[b-j6m3j6srpm] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

.pn-tab--active .pn-tab__count[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-primary) 18%, transparent);
    color: var(--rz-primary);
}

/* ── Tabulky ve spodní kartě ────────────────────────────── */
.pn-table--hover tbody tr:hover td[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
}

.pn-table .pn-note[b-j6m3j6srpm] {
    white-space: normal;
    color: var(--rz-text-secondary-color);
}

.pn-table__row--current td[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-success) 6%, transparent);
}

.pn-qty--in[b-j6m3j6srpm] {
    color: var(--rz-success);
}

.pn-qty--out[b-j6m3j6srpm] {
    color: var(--rz-danger);
}

/* ── Štítek typu pohybu ─────────────────────────────────── */
.pn-mtype[b-j6m3j6srpm] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pn-mtype--in[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
    color: var(--rz-success);
}

.pn-mtype--out[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-danger) 12%, transparent);
    color: var(--rz-danger);
}

.pn-mtype--move[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-info) 12%, transparent);
    color: var(--rz-info);
}

.pn-mtype--inv[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-warning) 15%, transparent);
    color: var(--rz-warning-dark, var(--rz-warning));
}

.pn-mtype--off[b-j6m3j6srpm] {
    background: var(--rz-base-hover-background-color);
    color: var(--rz-text-secondary-color);
}

.pn-mtype--ret[b-j6m3j6srpm] {
    background: color-mix(in srgb, var(--rz-secondary) 12%, transparent);
    color: var(--rz-secondary);
}

/* ── Odkaz na doklad ────────────────────────────────────── */
.pn-doclink[b-j6m3j6srpm] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--rz-primary);
    font-weight: 500;
    text-decoration: none;
}

.pn-doclink:hover[b-j6m3j6srpm] {
    text-decoration: underline;
}

.pn-doclink[b-j6m3j6srpm]  .rzi {
    font-size: 0.85rem;
    opacity: 0.7;
}

/* ── Stránkování pohybů ─────────────────────────────────── */
.pn-pager[b-j6m3j6srpm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
}

.pn-pager__info[b-j6m3j6srpm] {
    margin-right: auto;
}

.pn-pager__page[b-j6m3j6srpm] {
    font-weight: 600;
    color: var(--rz-text-color);
    white-space: nowrap;
}
/* /View/Sklad/SkladList.razor.rz.scp.css */
/* ================================================
   SKLAD — scoped CSS (Radzen CSS vars for dark mode)
   ================================================ */

/* ── Topbar ─────────────────────────────────────── */
.sk-topbar[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 0 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--rz-border-color);
}

.sk-topbar__left[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sk-topbar__icon[b-m2tk3b93p4] {
    font-size: 26px;
    line-height: 1;
}

.sk-topbar__titles[b-m2tk3b93p4] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.sk-topbar__eyebrow[b-m2tk3b93p4] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--rz-text-secondary-color);
}

.sk-topbar__title[b-m2tk3b93p4] {
    font-size: 20px;
    font-weight: 600;
    color: var(--rz-text-color);
}

.sk-topbar__tabs[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
    justify-content: center;
    flex-wrap: wrap;
}

.sk-topbar__action[b-m2tk3b93p4] {
    flex-shrink: 0;
}

/* ── Tabs ───────────────────────────────────────── */
.sk-tab[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 5px;
    border: none;
    background: transparent;
    color: var(--rz-text-color);
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s;
}

.sk-tab:hover[b-m2tk3b93p4] {
    background: color-mix(in srgb, var(--rz-text-color) 10%, transparent);
    color: var(--rz-text-color);
}

.sk-tab--active[b-m2tk3b93p4],
.sk-tab--active:hover[b-m2tk3b93p4] {
    background: var(--rz-primary);
    color: var(--rz-on-primary, #fff);
    font-weight: 600;
    box-shadow: 0 1px 4px color-mix(in srgb, var(--rz-primary) 40%, transparent);
}

/* ── Page content ───────────────────────────────── */
.sk-page[b-m2tk3b93p4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sk-loading[b-m2tk3b93p4] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

/* ── Buttons ────────────────────────────────────── */
.sk-btn[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s, background .15s;
}

.sk-btn:hover[b-m2tk3b93p4] { opacity: .85; }

.sk-btn--primary[b-m2tk3b93p4] {
    background: var(--rz-primary);
    color: #fff;
}

.sk-btn--success[b-m2tk3b93p4] {
    background: var(--rz-success);
    color: #fff;
}

.sk-btn--ghost[b-m2tk3b93p4] {
    background: var(--rz-base-hover-background-color);
    color: var(--rz-text-color);
    border-color: var(--rz-border-color);
}

.sk-btn--danger[b-m2tk3b93p4] {
    color: var(--rz-danger) !important;
    border-color: var(--rz-danger) !important;
}

/* ── Card ───────────────────────────────────────── */
.sk-card[b-m2tk3b93p4] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

/* ── KPI Grid ───────────────────────────────────── */
.sk-kpi-grid[b-m2tk3b93p4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

@media (max-width: 900px) { .sk-kpi-grid[b-m2tk3b93p4] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .sk-kpi-grid[b-m2tk3b93p4] { grid-template-columns: 1fr; } }

.sk-kpi[b-m2tk3b93p4] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.sk-kpi__top[b-m2tk3b93p4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px;
}

.sk-kpi__label[b-m2tk3b93p4] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--rz-text-secondary-color);
    margin-bottom: 4px;
}

.sk-kpi__value[b-m2tk3b93p4] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
}

.sk-kpi__sub[b-m2tk3b93p4] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
    margin-top: 3px;
}

.sk-kpi__icon[b-m2tk3b93p4] {
    font-size: 28px;
    opacity: .1;
    line-height: 1;
}

.sk-kpi__bar[b-m2tk3b93p4] {
    height: 3px;
    opacity: .6;
}

/* ── Alert ──────────────────────────────────────── */
.sk-alert[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-left: 4px solid var(--rz-warning);
    border-radius: 8px;
}

.sk-alert__icon[b-m2tk3b93p4] { font-size: 20px; }

.sk-alert__body[b-m2tk3b93p4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sk-alert__text[b-m2tk3b93p4] { font-size: 13px; font-weight: 600; color: var(--rz-text-color); }
.sk-alert__names[b-m2tk3b93p4] { font-size: 11px; color: var(--rz-text-secondary-color); }

.sk-alert__btn[b-m2tk3b93p4] {
    padding: 6px 12px;
    border-radius: 5px;
    border: none;
    background: var(--rz-warning);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
}

/* ── Section header ──────────────────────────────── */
.sk-section-header[b-m2tk3b93p4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.sk-section-title[b-m2tk3b93p4] {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--rz-text-color);
    letter-spacing: .05em;
}

.sk-section-sub[b-m2tk3b93p4] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
}

/* ── Stacked bar ─────────────────────────────────── */
.sk-stacked-bar[b-m2tk3b93p4] {
    display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--rz-border-color);
    margin-bottom: 10px;
}

.sk-bar-seg[b-m2tk3b93p4] { height: 100%; transition: width .3s; }

/* ── Chip row ────────────────────────────────────── */
.sk-chip-row[b-m2tk3b93p4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.sk-chip[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 100px;
    border: 1px solid var(--rz-border-color);
    background: transparent;
    font-size: 12px;
    color: var(--rz-text-color);
    cursor: pointer;
    font-family: inherit;
    transition: all .15s;
}

.sk-chip:hover[b-m2tk3b93p4] { background: var(--rz-base-hover-background-color); }

.sk-chip--active[b-m2tk3b93p4] {
    border-color: var(--rz-primary);
    background: color-mix(in srgb, var(--rz-primary) 12%, transparent);
    color: var(--rz-primary);
    font-weight: 600;
}

/* ── Toolbar ─────────────────────────────────────── */
.sk-toolbar[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sk-search[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 200px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 6px 10px;
}

.sk-search__icon[b-m2tk3b93p4] { font-size: 14px; opacity: .5; }

.sk-search__input[b-m2tk3b93p4] {
    border: none;
    outline: none;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    width: 100%;
}

.sk-check-label[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    cursor: pointer;
    color: var(--rz-text-color);
    white-space: nowrap;
}

.sk-check[b-m2tk3b93p4] { cursor: pointer; }

.sk-view-toggle[b-m2tk3b93p4] {
    display: flex;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    overflow: hidden;
    background: var(--rz-base-hover-background-color);
}

.sk-view-btn[b-m2tk3b93p4] {
    padding: 6px 12px;
    border: none;
    background: transparent;
    color: var(--rz-text-color);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s;
}

.sk-view-btn--active[b-m2tk3b93p4] {
    background: var(--rz-card-background-color);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    font-weight: 600;
}

.sk-filter-info[b-m2tk3b93p4] {
    margin-top: 8px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    display: flex;
    align-items: center;
    gap: 8px;
}

.sk-link[b-m2tk3b93p4] {
    background: none;
    border: none;
    color: var(--rz-primary);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
    text-decoration: underline;
}

/* ── Select ──────────────────────────────────────── */
.sk-select[b-m2tk3b93p4] {
    padding: 6px 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    outline: none;
}

/* ── Table ───────────────────────────────────────── */
.sk-table-wrap[b-m2tk3b93p4] {
    overflow-x: auto;
}

.sk-table[b-m2tk3b93p4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--rz-text-color);
}

.sk-table thead[b-m2tk3b93p4] {
    background: var(--rz-base-hover-background-color);
}

.sk-table th[b-m2tk3b93p4] {
    padding: 10px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
    text-align: left;
}

.sk-table td[b-m2tk3b93p4] {
    padding: 11px 12px;
    border-bottom: 1px solid var(--rz-border-color);
    vertical-align: middle;
}

.sk-table tbody tr:last-child td[b-m2tk3b93p4] { border-bottom: none; }

.sk-tr[b-m2tk3b93p4] { cursor: pointer; transition: background .12s; }
.sk-tr:hover[b-m2tk3b93p4] { background: var(--rz-base-hover-background-color); }

.sk-right[b-m2tk3b93p4] { text-align: right !important; }
.sk-bold[b-m2tk3b93p4] { font-weight: 600; }
.sk-muted[b-m2tk3b93p4] { color: var(--rz-text-secondary-color); }
.sk-mono[b-m2tk3b93p4] { font-family: monospace; font-size: 12px; }
.sk-empty[b-m2tk3b93p4] { text-align: center; padding: 32px !important; color: var(--rz-text-secondary-color); }
.sk-link-text[b-m2tk3b93p4] { color: var(--rz-primary); font-weight: 500; }

/* ── Product cell ────────────────────────────────── */
.sk-prod-cell[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sk-prod-icon[b-m2tk3b93p4] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}

.sk-prod-name[b-m2tk3b93p4] { font-weight: 600; font-size: 13px; }
.sk-prod-sku[b-m2tk3b93p4] { font-size: 11px; color: var(--rz-text-secondary-color); font-family: monospace; }

/* ── Pill ────────────────────────────────────────── */
.sk-pill[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .04em;
}

.sk-pill--sm[b-m2tk3b93p4] { font-size: 10px; padding: 2px 6px; }

/* ── Category badge ──────────────────────────────── */
.sk-cat-badge[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Stock cell ──────────────────────────────────── */
.sk-stock-cell[b-m2tk3b93p4] { display: flex; flex-direction: column; gap: 2px; }
.sk-stock-num[b-m2tk3b93p4] { font-size: 14px; font-weight: 700; }
.sk-stock-res[b-m2tk3b93p4] { font-size: 10px; color: var(--rz-text-secondary-color); }

/* ── Status cell ─────────────────────────────────── */
/* width:1% + nowrap obsah = sloupec se smrskne na šířku pilulky */
.sk-th--tight[b-m2tk3b93p4] { width: 1%; }
.sk-status-cell[b-m2tk3b93p4] { display: flex; flex-direction: column; gap: 4px; }
.sk-status-cell .sk-pill[b-m2tk3b93p4] { white-space: nowrap; }
.sk-min[b-m2tk3b93p4] { font-size: 10px; color: var(--rz-text-secondary-color); white-space: nowrap; }

/* ── Price cell ──────────────────────────────────── */
.sk-price-cell[b-m2tk3b93p4] { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
.sk-price-cost[b-m2tk3b93p4] { font-size: 10px; color: var(--rz-text-secondary-color); }

/* ── Mini bar ────────────────────────────────────── */
.sk-bar-mini[b-m2tk3b93p4] {
    height: 4px;
    border-radius: 2px;
    background: var(--rz-border-color);
    overflow: hidden;
}

.sk-bar-mini--lg[b-m2tk3b93p4] { height: 5px; }
.sk-bar-mini--xl[b-m2tk3b93p4] { height: 8px; border-radius: 4px; }

/* ── Transfer route ──────────────────────────────── */
.sk-transfer-route[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
}

.sk-arrow[b-m2tk3b93p4] { color: var(--rz-text-secondary-color); }

/* ── Toggle group ────────────────────────────────── */
.sk-toggle-group[b-m2tk3b93p4] {
    display: flex;
    gap: 4px;
}

.sk-toggle-btn[b-m2tk3b93p4] {
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--rz-border-color);
    background: transparent;
    color: var(--rz-text-color);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
}

.sk-toggle-btn--active[b-m2tk3b93p4] {
    background: var(--rz-success-light, color-mix(in srgb, var(--rz-success) 15%, transparent));
    color: var(--rz-success);
    border-color: var(--rz-success);
    font-weight: 600;
}

/* ── Cards grid ──────────────────────────────────── */
.sk-cards-grid[b-m2tk3b93p4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px;
}

.sk-prod-card[b-m2tk3b93p4] {
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s;
}

.sk-prod-card:hover[b-m2tk3b93p4] {
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    transform: translateY(-1px);
}

.sk-prod-card__top[b-m2tk3b93p4] {
    padding: 20px 14px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
}

.sk-prod-card__top .sk-cat-badge[b-m2tk3b93p4] { position: absolute; top: 10px; left: 10px; }
.sk-prod-card__top .sk-pill[b-m2tk3b93p4] { position: absolute; top: 10px; right: 10px; }

.sk-prod-card__emoji[b-m2tk3b93p4] {
    font-size: 42px;
    line-height: 1;
    margin-top: 12px;
}

.sk-prod-card__body[b-m2tk3b93p4] {
    padding: 12px 14px 14px;
}

.sk-prod-card__meta[b-m2tk3b93p4] { font-size: 11px; color: var(--rz-text-secondary-color); margin: 4px 0; }

.sk-prod-card__footer[b-m2tk3b93p4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--rz-border-color);
}

/* ── Warehouse Switcher ──────────────────────────── */
.sk-ws-wrap[b-m2tk3b93p4] {
    position: relative;
}

.sk-ws-btn[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    min-width: 260px;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
    cursor: pointer;
    font-family: inherit;
    transition: border-color .15s;
    text-align: left;
}

.sk-ws-btn:hover[b-m2tk3b93p4] { border-color: var(--rz-primary); }

.sk-ws-btn__icon[b-m2tk3b93p4] { font-size: 18px; }

.sk-ws-btn__text[b-m2tk3b93p4] { display: flex; flex-direction: column; flex: 1; }

.sk-ws-btn__eyebrow[b-m2tk3b93p4] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--rz-text-secondary-color);
}

.sk-ws-btn__name[b-m2tk3b93p4] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--rz-text-color);
}

.sk-ws-btn__stats[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.sk-ws-btn__chevron[b-m2tk3b93p4] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}

.sk-dot[b-m2tk3b93p4] { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.sk-dot--warn[b-m2tk3b93p4] { background: var(--rz-warning); }

/* Dropdown */
.sk-ws-dropdown[b-m2tk3b93p4] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 320px;
    max-height: 380px;
    overflow-y: auto;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,.18);
    z-index: 50;
}

.sk-ws-dropdown__header[b-m2tk3b93p4] {
    padding: 10px 14px 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
}

.sk-ws-item[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .12s;
}

.sk-ws-item:hover[b-m2tk3b93p4] { background: var(--rz-base-hover-background-color); }

.sk-ws-item__icon[b-m2tk3b93p4] { font-size: 18px; flex-shrink: 0; }

.sk-ws-item__info[b-m2tk3b93p4] { flex: 1; display: flex; flex-direction: column; gap: 2px; }

.sk-ws-item__name-row[b-m2tk3b93p4] { display: flex; align-items: center; gap: 6px; }
.sk-ws-item__name[b-m2tk3b93p4] { font-size: 13px; color: var(--rz-text-color); }
.sk-ws-item__sub[b-m2tk3b93p4] { font-size: 11px; color: var(--rz-text-secondary-color); }

.sk-ws-item__right[b-m2tk3b93p4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.sk-ws-item__count[b-m2tk3b93p4] { font-size: 11.5px; font-weight: 600; color: var(--rz-text-color); }
.sk-ws-item__val[b-m2tk3b93p4] { font-size: 10px; color: var(--rz-text-secondary-color); }

.sk-ws-overlay[b-m2tk3b93p4] {
    position: fixed;
    inset: 0;
    z-index: 49;
}

/* ── Badges ──────────────────────────────────────── */
.sk-badge[b-m2tk3b93p4] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    white-space: nowrap;
}

.sk-badge--warn[b-m2tk3b93p4] { background: var(--rz-warning-light, #fffbeb); color: var(--rz-warning); }

/* ── Bar wrap (modal) ────────────────────────────── */
.sk-bar-wrap[b-m2tk3b93p4] { margin-bottom: 12px; }
.sk-bar-labels[b-m2tk3b93p4] { display: flex; justify-content: space-between; font-size: 10px; color: var(--rz-text-secondary-color); margin-top: 3px; }

/* ── Modal ───────────────────────────────────────── */
.sk-modal-overlay[b-m2tk3b93p4] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.sk-modal[b-m2tk3b93p4] {
    background: var(--rz-card-background-color);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0,0,0,.3);
    width: 100%;
    max-width: 540px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.sk-modal__header[b-m2tk3b93p4] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 24px;
    justify-content: space-between;
}

.sk-modal__header-left[b-m2tk3b93p4] { display: flex; align-items: flex-start; gap: 14px; }

.sk-modal__prod-icon[b-m2tk3b93p4] {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.sk-modal__meta-row[b-m2tk3b93p4] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 4px; }

.sk-modal__name[b-m2tk3b93p4] { font-size: 18px; font-weight: 600; color: var(--rz-text-color); }

.sk-modal__close[b-m2tk3b93p4] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: var(--rz-text-secondary-color);
    padding: 0 2px;
    line-height: 1;
    flex-shrink: 0;
}

.sk-modal__body[b-m2tk3b93p4] { padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; }

.sk-modal__stock-grid[b-m2tk3b93p4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.sk-stock-box[b-m2tk3b93p4] {
    background: var(--rz-base-hover-background-color);
    border-radius: 6px;
    padding: 10px;
    text-align: center;
}

.sk-stock-box__label[b-m2tk3b93p4] { font-size: 10px; font-weight: 700; letter-spacing: .06em; color: var(--rz-text-secondary-color); margin-bottom: 4px; }
.sk-stock-box__val[b-m2tk3b93p4] { font-size: 17px; font-weight: 700; color: var(--rz-text-color); }

.sk-modal__price-grid[b-m2tk3b93p4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.sk-price-box[b-m2tk3b93p4] {
    padding: 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
}

.sk-price-box__label[b-m2tk3b93p4] { font-size: 10px; font-weight: 700; color: var(--rz-text-secondary-color); margin-bottom: 4px; }
.sk-price-box__val[b-m2tk3b93p4] { font-size: 15px; font-weight: 500; color: var(--rz-text-color); }

.sk-modal__info-row[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    flex-wrap: wrap;
}

.sk-modal__footer[b-m2tk3b93p4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    background: var(--rz-base-hover-background-color);
    border-top: 1px solid var(--rz-border-color);
    flex-wrap: wrap;
}

/* ── Štítky ──────────────────────────────────── */
.sk-num[b-m2tk3b93p4] {
    width: 72px;
    padding: 6px 10px;
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    font-size: 13px;
    font-family: inherit;
    outline: none;
}

.sk-old-price[b-m2tk3b93p4] {
    text-decoration: line-through;
    color: var(--rz-text-secondary-color);
}

.sk-nowrap[b-m2tk3b93p4] {
    white-space: nowrap;
}

.sk-icon-btn[b-m2tk3b93p4] {
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    background: var(--rz-card-background-color);
    color: var(--rz-text-color);
    padding: 4px 8px;
    font-size: 12px;
    cursor: pointer;
    transition: background .15s;
}

.sk-icon-btn:hover[b-m2tk3b93p4] {
    background: var(--rz-base-hover-background-color);
}

.sk-icon-btn--danger:hover[b-m2tk3b93p4] {
    color: var(--rz-danger);
    border-color: var(--rz-danger);
}
/* /View/Sklad/SkPager.razor.rz.scp.css */
.sk-pager[b-d6lp8hduz0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px;
    margin-top: 8px;
    border-radius: 10px;
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.08));
}

.sk-pager__summary[b-d6lp8hduz0] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}

.sk-pager__nav[b-d6lp8hduz0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sk-pager__btn[b-d6lp8hduz0] {
    padding: 5px 12px;
    border-radius: 8px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    background: var(--rz-card-background-color);
    color: var(--rz-text-color);
    font-size: 12px;
    cursor: pointer;
    transition: background 0.15s;
}

.sk-pager__btn:hover:not(:disabled)[b-d6lp8hduz0] {
    background: var(--rz-base-hover-background-color, rgba(0, 0, 0, 0.05));
}

.sk-pager__btn:disabled[b-d6lp8hduz0] {
    opacity: 0.4;
    cursor: default;
}

.sk-pager__info[b-d6lp8hduz0] {
    font-size: 12px;
    font-weight: 600;
    color: var(--rz-text-color);
    padding: 0 6px;
    white-space: nowrap;
}
/* /View/Sklad/StitekDialog.razor.rz.scp.css */
.stitek-dialog__hint[b-9krgkoyptc] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
}
/* /View/Sklad/StitkyTisk.razor.rz.scp.css */
/* ── Toolbar (jen na obrazovce) ─────────────────────── */
.stitky-toolbar[b-wg8t55p2q1] {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.12));
    background: var(--rz-card-background-color, #fff);
}

.stitky-toolbar__btn[b-wg8t55p2q1] {
    padding: 8px 20px;
    border: 1px solid var(--rz-border-color, rgba(0, 0, 0, 0.2));
    border-radius: 6px;
    background: var(--rz-card-background-color, #fff);
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.stitky-toolbar__btn--print[b-wg8t55p2q1] {
    background: var(--rz-primary, #1976d2);
    border-color: var(--rz-primary, #1976d2);
    color: var(--rz-on-primary, #fff);
}

.stitky-empty[b-wg8t55p2q1] {
    padding: 24px;
    text-align: center;
    color: var(--rz-text-secondary-color, #666);
}

/* ── Arch štítků — simulace papíru, tiskne se černě na bílou ── */
.stitky-sheet[b-wg8t55p2q1] {
    width: 21cm;
    margin: 16px auto;
    padding: 5mm;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 2mm;
    background: #fff;
    color: #111;
    font-family: "Segoe UI", Arial, sans-serif;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
}

.stitek[b-wg8t55p2q1] {
    position: relative;
    border: 1px solid #b8b8b8;
    border-radius: 2mm;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    break-inside: avoid;
    page-break-inside: avoid;
}

/* Badge „AKCE" — obrys místo výplně, spolehlivě se vytiskne */
.stitek__badge[b-wg8t55p2q1] {
    position: absolute;
    top: 2mm;
    right: 2mm;
    border: 1px solid #111;
    border-radius: 999px;
    padding: 0.4mm 2mm;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.stitek__old[b-wg8t55p2q1] {
    text-decoration: line-through;
    color: #777;
    font-weight: 400;
    white-space: nowrap;
}

.stitek__price[b-wg8t55p2q1] {
    white-space: nowrap;
    font-weight: 800;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.stitek__price[b-wg8t55p2q1]  .stitek__cents {
    font-size: 0.55em;
    vertical-align: super;
    font-weight: 700;
}

.stitek__price[b-wg8t55p2q1]  .stitek__kc {
    font-size: 0.5em;
    font-weight: 600;
    color: #444;
}

.stitek__code[b-wg8t55p2q1] {
    font-family: Consolas, monospace;
    color: #999;
}

/* Čárový kód (inline SVG z EanBarcode — bez scope atributu, proto ::deep) */
.stitek__barcode-wrap[b-wg8t55p2q1]  .stitek__barcode {
    display: block;
    fill: #111;
}

/* ── Velký (95 × 45 mm — 2 na řádek) ─────────────────── */
.stitek--large[b-wg8t55p2q1] {
    width: 95mm;
    height: 45mm;
}

.stitek--large .stitek__name[b-wg8t55p2q1] {
    padding: 2.5mm 12mm 1.5mm;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    max-height: 13mm;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
}

.stitek--large .stitek__mid[b-wg8t55p2q1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5mm;
}

.stitek--large .stitek__old-row[b-wg8t55p2q1] {
    font-size: 11px;
    color: #777;
}

.stitek--large .stitek__price--big[b-wg8t55p2q1] {
    font-size: 36px;
}

.stitek--large .stitek__footer[b-wg8t55p2q1] {
    padding: 0 3mm 1.5mm;
    text-align: center;
    font-family: Consolas, monospace;
    font-size: 9px;
    color: #999;
}

.stitek--large .stitek__barcode-wrap[b-wg8t55p2q1] {
    display: flex;
    justify-content: center;
    padding: 0 3mm 1.5mm;
}

.stitek--large .stitek__barcode-wrap[b-wg8t55p2q1]  .stitek__barcode {
    width: 34mm;
}

/* ── Střední (48 × 30 mm — 4 na řádek) ───────────────── */
.stitek--medium[b-wg8t55p2q1] {
    width: 48mm;
    height: 30mm;
    padding: 2mm 2.5mm;
}

.stitek--medium .stitek__name[b-wg8t55p2q1] {
    flex: 1;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
}

.stitek--medium .stitek__bottom[b-wg8t55p2q1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2mm;
}

.stitek--medium .stitek__meta[b-wg8t55p2q1] {
    display: flex;
    flex-direction: column;
    gap: 0.3mm;
    min-width: 0;
    overflow: hidden;
}

.stitek--medium .stitek__old[b-wg8t55p2q1] {
    font-size: 10px;
}

.stitek--medium .stitek__code[b-wg8t55p2q1] {
    font-size: 8px;
}

.stitek--medium .stitek__barcode-wrap[b-wg8t55p2q1]  .stitek__barcode {
    width: 22mm;
}

.stitek--medium .stitek__price[b-wg8t55p2q1] {
    font-size: 19px;
}

/* ── Malý (35 × 22 mm — 5 na řádek) ──────────────────── */
.stitek--small[b-wg8t55p2q1] {
    width: 35mm;
    height: 22mm;
    padding: 1.5mm 2mm;
}

.stitek--small .stitek__name[b-wg8t55p2q1] {
    flex: 1;
    font-size: 8.5px;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
}

.stitek--small .stitek__price-row[b-wg8t55p2q1] {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 1.5mm;
}

.stitek--small .stitek__old[b-wg8t55p2q1] {
    font-size: 8px;
}

.stitek--small .stitek__price[b-wg8t55p2q1] {
    font-size: 13px;
}

/* ── Tisk ────────────────────────────────────────────── */
@media print {
    .stitky-toolbar[b-wg8t55p2q1] {
        display: none;
    }

    .stitky-sheet[b-wg8t55p2q1] {
        width: auto;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }
}
/* /View/Sklad/VydejkaDetail.razor.rz.scp.css */
/* ── Pás statistik ──────────────────────────────────────── */
.vd-stats[b-f43uz48x9p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.vd-stat[b-f43uz48x9p] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.75rem 0.9rem;
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    border: 1px solid var(--rz-border-color);
}

.vd-stat--primary[b-f43uz48x9p] {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 35%, var(--rz-border-color));
}

.vd-stat__label[b-f43uz48x9p] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
}

.vd-stat__value[b-f43uz48x9p] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-color);
}

.vd-stat__value small[b-f43uz48x9p] {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--rz-text-secondary-color);
}

.vd-stat__value--big[b-f43uz48x9p] {
    font-size: 1.35rem;
    color: var(--rz-primary);
}

.vd-alert[b-f43uz48x9p] {
    margin-bottom: 1rem;
}

/* ── Mřížka karet ───────────────────────────────────────── */
.vd-grid[b-f43uz48x9p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .vd-grid[b-f43uz48x9p] {
        grid-template-columns: 1fr;
    }
}

/* ── Hlavička karty ─────────────────────────────────────── */
.vd-card__header[b-f43uz48x9p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--rz-text-title-color, var(--rz-text-color));
}

.vd-card__header[b-f43uz48x9p]  .rzi {
    color: var(--rz-primary);
}

.vd-card__header .vd-card__action[b-f43uz48x9p] {
    margin-left: auto;
}

.vd-card__count[b-f43uz48x9p] {
    padding: 0.05rem 0.45rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* ── Stavový štítek ─────────────────────────────────────── */
.vd-status[b-f43uz48x9p] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.vd-status--draft[b-f43uz48x9p] {
    background: color-mix(in srgb, var(--rz-warning) 15%, transparent);
    color: var(--rz-warning-dark, var(--rz-warning));
}

.vd-status--confirmed[b-f43uz48x9p] {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
    color: var(--rz-success);
}

.vd-status--cancelled[b-f43uz48x9p] {
    background: color-mix(in srgb, var(--rz-danger) 12%, transparent);
    color: var(--rz-danger);
}

/* ── Základní informace ─────────────────────────────────── */
.vd-info[b-f43uz48x9p] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 0.45rem;
    margin: 0;
}

.vd-info dt[b-f43uz48x9p] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: var(--rz-text-secondary-color);
    align-self: baseline;
    padding-top: 0.15rem;
    white-space: nowrap;
}

.vd-info dd[b-f43uz48x9p] {
    margin: 0;
    color: var(--rz-text-color);
    overflow-wrap: anywhere;
}

/* ── Čipy skladů ────────────────────────────────────────── */
.vd-warehouses[b-f43uz48x9p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
}

.vd-chip[b-f43uz48x9p] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--rz-base-hover-background-color);
    border: 1px solid var(--rz-border-color);
    font-size: 0.8rem;
    color: var(--rz-text-color);
}

.vd-chip small[b-f43uz48x9p] {
    color: var(--rz-text-secondary-color);
}

.vd-chip[b-f43uz48x9p]  .rzi {
    font-size: 0.95rem;
    color: var(--rz-text-secondary-color);
}

/* ── Navázané doklady ───────────────────────────────────── */
.vd-docs[b-f43uz48x9p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.vd-doc[b-f43uz48x9p] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--rz-border-color);
    border-radius: var(--rz-border-radius, 6px);
    background: var(--rz-card-background-color);
    text-decoration: none;
    color: var(--rz-text-color);
    transition: background 0.15s, border-color 0.15s;
}

.vd-doc:hover[b-f43uz48x9p] {
    background: color-mix(in srgb, var(--rz-primary) 6%, var(--rz-card-background-color));
    border-color: color-mix(in srgb, var(--rz-primary) 40%, var(--rz-border-color));
}

.vd-doc__icon[b-f43uz48x9p] {
    font-size: 1.3rem;
}

.vd-doc__body[b-f43uz48x9p] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    flex: 1;
}

.vd-doc__type[b-f43uz48x9p] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--rz-text-secondary-color);
}

.vd-doc__number[b-f43uz48x9p] {
    font-weight: 600;
}

.vd-doc[b-f43uz48x9p]  .rzi {
    font-size: 1rem;
    color: var(--rz-primary);
    opacity: 0.7;
}

.vd-docs-note[b-f43uz48x9p] {
    margin-top: 0.75rem;
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
}

.vd-empty[b-f43uz48x9p] {
    font-size: 0.85rem;
    color: var(--rz-text-secondary-color);
    font-style: italic;
}

/* ── Tabulka položek ────────────────────────────────────── */
.vd-bottom[b-f43uz48x9p] {
    margin-bottom: 1rem;
}

.vd-table-wrap[b-f43uz48x9p] {
    overflow-x: auto;
}

.vd-table[b-f43uz48x9p] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.vd-table th[b-f43uz48x9p] {
    text-align: left;
    font-weight: 600;
    padding: 0.35rem 0.5rem;
    color: var(--rz-text-secondary-color);
    border-bottom: 1px solid var(--rz-border-color);
    white-space: nowrap;
}

.vd-table td[b-f43uz48x9p] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
    white-space: nowrap;
}

.vd-table tbody tr:hover td[b-f43uz48x9p] {
    background: color-mix(in srgb, var(--rz-primary) 4%, transparent);
}

.vd-right[b-f43uz48x9p] {
    text-align: right !important;
}

.vd-product[b-f43uz48x9p] {
    white-space: normal;
    min-width: 200px;
}

.vd-batch[b-f43uz48x9p] {
    display: block;
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}

.vd-doclink[b-f43uz48x9p] {
    color: var(--rz-primary);
    font-weight: 500;
    text-decoration: none;
}

.vd-doclink:hover[b-f43uz48x9p] {
    text-decoration: underline;
}

/* ── Souhrn pod tabulkou ────────────────────────────────── */
.vd-totals[b-f43uz48x9p] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1.5rem;
    margin-top: 0.9rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--rz-border-color);
    font-size: 0.9rem;
    color: var(--rz-text-secondary-color);
}

.vd-totals strong[b-f43uz48x9p] {
    color: var(--rz-text-color);
}

.vd-totals__grand[b-f43uz48x9p] {
    font-size: 1.05rem;
}

.vd-totals__grand strong[b-f43uz48x9p] {
    color: var(--rz-primary);
}
/* /View/Web/WebAdmin.razor.rz.scp.css */
.web-admin__logo[b-4jdnb5nmbv] {
    height: 56px;
    width: 56px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--rz-border-color);
    background: var(--rz-base-background-color);
}
/* /View/Web/WebDashboard.razor.rz.scp.css */
.web-kpi[b-kf6dnsqdpt] {
    height: 100%;
}

.web-kpi__label[b-kf6dnsqdpt] {
    font-size: 0.8rem;
    color: var(--rz-text-secondary-color);
    margin-bottom: 0.35rem;
}

.web-kpi__value[b-kf6dnsqdpt] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--rz-text-color);
    line-height: 1.1;
}

.web-kpi__value--sm[b-kf6dnsqdpt] {
    font-size: 1.05rem;
    font-weight: 600;
}

.web-kpi--accent[b-kf6dnsqdpt] {
    border: 1px solid var(--rz-primary);
}

.web-hours[b-kf6dnsqdpt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.web-hours__row[b-kf6dnsqdpt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--rz-text-color);
}

.web-hours__day[b-kf6dnsqdpt] {
    width: 5.5rem;
    font-weight: 600;
}
/* /View/Web/WebSectionEditDialog.razor.rz.scp.css */
.web-dialog__thumb[b-18jy81fq7f] {
    height: 40px;
    width: 40px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid var(--rz-border-color);
}
/* /View/Web/WebSectionItemEditDialog.razor.rz.scp.css */
.web-item-dialog__thumb[b-9rk58srfhk] {
    height: 64px;
    width: 64px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--rz-border-color);
}
/* /View/Zakazky/ZakazkaDetail.razor.rz.scp.css */
/* ZakazkaDetail — stejný vizuální jazyk jako FakturaDetail, prefixováno zd- */
.zd[b-y6hw5raxd6] {
    --zd-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --zd-subtle-bg: color-mix(in srgb, var(--rz-text-color, #111827) 5%, transparent);
    --zd-subtle-bg-strong: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
    --zd-row-alt-bg: color-mix(in srgb, var(--rz-text-color, #111827) 3%, transparent);

    padding: 0 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: var(--rz-text-color, #111827);
    font-family: var(--rz-text-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.zd-mono[b-y6hw5raxd6] { font-family: var(--zd-mono); }
.zd-muted[b-y6hw5raxd6] { color: var(--rz-text-secondary-color, #6b7280); }
.zd-right[b-y6hw5raxd6] { text-align: right; }

/* ===== Header ===== */
.zd-header[b-y6hw5raxd6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding-top: 18px;
}

.zd-header__left[b-y6hw5raxd6] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.zd-back-btn[b-y6hw5raxd6] {
    border: 1px solid var(--rz-border-color, #e5e7eb);
    background: var(--rz-card-background-color, #ffffff);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    color: var(--rz-text-color, #111827);
    line-height: 1;
    flex-shrink: 0;
    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.zd-back-btn:hover[b-y6hw5raxd6] {
    background: var(--zd-subtle-bg-strong);
    border-color: var(--rz-text-secondary-color, #6b7280);
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.zd-back-btn:active[b-y6hw5raxd6] { transform: scale(0.95); }

.zd-label[b-y6hw5raxd6] {
    font-size: 11px;
    color: var(--rz-text-secondary-color, #6b7280);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.zd-title-row[b-y6hw5raxd6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
    flex-wrap: wrap;
}

.zd-number[b-y6hw5raxd6] {
    font-size: 24px;
    font-weight: 700;
    color: var(--rz-text-color, #111827);
    font-family: var(--zd-mono);
    line-height: 1.1;
}

.zd-status[b-y6hw5raxd6] {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1.4;
    white-space: nowrap;
    background: var(--zd-subtle-bg-strong);
    color: var(--rz-text-secondary-color, #6b7280);
}

.zd-name-muted[b-y6hw5raxd6] {
    font-size: 14px;
    color: var(--rz-text-secondary-color, #6b7280);
}

/* ===== Toolbar ===== */
.zd-toolbar[b-y6hw5raxd6] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.zd-action-group[b-y6hw5raxd6] {
    display: flex;
    border: 1px solid var(--rz-border-color, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
    background: var(--rz-card-background-color, #ffffff);
}

.zd-action-group .zd-action-btn + .zd-action-btn[b-y6hw5raxd6] {
    border-left: 1px solid var(--rz-border-color, #e5e7eb);
}

.zd-action-btn[b-y6hw5raxd6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: none;
    background: transparent;
    color: var(--rz-text-color, #111827);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.15s, color 0.15s, transform 0.1s;
}

.zd-action-btn:hover[b-y6hw5raxd6] {
    background: color-mix(in srgb, var(--rz-text-color, #111827) 10%, transparent);
}

.zd-action-btn:active[b-y6hw5raxd6] { transform: scale(0.97); }

.zd-action-btn[b-y6hw5raxd6]  .rzi { font-size: 16px; line-height: 1; }

.zd-action-btn--primary[b-y6hw5raxd6] { background: var(--rz-primary, #2563eb); color: #fff; }
.zd-action-btn--primary:hover[b-y6hw5raxd6] { background: color-mix(in srgb, black 18%, var(--rz-primary, #2563eb)); }

.zd-action-btn--warning[b-y6hw5raxd6] { background: var(--rz-warning, #f59e0b); color: #fff; }
.zd-action-btn--warning:hover[b-y6hw5raxd6] { background: color-mix(in srgb, black 18%, var(--rz-warning, #f59e0b)); }

.zd-action-btn--danger[b-y6hw5raxd6] { background: var(--rz-danger, #dc2626); color: #fff; }
.zd-action-btn--danger:hover[b-y6hw5raxd6] { background: color-mix(in srgb, black 18%, var(--rz-danger, #dc2626)); }

.zd-action-btn--standalone[b-y6hw5raxd6] {
    border: 1px solid color-mix(in srgb, var(--rz-danger, #dc2626) 40%, transparent);
    border-radius: 6px;
}

/* ===== Card grids ===== */
.zd-cards[b-y6hw5raxd6] {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 14px;
}

.zd-pair[b-y6hw5raxd6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

@media (max-width: 992px) {
    .zd-cards[b-y6hw5raxd6], .zd-pair[b-y6hw5raxd6] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .zd[b-y6hw5raxd6] { padding: 0 10px 16px; }
    .zd-header[b-y6hw5raxd6] { flex-direction: column; align-items: stretch; gap: 10px; }
    .zd-toolbar[b-y6hw5raxd6] { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
    .zd-action-group[b-y6hw5raxd6], .zd-action-btn--standalone[b-y6hw5raxd6] { flex-shrink: 0; }
    .zd-action-btn span[b-y6hw5raxd6] { display: none; }
    .zd-action-btn[b-y6hw5raxd6] { padding: 8px 10px; }
    .zd-number[b-y6hw5raxd6] { font-size: 20px; }
    .zd-totals__box[b-y6hw5raxd6] { min-width: 0; width: 100%; }
}

/* ===== Card ===== */
.zd-card[b-y6hw5raxd6] {
    background: var(--rz-card-background-color, #ffffff);
    border: 1px solid var(--rz-border-color, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06);
}

.zd-card__header[b-y6hw5raxd6] {
    padding: 10px 18px;
    border-bottom: 1px solid var(--rz-border-color, #e5e7eb);
    background: var(--zd-subtle-bg);
    display: flex;
    align-items: center;
    gap: 8px;
}

.zd-card__icon[b-y6hw5raxd6] { font-size: 12px; }

.zd-card__label[b-y6hw5raxd6] {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--rz-text-secondary-color, #6b7280);
    letter-spacing: 0.5px;
    flex: 1;
}

.zd-card__right[b-y6hw5raxd6] {
    font-size: 11px;
    color: var(--rz-text-secondary-color, #6b7280);
    font-weight: 600;
}

.zd-card__header-right[b-y6hw5raxd6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.zd-card__body[b-y6hw5raxd6] { padding: 14px 18px; }

.zd-card__body--stack[b-y6hw5raxd6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ===== Zákazník ===== */
.zd-customer__name[b-y6hw5raxd6] {
    font-size: 15px;
    font-weight: 600;
    color: var(--rz-text-color, #111827);
    margin-bottom: 2px;
}

.zd-customer__company[b-y6hw5raxd6] {
    font-size: 12.5px;
    color: var(--rz-text-secondary-color, #6b7280);
    margin-bottom: 10px;
}

.zd-customer__address[b-y6hw5raxd6] {
    font-size: 12.5px;
    color: var(--rz-text-color, #111827);
    line-height: 1.55;
}

.zd-customer__ids[b-y6hw5raxd6] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 12px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--rz-border-color, #e5e7eb);
    font-size: 12px;
}

.zd-customer__id-label[b-y6hw5raxd6] {
    color: var(--rz-text-secondary-color, #6b7280);
    font-weight: 600;
}

/* ===== Label / Value rows ===== */
.zd-row__label[b-y6hw5raxd6] {
    font-size: 10.5px;
    color: var(--rz-text-secondary-color, #6b7280);
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-bottom: 2px;
}

.zd-row__value[b-y6hw5raxd6] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--rz-text-color, #111827);
}

/* ===== Budget ===== */
.zd-budget[b-y6hw5raxd6] {
    padding: 6px 10px;
    border-radius: 4px;
    background: var(--zd-subtle-bg);
    border: 1px solid var(--rz-border-color, #e5e7eb);
    font-size: 12.5px;
    color: var(--rz-text-color, #111827);
}

.zd-budget--over[b-y6hw5raxd6] {
    background: color-mix(in srgb, var(--rz-danger, #dc2626) 8%, transparent);
    border-color: color-mix(in srgb, var(--rz-danger, #dc2626) 30%, transparent);
    color: var(--rz-danger, #dc2626);
}

.zd-budget--ok[b-y6hw5raxd6] {
    background: color-mix(in srgb, var(--rz-success, #16a34a) 8%, transparent);
    border-color: color-mix(in srgb, var(--rz-success, #16a34a) 30%, transparent);
    color: var(--rz-success, #16a34a);
}

.zd-budget__row[b-y6hw5raxd6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===== Params table ===== */
.zd-params[b-y6hw5raxd6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.zd-params tr[b-y6hw5raxd6] { border-bottom: 1px solid var(--rz-border-color, #e5e7eb); }
.zd-params tr:last-child[b-y6hw5raxd6] { border-bottom: none; }
.zd-params td[b-y6hw5raxd6] { padding: 8px 18px; }

.zd-params__key[b-y6hw5raxd6] {
    font-weight: 600;
    color: var(--rz-text-secondary-color, #6b7280);
    white-space: nowrap;
    width: 1%;
    padding-right: 12px;
}

.zd-params__val[b-y6hw5raxd6] { color: var(--rz-text-color, #111827); }

/* ===== Note ===== */
.zd-note[b-y6hw5raxd6] {
    font-size: 13px;
    min-height: 60px;
    color: var(--rz-text-color, #111827);
}

.zd-note--empty[b-y6hw5raxd6] {
    font-style: italic;
    color: var(--rz-text-secondary-color, #6b7280);
}

/* ===== Empty states ===== */
.zd-empty-text[b-y6hw5raxd6] {
    font-size: 13px;
    color: var(--rz-text-secondary-color, #6b7280);
}

.zd-empty-center[b-y6hw5raxd6] {
    padding: 24px 18px;
    text-align: center;
    color: var(--rz-text-secondary-color, #6b7280);
    font-size: 13px;
    font-style: italic;
}

/* ===== Add button in header ===== */
.zd-add-btn[b-y6hw5raxd6] {
    background: var(--rz-primary, #2563eb);
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background-color 0.15s;
}

.zd-add-btn:hover[b-y6hw5raxd6] { background: color-mix(in srgb, black 18%, var(--rz-primary, #2563eb)); }
.zd-add-btn[b-y6hw5raxd6]  .rzi { font-size: 14px; line-height: 1; }

/* ===== Items table ===== */
.zd-items-wrap[b-y6hw5raxd6] { overflow-x: auto; }

.zd-items[b-y6hw5raxd6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.zd-items thead tr[b-y6hw5raxd6] { background: var(--zd-subtle-bg); }

.zd-items th[b-y6hw5raxd6] {
    padding: 10px 14px;
    font-weight: 700;
    color: var(--rz-text-secondary-color, #6b7280);
    font-size: 10.5px;
    letter-spacing: 0.4px;
    border-bottom: 1px solid var(--rz-border-color, #e5e7eb);
    text-align: right;
    white-space: nowrap;
}

.zd-items__th-left[b-y6hw5raxd6] { text-align: left; }
.zd-items__th-actions[b-y6hw5raxd6] { width: 70px; }

.zd-items tbody tr[b-y6hw5raxd6] { border-bottom: 1px solid var(--rz-border-color, #e5e7eb); }
.zd-items__row--even[b-y6hw5raxd6] { background: transparent; }
.zd-items__row--odd[b-y6hw5raxd6] { background: var(--zd-row-alt-bg); }

.zd-items td[b-y6hw5raxd6] { padding: 11px 14px; color: var(--rz-text-color, #111827); }

.zd-items__desc[b-y6hw5raxd6] { font-weight: 500; word-break: break-word; }
.zd-items__total[b-y6hw5raxd6] { font-weight: 600; }

.zd-items__empty[b-y6hw5raxd6] {
    padding: 24px;
    text-align: center;
    color: var(--rz-text-secondary-color, #6b7280);
    font-style: italic;
}

.zd-items__actions[b-y6hw5raxd6] {
    text-align: right;
    white-space: nowrap;
}

/* ===== Item action buttons ===== */
.zd-item-btn[b-y6hw5raxd6] {
    border: none;
    padding: 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    background: var(--zd-subtle-bg-strong);
    color: var(--rz-text-color, #111827);
    display: inline-flex;
    align-items: center;
    transition: background-color 0.15s;
}

.zd-item-btn + .zd-item-btn[b-y6hw5raxd6] { margin-left: 4px; }

.zd-item-btn--edit[b-y6hw5raxd6] { background: var(--rz-primary, #2563eb); color: #fff; }
.zd-item-btn--edit:hover[b-y6hw5raxd6] { background: color-mix(in srgb, black 18%, var(--rz-primary, #2563eb)); }

.zd-item-btn--del[b-y6hw5raxd6] { background: var(--rz-danger, #dc2626); color: #fff; }
.zd-item-btn--del:hover[b-y6hw5raxd6] { background: color-mix(in srgb, black 18%, var(--rz-danger, #dc2626)); }

.zd-item-btn:hover[b-y6hw5raxd6] { background: var(--zd-subtle-bg-strong); }
.zd-item-btn[b-y6hw5raxd6]  .rzi { font-size: 14px; line-height: 1; }

/* ===== Totals ===== */
.zd-totals[b-y6hw5raxd6] {
    display: flex;
    justify-content: flex-end;
    padding: 14px 18px;
    border-top: 1px solid var(--rz-border-color, #e5e7eb);
    background: var(--zd-subtle-bg);
}

.zd-totals__box[b-y6hw5raxd6] {
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.zd-total-row[b-y6hw5raxd6] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 20px;
}

.zd-total-row__label[b-y6hw5raxd6] {
    font-size: 12px;
    font-weight: 500;
    color: var(--rz-text-secondary-color, #6b7280);
}

.zd-total-row__value[b-y6hw5raxd6] {
    font-size: 14px;
    font-weight: 500;
    color: var(--rz-text-color, #111827);
}

.zd-total-row--big .zd-total-row__label[b-y6hw5raxd6] {
    font-size: 13px;
    font-weight: 700;
    color: var(--rz-text-color, #111827);
    letter-spacing: 0.5px;
}

.zd-total-row--big .zd-total-row__value[b-y6hw5raxd6] {
    font-size: 22px;
    font-weight: 700;
}

/* ===== Link ===== */
.zd-link[b-y6hw5raxd6] {
    color: var(--rz-primary, #2563eb);
    text-decoration: none;
    font-weight: 500;
}

.zd-link:hover[b-y6hw5raxd6] { text-decoration: underline; }

/* ===== Badge ===== */
.zd-badge[b-y6hw5raxd6] {
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.zd-badge--success[b-y6hw5raxd6] { background: var(--rz-success-lighter, #dcfce7); color: var(--rz-success, #16a34a); }
.zd-badge--warning[b-y6hw5raxd6] { background: var(--rz-warning-lighter, #fef3c7); color: var(--rz-warning, #f59e0b); }
.zd-badge--danger[b-y6hw5raxd6] { background: var(--rz-danger-lighter, #fee2e2); color: var(--rz-danger, #dc2626); }
.zd-badge--secondary[b-y6hw5raxd6] { background: var(--zd-subtle-bg-strong); color: var(--rz-text-secondary-color, #6b7280); }
/* /View/Zakazky/ZakazkaNahled.razor.rz.scp.css */
/* ZakazkaNahled — veřejný náhled zakázky */
:root[b-0pvse11otw] {
    --zn-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --zn-text: #111827;
    --zn-muted: #6b7280;
    --zn-light: #9ca3af;
    --zn-border: #e5e7eb;
    --zn-bg: #f7f8fa;
    --zn-card: #ffffff;
    --zn-primary: #2563eb;
    --zn-row-alt: #f9fafb;
}

.zn-loading[b-0pvse11otw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.zn-page[b-0pvse11otw] {
    max-width: 780px;
    margin: 40px auto;
    padding: 0 20px 60px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--zn-text);
}

/* ===== Header ===== */
.zn-header[b-0pvse11otw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 32px 36px 24px;
    background: var(--zn-card);
    border: 1px solid var(--zn-border);
    border-radius: 8px 8px 0 0;
    border-bottom: none;
}

.zn-header__label[b-0pvse11otw] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: var(--zn-muted);
    margin-bottom: 6px;
}

.zn-header__number[b-0pvse11otw] {
    font-size: 28px;
    font-weight: 700;
    font-family: var(--zn-mono);
    color: var(--zn-text);
    line-height: 1.1;
}

.zn-header__name[b-0pvse11otw] {
    font-size: 14px;
    color: var(--zn-muted);
    margin-top: 4px;
}

.zn-status-badge[b-0pvse11otw] {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    background: #eff6ff;
    color: var(--zn-primary);
    white-space: nowrap;
    margin-top: 8px;
}

/* ===== Content ===== */
.zn-content[b-0pvse11otw] {
    background: var(--zn-card);
    border: 1px solid var(--zn-border);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.zn-section[b-0pvse11otw] {
    padding: 24px 36px;
    border-bottom: 1px solid var(--zn-border);
}

.zn-section:last-child[b-0pvse11otw] {
    border-bottom: none;
}

.zn-section__title[b-0pvse11otw] {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--zn-muted);
    margin-bottom: 14px;
}

/* ===== State timeline ===== */
.zn-timeline[b-0pvse11otw] {
    display: flex;
    align-items: flex-start;
}

.zn-step[b-0pvse11otw] {
    flex: 1;
    position: relative;
    text-align: center;
    min-width: 0;
}

/* connector line to the previous step */
.zn-step[b-0pvse11otw]::before {
    content: "";
    position: absolute;
    top: 12px;
    left: calc(-50% + 13px);
    width: calc(100% - 26px);
    height: 2px;
    background: var(--zn-border);
}

.zn-step:first-child[b-0pvse11otw]::before { display: none; }

.zn-step--done[b-0pvse11otw]::before,
.zn-step--active[b-0pvse11otw]::before { background: var(--zn-primary); }

.zn-step__marker[b-0pvse11otw] {
    width: 26px;
    height: 26px;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background: var(--zn-card);
    border: 2px solid var(--zn-border);
    color: #ffffff;
}

.zn-step--done .zn-step__marker[b-0pvse11otw] {
    background: var(--zn-primary);
    border-color: var(--zn-primary);
}

.zn-step--done .zn-step__marker svg[b-0pvse11otw] {
    width: 14px;
    height: 14px;
}

.zn-step--active .zn-step__marker[b-0pvse11otw] {
    border-color: var(--zn-primary);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}

.zn-step__dot[b-0pvse11otw] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--zn-primary);
}

.zn-step__label[b-0pvse11otw] {
    margin-top: 8px;
    font-size: 11.5px;
    font-weight: 500;
    color: var(--zn-light);
    line-height: 1.3;
    padding: 0 4px;
    word-break: break-word;
}

.zn-step--done .zn-step__label[b-0pvse11otw] { color: var(--zn-muted); }

.zn-step--active .zn-step__label[b-0pvse11otw] {
    color: var(--zn-primary);
    font-weight: 700;
}

.zn-timeline__desc[b-0pvse11otw] {
    margin-top: 14px;
    padding: 10px 14px;
    background: #eff6ff;
    border-radius: 6px;
    font-size: 12.5px;
    color: #1e40af;
}

/* ===== Customer ===== */
.zn-customer__name[b-0pvse11otw] {
    font-size: 16px;
    font-weight: 600;
    color: var(--zn-text);
    margin-bottom: 3px;
}

.zn-customer__contact[b-0pvse11otw] {
    font-size: 13px;
    color: var(--zn-muted);
    margin-bottom: 4px;
}

.zn-customer__address[b-0pvse11otw] {
    font-size: 13px;
    color: var(--zn-text);
}

/* ===== Table ===== */
.zn-table-wrap[b-0pvse11otw] {
    overflow-x: auto;
}

.zn-table[b-0pvse11otw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.zn-table thead tr[b-0pvse11otw] {
    background: #f9fafb;
}

.zn-table th[b-0pvse11otw] {
    padding: 10px 14px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: var(--zn-muted);
    text-align: right;
    border-bottom: 1px solid var(--zn-border);
    white-space: nowrap;
}

.zn-th-left[b-0pvse11otw] { text-align: left; }

.zn-table tbody tr[b-0pvse11otw] {
    border-bottom: 1px solid var(--zn-border);
}

.zn-table tbody tr:last-child[b-0pvse11otw] {
    border-bottom: none;
}

.zn-row-even[b-0pvse11otw] { background: var(--zn-card); }
.zn-row-odd[b-0pvse11otw] { background: var(--zn-row-alt); }

.zn-table td[b-0pvse11otw] { padding: 11px 14px; }

.zn-td-desc[b-0pvse11otw] {
    font-weight: 500;
    color: var(--zn-text);
    word-break: break-word;
}

.zn-td-num[b-0pvse11otw] {
    text-align: right;
    color: var(--zn-muted);
    font-family: var(--zn-mono);
}

.zn-td-total[b-0pvse11otw] {
    text-align: right;
    font-weight: 600;
    font-family: var(--zn-mono);
    color: var(--zn-text);
}

/* ===== Totals ===== */
.zn-totals[b-0pvse11otw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    padding: 16px 14px 4px;
}

.zn-total-row[b-0pvse11otw] {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    font-size: 12.5px;
    color: var(--zn-muted);
    min-width: 280px;
}

.zn-mono[b-0pvse11otw] { font-family: var(--zn-mono); }

.zn-totals__divider[b-0pvse11otw] {
    width: 100%;
    min-width: 280px;
    height: 1px;
    background: var(--zn-border);
    margin: 2px 0;
}

.zn-total-row--big[b-0pvse11otw] {
    font-size: 15px;
    font-weight: 700;
    color: var(--zn-text);
    padding-top: 4px;
}

/* ===== Empty / Footer ===== */
.zn-empty[b-0pvse11otw] {
    font-size: 13px;
    color: var(--zn-light);
    font-style: italic;
}

.zn-footer[b-0pvse11otw] {
    margin-top: 28px;
    text-align: center;
    font-size: 12px;
    color: var(--zn-light);
}

@media (max-width: 600px) {
    .zn-page[b-0pvse11otw] { margin: 16px auto; padding: 0 8px 40px; }
    .zn-header[b-0pvse11otw], .zn-section[b-0pvse11otw] { padding-left: 20px; padding-right: 20px; }
    .zn-header__number[b-0pvse11otw] { font-size: 22px; }

    /* vertical timeline on mobile */
    .zn-timeline[b-0pvse11otw] {
        flex-direction: column;
        gap: 0;
    }

    .zn-step[b-0pvse11otw] {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        text-align: left;
        padding-bottom: 18px;
    }

    .zn-step:last-child[b-0pvse11otw] { padding-bottom: 0; }

    .zn-step[b-0pvse11otw]::before { display: none; }

    /* connector runs downward from the marker to the next step's marker */
    .zn-step:not(:last-child)[b-0pvse11otw]::after {
        content: "";
        position: absolute;
        left: 12px;
        top: 26px;
        bottom: 0;
        width: 2px;
        background: var(--zn-border);
    }

    /* a done step is always followed by a done or active step */
    .zn-step--done:not(:last-child)[b-0pvse11otw]::after { background: var(--zn-primary); }

    .zn-step__marker[b-0pvse11otw] { margin: 0; flex-shrink: 0; }

    .zn-step__label[b-0pvse11otw] {
        margin-top: 4px;
        padding: 0;
        font-size: 12.5px;
    }
}
/* /View/Zakazky/ZakazkaOdeslatDialog.razor.rz.scp.css */
.zodl[b-kwdpglwwd0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0 2px;
}

.zodl-hint[b-kwdpglwwd0] {
    font-size: 13px;
    color: var(--rz-text-secondary-color, #6b7280);
    margin: 0;
    line-height: 1.5;
}

.zodl-url-row[b-kwdpglwwd0] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--rz-border-color, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
    background: var(--rz-card-background-color, #fff);
}

.zodl-url-input[b-kwdpglwwd0] {
    flex: 1;
    border: none;
    background: transparent;
    padding: 9px 12px;
    font-size: 13px;
    color: var(--rz-text-color, #111827);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    outline: none;
    min-width: 0;
}

.zodl-copy-btn[b-kwdpglwwd0] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: none;
    border-left: 1px solid var(--rz-border-color, #e5e7eb);
    background: transparent;
    color: var(--rz-text-secondary-color, #6b7280);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.zodl-copy-btn:hover[b-kwdpglwwd0] {
    background: color-mix(in srgb, var(--rz-text-color, #111827) 8%, transparent);
    color: var(--rz-text-color, #111827);
}

.zodl-copy-btn--ok[b-kwdpglwwd0] {
    color: var(--rz-success, #16a34a);
}

.zodl-copied-msg[b-kwdpglwwd0] {
    font-size: 12px;
    color: var(--rz-success, #16a34a);
    font-weight: 600;
}

.zodl-footer[b-kwdpglwwd0] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 4px;
}
/* /View/Zakazky/ZakazkyList.razor.rz.scp.css */
/* === Strana === */
.zk-page[b-z8cvjn9lh7] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0 24px 24px;
    color: var(--rz-text-color);
}

/* === Loading === */
.zk-loading[b-z8cvjn9lh7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    gap: 12px;
    color: var(--rz-text-secondary-color);
}

/* === KPI Strip === */
.zk-kpi-strip[b-z8cvjn9lh7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.zk-kpi-card[b-z8cvjn9lh7] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    padding: 16px;
    position: relative;
    overflow: hidden;
}

.zk-kpi-icon[b-z8cvjn9lh7] {
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 24px;
    opacity: 0.12;
}

.zk-kpi-label[b-z8cvjn9lh7] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary-color);
    margin-bottom: 6px;
}

.zk-kpi-value[b-z8cvjn9lh7] {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--rz-text-color);
}

.zk-kpi-sub[b-z8cvjn9lh7] {
    font-size: 11px;
    color: var(--rz-text-secondary-color);
}

.zk-kpi-bar[b-z8cvjn9lh7] {
    height: 3px;
    border-radius: 2px;
    opacity: 0.6;
    margin-top: 12px;
}

/* === Filter Toolbar === */
.zk-toolbar[b-z8cvjn9lh7] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    padding: 10px 14px;
}

.zk-search[b-z8cvjn9lh7] {
    flex: 1;
    min-width: 220px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 13px;
    color: var(--rz-text-color);
    outline: none;
}

.zk-search:focus[b-z8cvjn9lh7] {
    border-color: var(--rz-primary);
}

.zk-search[b-z8cvjn9lh7]::placeholder {
    color: var(--rz-text-secondary-color);
}

.zk-spacer[b-z8cvjn9lh7] {
    flex: 1;
}

.zk-view-toggle[b-z8cvjn9lh7] {
    display: flex;
    padding: 2px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    border: 1px solid var(--rz-border-color);
}

.zk-vt-btn[b-z8cvjn9lh7] {
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    color: var(--rz-text-secondary-color);
    transition: background 0.15s, color 0.15s;
}

.zk-vt-btn:hover[b-z8cvjn9lh7] {
    background: rgba(127, 127, 127, 0.12);
    color: var(--rz-text-color);
}

.zk-vt-btn.active[b-z8cvjn9lh7] {
    background: var(--rz-base-background-color);
    color: var(--rz-text-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

/* === Filter info === */
.zk-filter-info[b-z8cvjn9lh7] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    display: flex;
    align-items: center;
    gap: 10px;
}

.zk-clear-btn[b-z8cvjn9lh7] {
    background: transparent;
    border: 1px solid var(--rz-border-color);
    border-radius: 4px;
    padding: 2px 8px;
    cursor: pointer;
    font-size: 11px;
    color: var(--rz-text-color);
}

.zk-clear-btn:hover[b-z8cvjn9lh7] {
    background: rgba(127, 127, 127, 0.1);
}

/* === Kanban === */
.zk-kanban[b-z8cvjn9lh7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    align-items: start;
}

.zk-column[b-z8cvjn9lh7] {
    background: rgba(127, 127, 127, 0.05);
    border-radius: 8px;
    padding: 10px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--rz-border-color);
}

/* === Hlavička sloupce === */
.zk-col-header[b-z8cvjn9lh7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 2px;
}

.zk-col-header-left[b-z8cvjn9lh7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.zk-col-dot[b-z8cvjn9lh7] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.zk-col-title[b-z8cvjn9lh7] {
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--rz-text-color);
}

.zk-col-count[b-z8cvjn9lh7] {
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.zk-col-sum[b-z8cvjn9lh7] {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--rz-text-secondary-color);
}

/* === Prázdný sloupec === */
.zk-empty-col[b-z8cvjn9lh7] {
    text-align: center;
    padding: 20px;
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    border: 1.5px dashed var(--rz-border-color);
    border-radius: 6px;
}

/* === Karta === */
.zk-card[b-z8cvjn9lh7] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 6px;
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: transform 0.1s, box-shadow 0.1s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.zk-card:hover[b-z8cvjn9lh7] {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

.zk-card-top[b-z8cvjn9lh7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zk-card-num[b-z8cvjn9lh7] {
    font-size: 11px;
    font-weight: 600;
    font-family: 'SFMono-Regular', Consolas, monospace;
    color: var(--rz-primary);
}

.zk-card-title[b-z8cvjn9lh7] {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--rz-text-color);
}

.zk-card-title.no-name[b-z8cvjn9lh7] {
    font-style: italic;
    color: var(--rz-text-secondary-color);
}

.zk-card-customer[b-z8cvjn9lh7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.zk-avatar[b-z8cvjn9lh7] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(127, 127, 127, 0.15);
    color: var(--rz-text-secondary-color);
    font-size: 9px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.zk-card-cust-name[b-z8cvjn9lh7] {
    font-size: 11.5px;
    color: var(--rz-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zk-card-meta[b-z8cvjn9lh7] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.zk-meta-item[b-z8cvjn9lh7] {
    font-size: 10.5px;
    color: var(--rz-text-secondary-color);
}

.zk-card-footer[b-z8cvjn9lh7] {
    border-top: 1px solid var(--rz-border-color);
    padding-top: 8px;
    margin-top: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zk-card-price[b-z8cvjn9lh7] {
    font-size: 14px;
    font-weight: 700;
    color: var(--rz-text-color);
}

.zk-card-price-sub[b-z8cvjn9lh7] {
    display: block;
    font-size: 10px;
    color: var(--rz-text-secondary-color);
}

.zk-card-no-price[b-z8cvjn9lh7] {
    font-size: 12px;
    color: var(--rz-text-secondary-color);
    font-style: italic;
}

/* === Add button === */
.zk-add-btn[b-z8cvjn9lh7] {
    border: 1.5px dashed var(--rz-border-color);
    background: transparent;
    border-radius: 6px;
    padding: 8px;
    font-size: 11.5px;
    color: var(--rz-text-secondary-color);
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s, color 0.15s;
}

.zk-add-btn:hover[b-z8cvjn9lh7] {
    border-color: var(--rz-primary);
    color: var(--rz-primary);
}

/* === List view === */
.zk-list-wrap[b-z8cvjn9lh7] {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    overflow: hidden;
}

.zk-table[b-z8cvjn9lh7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.zk-table-head th[b-z8cvjn9lh7] {
    padding: 10px 14px;
    background: rgba(127, 127, 127, 0.06);
    border-bottom: 1px solid var(--rz-border-color);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--rz-text-secondary-color);
    text-align: left;
}

.zk-th-right[b-z8cvjn9lh7],
.zk-td-right[b-z8cvjn9lh7] {
    text-align: right !important;
}

.zk-row[b-z8cvjn9lh7] {
    border-bottom: 1px solid var(--rz-border-color);
    cursor: pointer;
    transition: background 0.1s;
}

.zk-row:hover[b-z8cvjn9lh7] {
    background: rgba(127, 127, 127, 0.06);
}

.zk-row td[b-z8cvjn9lh7] {
    padding: 10px 14px;
    color: var(--rz-text-color);
}

.zk-row-num[b-z8cvjn9lh7] {
    font-family: 'SFMono-Regular', Consolas, monospace;
    color: var(--rz-primary);
    font-weight: 600;
    font-size: 12px;
}

.zk-row-title[b-z8cvjn9lh7] {
    font-weight: 600;
}

.zk-status-pill[b-z8cvjn9lh7] {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

.zk-muted[b-z8cvjn9lh7] {
    color: var(--rz-text-secondary-color);
}

/* === Modal === */
.zk-overlay[b-z8cvjn9lh7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
}

.zk-modal[b-z8cvjn9lh7] {
    width: 100%;
    max-width: 560px;
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    color: var(--rz-text-color);
}

.zk-modal-header[b-z8cvjn9lh7] {
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.zk-modal-stage-badge[b-z8cvjn9lh7] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.zk-modal-num[b-z8cvjn9lh7] {
    font-family: 'SFMono-Regular', Consolas, monospace;
    font-size: 12px;
    color: var(--rz-primary);
    font-weight: 600;
    margin-left: 8px;
}

.zk-modal-title[b-z8cvjn9lh7] {
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
    color: var(--rz-text-color);
}

.zk-modal-close[b-z8cvjn9lh7] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--rz-text-color);
    font-size: 16px;
    padding: 4px 8px;
    border-radius: 4px;
}

.zk-modal-close:hover[b-z8cvjn9lh7] {
    background: rgba(127, 127, 127, 0.12);
}

.zk-modal-body[b-z8cvjn9lh7] {
    padding: 20px;
}

.zk-detail-grid[b-z8cvjn9lh7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.zk-detail-full[b-z8cvjn9lh7] {
    grid-column: 1 / -1;
}

.zk-detail-item[b-z8cvjn9lh7] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.zk-detail-label[b-z8cvjn9lh7] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rz-text-secondary-color);
}

.zk-detail-value[b-z8cvjn9lh7] {
    font-size: 13px;
    font-weight: 500;
    color: var(--rz-text-color);
}

.zk-detail-bold[b-z8cvjn9lh7] {
    font-size: 15px;
    font-weight: 700;
}

.zk-modal-footer[b-z8cvjn9lh7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    gap: 8px;
    flex-wrap: wrap;
    border-top: 1px solid var(--rz-border-color);
    background: rgba(0, 0, 0, 0.06);
}

.zk-modal-footer-left[b-z8cvjn9lh7] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.zk-btn[b-z8cvjn9lh7] {
    padding: 6px 12px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.zk-btn-primary[b-z8cvjn9lh7] {
    background: var(--rz-primary);
    color: #fff;
    border: none;
}

.zk-btn-primary:hover[b-z8cvjn9lh7] {
    filter: brightness(1.07);
}

.zk-btn-ghost[b-z8cvjn9lh7] {
    background: transparent;
    border: 1px solid var(--rz-border-color);
    color: var(--rz-text-color);
}

.zk-btn-ghost:hover[b-z8cvjn9lh7] {
    background: rgba(127, 127, 127, 0.1);
}

.zk-btn-ghost-danger[b-z8cvjn9lh7] {
    background: transparent;
    border: 1px solid var(--rz-border-color);
    color: var(--rz-danger, #dc2626);
}

.zk-btn-ghost-danger:hover[b-z8cvjn9lh7] {
    background: rgba(220, 38, 38, 0.1);
    border-color: var(--rz-danger, #dc2626);
}

/* === Empty state === */
.zk-empty-state[b-z8cvjn9lh7] {
    text-align: center;
    padding: 60px 20px;
    color: var(--rz-text-secondary-color);
    font-size: 14px;
}

/* === Responsive === */
@media (max-width: 1200px) {
    .zk-kanban[b-z8cvjn9lh7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .zk-kpi-strip[b-z8cvjn9lh7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .zk-kanban[b-z8cvjn9lh7] {
        grid-template-columns: 1fr;
    }

    .zk-kpi-strip[b-z8cvjn9lh7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .zk-page[b-z8cvjn9lh7] {
        padding: 0 12px 12px;
    }
}