@import '_content/Novum.Portal.Shared/Novum.Portal.Shared.syvq6llbmm.bundle.scp.css';

/* /Components/Pages/COMPONENT_DismissibleInfoNote.razor.rz.scp.css */
.novum-info-note[b-leqlww0sw7] {
    --novum-info-font-size: .72rem;
    --novum-info-line-height: 1.4;
    box-sizing: border-box;
    display: grid;
    width: 100%;
    flex: 0 0 auto;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    color: #536b64;
    background: #f3f8f6;
    border: 1px solid #d7e6e1;
    border-radius: 11px;
    font-size: var(--novum-info-font-size);
    line-height: var(--novum-info-line-height);
}

.novum-info-note__icon[b-leqlww0sw7] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    color: #08745b;
    background: #e2f0eb;
    border-radius: 8px;
}

.novum-info-note__icon i[b-leqlww0sw7] {
    color: currentColor;
}

.novum-info-note__content[b-leqlww0sw7] {
    min-width: 0;
    text-align: center;
    overflow-wrap: anywhere;
}

.novum-info-note__content p[b-leqlww0sw7] {
    margin: 0;
}

.novum-info-note__content p + p[b-leqlww0sw7] {
    margin-top: 2px;
}

.novum-info-note > button[b-leqlww0sw7] {
    display: grid;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    color: #526c64;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
}

.novum-info-note__spacer[b-leqlww0sw7] {
    display: block;
    width: 32px;
    height: 32px;
}

.novum-info-note > button:hover[b-leqlww0sw7],
.novum-info-note > button:focus-visible[b-leqlww0sw7] {
    color: #075642;
    background: #e2f0eb;
    border-color: #c8ddd6;
}

.novum-info-note > button:focus-visible[b-leqlww0sw7] {
    outline: 3px solid rgba(8, 116, 91, .26);
    outline-offset: 2px;
}

@media (max-width: 520px) {
    .novum-info-note[b-leqlww0sw7] {
        --novum-info-font-size: .7rem;
        gap: 8px;
        padding: 8px;
    }
}
/* /Components/Pages/COMPONENT_DocumentsEmptyState.razor.rz.scp.css */
.documents-empty-state[b-e7jji91dpe] {
    display: flex;
    min-height: 300px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 28px;
    color: #526c64;
    text-align: center;
}

.documents-empty-state__icon[b-e7jji91dpe] {
    display: grid;
    width: 54px;
    height: 54px;
    margin-bottom: 5px;
    place-items: center;
    color: #08745b;
    background: #eaf5f1;
    border: 1px solid #d2e5de;
    border-radius: 15px;
    font-size: 1.2rem;
}

.documents-empty-state h2[b-e7jji91dpe] {
    margin: 0;
    color: #173f35;
    font-size: 1rem;
    font-weight: 800;
}

.documents-empty-state p[b-e7jji91dpe] {
    max-width: 470px;
    margin: 0;
    font-size: .78rem;
    line-height: 1.55;
}

.documents-empty-state button[b-e7jji91dpe] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 8px;
    padding: 0 13px;
    color: #075642;
    background: #ffffff;
    border: 1px solid #9fc3b7;
    border-radius: 9px;
    font-size: .74rem;
    font-weight: 750;
}

.documents-empty-state button:hover[b-e7jji91dpe],
.documents-empty-state button:focus-visible[b-e7jji91dpe] {
    color: #ffffff;
    background: #08745b;
    border-color: #08745b;
}

.documents-empty-state button:focus-visible[b-e7jji91dpe] {
    outline: 3px solid rgba(8, 116, 91, .24);
    outline-offset: 2px;
}

@media (max-width: 767.98px) {
    .documents-empty-state[b-e7jji91dpe] {
        min-height: 230px;
        padding: 24px 18px;
    }
}
/* /Components/Pages/COMPONENT_FakturaDetail.razor.rz.scp.css */
.invoice-detail[b-g11lv9szxz] {
    display: flex;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    color: #2e4c43;
    background: #ffffff;
}

.invoice-detail__header[b-g11lv9szxz] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px 14px;
    background: linear-gradient(135deg, #f7fbf9 0%, #edf7f3 100%);
    border-bottom: 1px solid #d6e4df;
}

.invoice-detail__icon[b-g11lv9szxz] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #ffffff;
    background: #08745b;
    border-radius: 11px;
    box-shadow: 0 5px 13px rgba(8, 116, 91, .20);
}

.invoice-detail__heading[b-g11lv9szxz] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
}

.invoice-detail__heading small[b-g11lv9szxz] {
    color: #687d76;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.invoice-detail__heading strong[b-g11lv9szxz] {
    overflow: hidden;
    color: #173f35;
    font-size: 1rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail__close[b-g11lv9szxz] {
    display: grid;
    width: 40px;
    min-width: 40px;
    height: 40px;
    place-items: center;
    color: #526b64;
    background: transparent;
    border: 0;
    border-radius: 50%;
}

.invoice-detail__close:hover[b-g11lv9szxz],
.invoice-detail__close:focus-visible[b-g11lv9szxz] {
    color: #075642;
    background: rgba(8, 116, 91, .09);
}

.invoice-detail__body[b-g11lv9szxz] {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 18px;
    overflow: auto;
    padding: 16px;
}

.invoice-detail__body section[b-g11lv9szxz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.invoice-detail__body h2[b-g11lv9szxz] {
    margin: 0;
    color: #526c64;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.invoice-detail__grid[b-g11lv9szxz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
}

.invoice-detail__grid > div[b-g11lv9szxz] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    padding: 11px;
    background: #f8fbfa;
    border: 1px solid #dce8e4;
    border-radius: 11px;
}

.invoice-detail__grid > div:last-child:nth-child(odd)[b-g11lv9szxz] {
    grid-column: 1 / -1;
}

.invoice-detail__grid dt[b-g11lv9szxz] {
    color: #71847e;
    font-size: .63rem;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.invoice-detail__grid dd[b-g11lv9szxz] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
    margin: 0;
    color: #24483e;
    font-size: .82rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.invoice-detail__grid dd small[b-g11lv9szxz] {
    font-size: .7rem;
    font-weight: 700;
}

.invoice-detail__grid dd small.is-overdue[b-g11lv9szxz] {
    color: #b42318;
}

.invoice-detail__grid dd small.is-due-today[b-g11lv9szxz],
.invoice-detail__grid dd small.is-before-due[b-g11lv9szxz] {
    color: #9a6700;
}

.invoice-detail__grid--amounts > div:last-child[b-g11lv9szxz] {
    align-items: flex-end;
    text-align: right;
}

.invoice-detail__footer[b-g11lv9szxz] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 11px 14px;
    background: #fbfcfc;
    border-top: 1px solid #dce7e3;
}

.invoice-detail__footer button[b-g11lv9szxz] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 9px;
    font-size: .78rem;
    font-weight: 750;
}

.invoice-detail__secondary[b-g11lv9szxz] {
    color: #075642;
    background: #ffffff;
    border: 1px solid #aec9c0;
}

.invoice-detail__primary[b-g11lv9szxz] {
    color: #ffffff;
    background: #08745b;
    border: 1px solid #08745b;
}

.invoice-detail__primary:not(:disabled):hover[b-g11lv9szxz] {
    background: #075642;
    border-color: #075642;
}

.invoice-detail__primary:disabled[b-g11lv9szxz] {
    color: #7c8e88;
    background: #eef2f1;
    border-color: #d8e2df;
}

.invoice-detail__footer button:focus-visible[b-g11lv9szxz] {
    outline: 3px solid rgba(8, 116, 91, .26);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .invoice-detail__grid[b-g11lv9szxz] {
        grid-template-columns: 1fr;
    }

    .invoice-detail__grid > div:last-child:nth-child(odd)[b-g11lv9szxz] {
        grid-column: auto;
    }

    .invoice-detail__footer button[b-g11lv9szxz] {
        flex: 1 1 0;
    }
}
/* /Components/Pages/COMPONENT_FakturaMobileCard.razor.rz.scp.css */
.invoice-mobile-card[b-kfjxdneo3q] {
    overflow: hidden;
    color: #173f35;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(18, 66, 54, .06);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.invoice-mobile-card.is-selected[b-kfjxdneo3q] {
    border-color: #08745b;
    box-shadow: 0 0 0 3px rgba(8, 116, 91, .13), 0 8px 18px rgba(18, 66, 54, .10);
}

.invoice-mobile-card__main[b-kfjxdneo3q] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: left;
}

.invoice-mobile-card__main:focus-visible[b-kfjxdneo3q],
.invoice-mobile-card__footer button:focus-visible[b-kfjxdneo3q] {
    outline: 3px solid rgba(8, 116, 91, .28);
    outline-offset: -3px;
}

.invoice-mobile-card__heading[b-kfjxdneo3q] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.invoice-mobile-card__heading > span:first-child[b-kfjxdneo3q] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.invoice-mobile-card__eyebrow[b-kfjxdneo3q],
.invoice-mobile-card small[b-kfjxdneo3q] {
    display: block;
    color: #71847e;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.invoice-mobile-card__heading strong[b-kfjxdneo3q] {
    overflow: hidden;
    color: #173f35;
    font-size: 1.02rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-mobile-card__dates[b-kfjxdneo3q],
.invoice-mobile-card__amounts[b-kfjxdneo3q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.invoice-mobile-card__dates > span[b-kfjxdneo3q],
.invoice-mobile-card__amounts > span[b-kfjxdneo3q] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.invoice-mobile-card__dates strong[b-kfjxdneo3q],
.invoice-mobile-card__amounts strong[b-kfjxdneo3q] {
    color: #24483e;
    font-size: .84rem;
    font-variant-numeric: tabular-nums;
}

.invoice-mobile-card__dates em[b-kfjxdneo3q] {
    font-size: .7rem;
    font-style: normal;
    font-weight: 700;
}

.invoice-mobile-card__dates em.is-overdue[b-kfjxdneo3q] {
    color: #b42318;
}

.invoice-mobile-card__dates em.is-due-today[b-kfjxdneo3q],
.invoice-mobile-card__dates em.is-before-due[b-kfjxdneo3q] {
    color: #9a6700;
}

.invoice-mobile-card__amounts[b-kfjxdneo3q] {
    padding: 10px;
    background: #f7fbf9;
    border: 1px solid #e0ebe7;
    border-radius: 10px;
}

.invoice-mobile-card__amounts > span:last-child[b-kfjxdneo3q] {
    align-items: flex-end;
    text-align: right;
}

.invoice-mobile-card__footer[b-kfjxdneo3q] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    background: #fbfcfc;
    border-top: 1px solid #e1eae7;
}

.invoice-mobile-card__footer button[b-kfjxdneo3q] {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 9px;
    font-size: .78rem;
    font-weight: 750;
}

.invoice-mobile-card__detail[b-kfjxdneo3q] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #526c64;
    background: transparent;
    border: 1px solid transparent;
}

.invoice-mobile-card__pdf[b-kfjxdneo3q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #ffffff;
    background: #08745b;
    border: 1px solid #08745b;
}

.invoice-mobile-card__pdf:not(:disabled):hover[b-kfjxdneo3q] {
    background: #075642;
    border-color: #075642;
}

.invoice-mobile-card__pdf:disabled[b-kfjxdneo3q] {
    color: #7c8e88;
    background: #eef2f1;
    border-color: #d8e2df;
}
/* /Components/Pages/COMPONENT_FakturaStatusBadge.razor.rz.scp.css */
.invoice-status[b-dvh8lrc3tn] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    color: #526c64;
    background: #f4f7f6;
    border: 1px solid #d8e3df;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.1;
    white-space: nowrap;
}

.invoice-status i[b-dvh8lrc3tn] {
    flex: 0 0 auto;
    font-size: .72rem;
}

.invoice-status.is-paid[b-dvh8lrc3tn] {
    color: #067647;
    background: #ecfdf3;
    border-color: #a6f4c5;
}

.invoice-status.is-overdue[b-dvh8lrc3tn] {
    color: #b42318;
    background: #fef3f2;
    border-color: #fecdca;
}

.invoice-status.is-due-today[b-dvh8lrc3tn],
.invoice-status.is-before-due[b-dvh8lrc3tn] {
    color: #9a6700;
    background: #fffaeb;
    border-color: #fedf89;
}

.invoice-status.is-unpaid[b-dvh8lrc3tn] {
    color: #475467;
    background: #f2f4f7;
    border-color: #d0d5dd;
}
/* /Components/Pages/COMPONENT_FakturyEmptyState.razor.rz.scp.css */
.invoices-empty[b-hfov6pxyj2] {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 28px 20px;
    color: #526c64;
    text-align: center;
}

.invoices-empty__icon[b-hfov6pxyj2] {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: 4px;
    place-items: center;
    color: #08745b;
    background: #eaf5f1;
    border-radius: 15px;
    font-size: 1.2rem;
}

.invoices-empty h2[b-hfov6pxyj2] {
    margin: 0;
    color: #173f35;
    font-size: 1rem;
    font-weight: 800;
}

.invoices-empty p[b-hfov6pxyj2] {
    max-width: 440px;
    margin: 0;
    color: #687d76;
    font-size: .82rem;
    line-height: 1.45;
}

.invoices-empty button[b-hfov6pxyj2] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 0 14px;
    color: #075642;
    background: #ffffff;
    border: 1px solid #aec9c0;
    border-radius: 9px;
    font-size: .78rem;
    font-weight: 750;
}

.invoices-empty button:hover[b-hfov6pxyj2],
.invoices-empty button:focus-visible[b-hfov6pxyj2] {
    background: #eaf5f1;
    border-color: #79aa99;
}
/* /Components/Pages/COMPONENT_OsivaBitGrid.razor.rz.scp.css */
/* /Components/Pages/COMPONENT_OznaceniOP.razor.rz.scp.css */
.fix-icon .e-icons[b-25taxaqkyk] {
    color: #0078d4 !important; /* Nahraď #0078d4 požadovanou barvou */
}

/* Stylování hlavičky gridu */
.grid_header[b-25taxaqkyk] {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Zajistí, že levý blok bude vlevo a pravý zabere zbývající prostor */
    width: 100%;
    margin-top: -5px; /* Menší odsazení od horního okraje SfCard */
    margin-bottom: 4px; /* Větší mezera mezi tímto blokem a SfGrid */
}

/* Levá část – text PRODUKT */
.left-text[b-25taxaqkyk] {
    flex: 0; /* Nemá se roztahovat */
    text-align: left; /* Text bude zarovnaný vlevo */
}

/* Pravá část – vycentrované ovládací prvky */
.center-items[b-25taxaqkyk] {
    flex: 1; /* Zabere zbývající prostor */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Volitelně přidá mezery mezi prvky */
}
/* ZKONEC ZAHLAVI NA SF GRIDEM */


/* GRID označená položka pozadí */

/* Přizpůsobení barvy pozadí vybraného řádku v Syncfusion Grid */
.e-grid .e-selectionbackground[b-25taxaqkyk] {
    background-color: var(--primary-highlight-color) !important;
}

    .e-grid .e-selectionbackground *[b-25taxaqkyk] {
        color: white !important;
    }

    /*ikony na radku - rozbaleni detailu zadani procent anebo ceny*/
    .e-grid .e-selectionbackground .fix-icon .e-icons[b-25taxaqkyk] {
        color: var(--primary-icon-color) !important; /* nahraď požadovanou barvou */
    }



/* VIP */
.row-height0[b-25taxaqkyk] {
    background-color: var(--primary-vip-bgcolor) !important;
}

    .row-height0 .e-rowcell[b-25taxaqkyk] {
        color: var(--primary-vip-fgcolor) !important;
    }

    .row-height0 .e-control.e-numerictextbox[b-25taxaqkyk] {
        background-color: var(--primary-vip-bgcolor) !important;
        color: var(--primary-vip-fgcolor) !important;
    }


/* prod 1 */
.row-height1[b-25taxaqkyk] {
    background-color: var(--primary-prod1-bgcolor);
}

    .row-height1 .e-rowcell[b-25taxaqkyk] {
        color: var(--primary-prod1-fgcolor) !important;
    }

    .row-height1 .e-control.e-numerictextbox[b-25taxaqkyk] {
        background-color: var(--primary-prod1-bgcolor) !important;
        color: var(--primary-prod1-fgcolor) !important;
    }

/* prod 2 */
.row-height2[b-25taxaqkyk] {
    background-color: var(--primary-prod2-bgcolor);
}

    .row-height2 .e-rowcell[b-25taxaqkyk] {
        color: var(--primary-prod2-fgcolor) !important;
    }

    .row-height2 .e-control.e-numerictextbox[b-25taxaqkyk] {
        background-color: var(--primary-prod2-bgcolor) !important;
        color: var(--primary-prod2-fgcolor) !important;
    }


/* prod 3 */
.row-height3[b-25taxaqkyk] {
    background-color: var(--primary-prod3-bgcolor);
}

    .row-height3 .e-rowcell[b-25taxaqkyk] {
        color: var(--primary-prod3-fgcolor) !important;
    }

    .row-height3 .e-control.e-numerictextbox[b-25taxaqkyk] {
        background-color: var(--primary-prod3-bgcolor) !important;
        color: var(--primary-prod3-fgcolor) !important;
    }

/* prod ostatni */
.row-height4[b-25taxaqkyk] {
    background-color: var(--primary-prod4-bgcolor);
}

    .row-height4 .e-rowcell[b-25taxaqkyk] {
        color: var(--primary-prod4-fgcolor) !important;
    }

    .row-height4 .e-control.e-numerictextbox[b-25taxaqkyk] {
        background-color: var(--primary-prod4-bgcolor) !important;
        color: var(--primary-prod4-fgcolor) !important;
    }


.highlighted-style .e-control.e-numerictextbox[b-25taxaqkyk] {
    background-color: var(--primary-highlight-color) !important;
    color: #ffffff !important;
}

/* OBECNE zobrazeni veci na řádek - Search bar, atd...
                    .flex-container {
                        display: flex;
                        align-items: center; / Vertikální zarovnání na střed /
                        justify-content: center; / Horizontální zarovnání na střed /
                    }*/

/*
                    .grid-wrapper {
                        flex: 1; / Každý grid zabírá stejné množství místa /
                        overflow: auto; / Povolení scrollování, pokud data přesahují výšku /
                    }*/

/* Zajistíme, aby hlavní kontejnery měly plnou výšku a dovolily dynamické roztažení */
.page-container[b-25taxaqkyk],
.content[b-25taxaqkyk] {
    height: 100%;
    margin-top: -10px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    /* gap: 10px;  Mezera mezi gridy */
    /* overflow: hidden;  Zabrání přetékání obsahu */
}

/* Nastavení spinneru */
.e-spin-center-2[b-25taxaqkyk] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Zajištění, že spinner je nad gridy */
}
/* ======================================================================= */
/*                             FONTY V GRIDU                               */
.small-font[b-25taxaqkyk] {
    font-size: 12px; /* zmenšení velikosti písma */
    margin: 0; /* odstraní vnější odsazení */
    padding: 0; /* odstraní vnitřní odsazení */
    line-height: 1; /* nastaví mezery mezi řádky na minimum */
}


.font-12[b-25taxaqkyk] {
    font-size: 12px; /* nastavte velikost dle potřeby */
}

.sfgrid-header-no-break-sizedown[b-25taxaqkyk] {
    white-space: nowrap; /* zabrání zalomení textu */
    font-size: clamp(8px, 2vw, 14px);
    /* minimální velikost 12px, preferovaná podle šířky viewportu (2vw), maximálně 18px */
}

.sfgrid-header-no-break_size12[b-25taxaqkyk] {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
    font-size: 12px;
}

.sfgrid-header-no-break[b-25taxaqkyk] {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}

.sfgrid-header-no-break_space_size14[b-25taxaqkyk] {
    white-space: normal; /* Umožní zalamování řádků */
    word-break: normal; /* Zabrání zalomení uprostřed slova */
    overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
    hyphens: none; /* Nepovolí automatické dělení slov */
}

.sfgrid-header-no-break_space_size12[b-25taxaqkyk] {
    white-space: normal; /* Umožní zalamování řádků */
    word-break: normal; /* Zabrání zalomení uprostřed slova */
    overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
    hyphens: none; /* Nepovolí automatické dělení slov */
    font-size: 12px;
}

.sfgrid-header-no-break_space_size11[b-25taxaqkyk] {
    white-space: normal; /* Umožní zalamování řádků */
    word-break: normal; /* Zabrání zalomení uprostřed slova */
    overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
    hyphens: none; /* Nepovolí automatické dělení slov */
    font-size: 11px;
}

.sfgrid-header-no-break_space_size10[b-25taxaqkyk] {
    white-space: normal; /* Umožní zalamování řádků */
    word-break: normal; /* Zabrání zalomení uprostřed slova */
    overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
    hyphens: none; /* Nepovolí automatické dělení slov */
    font-size: 10px;
}


/* Kontejner pro oba gridy – povoluje dynamické roztažení */
.grid-container[b-25taxaqkyk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: visible; /* Změněno z hidden, aby se kontejner přizpůsobil obsahu */
    min-height: 0;
}

    /* Obě karty (horní a dolní) mají být flexibilní a vyplnit dostupné místo */
    .grid-container > .grid-card[b-25taxaqkyk],
    .grid-container > .footer-card[b-25taxaqkyk] {
        flex: 1 1 0%;
        min-height: 0;
        overflow: hidden;
        height: 100%;
    }

/* SfGrid uvnitř karet vyplní výšku rodiče a scrollovatelný obsah bude viditelný */
.grid-card .e-grid[b-25taxaqkyk],
.footer-card .e-grid[b-25taxaqkyk] {
    height: 100%;
    overflow: auto;
}

.sfcard_list_top[b-25taxaqkyk] {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 6px;
    width: calc(100% - 12px);
}

.sfcard_list_bottom[b-25taxaqkyk] {
    margin-top: 8px;
    margin-bottom: 0px;
    margin-left: 6px;
    width: calc(100% - 12px);
}

.small-icon[b-25taxaqkyk] {
    background-color: transparent !important;
    border: none !important;
    padding: 4px;
}

    .small-icon .e-icons[b-25taxaqkyk] {
        font-size: 16px !important;
        color: #0078d4 !important; /* nebo jiná kontrastní barva */
    }


.fix-icon:not(:last-child)[b-25taxaqkyk] {
    margin-right: 4px;
}

/* start IKONY souborů vedle sebe */
.button-group[b-25taxaqkyk] {
    display: flex;
    flex-direction: row;
    gap: 4px; /* mezera mezi tlačítky */
    align-items: center; /* vertikální zarovnání */
}

/* pro odstranění výchozího stylu SfTooltip */
.image-tooltip[b-25taxaqkyk], .image-tooltip .e-tooltip-wrap[b-25taxaqkyk] {
    display: inline-block !important;
}
/* konec IKONY souborův edle sebe */

.e-grid .e-row:hover td[b-25taxaqkyk],
.e-grid .e-row.e-hover td[b-25taxaqkyk] {
    background-color: rgba(0, 0, 0, 0.35) !important;
}

.skladem-icon[b-25taxaqkyk] {
    position: relative; /* aby ::before bylo vůči němu absolutně pozicováno */
    padding: 0; /* odstraní výchozí padding */
    margin: 0; /* odstraní výchozí margin */
    width: 45px; /* nebo jiná velikost ikony */
    height: 45px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* důležité, aby pseudo-element nevyčníval */
}
    .skladem-icon img[b-25taxaqkyk] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.8));
    }


.silver-icon[b-25taxaqkyk] {
    position: relative; /* aby ::before bylo vůči němu absolutně pozicováno */
    padding: 0; /* odstraní výchozí padding */
    margin: 0; /* odstraní výchozí margin */
    width: 40px; /* nebo jiná velikost ikony */
    height: 40px;
    border-radius: 8px;
    background-color: #0B3D2E; /* tmavě zelené pozadí */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* důležité, aby pseudo-element nevyčníval */
}
.silver-icon img[b-25taxaqkyk] {
    width: 60%;
    height: 60%;
    object-fit: contain;
    filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.8));
}


.gold-icon[b-25taxaqkyk] {
    position: relative; /* aby ::before bylo vůči němu absolutně pozicováno */
    padding: 0; /* odstraní výchozí padding */
    margin: 0; /* odstraní výchozí margin */
    width: 40px; /* nebo jiná velikost ikony */
    height: 40px;
    border-radius: 8px;
    background-color: #0B3D2E; /* tmavě zelené pozadí */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* důležité, aby pseudo-element nevyčníval */
    --sparkle-delay: 0s; /* fallback, pokud nedefinujete inline */
}

    .gold-icon img[b-25taxaqkyk] {
        width: 60%;
        height: 60%;
        object-fit: contain;
        filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.8));
    }

    .gold-icon[b-25taxaqkyk]::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%; /* původní „rozšiřovač“ animace */
        width: 200%;
        height: 200%;
        background: radial-gradient(circle at center, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 40%);
        opacity: 0;
        transform: scale(0.5) rotate(45deg);
        animation: sparkle-b-25taxaqkyk 2.5s infinite ease-in-out both;
        animation-delay: var(--sparkle-delay);
        animation-fill-mode: backwards;
    }

@keyframes sparkle-b-25taxaqkyk {
    0%, 100% {
        opacity: 0;
        transform: scale(0.5) rotate(45deg) translate(-100%, -100%);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(45deg) translate(0, 0);
    }
}


/*=============================================================================================================*/
/* DETAIL gridu pomer 1 : 2, pripadne POD sebe, pokud nemame sirku
/* 
    CSS
Přidejte do svého style bloku (nebo do globálního CSS souboru) něco jako:

.detail-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1rem;
  align-items: start; 




Jak to funguje:

auto-fit a minmax(300px, 1fr) způsobí, že dokud je k dispozici alespoň 300 px na každou sekci, vykreslí se jako dva sloupce (vedle sebe).

Jakmile se viewport zúží pod zhruba 600 px, grid se přepne na jediný sloupec – tedy text nad gridem.

Alternativa s Flexboxem
Pokud byste raději použili Flexbox, můžete místo CSS gridu použít:

*/
.detail-container[b-25taxaqkyk] {
    display: grid;
    gap: 1rem;
    /* výchozí jen jeden sloupec (grid pod textem) */
    grid-template-columns: 1fr;
}

/* od šířky kontejneru (nebo viewportu) ≥ 900 px přepneme na dvě kolony [1fr 2fr] */
@media (min-width: 1200px) {
    .detail-container[b-25taxaqkyk] {
        grid-template-columns: 1fr 2fr;
    }
}

/*=============================================================================================================*/
/*NOTE BADGE */
/* Header středem, zmenšený font */
/* ------------ Badge ------------ */


/* ------------ Tooltip wrapper reset ------------ */
.simple-note-tooltip .e-tooltip-wrap[b-25taxaqkyk] {
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.simple-note-tooltip .e-tip-content[b-25taxaqkyk] {
    padding: 0.5rem 0.75rem;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    max-width: 220px;
}

/* ------------ Nadpis a text ------------ */
.note-header[b-25taxaqkyk] {
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 0.25rem;
}

.note-body[b-25taxaqkyk] {
    font-size: 0.85rem;
    line-height: 1.3;
    color: #333;
    word-wrap: break-word;
}


.simple-note-tooltip .e-tip-content[b-25taxaqkyk] {
    background-color: #ffffffee; /* lehce průhledné bílá */
    box-shadow: 0 2px 6px rgba(0,0,0,0.88);
}

.simple-note-tooltip .e-tooltip[b-25taxaqkyk] {
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
}

.simple-note-tooltip.e-tooltip-open .e-tooltip[b-25taxaqkyk] {
    opacity: 1;
}

/*pri hover (mouse over)  zvetsi objekt o 10% (prbliknuti ikony)*/
.hover-scale:hover[b-25taxaqkyk] {
    transform: scale(1.1);
}
/* /Components/Pages/COMPONENT_Poptavky_StatusBadge.razor.rz.scp.css */
.fix-icon .e-icons[b-aq76xehcu1] {
        color: #0078d4 !important; /* Nahraď #0078d4 požadovanou barvou */
    }

    /* Stylování hlavičky gridu */
    .grid_header[b-aq76xehcu1] {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Zajistí, že levý blok bude vlevo a pravý zabere zbývající prostor */
        width: 100%;
        margin-top: -5px; /* Menší odsazení od horního okraje SfCard */
        margin-bottom: 4px; /* Větší mezera mezi tímto blokem a SfGrid */
    }

    /* Levá část – text PRODUKT */
    .left-text[b-aq76xehcu1] {
        flex: 0; /* Nemá se roztahovat */
        text-align: left; /* Text bude zarovnaný vlevo */
    }

    /* Pravá část – vycentrované ovládací prvky */
    .center-items[b-aq76xehcu1] {
        flex: 1; /* Zabere zbývající prostor */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Volitelně přidá mezery mezi prvky */
    }
    /* ZKONEC ZAHLAVI NA SF GRIDEM */


    /* GRID označená položka pozadí */

    /* Přizpůsobení barvy pozadí vybraného řádku v Syncfusion Grid */
    .e-grid .e-selectionbackground[b-aq76xehcu1] {
        background-color: var(--primary-highlight-color) !important;
    }

        .e-grid .e-selectionbackground *[b-aq76xehcu1] {
            color: white !important;
        }

        /*ikony na radku - rozbaleni detailu zadani procent anebo ceny*/
        .e-grid .e-selectionbackground .fix-icon .e-icons[b-aq76xehcu1] {
            color: var(--primary-icon-color) !important; /* nahraď požadovanou barvou */
        }



    /* VIP */
    .row-height0[b-aq76xehcu1] {
        background-color: var(--primary-vip-bgcolor) !important;
    }

        .row-height0 .e-rowcell[b-aq76xehcu1] {
            color: var(--primary-vip-fgcolor) !important;
        }

        .row-height0 .e-control.e-numerictextbox[b-aq76xehcu1] {
            background-color: var(--primary-vip-bgcolor) !important;
            color: var(--primary-vip-fgcolor) !important;
        }


    /* prod 1 */
    .row-height1[b-aq76xehcu1] {
        background-color: var(--primary-prod1-bgcolor);
    }

        .row-height1 .e-rowcell[b-aq76xehcu1] {
            color: var(--primary-prod1-fgcolor) !important;
        }

        .row-height1 .e-control.e-numerictextbox[b-aq76xehcu1] {
            background-color: var(--primary-prod1-bgcolor) !important;
            color: var(--primary-prod1-fgcolor) !important;
        }

    /* prod 2 */
    .row-height2[b-aq76xehcu1] {
        background-color: var(--primary-prod2-bgcolor);
    }

    .row-height2 .e-rowcell[b-aq76xehcu1] {
        color: var(--primary-prod2-fgcolor) !important;
    }

    .row-height2 .e-control.e-numerictextbox[b-aq76xehcu1] {
        background-color: var(--primary-prod2-bgcolor) !important;
        color: var(--primary-prod2-fgcolor) !important;
    }


    /* prod 3 */
    .row-height3[b-aq76xehcu1] {
        background-color: var(--primary-prod3-bgcolor);
    }

    .row-height3 .e-rowcell[b-aq76xehcu1] {
        color: var(--primary-prod3-fgcolor) !important;
    }

    .row-height3 .e-control.e-numerictextbox[b-aq76xehcu1] {
        background-color: var(--primary-prod3-bgcolor) !important;
        color: var(--primary-prod3-fgcolor) !important;
    }

    /* prod ostatni */
    .row-height4[b-aq76xehcu1] {
        background-color: var(--primary-prod4-bgcolor);
    }

    .row-height4 .e-rowcell[b-aq76xehcu1] {
        color: var(--primary-prod4-fgcolor) !important;
    }

    .row-height4 .e-control.e-numerictextbox[b-aq76xehcu1] {
        background-color: var(--primary-prod4-bgcolor) !important;
        color: var(--primary-prod4-fgcolor) !important;
    }


    .highlighted-style .e-control.e-numerictextbox[b-aq76xehcu1] {
        background-color: var(--primary-highlight-color) !important;
        color: #ffffff !important;
    }

    /* OBECNE zobrazeni veci na řádek - Search bar, atd...
                    .flex-container {
                        display: flex;
                        align-items: center; / Vertikální zarovnání na střed /
                        justify-content: center; / Horizontální zarovnání na střed /
                    }*/

    /*
                    .grid-wrapper {
                        flex: 1; / Každý grid zabírá stejné množství místa /
                        overflow: auto; / Povolení scrollování, pokud data přesahují výšku /
                    }*/

    /* Zajistíme, aby hlavní kontejnery měly plnou výšku a dovolily dynamické roztažení */
    .page-container[b-aq76xehcu1],
    .content[b-aq76xehcu1] {
        height: 100%;
        margin-top: -10px;
        display: flex;
        flex-direction: column;
        min-height: 0;
        /* gap: 10px;  Mezera mezi gridy */
        /* overflow: hidden;  Zabrání přetékání obsahu */
    }

    /* Nastavení spinneru */
    .e-spin-center-2[b-aq76xehcu1] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10; /* Zajištění, že spinner je nad gridy */
    }
    /* ======================================================================= */
    /*                             FONTY V GRIDU                               */
    .small-font[b-aq76xehcu1] {
        font-size: 12px; /* zmenšení velikosti písma */
        margin: 0; /* odstraní vnější odsazení */
        padding: 0; /* odstraní vnitřní odsazení */
        line-height: 1; /* nastaví mezery mezi řádky na minimum */
    }


    .font-12[b-aq76xehcu1] {
        font-size: 12px; /* nastavte velikost dle potřeby */
    }

    .sfgrid-header-no-break-sizedown[b-aq76xehcu1] {
        white-space: nowrap; /* zabrání zalomení textu */
        font-size: clamp(8px, 2vw, 14px);
        /* minimální velikost 12px, preferovaná podle šířky viewportu (2vw), maximálně 18px */
    }

    .sfgrid-header-no-break_size12[b-aq76xehcu1] {
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
        font-size: 12px;
    }

    .sfgrid-header-no-break[b-aq76xehcu1] {
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    .sfgrid-header-no-break_space_size14[b-aq76xehcu1] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
    }

    .sfgrid-header-no-break_space_size12[b-aq76xehcu1] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
        font-size: 12px;
    }

    .sfgrid-header-no-break_space_size11[b-aq76xehcu1] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
        font-size: 11px;
    }

    .sfgrid-header-no-break_space_size10[b-aq76xehcu1] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
        font-size: 10px;
    }


    /* Kontejner pro oba gridy – povoluje dynamické roztažení */
    .grid-container[b-aq76xehcu1] {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: visible; /* Změněno z hidden, aby se kontejner přizpůsobil obsahu */
        min-height: 0;
    }

        /* Obě karty (horní a dolní) mají být flexibilní a vyplnit dostupné místo */
        .grid-container > .grid-card[b-aq76xehcu1],
        .grid-container > .footer-card[b-aq76xehcu1] {
            flex: 1 1 0%;
            min-height: 0;
            overflow: hidden;
            height: 100%;
        }

    /* SfGrid uvnitř karet vyplní výšku rodiče a scrollovatelný obsah bude viditelný */
    .grid-card .e-grid[b-aq76xehcu1],
    .footer-card .e-grid[b-aq76xehcu1] {
        height: 100%;
        overflow: auto;
    }

    .sfcard_list_top[b-aq76xehcu1] {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 6px;
        width: calc(100% - 12px);
    }

    .sfcard_list_bottom[b-aq76xehcu1] {
        margin-top: 8px;
        margin-bottom: 0px;
        margin-left: 6px;
        width: calc(100% - 12px);
    }

    .small-icon[b-aq76xehcu1] {
        background-color: transparent !important;
        border: none !important;
        padding: 4px;
    }

    .small-icon .e-icons[b-aq76xehcu1] {
        font-size: 16px !important;
        color: #0078d4 !important; /* nebo jiná kontrastní barva */
    }


    .fix-icon:not(:last-child)[b-aq76xehcu1] {
        margin-right: 4px;
    }

    /* start IKONY souborů vedle sebe */
    .button-group[b-aq76xehcu1] {
        display: flex;
        flex-direction: row;
        gap: 4px; /* mezera mezi tlačítky */
        align-items: center; /* vertikální zarovnání */
    }

    /* pro odstranění výchozího stylu SfTooltip */
    .image-tooltip[b-aq76xehcu1], .image-tooltip .e-tooltip-wrap[b-aq76xehcu1] {
        display: inline-block !important;
    }
    /* konec IKONY souborův edle sebe */

    .e-grid .e-row:hover td[b-aq76xehcu1],
    .e-grid .e-row.e-hover td[b-aq76xehcu1] {
        background-color: rgba(0, 0, 0, 0.35) !important;
    }

.gold-icon[b-aq76xehcu1] {
    position: relative; /* aby ::before bylo vůči němu absolutně pozicováno */
    width: 48px; /* nebo jiná velikost ikony */
    height: 48px;
    border-radius: 8px;
    background-color: #0B3D2E; /* tmavě zelené pozadí */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* důležité, aby pseudo-element nevyčníval */
    --sparkle-delay: 0s; /* fallback, pokud nedefinujete inline */
}

    .gold-icon img[b-aq76xehcu1] {
        width: 60%;
        height: 60%;
        object-fit: contain;
        filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.8));
    }

    .gold-icon[b-aq76xehcu1]::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%; /* původní „rozšiřovač“ animace */
        width: 200%;
        height: 200%;
        background: radial-gradient(circle at center, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 40%);
        opacity: 0;
        transform: scale(0.5) rotate(45deg);
        animation: sparkle-b-aq76xehcu1 2.5s infinite ease-in-out both;
        animation-delay: var(--sparkle-delay);
        animation-fill-mode: backwards;
    }

@keyframes sparkle-b-aq76xehcu1 {
    0%, 100% {
        opacity: 0;
        transform: scale(0.5) rotate(45deg) translate(-100%, -100%);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(45deg) translate(0, 0);
    }
}
/* /Components/Pages/COMPONENT_ProductPage.razor.rz.scp.css */
.fix-icon .e-icons[b-v404w1qxeh] {
        color: #0078d4 !important; /* Nahraď #0078d4 požadovanou barvou */
    }

    /* Stylování hlavičky gridu */
    .grid_header[b-v404w1qxeh] {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Zajistí, že levý blok bude vlevo a pravý zabere zbývající prostor */
        width: 100%;
        margin-top: -5px; /* Menší odsazení od horního okraje SfCard */
        margin-bottom: 4px; /* Větší mezera mezi tímto blokem a SfGrid */
    }

    /* Levá část – text PRODUKT */
    .left-text[b-v404w1qxeh] {
        flex: 0; /* Nemá se roztahovat */
        text-align: left; /* Text bude zarovnaný vlevo */
    }

    /* Pravá část – vycentrované ovládací prvky */
    .center-items[b-v404w1qxeh] {
        flex: 1; /* Zabere zbývající prostor */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; /* Volitelně přidá mezery mezi prvky */
    }
    /* ZKONEC ZAHLAVI NA SF GRIDEM */


    /* GRID označená položka pozadí */

    /* Přizpůsobení barvy pozadí vybraného řádku v Syncfusion Grid */
    .e-grid .e-selectionbackground[b-v404w1qxeh] {
        background-color: var(--primary-highlight-color) !important;
    }

        .e-grid .e-selectionbackground *[b-v404w1qxeh] {
            color: white !important;
        }

        /*ikony na radku - rozbaleni detailu zadani procent anebo ceny*/
        .e-grid .e-selectionbackground .fix-icon .e-icons[b-v404w1qxeh] {
            color: var(--primary-icon-color) !important; /* nahraď požadovanou barvou */
        }



    /* VIP */
    .row-height0[b-v404w1qxeh] {
        background-color: var(--primary-vip-bgcolor) !important;
    }

        .row-height0 .e-rowcell[b-v404w1qxeh] {
            color: var(--primary-vip-fgcolor) !important;
        }

        .row-height0 .e-control.e-numerictextbox[b-v404w1qxeh] {
            background-color: var(--primary-vip-bgcolor) !important;
            color: var(--primary-vip-fgcolor) !important;
        }


    /* prod 1 */
    .row-height1[b-v404w1qxeh] {
        background-color: var(--primary-prod1-bgcolor);
    }

        .row-height1 .e-rowcell[b-v404w1qxeh] {
            color: var(--primary-prod1-fgcolor) !important;
        }

        .row-height1 .e-control.e-numerictextbox[b-v404w1qxeh] {
            background-color: var(--primary-prod1-bgcolor) !important;
            color: var(--primary-prod1-fgcolor) !important;
        }

    /* prod 2 */
    .row-height2[b-v404w1qxeh] {
        background-color: var(--primary-prod2-bgcolor);
    }

    .row-height2 .e-rowcell[b-v404w1qxeh] {
        color: var(--primary-prod2-fgcolor) !important;
    }

    .row-height2 .e-control.e-numerictextbox[b-v404w1qxeh] {
        background-color: var(--primary-prod2-bgcolor) !important;
        color: var(--primary-prod2-fgcolor) !important;
    }


    /* prod 3 */
    .row-height3[b-v404w1qxeh] {
        background-color: var(--primary-prod3-bgcolor);
    }

    .row-height3 .e-rowcell[b-v404w1qxeh] {
        color: var(--primary-prod3-fgcolor) !important;
    }

    .row-height3 .e-control.e-numerictextbox[b-v404w1qxeh] {
        background-color: var(--primary-prod3-bgcolor) !important;
        color: var(--primary-prod3-fgcolor) !important;
    }

    /* prod ostatni */
    .row-height4[b-v404w1qxeh] {
        background-color: var(--primary-prod4-bgcolor);
    }

    .row-height4 .e-rowcell[b-v404w1qxeh] {
        color: var(--primary-prod4-fgcolor) !important;
    }

    .row-height4 .e-control.e-numerictextbox[b-v404w1qxeh] {
        background-color: var(--primary-prod4-bgcolor) !important;
        color: var(--primary-prod4-fgcolor) !important;
    }


    .highlighted-style .e-control.e-numerictextbox[b-v404w1qxeh] {
        background-color: var(--primary-highlight-color) !important;
        color: #ffffff !important;
    }

    /* OBECNE zobrazeni veci na řádek - Search bar, atd...
                    .flex-container {
                        display: flex;
                        align-items: center; / Vertikální zarovnání na střed /
                        justify-content: center; / Horizontální zarovnání na střed /
                    }*/

    /*
                    .grid-wrapper {
                        flex: 1; / Každý grid zabírá stejné množství místa /
                        overflow: auto; / Povolení scrollování, pokud data přesahují výšku /
                    }*/

    /* Zajistíme, aby hlavní kontejnery měly plnou výšku a dovolily dynamické roztažení */
    .page-container[b-v404w1qxeh],
    .content[b-v404w1qxeh] {
        height: 100%;
        margin-top: -10px;
        display: flex;
        flex-direction: column;
        min-height: 0;
        /* gap: 10px;  Mezera mezi gridy */
        /* overflow: hidden;  Zabrání přetékání obsahu */
    }

    /* Nastavení spinneru */
    .e-spin-center-2[b-v404w1qxeh] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10; /* Zajištění, že spinner je nad gridy */
    }
    /* ======================================================================= */
    /*                             FONTY V GRIDU                               */
    .small-font[b-v404w1qxeh] {
        font-size: 12px; /* zmenšení velikosti písma */
        margin: 0; /* odstraní vnější odsazení */
        padding: 0; /* odstraní vnitřní odsazení */
        line-height: 1; /* nastaví mezery mezi řádky na minimum */
    }


    .font-12[b-v404w1qxeh] {
        font-size: 12px; /* nastavte velikost dle potřeby */
    }

    .sfgrid-header-no-break-sizedown[b-v404w1qxeh] {
        white-space: nowrap; /* zabrání zalomení textu */
        font-size: clamp(8px, 2vw, 14px);
        /* minimální velikost 12px, preferovaná podle šířky viewportu (2vw), maximálně 18px */
    }

    .sfgrid-header-no-break_size12[b-v404w1qxeh] {
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
        font-size: 12px;
    }

    .sfgrid-header-no-break[b-v404w1qxeh] {
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    .sfgrid-header-no-break_space_size14[b-v404w1qxeh] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
    }

    .sfgrid-header-no-break_space_size12[b-v404w1qxeh] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
        font-size: 12px;
    }

    .sfgrid-header-no-break_space_size11[b-v404w1qxeh] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
        font-size: 11px;
    }

    .sfgrid-header-no-break_space_size10[b-v404w1qxeh] {
        white-space: normal; /* Umožní zalamování řádků */
        word-break: normal; /* Zabrání zalomení uprostřed slova */
        overflow-wrap: normal; /* Zaručí zalamování jen na vhodných místech (mezery) */
        hyphens: none; /* Nepovolí automatické dělení slov */
        font-size: 10px;
    }


    /* Kontejner pro oba gridy – povoluje dynamické roztažení */
    .grid-container[b-v404w1qxeh] {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: visible; /* Změněno z hidden, aby se kontejner přizpůsobil obsahu */
        min-height: 0;
    }

        /* Obě karty (horní a dolní) mají být flexibilní a vyplnit dostupné místo */
        .grid-container > .grid-card[b-v404w1qxeh],
        .grid-container > .footer-card[b-v404w1qxeh] {
            flex: 1 1 0%;
            min-height: 0;
            overflow: hidden;
            height: 100%;
        }

    /* SfGrid uvnitř karet vyplní výšku rodiče a scrollovatelný obsah bude viditelný */
    .grid-card .e-grid[b-v404w1qxeh],
    .footer-card .e-grid[b-v404w1qxeh] {
        height: 100%;
        overflow: auto;
    }

    .sfcard_list_top[b-v404w1qxeh] {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 6px;
        width: calc(100% - 12px);
    }

    .sfcard_list_bottom[b-v404w1qxeh] {
        margin-top: 8px;
        margin-bottom: 0px;
        margin-left: 6px;
        width: calc(100% - 12px);
    }

    .small-icon[b-v404w1qxeh] {
        background-color: transparent !important;
        border: none !important;
        padding: 4px;
    }

    .small-icon .e-icons[b-v404w1qxeh] {
        font-size: 16px !important;
        color: #0078d4 !important; /* nebo jiná kontrastní barva */
    }


    .fix-icon:not(:last-child)[b-v404w1qxeh] {
        margin-right: 4px;
    }

    /* start IKONY souborů vedle sebe */
    .button-group[b-v404w1qxeh] {
        display: flex;
        flex-direction: row;
        gap: 4px; /* mezera mezi tlačítky */
        align-items: center; /* vertikální zarovnání */
    }

    /* pro odstranění výchozího stylu SfTooltip */
    .image-tooltip[b-v404w1qxeh], .image-tooltip .e-tooltip-wrap[b-v404w1qxeh] {
        display: inline-block !important;
    }
    /* konec IKONY souborův edle sebe */

    .e-grid .e-row:hover td[b-v404w1qxeh],
    .e-grid .e-row.e-hover td[b-v404w1qxeh] {
        background-color: rgba(0, 0, 0, 0.35) !important;
    }

.gold-icon[b-v404w1qxeh] {
    position: relative; /* aby ::before bylo vůči němu absolutně pozicováno */
    width: 48px; /* nebo jiná velikost ikony */
    height: 48px;
    border-radius: 8px;
    background-color: #0B3D2E; /* tmavě zelené pozadí */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* důležité, aby pseudo-element nevyčníval */
    --sparkle-delay: 0s; /* fallback, pokud nedefinujete inline */
}

    .gold-icon img[b-v404w1qxeh] {
        width: 60%;
        height: 60%;
        object-fit: contain;
        filter: drop-shadow(0 0 2px rgba(255, 215, 0, 0.8));
    }

    .gold-icon[b-v404w1qxeh]::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%; /* původní „rozšiřovač“ animace */
        width: 200%;
        height: 200%;
        background: radial-gradient(circle at center, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 40%);
        opacity: 0;
        transform: scale(0.5) rotate(45deg);
        animation: sparkle-b-v404w1qxeh 2.5s infinite ease-in-out both;
        animation-delay: var(--sparkle-delay);
        animation-fill-mode: backwards;
    }

@keyframes sparkle-b-v404w1qxeh {
    0%, 100% {
        opacity: 0;
        transform: scale(0.5) rotate(45deg) translate(-100%, -100%);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(45deg) translate(0, 0);
    }
}
/* /Components/Pages/COMPONENT_ProductPageCompact.razor.rz.scp.css */
/* /Components/Pages/COMPONENT_ProductPageCompact2.razor.rz.scp.css */
/* /Components/Pages/COMPONENT_ProductPageV9.razor.rz.scp.css */
/* Modern NOVUM catalog surface. */

@media (max-width: 767.98px) {
    .product-catalog-page.page-container.mobile-page[b-szmn55lf3i] {
        --catalog-accent: #08745b;
        --catalog-accent-dark: #075642;
        --catalog-accent-soft: #eaf5f1;
        --catalog-border: #d6e4df;
        box-sizing: border-box;
        display: flex;
        width: 100%;
        height: 100% !important;
        min-width: 0;
        min-height: 0;
        gap: 8px;
        margin: 0 !important;
        padding: 8px 8px max(10px, env(safe-area-inset-bottom));
        overflow: hidden;
        color: #2e4c43;
        background: linear-gradient(180deg, #f4f8f6 0, #ffffff 220px);
    }

    .product-catalog-page > .product-catalog-toolbar[b-szmn55lf3i] {
        position: relative;
        top: auto;
        z-index: 3;
        display: grid;
        width: 100%;
        min-width: 0;
        flex: 0 0 auto;
        grid-template-areas:
            "label actions"
            "search search";
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        margin: 0 !important;
        padding: 9px;
        background: #ffffff;
        border: 1px solid var(--catalog-border);
        border-radius: 13px;
        box-shadow: 0 2px 9px rgba(18, 66, 54, .06);
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__left[b-szmn55lf3i] {
        display: flex;
        min-width: 0;
        grid-area: label;
        align-items: center;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__label[b-szmn55lf3i] {
        display: inline-flex;
        min-width: 0;
        min-height: 34px;
        align-items: center;
        gap: 8px;
        padding: 0 10px;
        color: var(--catalog-accent-dark);
        background: var(--catalog-accent-soft);
        border: 1px solid #c5ddd5;
        border-radius: 9px;
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .055em;
        opacity: 1;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__label > i[b-szmn55lf3i] {
        color: var(--catalog-accent);
        font-size: .76rem;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__center[b-szmn55lf3i] {
        position: relative;
        display: flex;
        width: 100%;
        min-width: 0;
        grid-area: search;
        align-items: center;
        gap: 0;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__icon[b-szmn55lf3i] {
        position: absolute;
        left: 13px;
        z-index: 2;
        color: #6d827b;
        font-size: .82rem;
        opacity: 1;
        pointer-events: none;
    }

    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-input-group,
    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-input-group.e-control-wrapper {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding-left: 32px;
        color: #24483e;
        background: #fbfcfc;
        border: 1px solid #c7d9d3 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-input-focus,
    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-control-wrapper.e-input-focus {
        border-color: var(--catalog-accent) !important;
        box-shadow: 0 0 0 3px rgba(8, 116, 91, .14) !important;
    }

    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search input {
        color: #24483e;
        font-size: .84rem;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__right[b-szmn55lf3i] {
        display: flex;
        grid-area: actions;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action {
        display: inline-grid !important;
        width: 40px;
        min-width: 40px;
        height: 40px;
        padding: 0 !important;
        place-items: center;
        color: #526c64 !important;
        background: #ffffff !important;
        border: 1px solid #c7d9d3 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        font-size: .92rem;
        cursor: pointer;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action--sort {
        color: #ffffff !important;
        background: var(--catalog-accent) !important;
        border-color: var(--catalog-accent) !important;
        box-shadow: 0 4px 11px rgba(8, 116, 91, .16) !important;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action > i {
        margin: 0 !important;
        color: currentColor !important;
        font-size: .98rem;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action:active {
        transform: translateY(1px);
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action:focus-visible {
        outline: 3px solid rgba(8, 116, 91, .24);
        outline-offset: 2px;
    }

    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel.novum-info-note {
        width: 100%;
        min-height: 54px;
        grid-template-columns: 34px minmax(0, 1fr) 34px;
        gap: 8px;
        padding: 8px;
        color: #49645c;
        background: #eff7f4;
        border-color: #c5ddd5;
        border-radius: 12px;
        box-shadow: none;
        font-size: .7rem;
        line-height: 1.4;
    }

    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel .novum-info-note__icon {
        width: 34px;
        height: 34px;
        color: #ffffff;
        background: var(--catalog-accent);
        border-radius: 9px;
        box-shadow: 0 3px 8px rgba(8, 116, 91, .16);
    }

    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel .novum-info-note__icon i {
        color: #ffffff !important;
        font-size: .88rem;
    }

    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel .novum-info-note__content {
        text-align: center;
    }

    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel > button {
        width: 34px;
        min-width: 34px;
        height: 34px;
        color: #526c64;
        border-radius: 9px;
    }

    .product-catalog-page > .product-catalog-content.content[b-szmn55lf3i] {
        position: relative;
        display: flex !important;
        width: 100%;
        min-width: 0;
        min-height: 0 !important;
        height: auto !important;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 0;
        margin: 0 !important;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid var(--catalog-border);
        border-radius: 13px;
        box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
    }

    .product-catalog-page .mobile-catalog[b-szmn55lf3i] {
        box-sizing: border-box;
        width: 100%;
        padding: 0 8px max(18px, env(safe-area-inset-bottom));
        scrollbar-width: thin;
        scrollbar-color: #aac1b9 transparent;
    }

    .product-catalog-page .mobile-catalog__summary[b-szmn55lf3i] {
        top: 0;
        padding: 9px 2px 8px;
        color: #657a73;
        background: rgba(255, 255, 255, .96);
        border-color: #e1eae7;
        font-size: .71rem;
    }

    .product-catalog-page .mobile-catalog__list[b-szmn55lf3i] {
        gap: 9px;
        padding-top: 9px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card {
        color: #3f5a52;
        background: #ffffff;
        border: 1px solid #d5e2de;
        border-radius: 13px;
        box-shadow: 0 3px 10px rgba(18, 66, 54, .07);
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card.has-quantity {
        border-color: #79aa99;
        box-shadow: 0 4px 13px rgba(8, 116, 91, .13);
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card.has-quantity::before {
        width: 4px;
        background: var(--catalog-accent);
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__top {
        gap: 10px;
        padding: 13px 12px 11px 15px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__identity {
        cursor: pointer;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__identity:focus-visible {
        border-radius: 5px;
        outline: 3px solid rgba(8, 116, 91, .20);
        outline-offset: 3px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__title {
        color: #173f35;
        font-size: .94rem;
        font-weight: 800;
        line-height: 1.22;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__meta {
        margin-top: 5px;
        color: #71847e;
        font-size: .7rem;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__price {
        min-width: 82px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__price-value {
        color: #173f35;
        font-size: .92rem;
        font-weight: 800;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__price-value.is-action {
        color: #b42318;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__price-unit,
    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__old-price {
        color: #71847e;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__order {
        display: grid;
        grid-template-columns: minmax(136px, 1fr) minmax(64px, 72px) minmax(64px, .8fr);
        gap: 6px;
        align-items: stretch;
        padding: 10px 10px 11px 13px;
        background: #f4f8f6;
        border-color: #e0e9e6;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-control {
        display: grid;
        min-width: 0;
        grid-template-columns: 44px minmax(40px, 1fr) 44px;
        align-items: stretch;
        gap: 4px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-button,
    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-field input {
        height: 46px;
        min-height: 46px;
        border-radius: 9px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-button {
        min-width: 44px;
        color: #526c64;
        background: #ffffff;
        border-color: #c7d9d3;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-button.is-plus {
        color: #ffffff;
        background: var(--catalog-accent);
        border-color: var(--catalog-accent);
        box-shadow: 0 3px 8px rgba(8, 116, 91, .15);
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-button:focus-visible,
    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-field input:focus-visible,
    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__unit:focus-visible {
        border-color: var(--catalog-accent);
        outline: 3px solid rgba(8, 116, 91, .18);
        outline-offset: 1px;
        box-shadow: none;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__qty-field input {
        color: #173f35;
        border-color: #aebfb9;
        font-size: .94rem;
        font-weight: 800;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__unit {
        box-sizing: border-box;
        display: flex;
        min-width: 0;
        min-height: 46px;
        height: 46px;
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 0;
        padding: 2px 4px;
        overflow: hidden;
        color: #355a50;
        background: #f7faf9;
        border: 1px solid #d1dfda;
        border-radius: 9px;
        text-align: center;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__unit.is-action {
        color: var(--catalog-accent-dark);
        background: var(--catalog-accent-soft);
        border-color: #b9d7cd;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__unit-value {
        display: flex;
        min-width: 0;
        min-height: 20px;
        flex: 0 0 20px;
        align-items: center;
        justify-content: center;
        color: #173f35;
        font-size: .76rem;
        font-weight: 800;
        line-height: 1;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__unit-action {
        display: flex;
        min-width: 0;
        min-height: 20px;
        flex: 0 0 20px;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: var(--catalog-accent);
        border-top: 1px solid #c9ddd6;
        font-size: .58rem;
        font-weight: 750;
        line-height: 1;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__unit-action i {
        font-size: .58rem;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__line-total {
        min-width: 0;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__line-total span {
        color: #71847e;
        font-size: .61rem;
        text-transform: uppercase;
        letter-spacing: .025em;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__line-total strong {
        color: #173f35;
        font-size: .76rem;
        font-weight: 800;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__detail-toggle {
        min-height: 43px;
        padding: 7px 12px 7px 15px;
        color: var(--catalog-accent-dark);
        font-size: .72rem;
        font-weight: 750;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__detail-toggle i {
        color: var(--catalog-accent);
        font-size: .7rem;
    }

    .product-catalog-page .mobile-catalog__more[b-szmn55lf3i] {
        min-height: 46px;
        color: var(--catalog-accent-dark);
        background: var(--catalog-accent-soft);
        border-color: #9bc1b5;
        border-radius: 11px;
    }

    .product-catalog-page .mobile-catalog__empty[b-szmn55lf3i] {
        gap: 8px;
        padding: 44px 18px;
        color: #667f77;
    }

    .product-catalog-page .mobile-catalog__empty i[b-szmn55lf3i] {
        display: grid;
        width: 42px;
        height: 42px;
        margin-bottom: 4px;
        place-items: center;
        color: var(--catalog-accent);
        background: var(--catalog-accent-soft);
        border-radius: 11px;
        font-size: 1rem;
    }

    .product-catalog-page .mobile-catalog__empty strong[b-szmn55lf3i] {
        color: #29483f;
    }

    .product-catalog-page .mobile-catalog__empty span[b-szmn55lf3i] {
        color: #71847e;
    }
}

@media (max-width: 350px) {
    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__top {
        grid-template-columns: 1fr;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__price {
        align-items: flex-start;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__order {
        grid-template-columns: minmax(0, 1fr) 72px;
    }

    .product-catalog-page[b-szmn55lf3i]  .mobile-product-card__line-total {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: 28px;
    }
}

@media (min-width: 768px) {
    .product-catalog-page.page-container.mobile-page[b-szmn55lf3i] {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        height: 100% !important;
        min-width: 0;
        min-height: 0;
        gap: 10px;
        margin: 0 !important;
        padding: 12px 14px 28px;
        color: #2e4c43;
        background: linear-gradient(180deg, #f7faf9 0, #ffffff 250px);
    }

    .product-catalog-page > .product-catalog-toolbar[b-szmn55lf3i],
    .product-catalog-page > .product-catalog-content[b-szmn55lf3i],
    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel {
        box-sizing: border-box;
        width: min(100%, 1180px);
        margin-inline: auto !important;
    }

    .product-catalog-page > .product-catalog-toolbar[b-szmn55lf3i] {
        position: relative;
        top: auto;
        z-index: 3;
        display: grid;
        min-width: 0;
        flex: 0 0 auto;
        grid-template-columns: auto minmax(260px, 1fr) auto;
        align-items: center;
        gap: 14px;
        margin-block: 0 !important;
        padding: 12px 14px;
        background: #ffffff;
        border: 1px solid #d6e4df;
        border-radius: 14px;
        box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__left[b-szmn55lf3i] {
        display: flex;
        height: 42px;
        min-width: 92px;
        align-items: center;
        justify-content: center;
        padding-inline: 12px;
        color: #075642;
        background: #eef7f4;
        border: 1px solid #b9d7cd;
        border-radius: 10px;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__label[b-szmn55lf3i] {
        display: flex;
        align-items: center;
        color: inherit;
        font-size: .7rem;
        font-weight: 800;
        letter-spacing: .055em;
        opacity: 1;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__label > i[b-szmn55lf3i] {
        display: none;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__center[b-szmn55lf3i] {
        position: relative;
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 0;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__icon[b-szmn55lf3i] {
        position: absolute;
        left: 13px;
        z-index: 2;
        color: #71847e;
        font-size: .82rem;
        opacity: 1;
        pointer-events: none;
    }

    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-input-group,
    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-input-group.e-control-wrapper {
        box-sizing: border-box;
        min-height: 42px;
        padding-left: 32px;
        color: #24483e;
        background: #fbfcfc;
        border: 1px solid #cbdcd6 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-input-focus,
    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search.e-control-wrapper.e-input-focus {
        border-color: #08745b !important;
        box-shadow: 0 0 0 3px rgba(8, 116, 91, .14) !important;
    }

    .product-catalog-toolbar .toolbar__center[b-szmn55lf3i]  .toolbar__search input {
        color: #24483e;
        font-size: .82rem;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__right[b-szmn55lf3i] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action {
        display: inline-grid !important;
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0 !important;
        place-items: center;
        color: #526c64 !important;
        background: #ffffff !important;
        border: 1px solid #cbdcd6 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        font-size: .9rem;
        cursor: pointer;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action--sort {
        color: #ffffff !important;
        background: #08745b !important;
        border-color: #08745b !important;
        box-shadow: 0 4px 11px rgba(8, 116, 91, .15) !important;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action > i {
        margin: 0 !important;
        color: currentColor !important;
        font-size: 1rem;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action:hover,
    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action:focus-visible {
        color: #075642 !important;
        background: #eaf5f1 !important;
        border-color: #79aa99 !important;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action--sort:hover,
    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action--sort:focus-visible {
        color: #ffffff !important;
        background: #075642 !important;
        border-color: #075642 !important;
    }

    .product-catalog-toolbar .toolbar__right[b-szmn55lf3i]  .product-catalog-action:focus-visible {
        outline: 3px solid rgba(8, 116, 91, .24);
        outline-offset: 2px;
    }

    .product-catalog-page[b-szmn55lf3i]  .product-catalog-info-panel.novum-info-note {
        min-height: 50px;
        border-color: #b9d7cd;
        border-radius: 12px;
        box-shadow: none;
    }

    .product-catalog-page > .product-catalog-content.content[b-szmn55lf3i] {
        position: relative;
        display: flex !important;
        min-width: 0;
        min-height: 0 !important;
        height: auto !important;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 0;
        margin-block: 0 !important;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #d6e4df;
        border-radius: 14px;
        box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
    }

    .product-catalog-page .product-catalog-grid.grid-wrapper[b-szmn55lf3i] {
        display: flex !important;
        min-width: 0;
        min-height: 0 !important;
        height: 100% !important;
        flex: 1 1 auto;
        flex-direction: column;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid {
        display: flex;
        min-width: 0;
        min-height: 0;
        flex: 1 1 auto;
        flex-direction: column;
        color: #435d55;
        border: 0 !important;
        font-size: .78rem;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridheader {
        flex: 0 0 auto;
        color: #526c64;
        background: #f4f8f6;
        border-color: #dce7e3;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridheader .e-headercell {
        height: 46px;
        padding: 7px 8px;
        background: #f4f8f6;
        border-color: #dce7e3;
        vertical-align: middle;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridheader .e-headertext,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridheader [class*="sfgrid-header"] {
        color: #526c64;
        font-size: .68rem;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: .012em;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridcontent,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridcontent > .e-content {
        min-height: 0;
        flex: 1 1 auto;
        overflow: auto !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #aec2bb transparent;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridcontent > .e-content::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridcontent > .e-content::-webkit-scrollbar-thumb {
        background: #aec2bb;
        border-radius: 999px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row {
        height: 64px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-rowcell {
        padding: 7px 8px;
        color: #435d55;
        background: #ffffff;
        border-color: #e4ebe9;
        vertical-align: middle;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.row-height0 > .e-rowcell {
        background: #fffbeb;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.row-height1 > .e-rowcell {
        background: #f2f8f5;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.row-height2 > .e-rowcell {
        background: #f8faf9;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.row-height0 > .e-rowcell:first-child {
        box-shadow: inset 3px 0 0 #d19a24;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.row-height1 > .e-rowcell:first-child {
        box-shadow: inset 3px 0 0 #4d927d;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.row-height2 > .e-rowcell:first-child {
        box-shadow: inset 3px 0 0 #9cb7ad;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row:hover > .e-rowcell,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row.e-hover > .e-rowcell {
        color: #24483e !important;
        background: #f4faf7 !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-selectionbackground,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-selectionbackground .e-rowcell,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row[aria-selected="true"] > .e-rowcell {
        color: #173f35 !important;
        background: #e2f2ec !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-row[aria-selected="true"] > .e-rowcell:first-child {
        box-shadow: inset 4px 0 0 #08745b;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-detailrowcollapse,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-detailrowexpand {
        color: #08745b !important;
        background: inherit;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-detailrowcollapse:hover,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-detailrowexpand:hover {
        color: #075642 !important;
        background: #dcefe8 !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .product-cell .cell-two-rows__primary {
        color: #173f35;
        font-size: .79rem;
        font-weight: 800;
        line-height: 1.22;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .cell-two-rows__secondary,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-hint,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .calc-hint,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-hint {
        margin-top: 3px;
        color: #71847e;
        font-size: .66rem;
        line-height: 1.2;
        opacity: 1;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .price-cell {
        gap: 2px;
        color: #24483e;
        font-variant-numeric: tabular-nums;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .price-main,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .price-int {
        color: #173f35;
        font-weight: 800;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-cell {
        justify-content: center;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-cell .e-input-group,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-cell .e-input-group.e-control-wrapper {
        min-height: 34px;
        background: #ffffff;
        border: 1px solid #cbdcd6 !important;
        border-radius: 8px !important;
        box-shadow: none !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-cell .e-input-group.e-input-focus,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-cell .e-input-group.e-control-wrapper.e-input-focus {
        border-color: #08745b !important;
        box-shadow: 0 0 0 3px rgba(8, 116, 91, .12) !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .qty-cell input {
        color: #173f35 !important;
        font-weight: 800;
        font-variant-numeric: tabular-nums;
        text-align: center;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker {
        box-sizing: border-box;
        display: flex !important;
        width: 100%;
        max-width: 100%;
        height: 46px;
        min-height: 46px;
        flex-direction: column;
        align-items: stretch !important;
        justify-content: center;
        gap: 0;
        padding: 2px 4px;
        overflow: hidden;
        color: #355a50;
        background: #f7faf9;
        border: 1px solid #d6e4df;
        border-radius: 9px;
        text-align: center !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker .unit-val {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 20px;
        flex: 0 0 20px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        color: #173f35;
        font-size: .78rem;
        font-weight: 800;
        line-height: 1;
        text-align: center;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker .unit-hint {
        box-sizing: border-box;
        display: flex;
        width: 100%;
        max-width: none;
        min-height: 20px;
        flex: 0 0 20px;
        align-items: center;
        justify-content: center;
        gap: 3px;
        margin: 0 !important;
        padding: 0 !important;
        color: #08745b;
        background: transparent !important;
        border-top: 1px solid #d6e4df;
        border-radius: 0 !important;
        font-size: .61rem;
        font-weight: 700;
        line-height: 1;
        opacity: 1;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker .unit-hint .fas {
        font-size: .62rem;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker.is-action {
        color: #075642;
        background: #eef7f4;
        border-color: #b9d7cd;
        text-decoration: none;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker.is-action:hover,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker.is-action:focus-visible {
        background: #e2f2ec;
        border-color: #79aa99;
        outline: 3px solid rgba(8, 116, 91, .16);
        outline-offset: 1px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker.is-action:hover .unit-val,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .unit-cell--picker.is-action:hover .unit-hint {
        text-decoration: none;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .icon-only-button {
        color: #9a6700;
        background: #fffaeb;
        border-color: #fedf89;
        box-shadow: none;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .icon-only-button:hover,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .icon-only-button:focus-visible {
        color: #ffffff;
        background: #b7791f;
        border-color: #b7791f;
        box-shadow: none;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .icon-only-button:focus-visible {
        outline: 3px solid rgba(183, 121, 31, .2);
        outline-offset: 2px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .product-with-icon img {
        max-width: 26px;
        max-height: 26px;
        object-fit: contain;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-emptyrow td {
        height: 150px;
        padding: 30px 20px;
        color: #667f77;
        background: #ffffff;
        font-size: .82rem;
        font-weight: 650;
        text-align: center;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .detail-container {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 10px;
        padding: 12px !important;
        color: #435d55;
        background: #f7faf9 !important;
        border-block: 1px solid #d6e4df;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .detail-info-compact {
        margin: 0 !important;
        padding: 12px !important;
        background: #ffffff;
        border: 1px solid #dce7e3;
        border-radius: 11px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .kvlist {
        gap: 8px 16px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .kv {
        min-height: 34px;
        padding: 7px 9px;
        background: #f8faf9;
        border: 1px solid #e4ebe9;
        border-radius: 8px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .kv dt {
        color: #667f77;
        font-size: .65rem;
        font-weight: 750;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .kv dd {
        color: #29483f;
        font-size: .72rem;
        font-weight: 650;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .detail-grid-wrapper {
        min-width: 0;
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #dce7e3;
        border-radius: 11px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .detail-grid-wrapper .e-grid {
        border: 0 !important;
        font-size: .72rem;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .detail-grid-wrapper .e-headercell {
        background: #f4f8f6 !important;
        border-color: #dce7e3 !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .detail-grid-wrapper .e-rowcell {
        border-color: #e4ebe9 !important;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .file-icons .file-icon-btn.e-btn {
        width: 34px;
        min-width: 34px;
        height: 34px;
        color: #08745b;
        background: #eef7f4;
        border-color: #b9d7cd;
        border-radius: 9px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .file-icons .file-icon-btn.e-btn:hover,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .file-icons .file-icon-btn.e-btn:focus-visible {
        background: #e2f2ec;
        border-color: #79aa99;
    }
}

@media (min-width: 768px) and (max-width: 1268px) {
    .product-catalog-page.page-container.mobile-page[b-szmn55lf3i] {
        padding: 10px 10px 22px;
    }

    .product-catalog-page > .product-catalog-toolbar[b-szmn55lf3i] {
        grid-template-columns: auto minmax(210px, 1fr) auto;
        gap: 10px;
        padding: 10px;
    }

    .product-catalog-page > .product-catalog-toolbar .toolbar__left[b-szmn55lf3i] {
        min-width: 78px;
        padding-inline: 9px;
    }

    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  > .e-grid > .e-gridheader .e-headercell,
    .product-catalog-page .product-catalog-grid[b-szmn55lf3i]  .e-rowcell {
        padding-inline: 6px;
    }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .product-catalog-page *[b-szmn55lf3i],
    .product-catalog-page[b-szmn55lf3i]  * {
        scroll-behavior: auto !important;
    }
}
/* /Components/Pages/Page_03_Objednavka.razor.rz.scp.css */
html[b-q7sjkadcpk], body[b-q7sjkadcpk] {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--color-background);
}

.page-container[b-q7sjkadcpk] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0;
    padding: 0;
}

.page-header[b-q7sjkadcpk] {
    max-height: 70px; /* Pevná výška pro horní pruh */
    height: 70px; /* Pevná výška pro horní pruh */
    overflow-y: auto; /* scroll bar pokud přeteče*/
    background-color: var(--color-background);
    padding: 0;
    margin: 0;
    /*border: 1px solid red;  Přidá červené ohraničení kolem filtru pro kontrolu velikosti */
}

.content[b-q7sjkadcpk] {
    flex-grow: 1;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.grid-container[b-q7sjkadcpk] {
    max-width: 3000px; /* Maximální šířka gridu */
    margin: 0 auto; /* Zarovná na střed */
    padding: 0px; /* Přidá vnitřní odsazení */
    box-sizing: border-box; /* Zajistí, že padding nebude přičítán k celkové šířce */
}

.footer[b-q7sjkadcpk] {
    height: 0px; /* Pevná výška pro footer */

    background-color: var(--color-background);
    text-align: center;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
}

/*

*/

/* -> SEKCE PANEL S CENAMA */
.price-panel[b-q7sjkadcpk] {
    max-width: 300px;
    float: right; /* Panel zarovnán doprava */
    margin-right: 20px; /* Vzdálenost od pravého okraje */
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
}

.price-row[b-q7sjkadcpk] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dvě stejně široké sloupce */
    grid-column-gap: 20px; /* Větší mezera mezi textem a hodnotou */
    margin-bottom: 10px; /* Mezery mezi jednotlivými řádky */
}

.label[b-q7sjkadcpk] {
    text-align: right; /* Zarovnání textů doprava */
}

.value[b-q7sjkadcpk] {
    text-align: right; /* Zarovnání hodnot doprava */
    font-weight: bold; /* Hodnota je tučnější */
}

.smaller-font[b-q7sjkadcpk] {
    font-size: 0.75em; /* Zmenšení fontu pro menší řádek s DPH */
}

/* <- SEKCE PANEL S CENAMA */
/* /Components/Pages/Page_L1_NovumCZechGold.razor.rz.scp.css */
/* /Components/Pages/Page_L2_01_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_02_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_03_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_04_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_05_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_06_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_07_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_08_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_09_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_10_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L2_OchranaRostlin.razor.rz.scp.css */
/* /Components/Pages/Page_L3_Balicky.razor.rz.scp.css */
/* /Components/Pages/Page_L4_01_Hnojiva.razor.rz.scp.css */
/* /Components/Pages/Page_L4_02_Hnojiva.razor.rz.scp.css */
/* /Components/Pages/Page_L4_Hnojiva.razor.rz.scp.css */
/* /Components/Pages/Page_L5_01_Biostimulanty.razor.rz.scp.css */
/* /Components/Pages/Page_L5_02_Biostimulanty.razor.rz.scp.css */
/* /Components/Pages/Page_L5_03_Biostimulanty.razor.rz.scp.css */
/* /Components/Pages/Page_L5_Biostimulanty.razor.rz.scp.css */
/* /Components/Pages/Page_L6_01.razor.rz.scp.css */
/* /Components/Pages/Page_L6_02.razor.rz.scp.css */
/* /Components/Pages/Page_L6_03.razor.rz.scp.css */
/* /Components/Pages/Page_L6_04.razor.rz.scp.css */
/* /Components/Pages/Page_L6_05.razor.rz.scp.css */
/* /Components/Pages/Page_L6_Osiva.razor.rz.scp.css */
/* /Components/Pages/Page_L7_Komodity.razor.rz.scp.css */
/* /Components/Pages/Page_T05_Doporucujeme.razor.rz.scp.css */
/* /Components/Pages/Page_T06_Akce.razor.rz.scp.css */
/* /Components/Pages/Page_T07_SouhrnObjednavkyPoptavkyNabidky.razor.rz.scp.css */
/* Přehled rozpracované objednávky.
   Sdílí barevnost a proporce s modernizovanými přehledy dokladů, ale zachovává
   oba původní gridy, jejich editaci, oprávnění i odesílací logiku. */

.order-summary-page .order-summary-shell[b-6jvv6zz1xl] {
    gap: 10px;
}

.order-summary-page .order-summary-content.documents-content[b-6jvv6zz1xl] {
    display: flex !important;
    min-width: 0;
    min-height: 0 !important;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.order-summary-page .order-summary-grids.grid-wrapper[b-6jvv6zz1xl] {
    display: grid !important;
    min-width: 0;
    min-height: 0 !important;
    height: auto !important;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: stretch;
    gap: 10px;
    margin: 0 !important;
    overflow: hidden;
}

.order-summary-page .order-summary-grids--single[b-6jvv6zz1xl] {
    grid-template-rows: minmax(0, 1fr);
}

.order-summary-page .order-summary-grids--dual[b-6jvv6zz1xl] {
    grid-template-rows: repeat(2, minmax(190px, 1fr));
}

.order-summary-page .order-summary-section[b-6jvv6zz1xl] {
    box-sizing: border-box;
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
    box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
}

.order-summary-page .order-summary-section__header[b-6jvv6zz1xl] {
    box-sizing: border-box;
    display: flex;
    min-height: 52px;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    color: #24483e;
    background: #f7faf9;
    border-bottom: 1px solid #dce7e3;
}

.order-summary-page .order-summary-section--sale .order-summary-section__header[b-6jvv6zz1xl] {
    box-shadow: inset 4px 0 0 #c38b1e;
}

.order-summary-page .order-summary-section--purchase .order-summary-section__header[b-6jvv6zz1xl] {
    box-shadow: inset 4px 0 0 #08745b;
}

.order-summary-page .order-summary-section__icon[b-6jvv6zz1xl] {
    box-sizing: border-box;
    display: grid;
    width: 34px;
    min-width: 34px;
    height: 34px;
    place-items: center;
    color: #08745b;
    background: #eaf5f1;
    border: 1px solid #b9d7cd;
    border-radius: 10px;
    font-size: .78rem;
}

.order-summary-page .order-summary-section--sale .order-summary-section__icon[b-6jvv6zz1xl] {
    color: #8a5d08;
    background: #fff8e6;
    border-color: #eed7a1;
}

.order-summary-page .order-summary-section__heading[b-6jvv6zz1xl] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1px;
}

.order-summary-page .order-summary-section__heading h2[b-6jvv6zz1xl],
.order-summary-page .order-summary-section__heading p[b-6jvv6zz1xl] {
    margin: 0;
}

.order-summary-page .order-summary-section__heading h2[b-6jvv6zz1xl] {
    overflow: hidden;
    color: #173f35;
    font-size: .8rem;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-summary-page .order-summary-section__heading p[b-6jvv6zz1xl] {
    color: #667f77;
    font-size: .65rem;
    font-weight: 650;
    line-height: 1.2;
}

.order-summary-page .order-summary-section__count[b-6jvv6zz1xl] {
    box-sizing: border-box;
    display: inline-grid;
    min-width: 30px;
    height: 26px;
    padding-inline: 8px;
    place-items: center;
    color: #075642;
    background: #ffffff;
    border: 1px solid #b9d7cd;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.order-summary-page .order-summary-section--sale .order-summary-section__count[b-6jvv6zz1xl] {
    color: #76500a;
    border-color: #e6cf99;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    color: #435d55;
    border: 0 !important;
    font-size: .76rem;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader {
    flex: 0 0 auto;
    color: #526c64;
    background: #f4f8f6;
    border-color: #dce7e3;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader .e-headercell {
    box-sizing: border-box;
    height: 46px;
    padding: 7px 8px;
    background: #f4f8f6;
    border-color: #dce7e3;
    vertical-align: middle;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader .e-headertext,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader [class*="sfgrid-header"] {
    color: #526c64;
    font-size: .67rem;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: .01em;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridcontent {
    display: flex;
    min-height: 0 !important;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden !important;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridcontent > .e-content {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #aec2bb transparent;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridcontent > .e-content::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridcontent > .e-content::-webkit-scrollbar-thumb {
    background: #aec2bb;
    border-radius: 999px;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-row {
    height: 64px;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-rowcell {
    box-sizing: border-box;
    padding: 7px 8px;
    color: #435d55;
    background: #ffffff;
    border-color: #e4ebe9;
    vertical-align: middle;
}

.order-summary-page .order-summary-grid--sale[b-6jvv6zz1xl]  .e-rowcell {
    background: #fffdf7;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-row:hover > .e-rowcell,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-row.e-hover > .e-rowcell {
    color: #24483e !important;
    background: #f4faf7 !important;
}

.order-summary-page .order-summary-grid--sale[b-6jvv6zz1xl]  .e-row:hover > .e-rowcell,
.order-summary-page .order-summary-grid--sale[b-6jvv6zz1xl]  .e-row.e-hover > .e-rowcell {
    background: #fff9e9 !important;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-selectionbackground,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-selectionbackground .e-rowcell,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-row[aria-selected="true"] > .e-rowcell {
    color: #173f35 !important;
    background: #e2f2ec !important;
    box-shadow: inset 0 -1px 0 #c2dbd2;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .product-cell .cell-two-rows__primary {
    color: #173f35;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .cell-two-rows__secondary,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-hint,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .calc-hint {
    margin-top: 3px;
    color: #71847e;
    font-size: .64rem;
    line-height: 1.15;
    opacity: 1;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .price-cell {
    gap: 2px;
    color: #24483e;
    font-variant-numeric: tabular-nums;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .price-main,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .price-int {
    color: #173f35;
    font-weight: 800;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .price-dec {
    color: #355a50;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-cell {
    align-items: stretch;
    justify-content: center;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-cell .e-input-group,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-cell .e-input-group.e-control-wrapper {
    min-height: 34px;
    background: #ffffff;
    border: 1px solid #cbdcd6 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-cell .e-input-group.e-input-focus,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-cell .e-input-group.e-control-wrapper.e-input-focus {
    border-color: #08745b !important;
    box-shadow: 0 0 0 3px rgba(8, 116, 91, .12) !important;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .qty-cell input {
    color: #173f35 !important;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker {
    box-sizing: border-box;
    display: flex !important;
    width: 100%;
    max-width: 100%;
    height: 46px;
    min-height: 46px;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: center;
    gap: 0;
    padding: 2px 4px;
    overflow: hidden;
    color: #355a50;
    background: #eef7f4;
    border: 1px solid #b9d7cd;
    border-radius: 9px;
    text-align: center !important;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker .unit-val {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 20px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #173f35;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker .unit-hint {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    max-width: none;
    min-height: 20px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin: 0 !important;
    padding: 0 !important;
    color: #08745b;
    background: transparent !important;
    border-top: 1px solid #d6e4df;
    border-radius: 0 !important;
    font-size: .6rem;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker .unit-hint .fas {
    font-size: .61rem;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker.is-action {
    cursor: pointer;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker.is-action:hover,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker.is-action:focus-visible {
    background: #e2f2ec;
    border-color: #79aa99;
    outline: 3px solid rgba(8, 116, 91, .16);
    outline-offset: 1px;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker.is-action:hover .unit-val,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .unit-cell--picker.is-action:hover .unit-hint {
    text-decoration: none;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .note-cell {
    display: grid;
    min-height: 34px;
    place-items: center;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .icon-only-button {
    color: #8a5d08;
    background: #fff8e6;
    border: 1px solid #eed7a1;
    box-shadow: none;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .note-action {
    color: #526c64;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .note-action:hover,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .note-action:focus-visible {
    color: #075642;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .order-line-delete {
    display: inline-grid;
    width: 34px;
    min-width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: #b42318;
    background: #fff5f4;
    border: 1px solid #f0c9c5;
    border-radius: 9px;
    box-shadow: none;
    font-size: .72rem;
    cursor: pointer;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .order-line-delete:hover,
.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .order-line-delete:focus-visible {
    color: #ffffff;
    background: #b42318;
    border-color: #b42318;
}

.order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .order-line-delete:focus-visible {
    outline: 3px solid rgba(180, 35, 24, .2);
    outline-offset: 2px;
}

.order-summary-page .order-summary-footer.orderlist-footer[b-6jvv6zz1xl] {
    box-sizing: border-box;
    position: relative !important;
    bottom: auto !important;
    display: flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 10px 12px;
    padding-bottom: 10px;
    color: #435d55;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
    box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
}

.order-summary-page .order-summary-footer .footer-left[b-6jvv6zz1xl],
.order-summary-page .order-summary-footer .footer-right[b-6jvv6zz1xl] {
    min-width: 0;
    gap: 8px;
    padding: 0;
}

.order-summary-page .order-summary-footer .footer-left > label[b-6jvv6zz1xl] {
    color: #526c64;
    font-size: .68rem;
    font-weight: 750;
}

.order-summary-page .order-summary-footer .due-date[b-6jvv6zz1xl] {
    box-sizing: border-box;
    min-height: 40px;
    padding: 4px 6px 4px 10px;
    background: #f7faf9;
    border: 1px solid #d6e4df;
    border-radius: 10px;
}

.order-summary-page .order-summary-footer .due-date-label[b-6jvv6zz1xl] {
    color: #526c64;
    font-size: .66rem;
    font-weight: 750;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .due-date-picker .e-input-group,
.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .due-date-picker.e-input-group,
.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .due-date-picker .e-control-wrapper {
    min-height: 32px;
    background: #ffffff;
    border-color: #cbdcd6 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn {
    min-height: 38px;
    padding: 7px 11px;
    color: #355a50;
    background: #ffffff;
    border: 1px solid #cbdcd6;
    border-radius: 9px;
    box-shadow: none;
    font-size: .68rem;
    font-weight: 750;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .footer-right .e-btn:not(.e-danger):not(:disabled) {
    color: #ffffff;
    background: #08745b;
    border-color: #08745b;
    box-shadow: 0 4px 10px rgba(8, 116, 91, .14);
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn:not(:disabled):hover,
.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn:not(:disabled):focus-visible {
    color: #075642;
    background: #eaf5f1;
    border-color: #79aa99;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .footer-right .e-btn:not(.e-danger):not(:disabled):hover,
.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .footer-right .e-btn:not(.e-danger):not(:disabled):focus-visible {
    color: #ffffff;
    background: #075642;
    border-color: #075642;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn.e-danger {
    color: #b42318;
    background: #fff5f4;
    border-color: #f0c9c5;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn.e-danger:hover,
.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn.e-danger:focus-visible {
    color: #ffffff;
    background: #b42318;
    border-color: #b42318;
}

.order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn:focus-visible {
    outline: 3px solid rgba(8, 116, 91, .22);
    outline-offset: 2px;
}

.order-summary-page .order-summary-empty[b-6jvv6zz1xl] {
    box-sizing: border-box;
    display: flex;
    min-width: 0;
    min-height: 240px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 32px 20px;
    color: #526c64;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
    text-align: center;
}

.order-summary-page .order-summary-empty__icon[b-6jvv6zz1xl] {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: 3px;
    place-items: center;
    color: #08745b;
    background: #eaf5f1;
    border: 1px solid #b9d7cd;
    border-radius: 15px;
    font-size: 1.1rem;
}

.order-summary-page .order-summary-empty h2[b-6jvv6zz1xl],
.order-summary-page .order-summary-empty p[b-6jvv6zz1xl] {
    margin: 0;
}

.order-summary-page .order-summary-empty h2[b-6jvv6zz1xl] {
    color: #173f35;
    font-size: 1rem;
    font-weight: 800;
}

.order-summary-page .order-summary-empty p[b-6jvv6zz1xl] {
    max-width: 440px;
    color: #667f77;
    font-size: .76rem;
    line-height: 1.45;
}

.order-summary-page .order-summary-skeleton[b-6jvv6zz1xl] {
    box-sizing: border-box;
    display: flex;
    min-height: 240px;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
}

.order-summary-page .order-summary-skeleton > div[b-6jvv6zz1xl] {
    display: grid;
    min-height: 64px;
    grid-template-columns: 1.8fr 1fr .75fr .65fr;
    align-items: center;
    gap: 18px;
    padding: 0 16px;
    border-bottom: 1px solid #edf2f0;
}

.order-summary-page .order-summary-skeleton span[b-6jvv6zz1xl] {
    height: 11px;
    background: linear-gradient(90deg, #edf2f0 25%, #f7faf9 45%, #edf2f0 65%);
    background-size: 220% 100%;
    border-radius: 999px;
    animation: order-summary-shimmer-b-6jvv6zz1xl 1.35s ease-in-out infinite;
}

.order-summary-page .order-summary-skeleton span:nth-child(2)[b-6jvv6zz1xl] {
    width: 76%;
}

.order-summary-page .order-summary-skeleton span:nth-child(3)[b-6jvv6zz1xl] {
    width: 62%;
}

.order-summary-page .order-summary-skeleton span:nth-child(4)[b-6jvv6zz1xl] {
    width: 54%;
    justify-self: end;
}

.order-summary-page .order-summary-sr-only[b-6jvv6zz1xl] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@keyframes order-summary-shimmer-b-6jvv6zz1xl {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@media (max-width: 1024px) {
    .order-summary-page .order-summary-section__header[b-6jvv6zz1xl] {
        min-height: 50px;
        padding-inline: 10px;
    }

    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader .e-headercell,
    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-rowcell {
        padding-inline: 6px;
    }

    .order-summary-page .order-summary-footer.orderlist-footer[b-6jvv6zz1xl] {
        align-items: stretch;
        flex-direction: column;
        gap: 7px;
    }

    .order-summary-page .order-summary-footer .footer-left[b-6jvv6zz1xl],
    .order-summary-page .order-summary-footer .footer-right[b-6jvv6zz1xl] {
        width: 100%;
    }

    .order-summary-page .order-summary-footer .footer-right[b-6jvv6zz1xl] {
        justify-content: flex-end;
    }
}

@media (max-width: 767px) {
    .order-summary-page.documents-page.page-container.mobile-page[b-6jvv6zz1xl] {
        padding: 7px 6px calc(var(--order-footer-h) + var(--safe-bottom) + 12px) !important;
    }

    .order-summary-page .order-summary-shell[b-6jvv6zz1xl] {
        gap: 7px;
    }

    .order-summary-page .order-summary-content.documents-content[b-6jvv6zz1xl] {
        gap: 7px;
    }

    .order-summary-page .order-summary-grids.grid-wrapper[b-6jvv6zz1xl] {
        gap: 7px;
    }

    .order-summary-page .order-summary-grids--dual[b-6jvv6zz1xl] {
        grid-template-rows: repeat(2, minmax(170px, 1fr));
    }

    .order-summary-page .order-summary-section[b-6jvv6zz1xl] {
        border-radius: 12px;
    }

    .order-summary-page .order-summary-section__header[b-6jvv6zz1xl] {
        min-height: 46px;
        gap: 8px;
        padding: 6px 9px;
    }

    .order-summary-page .order-summary-section__icon[b-6jvv6zz1xl] {
        width: 30px;
        min-width: 30px;
        height: 30px;
        border-radius: 9px;
        font-size: .7rem;
    }

    .order-summary-page .order-summary-section__heading h2[b-6jvv6zz1xl] {
        font-size: .74rem;
    }

    .order-summary-page .order-summary-section__heading p[b-6jvv6zz1xl] {
        font-size: .61rem;
    }

    .order-summary-page .order-summary-section__count[b-6jvv6zz1xl] {
        min-width: 27px;
        height: 24px;
        padding-inline: 7px;
        font-size: .64rem;
    }

    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid {
        font-size: .7rem;
    }

    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader .e-headercell {
        height: 42px;
        padding: 5px 4px;
    }

    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader .e-headertext,
    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  > .e-grid > .e-gridheader [class*="sfgrid-header"] {
        font-size: .6rem;
    }

    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .e-rowcell {
        padding: 6px 4px;
    }

    .order-summary-page .order-summary-footer.orderlist-footer[b-6jvv6zz1xl] {
        position: fixed !important;
        right: 0;
        bottom: 0 !important;
        left: 0;
        z-index: 120;
        gap: 6px;
        padding: 7px 8px calc(7px + var(--safe-bottom));
        border-inline: 0;
        border-bottom: 0;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 -5px 18px rgba(18, 66, 54, .12);
    }

    .order-summary-page .order-summary-footer .footer-left[b-6jvv6zz1xl],
    .order-summary-page .order-summary-footer .footer-right[b-6jvv6zz1xl] {
        gap: 6px;
    }

    .order-summary-page .order-summary-footer .due-date[b-6jvv6zz1xl] {
        min-height: 36px;
        padding: 2px 4px;
    }

    .order-summary-page .order-summary-footer[b-6jvv6zz1xl]  .e-btn {
        min-height: 34px;
        padding: 5px 8px;
    }

    .order-summary-page .order-summary-empty[b-6jvv6zz1xl] {
        min-height: 190px;
        padding: 24px 14px;
        border-radius: 12px;
    }

    .order-summary-page .order-summary-empty h2[b-6jvv6zz1xl] {
        font-size: .88rem;
    }

    .order-summary-page .order-summary-empty p[b-6jvv6zz1xl] {
        font-size: .7rem;
    }
}

@media (max-width: 420px) {
    .order-summary-page .order-summary-section__heading p[b-6jvv6zz1xl] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .order-summary-page .order-summary-grid[b-6jvv6zz1xl]  .order-line-delete {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .order-summary-page .order-summary-skeleton span[b-6jvv6zz1xl] {
        animation: none;
    }
}
/* /Components/Pages/Page_T08_FakturyPrehled.razor.rz.scp.css */

.invoices-page[b-3w4h7v2a17] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 12px 14px 28px;
    overflow: hidden;
    color: #2e4c43;
    background: linear-gradient(180deg, #f7faf9 0, #ffffff 250px);
}

.invoices-shell[b-3w4h7v2a17] {
    display: flex;
    width: min(100%, 1180px);
    height: 100%;
    min-width: 0;
    min-height: 0;
    margin-inline: auto;
    flex-direction: column;
    gap: 10px;
}

.invoices-toolbar[b-3w4h7v2a17] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: minmax(250px, 1fr) auto;
    grid-template-areas:
        "search actions"
        "filters filters";
    align-items: end;
    gap: 10px 14px;
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
    box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
}

.invoices-search[b-3w4h7v2a17] {
    display: flex;
    min-width: 0;
    grid-area: search;
    flex-direction: column;
    gap: 5px;
}

.invoices-search label[b-3w4h7v2a17] {
    color: #526c64;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.35;
}

.invoices-search__control[b-3w4h7v2a17] {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
}

.invoices-search__control > i[b-3w4h7v2a17] {
    position: absolute;
    left: 12px;
    z-index: 2;
    color: #71847e;
    font-size: .78rem;
    pointer-events: none;
}

.invoices-search__control[b-3w4h7v2a17]  .e-input-group,
.invoices-search__control[b-3w4h7v2a17]  .e-input-group.e-control-wrapper {
    min-height: 42px;
    padding-left: 30px;
    color: #24483e;
    background: #fbfcfc;
    border: 1px solid #cbdcd6 !important;
    border-radius: 10px !important;
}

.invoices-search__control[b-3w4h7v2a17]  .e-input-group.e-input-focus,
.invoices-search__control[b-3w4h7v2a17]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: #08745b !important;
    box-shadow: 0 0 0 3px rgba(8, 116, 91, .14) !important;
}

.invoices-toolbar__actions[b-3w4h7v2a17] {
    display: flex;
    grid-area: actions;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.invoices-toolbar__actions button[b-3w4h7v2a17] {
    min-height: 42px;
    border-radius: 10px;
    font-size: .78rem;
    font-weight: 750;
}

.invoices-icon-button[b-3w4h7v2a17] {
    display: grid;
    width: 42px;
    min-width: 42px;
    place-items: center;
    color: #526c64;
    background: #ffffff;
    border: 1px solid #cbdcd6;
}

.invoices-icon-button:hover[b-3w4h7v2a17],
.invoices-icon-button:focus-visible[b-3w4h7v2a17] {
    color: #075642;
    background: #eaf5f1;
    border-color: #79aa99;
}

.invoices-refresh-button[b-3w4h7v2a17] {
    display: grid;
    width: 42px;
    min-width: 42px;
    padding: 0;
    place-items: center;
    color: #ffffff;
    background: #08745b;
    border: 1px solid #08745b;
    box-shadow: 0 4px 11px rgba(8, 116, 91, .15);
}

.invoices-refresh-button > i[b-3w4h7v2a17] {
    color: currentColor;
}

.invoices-refresh-button:not(:disabled):hover[b-3w4h7v2a17],
.invoices-refresh-button:not(:disabled):focus-visible[b-3w4h7v2a17] {
    color: #ffffff;
    background: #075642;
    border-color: #075642;
}

.invoices-refresh-button:disabled[b-3w4h7v2a17] {
    color: #7c8e88;
    background: #eef2f1;
    border-color: #d8e2df;
    box-shadow: none;
}

.invoices-filters[b-3w4h7v2a17] {
    display: flex;
    min-width: 0;
    grid-area: filters;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.invoices-filter-button[b-3w4h7v2a17],
.invoices-filters__clear[b-3w4h7v2a17] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 11px;
    color: #526c64;
    background: #f7faf9;
    border: 1px solid #d5e2de;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 750;
}

.invoices-filter-button:hover[b-3w4h7v2a17],
.invoices-filter-button:focus-visible[b-3w4h7v2a17] {
    color: #075642;
    background: #eef7f4;
    border-color: #9fc3b7;
}

.invoices-filter-button.is-active[b-3w4h7v2a17] {
    color: #ffffff;
    background: #08745b;
    border-color: #08745b;
    box-shadow: 0 3px 9px rgba(8, 116, 91, .16);
}

.invoices-filters__clear[b-3w4h7v2a17] {
    margin-left: 2px;
    color: #075642;
    background: transparent;
    border-color: transparent;
}

.invoices-filters__clear:hover[b-3w4h7v2a17],
.invoices-filters__clear:focus-visible[b-3w4h7v2a17] {
    background: #eaf5f1;
}

.invoices-toolbar button:focus-visible[b-3w4h7v2a17],
.invoices-error button:focus-visible[b-3w4h7v2a17] {
    outline: 3px solid rgba(8, 116, 91, .26);
    outline-offset: 2px;
}

.invoices-error[b-3w4h7v2a17] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #b42318;
    background: #fef3f2;
    border: 1px solid #fecdca;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 650;
}

.invoices-error > span[b-3w4h7v2a17] {
    min-width: 0;
    flex: 1 1 auto;
}

.invoices-error button[b-3w4h7v2a17] {
    min-height: 34px;
    padding: 0 10px;
    color: #b42318;
    background: #ffffff;
    border: 1px solid #fda29b;
    border-radius: 8px;
    font-size: .72rem;
    font-weight: 750;
}

.invoices-content[b-3w4h7v2a17] {
    position: relative;
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d6e4df;
    border-radius: 14px;
    box-shadow: 0 2px 9px rgba(18, 66, 54, .05);
}

.invoices-master-detail[b-3w4h7v2a17] {
    position: relative;
    display: grid;
    min-height: 0;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
}

.invoices-master-detail.has-detail[b-3w4h7v2a17] {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 360px);
}

.invoices-list[b-3w4h7v2a17] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
}

.invoices-grid[b-3w4h7v2a17] {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}

.invoices-grid[b-3w4h7v2a17]  .e-grid {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    color: #435d55;
    border: 0;
    font-size: .78rem;
}

.invoices-grid[b-3w4h7v2a17]  .e-gridheader {
    flex: 0 0 auto;
    color: #526c64;
    background: #f4f8f6;
    border-color: #dce7e3;
}

.invoices-grid[b-3w4h7v2a17]  .e-headercell {
    height: 44px;
    background: #f4f8f6;
    border-color: #dce7e3;
}

.invoices-grid[b-3w4h7v2a17]  .e-headertext {
    color: #526c64;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .015em;
}

.invoices-grid[b-3w4h7v2a17]  .e-gridcontent,
.invoices-grid[b-3w4h7v2a17]  .e-content {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto !important;
    overscroll-behavior: contain;
}

.invoices-grid[b-3w4h7v2a17]  .e-row {
    height: 56px;
}

.invoices-grid[b-3w4h7v2a17]  .e-rowcell {
    padding: 8px 9px;
    color: #435d55;
    background: #ffffff;
    border-color: #e4ebe9;
    vertical-align: middle;
}

.invoices-grid[b-3w4h7v2a17]  .e-row:hover .e-rowcell {
    background: #f7fbf9;
}

.invoices-grid[b-3w4h7v2a17]  .e-selectionbackground .e-rowcell,
.invoices-grid[b-3w4h7v2a17]  .e-row[aria-selected="true"] .e-rowcell {
    color: #24483e !important;
    background: #eaf5f1 !important;
    box-shadow: inset 0 -1px 0 #cfe1db;
}

.invoices-grid[b-3w4h7v2a17]  .e-selectionbackground .e-rowcell:first-child,
.invoices-grid[b-3w4h7v2a17]  .e-row[aria-selected="true"] .e-rowcell:first-child {
    box-shadow: inset 3px 0 0 #08745b, inset 0 -1px 0 #cfe1db;
}

.invoices-grid[b-3w4h7v2a17]  .invoice-row-overdue .e-rowcell {
    background: #fffafa;
}

.invoices-grid[b-3w4h7v2a17]  .invoice-row-overdue:hover .e-rowcell {
    background: #fef3f2;
}

.invoice-number[b-3w4h7v2a17] {
    color: #173f35;
    font-size: .8rem;
    font-weight: 800;
}

.invoice-date[b-3w4h7v2a17],
.invoice-amount[b-3w4h7v2a17] {
    color: #435d55;
    font-variant-numeric: tabular-nums;
}

.invoice-amount[b-3w4h7v2a17] {
    white-space: nowrap;
}

.invoice-due[b-3w4h7v2a17] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.invoice-due strong[b-3w4h7v2a17] {
    color: #435d55;
    font-size: .76rem;
    font-variant-numeric: tabular-nums;
}

.invoice-due small[b-3w4h7v2a17] {
    overflow: hidden;
    font-size: .64rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-due small.is-overdue[b-3w4h7v2a17] {
    color: #b42318;
}

.invoice-due small.is-due-today[b-3w4h7v2a17],
.invoice-due small.is-before-due[b-3w4h7v2a17] {
    color: #9a6700;
}

.invoice-grid-pdf[b-3w4h7v2a17] {
    display: inline-grid;
    width: 34px;
    min-width: 34px;
    height: 34px;
    place-items: center;
    color: #08745b;
    background: #eef7f4;
    border: 1px solid #b9d7cd;
    border-radius: 9px;
}

.invoice-grid-pdf:not(:disabled):hover[b-3w4h7v2a17],
.invoice-grid-pdf:not(:disabled):focus-visible[b-3w4h7v2a17] {
    color: #ffffff;
    background: #08745b;
    border-color: #08745b;
    outline: 3px solid rgba(8, 116, 91, .18);
    outline-offset: 2px;
}

.invoice-grid-pdf:disabled[b-3w4h7v2a17] {
    color: #98a7a2;
    background: #f2f4f4;
    border-color: #dfe6e4;
}

.invoices-mobile-list[b-3w4h7v2a17] {
    display: none;
}

.invoices-detail-panel[b-3w4h7v2a17] {
    position: relative;
    z-index: 12;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: #ffffff;
    border-left: 1px solid #d6e4df;
    outline: none;
    box-shadow: -10px 0 24px rgba(18, 66, 54, .07);
}

.invoices-detail-panel:focus-visible[b-3w4h7v2a17] {
    box-shadow: inset 0 0 0 3px rgba(8, 116, 91, .24), -10px 0 24px rgba(18, 66, 54, .07);
}

.invoices-detail-backdrop[b-3w4h7v2a17] {
    display: none;
}

.invoices-skeleton[b-3w4h7v2a17] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 8px;
}

.invoices-skeleton > div[b-3w4h7v2a17] {
    display: grid;
    min-height: 54px;
    grid-template-columns: 130px 1fr 1fr 120px;
    align-items: center;
    gap: 20px;
    padding: 0 14px;
    background: #ffffff;
    border-bottom: 1px solid #e8eeec;
}

.invoices-skeleton span[b-3w4h7v2a17] {
    display: block;
    height: 12px;
    overflow: hidden;
    background: #e8efed;
    border-radius: 999px;
}

.invoices-skeleton span[b-3w4h7v2a17]::after {
    display: block;
    width: 45%;
    height: 100%;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.78), transparent);
    animation: invoice-skeleton-b-3w4h7v2a17 1.25s ease-in-out infinite;
}

.invoices-sr-only[b-3w4h7v2a17] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
}

@keyframes invoice-skeleton-b-3w4h7v2a17 {
    from {
        transform: translateX(-120%);
    }

    to {
        transform: translateX(280%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .invoices-skeleton span[b-3w4h7v2a17]::after {
        animation: none;
    }
}

@media (max-width: 1268px) {
    .invoices-page[b-3w4h7v2a17] {
        padding: 10px 10px 22px;
    }
}

@media (max-width: 1199px) {
    .invoices-master-detail.has-detail[b-3w4h7v2a17] {
        grid-template-columns: minmax(0, 1fr);
    }

    .invoices-detail-backdrop[b-3w4h7v2a17] {
        position: fixed;
        inset: 0;
        z-index: 10020;
        display: block;
        background: rgba(16, 40, 33, .28);
        backdrop-filter: blur(1px);
    }

    .invoices-detail-panel[b-3w4h7v2a17] {
        position: fixed;
        top: max(8px, env(safe-area-inset-top));
        right: max(8px, env(safe-area-inset-right));
        bottom: max(8px, env(safe-area-inset-bottom));
        z-index: 10021;
        width: min(440px, calc(100vw - 24px));
        border: 1px solid #cdded8;
        border-radius: 16px;
        box-shadow: 0 22px 64px rgba(15, 55, 44, .28);
    }
}

@media (max-width: 767.98px) {
    .invoices-page[b-3w4h7v2a17] {
        padding: 8px 8px 18px;
    }

    .invoices-shell[b-3w4h7v2a17] {
        gap: 8px;
    }

    .invoices-toolbar[b-3w4h7v2a17] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "search actions"
            "filters filters";
        align-items: end;
        gap: 9px;
        padding: 10px;
        border-radius: 12px;
    }

    .invoices-search label[b-3w4h7v2a17] {
        font-size: .65rem;
    }

    .invoices-toolbar__actions[b-3w4h7v2a17] {
        gap: 5px;
    }

    .invoices-toolbar__actions button[b-3w4h7v2a17] {
        min-height: 42px;
    }

    .invoices-filters[b-3w4h7v2a17] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        scrollbar-width: none;
    }

    .invoices-filters[b-3w4h7v2a17]::-webkit-scrollbar {
        display: none;
    }

    .invoices-filter-button[b-3w4h7v2a17],
    .invoices-filters__clear[b-3w4h7v2a17] {
        flex: 0 0 auto;
        min-height: 38px;
    }

    .invoices-error[b-3w4h7v2a17] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .invoices-error > span[b-3w4h7v2a17] {
        flex-basis: calc(100% - 30px);
    }

    .invoices-error button[b-3w4h7v2a17] {
        margin-left: 26px;
    }

    .invoices-content[b-3w4h7v2a17] {
        overflow: auto;
        background: #f6f9f8;
        border-radius: 12px;
    }

    .invoices-master-detail[b-3w4h7v2a17],
    .invoices-list[b-3w4h7v2a17] {
        overflow: visible;
    }

    .invoices-grid[b-3w4h7v2a17] {
        display: none;
    }

    .invoices-mobile-list[b-3w4h7v2a17] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    .invoices-detail-backdrop[b-3w4h7v2a17] {
        background: rgba(16, 40, 33, .34);
    }

    .invoices-detail-panel[b-3w4h7v2a17] {
        inset: 0;
        width: 100vw;
        max-width: none;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
        padding-top: env(safe-area-inset-top);
        padding-right: env(safe-area-inset-right);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
    }

    .invoices-skeleton[b-3w4h7v2a17] {
        gap: 10px;
        padding: 10px;
    }

    .invoices-skeleton > div[b-3w4h7v2a17] {
        min-height: 150px;
        grid-template-columns: 1fr 110px;
        align-content: center;
        gap: 18px;
        border: 1px solid #dce7e3;
        border-radius: 14px;
    }
}

@media (max-width: 420px) {
    .invoices-toolbar[b-3w4h7v2a17] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .invoices-search__control[b-3w4h7v2a17]  .e-input-group,
    .invoices-search__control[b-3w4h7v2a17]  .e-input-group.e-control-wrapper {
        font-size: .8rem;
    }
}
/* /Components/Pages/Page_T09_ObjednavkyPrehled.razor.rz.scp.css */
/* /Components/Pages/Page_T10_PoptavkyPrehled.razor.rz.scp.css */
/* /Components/Pages/Page_T11_MojeFirmaKontakt.razor.rz.scp.css */
/* /Components/Pages/Page_T12_NovumCZech.razor.rz.scp.css */
/* /Components/Pages/Page_T13_Deactivate.razor.rz.scp.css */
/* /Components/Pages/Page_T14_Activate.razor.rz.scp.css */
/* Kontejner stránky */
.activate-page[b-gkmifvepin] {
    box-sizing: border-box;
    width: 100%;
    max-width: 720px; /* příjemná šířka na desktopu */
    margin: 0 auto;
    padding: 16px;
}

/* Karta přes celou šířku kontejneru */
.activate-card[b-gkmifvepin] {
    width: 100%;
}

    /* Nadpis karty – plynulé škálování */
    .activate-card[b-gkmifvepin]  .e-card-header-title {
        font-size: clamp(1.15rem, 1rem + 1vw, 1.5rem);
    }

/* Úvodní texty */
.intro[b-gkmifvepin] {
    margin: 6px 0 8px;
}

/* Řádek s polem a tlačítkem – na mobilu pod sebou, na šířce vedle sebe */
.field-row[b-gkmifvepin] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 600px) {
    .field-row[b-gkmifvepin] {
        grid-template-columns: 1fr auto;
        align-items: start;
    }
}

/* Zajistí šířku ovládacích prvků od Syncfusion */
.activate-page[b-gkmifvepin]  .e-input-group,
.activate-page[b-gkmifvepin]  .e-input,
.activate-page[b-gkmifvepin]  .e-btn {
    width: 100%;
}

/* Na širších displejích nechte tlačítko podle obsahu */
@media (min-width: 600px) {
    .activate-page[b-gkmifvepin]  .e-btn {
        width: auto;
        white-space: nowrap;
    }
}

/* Spinner vycentrovaně a s mezerou shora */
.spinner-wrap[b-gkmifvepin] {
    margin-top: 16px;
    text-align: center;
}

/* Status message – bez přetékání na mobilu */
.status-message[b-gkmifvepin] {
    margin-top: 16px;
    padding: 12px;
    border-radius: 8px;
    overflow-wrap: anywhere; /* dlouhé e‑maily a hlášky nezpůsobí horizontální scroll */
    word-break: break-word;
}

    .status-message.ok[b-gkmifvepin] {
        background-color: #e7f3ec;
        color: #2e7d32;
    }

    .status-message.error[b-gkmifvepin] {
        background-color: #fdecea;
        color: #a94442;
    }

/* Oddělovač sekcí */
.section-sep[b-gkmifvepin] {
    margin: 20px 0;
}

/* Kód – trochu větší písmo a centrované znaky */
.code-input[b-gkmifvepin]  input {
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 1.05rem;
}
/* /Components/Pages/Page_T15_Chat.razor.rz.scp.css */