@import '_content/BlazorSortableList/BlazorSortableList.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.tw2xma3vzh.bundle.scp.css';

/* /Cart/Cart.razor.rz.scp.css */
[b-h7vl0pwaba] div:has(> .parent-h-100) {
    height: 100%;
    display: flex;
    flex-direction: column;
}




@media (max-width: 1500px) {
    [b-h7vl0pwaba] .hide-on-low-res {
        display: none !important;
    }

    .hide-on-low-res[b-h7vl0pwaba] {
        display: none !important;
    }
}
/* /CartWidget/CartWidget.razor.rz.scp.css */
[b-pz7o0h06bd] .cart-widget-card {
    background-color: var(--active-fill-color);
    transition: .2s;
    cursor: pointer;
}
[b-pz7o0h06bd] .cart-widget-card:hover {
    box-shadow: 0px 4px 4px rgb(0,0,0,0.15);
}

[b-pz7o0h06bd] .cart-widget-header {
    color: var(--dark-text);
}

[b-pz7o0h06bd] .cart-widget-button {
    padding: 0.25rem 0.5rem !important;
}

[b-pz7o0h06bd] .cart-widget-button:hover {
    background-color: #dc364529 !important;
}
/* /OrderRecommendations/OrderRecommendations.razor.rz.scp.css */
[b-3v6473urck] .supplier-tree {
    max-width: 420px;
    min-width: 280px;
}

[b-3v6473urck] .dropdown-menu {
    z-index: 1030;
}

[b-3v6473urck] .sticky-header thead {
    position: sticky;
    z-index: 2;
    top: 0;
}

@media (max-width: 1800px) {

    [b-3v6473urck] .tree-overflow .hx-tree-view-item:hover > .badge {
        display: none;
    }
}

.cart-table-wrap[b-3v6473urck] {
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}
[b-3v6473urck] .cart-table-wrap .table {
    --bs-table-active-color: red !important;
    --bs-table-hover-color: var(--active-fill-color) !important;
}

[b-3v6473urck] .cart-table-wrap .hx-grid-container {
    border: none !important;
}
[b-3v6473urck] .cart-table-wrap .hx-grid-container::-webkit-scrollbar {
    height: 7px;
}

[b-3v6473urck] .cart-table-wrap th {
    padding: 0.5rem 1.25rem !important;
    font-size: var(--fs-4);
    color: var(--active-text-color);
    background-color: var(--active-fill-color);
}

[b-3v6473urck] .cart-table-wrap td {
    padding: 0.5rem 1.25rem !important;
    font-size: var(--fs-4);
    color: var(--text-color);
}

[b-3v6473urck] .cart-table-wrap tr > td:first-of-type, [b-3v6473urck] .cart-table-wrap tr > th:first-of-type {
    padding-left: 1.25rem !important;
}

[b-3v6473urck] .cart-table-wrap .sale-row .sale-tag-column {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    padding: 0.5rem !important;
    text-align: center;
    position: sticky;
    left: 0;
    z-index: 5;
    background-color: rgb(251,251,251) !important;
}
[b-3v6473urck] .cart-table-wrap .sale-row:hover .sale-tag-column {
    background-color: #fff2eb !important;
}
[b-3v6473urck] .cart-table-wrap .sale-tag-column > div {
    width: 25px;
    height: 23px;
    background-color: #fff2eb;
    border-radius: 50%;
    padding-top: 2px;
}

[b-3v6473urck] .table-hover > tbody > tr:hover > * {
    --bs-table-color-state: transparent !important;
    --bs-table-bg-state: transparent !important;
}
[b-3v6473urck] .table-hover > tbody > tr.table-active {
    --bs-table-color-state: transparent !important;
    --bs-table-bg-state: transparent !important;
    background-color: var(--active-fill-color) !important;
}

[b-3v6473urck] .table-hover > tbody > tr:hover {
    background-color: var(--active-fill-color) !important;
}
[b-3v6473urck] .table-hover > tbody > tr.sale-row:hover {
    background-color: #fff2eb !important;
}

[b-3v6473urck] .cart-table-wrap .sale-tag-icon {
    color: #ff9800;
    font-size: 1.2rem;
}

[b-3v6473urck] .table-mode-switch {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 0 !important;
}

[b-3v6473urck] .table-mode-switch button.btn {
    position: relative;
    min-width: 50px;
    line-height: 1;
    padding: 8px !important;
    cursor: pointer;
    z-index: 10 !important;
    font-size: var(--fs-1);
    border-color: transparent !important;
    background-color: transparent !important;
    font-weight: bold !important;
    color: var(--dark-text) !important;
}
[b-3v6473urck] .table-mode-switch button:last-of-type {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
}

[b-3v6473urck] .table-mode-switch button > i {
    display: flex !important;
}

[b-3v6473urck] .option-menu .btn, [b-3v6473urck] .option-menu input[type="text"] {
    border-radius: 10px;
}

[b-3v6473urck] .option-menu .multiselect-with-icon:has(i) input[type="text"] {
    padding-left: 2.5rem;
}

[b-3v6473urck] .option-menu .btn.btn-primary, [b-3v6473urck] .orders-navigation .btn.btn-outline, [b-3v6473urck] .option-menu .btn.btn-outline {
    padding: 0.5rem 1rem !important;
}

[b-3v6473urck] .cart-table-wrap tr td {
    background-color: transparent !important;
}

[b-3v6473urck] .cart-table-wrap tr.sale-row {
    background-color: transparent !important;
    position: relative;
    z-index: 0;
}

[b-3v6473urck] .cart-table-wrap tr.sale-row td {
    background-color: transparent !important;
}

/* Keep spacing so the cell content doesn't overlap the tag */
[b-3v6473urck] .cart-table-wrap .row-with-tag .name-text {
    padding-left: 1rem;
}

[b-3v6473urck] .bg-active {
    background-color: var(--active-fill-color) !important;
    color: var(--active-text-color) !important;
}

[b-3v6473urck] .search-orders {
    min-width: 22rem;
}
/* /ProductManagement/ProductDetail.razor.rz.scp.css */
.product-wrap[b-zpqbujenvy] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.main-box[b-zpqbujenvy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.product-infobox[b-zpqbujenvy] {
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: #f8f9fa;
}

.product-infobox > div[b-zpqbujenvy] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
}

.product-infobox .data[b-zpqbujenvy] {
    background-color: #cfe2ff;
    color: #0067ff;
    padding: 0.05rem 0.4rem;
    border: 1px solid #cfe2ff;
    border-radius: 5px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: .2s;
}

.product-infobox .data:hover[b-zpqbujenvy] {
    border: 1px solid #0067ff;
    transition: .2s;
}
/* /ProductManagement/ProductDetailWidget.razor.rz.scp.css */
.product-wrap[b-d7llecyhq6] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.main-box[b-d7llecyhq6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.product-infobox[b-d7llecyhq6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    font-size: var(--fs-4);
    color: var(--bs-primary);
}

.product-infobox > div[b-d7llecyhq6] {
    display: flex;
    height: 100%;
    gap: 0.5rem;
    justify-content: space-between;
    align-items: center;
}

.product-infobox > div:first-of-type > .label[b-d7llecyhq6], .product-infobox > div:first-of-type > .data[b-d7llecyhq6] {
    padding-top: 1rem;
}

.product-infobox > div:last-of-type > .label[b-d7llecyhq6], .product-infobox > div:last-of-type > .data[b-d7llecyhq6] {
    padding-bottom: 1rem;
}

.product-infobox .label[b-d7llecyhq6] {
    padding: 0.5rem 1.5rem;
    width: 70%;
}

.product-infobox .data[b-d7llecyhq6] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--active-fill-color);
    color: var(--active-text-color);
    padding: 0.5rem 1.5rem;
    height: 100%;
    height: -webkit-fill-available !important;
    width: 30%;
}

.product-infobox-wrap[b-d7llecyhq6] {
    width: 30%;
    display: flex;
    flex-direction: column;
}

[b-d7llecyhq6] .chart-type-selector {
    position: absolute;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 0 !important;
}

[b-d7llecyhq6] .chart-type-selector button {
    background-color: var(--active-fill-color) !important;
    color: var(--active-text-color);
    position: relative;
    min-width: 50px;
    line-height: 1;
    padding: 8px !important;
    cursor: pointer;
    border-radius: 10px !important;
    z-index: 10 !important;
}
[b-d7llecyhq6] .chart-type-selector button:last-of-type {
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
}

[b-d7llecyhq6] .chart-type-selector button > i {
    display: flex !important;
}

[b-d7llecyhq6] .chart-type-selector-wrapper .dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    min-width: 10rem;
}
[b-d7llecyhq6] .chart-type-selector-wrapper .dropdown button {
    width: 100%;
    justify-content: flex-start !important;
    background-color: white;
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--active-fill-color);
    color: var(--text-color);
    text-align: left !important;
}
[b-d7llecyhq6] .chart-type-selector-wrapper .dropdown button:last-of-type {
    border-bottom: none;
}
[b-d7llecyhq6] .chart-type-selector-wrapper .dropdown button:hover {
    background-color: var(--active-fill-color);
}

[b-d7llecyhq6] .table-view {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

[b-d7llecyhq6] .table-view .hx-grid-container {
    max-height: 18rem;
    margin-bottom: 0 !important;
    border: none !important;
}
[b-d7llecyhq6] .table-view .hx-grid-container::-webkit-scrollbar {
    height: 7px !important;
}

[b-d7llecyhq6] .table-view table {
    --bs-table-bg: #fbfbfb;
    margin-bottom: 0 !important;
}

[b-d7llecyhq6] .table-view thead > tr > th {
    background-color: var(--active-fill-color);
    color: var(--text-color) !important;
}

[b-d7llecyhq6] .table-view th, [b-d7llecyhq6] .table-view td {
    padding: 0.5rem 1.25rem !important;
    color: var(--text-color) !important;
}
/* /ProductManagement/PromoActionsOverview.razor.rz.scp.css */
[b-wnpr8roeam] .table-overflow {
    overflow: auto;
}

[b-wnpr8roeam] .table-overflow .table-responsive {
    overflow: visible;
}

[b-wnpr8roeam] .table-overflow table {
    table-layout: fixed;
    width: 100%;
}

[b-wnpr8roeam] .sticky-header thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
    white-space: normal;
    word-break: break-word;
    hyphens: auto;
    padding: 8px 12px;
    line-height: 1.25;
    font-weight: 600;
}

[b-wnpr8roeam] .table-overflow th {
    vertical-align: bottom;
    overflow: visible;
    text-overflow: clip;
}

[b-wnpr8roeam] .table-overflow td {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-wnpr8roeam] .sticky-header thead th > .btn,
[b-wnpr8roeam] .sticky-header thead th > a,
[b-wnpr8roeam] .sticky-header thead th > span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

[b-wnpr8roeam] .hdr-inline {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

[b-wnpr8roeam] .hdr-ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

[b-wnpr8roeam] .hx-grid-infinite-scroll {
    white-space: normal;
}
/* /Shared/ActiveJobsAlert.razor.rz.scp.css */
/* Jobs completed */

.data-loaded-box:hover > .tip-wrap[b-c6y7uk37x2] {
    opacity: 1;
    display: block;
}

.indicator[b-c6y7uk37x2] {
    position: relative;
    z-index: 10;
    color: var(--text-color);
    display: flex;
    justify-content: center;
}

.tip-wrap[b-c6y7uk37x2] {
    padding-bottom: 2.75rem;
    position: absolute;
    bottom: 4.5rem;
    opacity: 0;
    transition: .2s;
    min-width: 200px;
    display: none;
}
.tip-wrap .active-jobs[b-c6y7uk37x2] {
    background-color: #fbfbfb;
}

[b-c6y7uk37x2] .indicator button {
    border: none;
    padding: 0;
    margin: 0 !important;
}

@keyframes spin-b-c6y7uk37x2 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.active-jobs[b-c6y7uk37x2] {
    border: 1px solid var(--border-color);
    color: var(--text-color);
    border-radius: var(--rounded-xl);
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-lqll0hj5fw] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh !important;
}


@media (min-width: 641px) {
    .page[b-lqll0hj5fw] {
        flex-direction: row;
    }

    .main > div[b-lqll0hj5fw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 1400px) {
    .main > div[b-lqll0hj5fw] {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }

    .main > div > div[b-lqll0hj5fw] {
        padding-left: 1rem !important;
    }
}
/* /Shared/Sidebar.razor.rz.scp.css */
@media (min-width: 641px) {
    .sidebar[b-3n141e8rha] {
        flex-basis: 200px;
        height: 100vh !important;
        top: 0;
    }
}

[b-3n141e8rha] #sidebar {
    position: sticky;
    top: 0;
    background-color: transparent !important;
    max-width: 300px;
}

[b-3n141e8rha] .hx-sidebar-item {
    font-size: var(--fs-3) !important;
    color: var(--text-color);
    border-radius: 10px;
}



#user-box a[b-3n141e8rha] {
    text-decoration: none;
    color: inherit;
    transition: 200ms;
    border-radius: 10px;
    padding: 0.5rem 1.5rem 0.75rem 0.5rem;
}
#user-box a:hover[b-3n141e8rha] {
    background-color: var(--active-fill-color);
}


#user-box .user-avatar[b-3n141e8rha] {
    background-color: var(--active-fill-color);
    height: 35px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: 200ms;
}
#user-box .user-avatar:hover[b-3n141e8rha] {
    transform: scale(105%);
}

#user-box .user-avatar > svg[b-3n141e8rha] {
    width: 60%;
}

#user-box .user-info .email[b-3n141e8rha] {
    font-size: var(--fs-4);
    font-weight: 700;
    color: var(--subtitle-color);
    transition: 200ms;
}

#user-box .user-logout button[b-3n141e8rha] {
    background-color: transparent;
    transition: 200ms;
}
#user-box .user-logout button:hover[b-3n141e8rha] {
    background-color: var(--active-fill-color);
}




[b-3n141e8rha] .labels-top {
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color);
}


[b-3n141e8rha] .nav-link.disabled:has(> input) {
    pointer-events: auto !important;
    padding: 0;
}

[b-3n141e8rha] #sidebar .hx-search-box-input-icon-end {
    left: 0.25rem;
    right: unset;
}
[b-3n141e8rha] #sidebar .hx-search-box-input-icon-end > i {
    font-size: var(--fs-3)
}

[b-3n141e8rha] #sidebar .sidebar-tree .hx-search-box {
    margin: 0.5rem;
}

[b-3n141e8rha] #sidebar .nav-link:has(input) {
    padding: 0 !important;
    font-size: var(--fs-3) !important;
    font-weight: initial !important;
    color: var(--text-color) !important;
}

[b-3n141e8rha] .hx-tree-view {
    margin: 0.5rem;
}

[b-3n141e8rha] .tree-wrap .hx-tree-view-item {
    font-size: var(--fs-4) !important;
}

[b-3n141e8rha] .hx-tree-view-item {
    border-radius: 10px;
}

[b-3n141e8rha] .hx-tree-view-item .hx-tree-view-item-spacer {
    flex: 0 0 0.25rem !important;
}

[b-3n141e8rha] .hx-sidebar-body {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

[b-3n141e8rha] .hx-sidebar-body > nav {
    overflow: auto;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
}

[b-3n141e8rha] .tree-wrap {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

[b-3n141e8rha] .sidebar-tree {
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

[b-3n141e8rha] .hx-sidebar-item.active:not(.sidebar-item-active) {
    background-color: transparent !important;
}


/* Collapsed */

[b-3n141e8rha] .collapsed .hx-sidebar-body {
    display: flex;
    align-items: center;
}

[b-3n141e8rha] .collapsed #user-box {
    display: flex;
    justify-content: center;
}

[b-3n141e8rha] .collapsed #user-box a {
    padding: 0 !important;
}

[b-3n141e8rha] .collapsed .user-info {
    display: none;
}

[b-3n141e8rha] .collapsed .user-logout {
    display: none;
}

[b-3n141e8rha] .hx-button.show-collapsed {
    display: none !important;
    border: none !important;
    color: var(--text-color) !important;
}

[b-3n141e8rha] .collapsed .hx-button.show-collapsed {
    display: flex !important;
    padding: var(--bs-nav-link-padding-y) !important;
}
[b-3n141e8rha] .collapsed .hx-button.show-collapsed:hover {
    border: none !important;
    background-color: rgba(var(--hx-sidebar-item-hover-background-color), var(--hx-sidebar-item-hover-background-opacity));
    color: var(--hx-sidebar-item-hover-color);
}

[b-3n141e8rha] .collapsed .sidebar-tree {
    display: none !important;
}
/* /Shared/SidebarTree.razor.rz.scp.css */
.sidebar-tree[b-jpg2zy7uqb] { min-width: 0; }

/* container that holds the tree should not force sidebar grow */
.sidebar-tree .tree-overflow[b-jpg2zy7uqb] {
    overflow: auto;
}

/* Constrain badges inside the sidebar: keep them small and truncate long text */
.sidebar-tree .badge[b-jpg2zy7uqb] {
    max-width: 7.5rem; /* small fixed width so multiple badges don't expand the sidebar */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 0.75rem;
    padding: 0.15rem 0.35rem;
    margin-right: 0.25rem;
}

/* Make subtle badges slightly less prominent and compact */
.sidebar-tree .bg-info-subtle[b-jpg2zy7uqb],
.sidebar-tree .bg-warning-subtle[b-jpg2zy7uqb],
.sidebar-tree .bg-danger-subtle[b-jpg2zy7uqb],
.sidebar-tree .bg-success-subtle[b-jpg2zy7uqb],
.sidebar-tree .bg-secondary-subtle[b-jpg2zy7uqb] {
    padding: 0.12rem 0.3rem;
    font-size: 0.75rem;
}

/* Košíkový badge - kompaktní ikona badge */
.sidebar-tree .bg-primary-subtle[b-jpg2zy7uqb] {
    padding: 0.2rem 0.3rem;
    font-size: 0.7rem;
    max-width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Ensure icons (lock) don't increase item width too much */
.sidebar-tree .hx-icon[b-jpg2zy7uqb],
.sidebar-tree svg[b-jpg2zy7uqb] {
    width: 0.95rem;
    height: 0.95rem;
}

/* Icons inside badges should be smaller */
.sidebar-tree .badge .hx-icon[b-jpg2zy7uqb],
.sidebar-tree .badge svg[b-jpg2zy7uqb] {
    width: 0.75rem;
    height: 0.75rem;
}

/* If badges still overflow, ensure the tree column can shrink inside flex layouts */
.sidebar-tree[b-jpg2zy7uqb] {
    flex-shrink: 1;
}

/* Ensure tree item content uses flex so title can shrink */
.sidebar-tree .hx-treeview .hx-treeview-item[b-jpg2zy7uqb] {
    display: flex;
    align-items: center;
}

/* Title element: allow shrinking and ellipsis */
.sidebar-tree .hx-treeview .hx-treeview-item .hx-treeview-item-title[b-jpg2zy7uqb],
.sidebar-tree .hx-treeview .hx-treeview-item .hx-treeview-item-label[b-jpg2zy7uqb] {
    flex: 1 1 0%;
    min-width: 0; /* essential to allow flex child to shrink */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Ensure badges and icons stay to the right and don't force width */
.sidebar-tree .hx-treeview .hx-treeview-item .badge[b-jpg2zy7uqb],
.sidebar-tree .hx-treeview .hx-treeview-item .hx-icon[b-jpg2zy7uqb],
.sidebar-tree .hx-treeview .hx-treeview-item svg[b-jpg2zy7uqb] {
    flex: 0 0 auto;
}