@import '_content/Lib.Components.DigitalSignage/Lib.Components.DigitalSignage.554181h2u1.bundle.scp.css';
@import '_content/Lib.Components.DragDrop/Lib.Components.DragDrop.4df4xh9cpv.bundle.scp.css';
@import '_content/Lib.Components.Floorplan/Lib.Components.Floorplan.ndad7scri1.bundle.scp.css';
@import '_content/Lib.Components.KitchenDisplay/Lib.Components.KitchenDisplay.8cniwwlql2.bundle.scp.css';

/* /Components/Management/Admin/Shared/CustomDomains.razor.rz.scp.css */
.dns-records th[b-4l1zv38o3p],
.dns-records td[b-4l1zv38o3p] {
    padding: 0.35rem 0.5rem;
    vertical-align: middle;
    color: inherit;
}

.dns-records th[b-4l1zv38o3p] {
    font-size: 0.85rem;
    opacity: 0.7;
    border-bottom: 1px solid currentColor;
}

.dns-records tbody tr + tr td[b-4l1zv38o3p] {
    border-top: 1px solid rgba(128, 128, 128, 0.3);
}

[b-4l1zv38o3p] .dns-value input {
    font-family: var(--bs-font-monospace, monospace);
}
/* /Components/Management/Admin/Shared/DeviceAuth.razor.rz.scp.css */
.addButton[b-roj27yhql5] {
    margin-left: 5px;
}
/* /Components/Management/Admin/Shared/ManagerProfile.razor.rz.scp.css */

[b-opdjhlxoy0] .card {
    padding-bottom:0px;
}
[b-opdjhlxoy0] .k-form .k-form-field > .k-label {
    text-align: start;
    align-items: start;
}
/* /Components/Management/Admin/Shared/PaymentMethods.razor.rz.scp.css */
.addButton[b-gds4xrjly9] {
    margin-left: 5px;
}
/* /Components/Management/Admin/Shared/Profile.razor.rz.scp.css */

[b-z5bw8z9wls] .card {
    padding-bottom:0px;
}
[b-z5bw8z9wls] .k-form .k-form-field > .k-label {
    text-align: start;
    align-items:start;
}
/* /Components/Management/Manager/Shared/SubManagerUserProfile.razor.rz.scp.css */

[b-oh4tpyruil] .card {
    padding-bottom:0px;
}
[b-oh4tpyruil] .k-form .k-form-field > .k-label {
    text-align: start;
    align-items:start;
}
/* /Components/Pages/BranchManagers.razor.rz.scp.css */
.w75[b-xru7g1y5ki] {
    width: 210px !important
}
/* /Components/Pages/Deals/ProspectClientComponent.razor.rz.scp.css */
.comments-section[b-0gtmin6ix0] {
    max-width: 800px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

    .comments-section h3[b-0gtmin6ix0] {
        margin-bottom: 16px;
    }

.comment[b-0gtmin6ix0] {
    display: flex;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
@media (prefers-color-scheme: dark) {
    .comment[b-0gtmin6ix0] {
        border-bottom: 1px solid #3a3a3a;
    }
}
.comments-list[b-0gtmin6ix0] {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 4px; /* space for scrollbar */
}
.form[b-0gtmin6ix0] {
    max-height: ;
    overflow-y: auto;
}
/* optional: smoother scroll */
.comments-list[b-0gtmin6ix0] {
    scroll-behavior: smooth;
}
.delete-btn[b-0gtmin6ix0] {
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    align-self: flex-start;
}

.comment:hover .delete-btn[b-0gtmin6ix0] {
    opacity: 1;
}

.delete-btn:hover[b-0gtmin6ix0] {
    /*color: #e11d48;*/ /* red */
}
.avatar[b-0gtmin6ix0] {
    width: 40px;
    height: 40px;
    background: var(--kendo-color-tertiary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.comment-body[b-0gtmin6ix0] {
    flex: 1;
}

.comment-header[b-0gtmin6ix0] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.name[b-0gtmin6ix0] {
    font-weight: 600;
}

.time[b-0gtmin6ix0] {
    font-size: 12px;
}

.comment-body p[b-0gtmin6ix0] {
    margin: 0;
}

.add-comment[b-0gtmin6ix0] {
    margin-top: 16px;
    display: flex;
    gap: 8px;
}

    .add-comment textarea[b-0gtmin6ix0] {
        flex: 1;
        resize: none;
        padding: 8px;
        height: 70px;
        border-radius: 6px;
        border: 1px solid #ccc;
        font-family: inherit;
    }

    .add-comment button[b-0gtmin6ix0] {
        padding: 0 16px;
        border: none;
        border-radius: 6px;
        color: white;
        cursor: pointer;
    }

    .add-comment button:hover[b-0gtmin6ix0] {
    }

.file-row[b-0gtmin6ix0] {
    cursor:pointer;
}
    .file-row:hover[b-0gtmin6ix0] {
        /*background-color: var(--kendo-color-surface-alt);*/
        background-color: var(--kendo-color-primary-surface-alt);
    }
/* /Components/Pages/KitchenDisplay.razor.rz.scp.css */
.switches-table td[b-v0qfqwzvmc] {
    padding: 5px;
}

.radio-container[b-v0qfqwzvmc]  li {
    flex-grow: 1;
}
.wrappercard[b-v0qfqwzvmc]  .card-container {
    width: 100% !important;
}
/* /Components/Pages/KitchenPrinters.razor.rz.scp.css */
.switches-table td[b-cb2do0q5j0] {
    padding: 5px;
}

.radio-container[b-cb2do0q5j0]  li {
    flex-grow: 1;
}
.main[b-cb2do0q5j0] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    column-gap: 99px;
    padding-inline-end: 53px;
    gap: 39px;
    padding-top: 28px;
}
.myrow[b-cb2do0q5j0] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}
/* /Pages/AppEdit/Floorplan.razor.rz.scp.css */
.main-area[b-990r84kgyq] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.drawing-area[b-990r84kgyq] {
    width: 80%;
}

.sidebar[b-990r84kgyq] {
    width: 20%;
    margin-left: 10px;
    padding: 10px;
}

    .sidebar[b-990r84kgyq]  > button {
        width: 100%;
    }
/* /Pages/AppEdit/Inventory.razor.rz.scp.css */
.plu-image[b-drbavgnhwq] {
    height: 75px;
}
.min14[b-drbavgnhwq] {
    min-width: 140px;
}
/* /Pages/AppEdit/Plu.razor.rz.scp.css */
.plu-image[b-2hq88lqbou] {
    height: 75px;
}
/* /Pages/AppEdit/PluCategory.razor.rz.scp.css */
/* intentionally empty — k-card-body height fix is in PluCategory.razor <style> block
   because Blazor scoped CSS ::deep does not pierce Telerik-rendered elements reliably. */
/* /Pages/ImportExport.razor.rz.scp.css */
/* Import/Export: numbered cards (file, options, review) on the theme's own colours, so dark mode follows. */
.ie-header[b-slemu6rd8t] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
}

.ie-page-title[b-slemu6rd8t] {
    font-weight: 500;
    margin-right: auto;
}

.ie-status[b-slemu6rd8t] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle, #6c757d);
}

.ie-status-failed[b-slemu6rd8t] {
    color: var(--kendo-color-error, #dc3545);
}

.ie-status-done[b-slemu6rd8t] {
    color: var(--kendo-color-success, #198754);
}

.ie-card[b-slemu6rd8t] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 12px;
    background: var(--kendo-color-surface-alt, #fff);
    padding: 16px 20px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ie-card-title[b-slemu6rd8t] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.ie-step[b-slemu6rd8t] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    background: var(--kendo-color-primary-subtle, #e6f1fb);
    color: var(--kendo-color-primary, #0d6efd);
}

.ie-options[b-slemu6rd8t] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    row-gap: 12px;
    align-items: center;
}

.ie-label[b-slemu6rd8t] {
    color: var(--kendo-color-subtle, #6c757d);
}

.ie-danger[b-slemu6rd8t],
.ie-error-text[b-slemu6rd8t] {
    color: var(--kendo-color-error, #dc3545);
}

.ie-check[b-slemu6rd8t] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer;
}

.ie-option-row[b-slemu6rd8t] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.ie-hint[b-slemu6rd8t] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle, #6c757d);
}

.ie-stats[b-slemu6rd8t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 10px;
}

.ie-stat[b-slemu6rd8t] {
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.04));
}

.ie-stat-label[b-slemu6rd8t] {
    font-size: 0.8rem;
    color: var(--kendo-color-subtle, #6c757d);
}

.ie-stat-value[b-slemu6rd8t] {
    font-size: 1.4rem;
    font-weight: 500;
}

.ie-stat-danger[b-slemu6rd8t] {
    background: var(--kendo-color-error-subtle, #fcebeb);
}

    .ie-stat-danger .ie-stat-label[b-slemu6rd8t],
    .ie-stat-danger .ie-stat-value[b-slemu6rd8t] {
        color: var(--kendo-color-error, #dc3545);
    }

/* The red frame lives on a wrapper: with collapsed borders the rows' grey bottom line would win over a
   table border, and border-radius is ignored on collapsed tables. */
.ie-problems-wrap[b-slemu6rd8t] {
    border: 1px solid var(--kendo-color-error, #dc3545);
    border-radius: 8px;
    overflow: hidden;
}

.ie-problems[b-slemu6rd8t] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

    .ie-problems tbody tr:last-child td[b-slemu6rd8t] {
        border-bottom: none;
    }

    .ie-problems th[b-slemu6rd8t],
    .ie-problems td[b-slemu6rd8t] {
        padding: 6px 10px;
        border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
        vertical-align: top;
        text-align: left;
    }

    .ie-problems th[b-slemu6rd8t] {
        font-weight: 500;
        color: var(--kendo-color-subtle, #6c757d);
    }

        .ie-problems th:nth-child(1)[b-slemu6rd8t] {
            width: 70px;
        }

        .ie-problems th:nth-child(2)[b-slemu6rd8t] {
            width: 170px;
        }

.ie-details[b-slemu6rd8t] {
    max-height: 420px;
    overflow: auto;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 8px;
    padding: 8px;
}

.ie-footer[b-slemu6rd8t] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .ie-options[b-slemu6rd8t] {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 6px;
    }
}
/* /Pages/Management/Branchoffice.razor.rz.scp.css */
/* Control TelerikTextArea */
.div-textarea[b-ws0ac39myn] >  span {
    width: 100% !important;
}

/* Control Telerik dropdown */
.div-dropdown[b-ws0ac39myn] >  span {
    width: 100% !important;
}

.div-checkbox[b-ws0ac39myn] {
    margin: auto;
}

.plu-image[b-ws0ac39myn] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

.plu-image-container[b-ws0ac39myn] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-ws0ac39myn] {
    display: flex;
    flex-direction: column;
    height: 200px;
}

.condiment-grid-container[b-ws0ac39myn] {
    display: flex;
    flex-direction: row;
}

[b-ws0ac39myn] .k-label.k-form-label {
    align-items: center !important;
}

.grid[b-ws0ac39myn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


/* Online-order auto status. One delivery type at a time, picked from the tab strip: its four
   stages are configured on one side and read back as sentences on the other. Laid out for a
   phone first - a single column of full-width cards - and split in two once there is room. */
/* One row of order-type chips: stacking them would push the stages panel down on
   the small screens that need it most, so the row scrolls and the arrows show up
   only when it actually overflows. */
.auto-status-typetabs-scroller[b-ws0ac39myn] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 12px;
}

.auto-status-typetab-arrow[b-ws0ac39myn] {
    flex: 0 0 auto;
    display: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--kendo-color-on-app-surface, #424242);
    cursor: pointer;
}

    .auto-status-typetab-arrow:hover[b-ws0ac39myn] {
        background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.08));
    }

.auto-status-typetabs[b-ws0ac39myn] {
    flex: 1;
    min-width: 0;
    display: flex;
    gap: 6px;
    padding-bottom: 6px;
    overflow-x: auto;
    scrollbar-width: none;
}

    .auto-status-typetabs[b-ws0ac39myn]::-webkit-scrollbar {
        display: none;
    }

.auto-status-typetab[b-ws0ac39myn] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: 0.9rem;
    white-space: nowrap;
    cursor: pointer;
}

    .auto-status-typetab:hover[b-ws0ac39myn] {
        background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.08));
    }

.auto-status-typetab-active[b-ws0ac39myn],
.auto-status-typetab-active:hover[b-ws0ac39myn] {
    background: var(--kendo-color-primary, #ff6358);
    border-color: var(--kendo-color-primary, #ff6358);
    color: var(--kendo-color-on-primary, #fff);
}

/* How many stages of that order type run by themselves, so the tabs say where the work is. */
.auto-status-typetab-count[b-ws0ac39myn] {
    min-width: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.12));
    font-size: 0.72rem;
    line-height: 18px;
}

.auto-status-typetab-active .auto-status-typetab-count[b-ws0ac39myn] {
    background: rgba(255, 255, 255, 0.28);
}

.auto-status-split[b-ws0ac39myn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auto-status-stages[b-ws0ac39myn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.auto-status-stage[b-ws0ac39myn] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    padding: 10px 12px;
    background: var(--kendo-color-surface, #fff);
}

.auto-status-stage-head[b-ws0ac39myn] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.auto-status-stage-index[b-ws0ac39myn] {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.08));
    font-size: 0.75rem;
    font-weight: 600;
}

.auto-status-stage-text[b-ws0ac39myn] {
    flex: 1 1 auto;
    min-width: 0;
}

.auto-status-stage-title[b-ws0ac39myn] {
    font-weight: 600;
}

.auto-status-stage-note[b-ws0ac39myn] {
    font-size: 0.82rem;
    opacity: 0.7;
}

.auto-status-stage-switch[b-ws0ac39myn] {
    flex: 0 0 auto;
}

/* Indented to line up under the stage title rather than its number. Wraps, because five
   presets and a box do not fit a phone on one line. */
.auto-status-stage-value[b-ws0ac39myn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding-left: 32px;
}

.auto-status-preset[b-ws0ac39myn] {
    padding: 4px 10px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: 0.78rem;
    white-space: nowrap;
    cursor: pointer;
}

    .auto-status-preset:hover:enabled[b-ws0ac39myn] {
        background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.08));
    }

    .auto-status-preset:disabled[b-ws0ac39myn] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.auto-status-preset-active[b-ws0ac39myn],
.auto-status-preset-active:hover:enabled[b-ws0ac39myn] {
    background: var(--kendo-color-primary, #ff6358);
    border-color: var(--kendo-color-primary, #ff6358);
    color: var(--kendo-color-on-primary, #fff);
}

.auto-status-summary[b-ws0ac39myn] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    padding: 12px 14px;
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, 0.04));
}

.auto-status-summary-title[b-ws0ac39myn] {
    font-weight: 600;
    margin-bottom: 8px;
}

.auto-status-summary-list[b-ws0ac39myn] {
    margin: 0 0 10px 0;
    padding-left: 18px;
    font-size: 0.88rem;
}

    .auto-status-summary-list li[b-ws0ac39myn] {
        margin-bottom: 4px;
    }

.auto-status-summary-total[b-ws0ac39myn] {
    font-size: 0.88rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.auto-status-summary-note[b-ws0ac39myn] {
    display: flex;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(13, 110, 253, 0.35);
    border-radius: 4px;
    background: rgba(13, 110, 253, 0.08);
    font-size: 0.82rem;
}

.auto-status-unit[b-ws0ac39myn] {
    font-size: 0.8em;
    opacity: 0.7;
}

.settings-hint[b-ws0ac39myn] {
    font-size: 0.9em;
    opacity: 0.75;
}

.settings-subsection-header[b-ws0ac39myn] {
    font-weight: 600;
}

/* Shown while the online-order register/clerk are unset and the stages are therefore locked. */
.settings-warning[b-ws0ac39myn] {
    font-size: 0.9em;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.45);
}

/* Room for two columns: the summary sits beside the stages instead of below them. */
@media (min-width: 900px) {
    .auto-status-split[b-ws0ac39myn] {
        flex-direction: row;
        align-items: flex-start;
    }

    .auto-status-stages[b-ws0ac39myn] {
        flex: 1 1 auto;
    }

    .auto-status-summary[b-ws0ac39myn] {
        flex: 0 0 320px;
    }
}

/* /Pages/Management/Branchoffices.razor.rz.scp.css */
/* Control TelerikTextArea */
.div-textarea[b-tpjx1rxanw] >  span {
    width: 100% !important;
}

/* Control Telerik dropdown */
.div-dropdown[b-tpjx1rxanw] >  span {
    width: 100% !important;
}

.div-checkbox[b-tpjx1rxanw] {
    margin: auto;
}

.plu-image[b-tpjx1rxanw] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

.plu-image-container[b-tpjx1rxanw] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-tpjx1rxanw] {
    display: flex;
    flex-direction: column;
    height: 200px;
}

.condiment-grid-container[b-tpjx1rxanw] {
    display: flex;
    flex-direction: row;
}

[b-tpjx1rxanw] .k-label.k-form-label {
    align-items: center !important;
}

.grid[b-tpjx1rxanw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* /Pages/Management/Customers.razor.rz.scp.css */
/* /Pages/Management/ElectronicJournal.razor.rz.scp.css */
.ejContainer[b-lt1nosrf5d] {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.ejCards[b-lt1nosrf5d] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding-inline-start: 0px;
}

li[b-lt1nosrf5d] {
    list-style: none;
    text-align: left;
}

textarea[b-lt1nosrf5d] {
    font-family: "Consolas", "Courier";
    resize: none;
    height: 96%;
}

.filter[b-lt1nosrf5d] {
    display: flex;
    align-items: flex-end;
}

    .filter[b-lt1nosrf5d] >  div {
        padding-bottom: 5px;
        margin-left: 5px;
    }

    .filter[b-lt1nosrf5d] >  span {
        padding-bottom: 5px;
    }

.datepicker[b-lt1nosrf5d] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Management/LandingPageBuilder.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   Live preview iframe.

   We render the iframe at a desktop-ish viewport (1280px wide, 800 tall) so
   the embedded page lays out as it would on a real browser, then scale the
   whole thing down with CSS transforms to fit the right-hand panel.
   The wrapper takes the SCALED size so it occupies the correct space in flow.
   ───────────────────────────────────────────────────────────────────────── */

.lp-live-preview-wrap[b-fia2k0qn6h] {
    --lp-preview-w: 50dvw;
    --lp-preview-h: 50dvh;
    --lp-preview-scale: 1;
    width: calc(var(--lp-preview-w) * var(--lp-preview-scale));
    height: calc(var(--lp-preview-h) * var(--lp-preview-scale));
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);
    margin: 0 auto;
}

.lp-live-preview-frame[b-fia2k0qn6h] {
    width:  var(--lp-preview-w);
    height: var(--lp-preview-h);
    border: 0;
    transform: scale(var(--lp-preview-scale));
    transform-origin: top left;
/*    background: #fff;*/
    display: block;
}
/* /Pages/Management/Licenses.razor.rz.scp.css */
.licensePackContainer[b-f549tg9s7o] {
    display: grid;
    grid-template-columns: 1fr auto;
}

.licensePackSummary[b-f549tg9s7o] {
    display: flex;
    flex-direction: column;
}

.orderContainer[b-f549tg9s7o] {
    height: 100%;
    /*background-color: #f3f4f3;*/
    padding: 10px;
}

.paymentMethodsContainer[b-f549tg9s7o] {
}

    .paymentMethodsContainer > img[b-f549tg9s7o] {
        margin-right: 10px;
        margin-bottom: 10px;
    }

.paymentButtonsContainer[b-f549tg9s7o]  button {
    margin-right: 10px;
}

.orderLinesContainer[b-f549tg9s7o] {
    width: 100%;
}

.orderLineCard[b-f549tg9s7o] {
    display: flex;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

    .orderLineCard .amount[b-f549tg9s7o] {
        width: 20%;
        margin-left: auto !important;
        text-align: end;
    }

.orderContainer p[b-f549tg9s7o] {
    font-weight: bold;
}

.selected-card[b-f549tg9s7o] {
    border: solid;
    border-radius: 12px;
}

hr[b-f549tg9s7o] {
    border-top-color: inherit !important;
}
/* /Pages/Management/OrderManagement.razor.rz.scp.css */
/* Same wording and weight as the warning on the branch-settings page, since it points there. */
.order-management-warning[b-0qu7m90yck] {
    font-size: 0.9em;
    margin: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 193, 7, 0.45);
}

.order-management-warning a[b-0qu7m90yck] {
    margin-left: 0.35rem;
    font-weight: 600;
    white-space: nowrap;
}

.order-management-tabs[b-0qu7m90yck] {
    height: 100%;
}

/* Actions wrap rather than widen the column: a delivery order at Ready carries three of
   them, and the grid must not start scrolling sideways because of it. */
.order-management-actions[b-0qu7m90yck] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}
/* /Pages/Management/Orders.razor.rz.scp.css */
.filter[b-wz5yetce8m] {
    display: flex;
    align-items: flex-end;
}

    .filter[b-wz5yetce8m] >  div {
        padding-bottom: 5px;
        margin-left: 5px;
    }

    .filter[b-wz5yetce8m] >  span {
        padding-bottom: 5px;
    }

    .datepicker[b-wz5yetce8m] {
        display: flex;
        flex-direction:column;
    }
/* /Pages/Management/Popup.razor.rz.scp.css */
.mr-auto[b-ui6qtshusc]  button {
    margin-right: 5px;
}
/* /Pages/Management/QrTables.razor.rz.scp.css */
.dialog-body[b-zgcledfhnk] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

a[b-zgcledfhnk] {
    margin-top: 10px;
}
/* /Pages/Management/Receipts.razor.rz.scp.css */
.filter[b-6mx81ne52c] {
    display: flex;
    align-items: flex-end;
}

    .filter[b-6mx81ne52c] >  div {
        padding-bottom: 5px;
        margin-left: 5px;
    }

    .filter[b-6mx81ne52c] >  span {
        padding-bottom: 5px;
    }

.datepicker[b-6mx81ne52c] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Management/Terms.razor.rz.scp.css */
/* Control TelerikTextArea */

div[b-exz2060h42] {
    width: 100% !important;
}

.div-textarea[b-exz2060h42] >  span {
    width: 100% !important;
}
/* /Pages/Management/Webshop.razor.rz.scp.css */
/* Control TelerikTextArea */
.div-textarea[b-i7ei9f1eqn] >  span {
    width: 100% !important;
}

/* Control Telerik dropdown */
.div-dropdown[b-i7ei9f1eqn] >  span {
    width: 100% !important;
}

.div-checkbox[b-i7ei9f1eqn] {
    margin: auto;
}
/* /Pages/Personalkollen/Sales.razor.rz.scp.css */
.filter[b-7geuzcaz4m] {
    display: flex;
    align-items: flex-end;
}

    .filter[b-7geuzcaz4m] >  div {
        padding-bottom: 5px;
        margin-left: 5px;
    }

    .filter[b-7geuzcaz4m] >  span {
        padding-bottom: 5px;
    }

.datepicker[b-7geuzcaz4m] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Personalkollen/Settings.razor.rz.scp.css */
.grid-item[b-tlqimkkjp3]  button {
    margin-left: 5px;
}
/* /Pages/Public/Component/ContractPage.razor.rz.scp.css */
.contract-preview-container[b-kn5tc8pzgm] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
/*    background-color: #f8f9fa;*/
    min-height: 100vh;
}


.contract-content[b-kn5tc8pzgm] {
/*    background: white;*/
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

@media (prefers-color-scheme: dark) {
    .contract-content[b-kn5tc8pzgm] {
/*        background: #2d2d2d;*/
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }
}

.contract-header[b-kn5tc8pzgm] {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

@media (prefers-color-scheme: dark) {
    .contract-header[b-kn5tc8pzgm] {
        border-bottom-color: #444;
    }
}

.contract-header h1[b-kn5tc8pzgm] {
    margin: 0 0 1rem 0;
    color: #333;
    font-size: 2rem;
}

@media (prefers-color-scheme: dark) {
    .contract-header h1[b-kn5tc8pzgm] {
        color: #e0e0e0;
    }
}

.contract-meta[b-kn5tc8pzgm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.meta-row[b-kn5tc8pzgm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
    .meta-row[b-kn5tc8pzgm] {
        background: #3a3a3a;
    }
}

.meta-row strong[b-kn5tc8pzgm] {
    color: #666;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .meta-row strong[b-kn5tc8pzgm] {
        color: #a0a0a0;
    }
}

.meta-row span:not(strong)[b-kn5tc8pzgm] {
    color: #333;
    font-weight: 500;
}

@media (prefers-color-scheme: dark) {
    .meta-row span:not(strong)[b-kn5tc8pzgm] {
        color: #e0e0e0;
    }
}

.badge[b-kn5tc8pzgm] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
}

.contract-section[b-kn5tc8pzgm] {
    margin-bottom: 2rem;
    margin-top:2rem;
    padding: 1.5rem;
    /*border: 1px solid #e6e6e6;
    border-radius: 8px;*/
/*    background: #fafbfc;*/
}

@media (prefers-color-scheme: dark) {
    .contract-section[b-kn5tc8pzgm] {
/*        border-color: #444;
        background: #252525;*/
    }
}

.contract-section h2[b-kn5tc8pzgm],
.contract-section h3[b-kn5tc8pzgm] {
    color: #333;
    margin-top: 0;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
}

@media (prefers-color-scheme: dark) {
    .contract-section h2[b-kn5tc8pzgm],
    .contract-section h3[b-kn5tc8pzgm] {
        color: #e0e0e0;
        border-bottom-color: #0d6efd;
    }
}

/* Products and Packages */
.products-list[b-kn5tc8pzgm],
.packages-list[b-kn5tc8pzgm] {
    display: grid;
    gap: 1.5rem;
}

.contract-product-card[b-kn5tc8pzgm],
.contract-package-card[b-kn5tc8pzgm] {
    display: grid;
    grid-template-columns: 1fr 4fr 2fr;
    gap: 1.5rem;
    padding: 1.5rem;
    /*    background: white;*/
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    align-items: start;
}

@media (prefers-color-scheme: dark) {
    .contract-product-card[b-kn5tc8pzgm],
    .contract-package-card[b-kn5tc8pzgm] {
        /*        background: #3a3a3a;*/
        border-color: #555;
    }
}

.product-image[b-kn5tc8pzgm],
.package-image[b-kn5tc8pzgm] {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 4px;
/*    background: #f0f0f0;*/
}

@media (prefers-color-scheme: dark) {
    .product-image[b-kn5tc8pzgm],
    .package-image[b-kn5tc8pzgm] {
/*        background: #2a2a2a;*/
    }
}

.product-image img[b-kn5tc8pzgm],
.package-image img[b-kn5tc8pzgm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-details[b-kn5tc8pzgm],
.package-details[b-kn5tc8pzgm] {
    min-width: 0;
}

    .product-details h3[b-kn5tc8pzgm],
    .package-details h3[b-kn5tc8pzgm] {
        margin: 0 0 0.5rem 0;
        color: #333;
        font-size: 1.1rem;
    }

@media (prefers-color-scheme: dark) {
    .product-details h3[b-kn5tc8pzgm],
    .package-details h3[b-kn5tc8pzgm] {
        color: #e0e0e0;
    }
}

.product-description[b-kn5tc8pzgm],
.package-description[b-kn5tc8pzgm] {
    margin: 0.5rem 0;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

@media (prefers-color-scheme: dark) {
    .product-description[b-kn5tc8pzgm],
    .package-description[b-kn5tc8pzgm] {
        color: #b0b0b0;
    }
}

.product-tech-description[b-kn5tc8pzgm],
.package-tech-description[b-kn5tc8pzgm] {
    margin: 0.5rem 0;
    color: #888;
    font-size: 0.85rem;
    line-height: 1.4;
    font-style: italic;
}

@media (prefers-color-scheme: dark) {
    .product-tech-description[b-kn5tc8pzgm],
    .package-tech-description[b-kn5tc8pzgm] {
        color: #909090;
    }
}

.package-items[b-kn5tc8pzgm] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e6e6e6;
}

@media (prefers-color-scheme: dark) {
    .package-items[b-kn5tc8pzgm] {
        border-top-color: #555;
    }
}

.package-items h4[b-kn5tc8pzgm] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 0.95rem;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .package-items h4[b-kn5tc8pzgm] {
        color: #a0a0a0;
    }
}

.package-items ul[b-kn5tc8pzgm] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.package-items li[b-kn5tc8pzgm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0;
    font-size: 0.85rem;
    color: #666;
}

@media (prefers-color-scheme: dark) {
    .package-items li[b-kn5tc8pzgm] {
        color: #b0b0b0;
    }
}

.item-qty[b-kn5tc8pzgm] {
    font-size: 0.8rem;
    color: #999;
    font-weight: 500;
}

@media (prefers-color-scheme: dark) {
    .item-qty[b-kn5tc8pzgm] {
        color: #808080;
    }
}

.product-pricing[b-kn5tc8pzgm],
.package-pricing[b-kn5tc8pzgm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
/*    background: #f8f9fa;*/
    border-radius: 4px;
    min-width: 200px;
}

@media (prefers-color-scheme: dark) {
    .product-pricing[b-kn5tc8pzgm],
    .package-pricing[b-kn5tc8pzgm] {
/*        background: #2a2a2a;*/
    }
}

.pricing-row[b-kn5tc8pzgm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

    .pricing-row span:first-child[b-kn5tc8pzgm] {
        color: #666;
    }

@media (prefers-color-scheme: dark) {
    .pricing-row span:first-child[b-kn5tc8pzgm] {
        color: #a0a0a0;
    }
}

.pricing-row strong[b-kn5tc8pzgm] {
    color: #333;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .pricing-row strong[b-kn5tc8pzgm] {
        color: #e0e0e0;
    }
}

.pricing-row.total[b-kn5tc8pzgm] {
    border-top: 1px solid #ddd;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    font-weight: 600;
    color: #007bff;
}

@media (prefers-color-scheme: dark) {
    .pricing-row.total[b-kn5tc8pzgm] {
        border-top-color: #555;
        color: #0d6efd;
    }
}

/* Totals Section */
.totals-section[b-kn5tc8pzgm] {
/*    background: #f0f7ff;
    border-color: #007bff;*/
}

@media (prefers-color-scheme: dark) {
    .totals-section[b-kn5tc8pzgm] {
/*        background: #1a3a52;
        border-color: #0d6efd;*/
    }
}

.totals-grid[b-kn5tc8pzgm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.totals-column h3[b-kn5tc8pzgm] {
    margin: 0 0 1rem 0;
    color: #333;
    border: none;
    padding: 0;
}

@media (prefers-color-scheme: dark) {
    .totals-column h3[b-kn5tc8pzgm] {
        color: #e0e0e0;
    }
}

.total-card[b-kn5tc8pzgm] {
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 1.5rem;
}

@media (prefers-color-scheme: dark) {
    .total-card[b-kn5tc8pzgm] {
        background: #3a3a3a;
        border-color: #555;
    }
}

.total-row[b-kn5tc8pzgm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
}

@media (prefers-color-scheme: dark) {
    .total-row[b-kn5tc8pzgm] {
        border-bottom-color: #555;
    }
}

.total-row span:first-child[b-kn5tc8pzgm] {
    color: #666;
}

@media (prefers-color-scheme: dark) {
    .total-row span:first-child[b-kn5tc8pzgm] {
        color: #a0a0a0;
    }
}

.total-row span:last-child[b-kn5tc8pzgm] {
    color: #333;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .total-row span:last-child[b-kn5tc8pzgm] {
        color: #e0e0e0;
    }
}

.total-row.grand-total[b-kn5tc8pzgm] {
    border-top: 2px solid #007bff;
    border-bottom: none;
    padding: 1rem 0;
    font-size: 1.1rem;
    color: #007bff;
}

@media (prefers-color-scheme: dark) {
    .total-row.grand-total[b-kn5tc8pzgm] {
        border-top-color: #0d6efd;
        color: #0d6efd;
    }
}

/* Notes and Terms */
.notes-box[b-kn5tc8pzgm],
.terms-box[b-kn5tc8pzgm] {
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 1rem;
    line-height: 1.6;
    color: #333;
}

@media (prefers-color-scheme: dark) {
    .notes-box[b-kn5tc8pzgm],
    .terms-box[b-kn5tc8pzgm] {
        background: #3a3a3a;
        border-color: #555;
        color: #e0e0e0;
    }
}

/* Video Link */
.video-link[b-kn5tc8pzgm] {
    display: inline-block;
}

    .video-link a[b-kn5tc8pzgm] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1.5rem;
        background: #007bff;
        color: white;
        text-decoration: none;
        border-radius: 4px;
        font-weight: 600;
        transition: background-color 0.3s ease;
    }

@media (prefers-color-scheme: dark) {
    .video-link a[b-kn5tc8pzgm] {
        background: #0d6efd;
    }
}

.video-link a:hover[b-kn5tc8pzgm] {
    background-color: #0056b3;
}

@media (prefers-color-scheme: dark) {
    .video-link a:hover[b-kn5tc8pzgm] {
        background-color: #0a58ca;
    }
}

.video-link .icon[b-kn5tc8pzgm] {
    font-size: 0.8rem;
}

/* Action Buttons Section */
.action-buttons-section[b-kn5tc8pzgm] {
    background: #f0f7ff;
    border-color: #007bff;
    margin-top: 2rem;
    text-align: center;
}

@media (prefers-color-scheme: dark) {
    .action-buttons-section[b-kn5tc8pzgm] {
        background: #1a3a52;
        border-color: #0d6efd;
    }
}

.action-buttons[b-kn5tc8pzgm] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .action-buttons .btn[b-kn5tc8pzgm] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 2rem;
        font-size: 1rem;
        font-weight: 600;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .action-buttons .btn-success[b-kn5tc8pzgm] {
        background-color: #28a745;
        color: white;
    }

        .action-buttons .btn-success:hover[b-kn5tc8pzgm] {
            background-color: #218838;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
        }

@media (prefers-color-scheme: dark) {
    .action-buttons .btn-success[b-kn5tc8pzgm] {
        background-color: #20c997;
    }

        .action-buttons .btn-success:hover[b-kn5tc8pzgm] {
            background-color: #1aa179;
        }
}

.action-buttons .btn-danger[b-kn5tc8pzgm] {
    background-color: #dc3545;
    color: white;
}

    .action-buttons .btn-danger:hover[b-kn5tc8pzgm] {
        background-color: #c82333;
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
    }

@media (prefers-color-scheme: dark) {
    .action-buttons .btn-danger[b-kn5tc8pzgm] {
        background-color: #f06595;
    }

        .action-buttons .btn-danger:hover[b-kn5tc8pzgm] {
            background-color: #d63384;
        }
}

.action-buttons .btn-lg[b-kn5tc8pzgm] {
    padding: 0.75rem 2rem;
    font-size: 1rem;
}

.button-icon[b-kn5tc8pzgm] {
    font-size: 1.2rem;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .contract-preview-container[b-kn5tc8pzgm] {
        padding: 1rem;
    }

    .contract-content[b-kn5tc8pzgm] {
        padding: 1rem;
    }

    .contract-product-card[b-kn5tc8pzgm],
    .contract-package-card[b-kn5tc8pzgm] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .product-image[b-kn5tc8pzgm],
    .package-image[b-kn5tc8pzgm] {
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 0 auto;
    }

    .product-pricing[b-kn5tc8pzgm],
    .package-pricing[b-kn5tc8pzgm] {
        min-width: auto;
    }

    .contract-meta[b-kn5tc8pzgm] {
        grid-template-columns: 1fr;
    }

    .totals-grid[b-kn5tc8pzgm] {
        grid-template-columns: 1fr;
    }
}

@media print {
    .no-print[b-kn5tc8pzgm], .no-print *[b-kn5tc8pzgm] {
        display: none !important;
    }
}
@page {
    size: A4;
/*    margin: 20mm;*/
}

.logo[b-kn5tc8pzgm] {
    height: 60px;
    max-width: 1024px;
}
/* /Pages/Public/ContractPreview.razor.rz.scp.css */
.contract-preview-container[b-l2nl0xnh9a] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
/*    background-color: #f8f9fa;*/
    min-height: 100vh;
}

@media (prefers-color-scheme: dark) {
    .contract-preview-container[b-l2nl0xnh9a] {
/*        background-color: #1a1a1a;*/
    }
}

.contract-content[b-l2nl0xnh9a] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

@media (prefers-color-scheme: dark) {
    .contract-content[b-l2nl0xnh9a] {
        background: #2d2d2d;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    }
}

.contract-header[b-l2nl0xnh9a] {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

@media (prefers-color-scheme: dark) {
    .contract-header[b-l2nl0xnh9a] {
        border-bottom-color: #444;
    }
}

.contract-header h1[b-l2nl0xnh9a] {
    margin: 0 0 1rem 0;
    color: #333;
    font-size: 2rem;
}

@media (prefers-color-scheme: dark) {
    .contract-header h1[b-l2nl0xnh9a] {
        color: #e0e0e0;
    }
}

.contract-meta[b-l2nl0xnh9a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.meta-row[b-l2nl0xnh9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
    .meta-row[b-l2nl0xnh9a] {
        background: #3a3a3a;
    }
}

.meta-row strong[b-l2nl0xnh9a] {
    color: #666;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .meta-row strong[b-l2nl0xnh9a] {
        color: #a0a0a0;
    }
}

.meta-row span:not(strong)[b-l2nl0xnh9a] {
    color: #333;
    font-weight: 500;
}

@media (prefers-color-scheme: dark) {
    .meta-row span:not(strong)[b-l2nl0xnh9a] {
        color: #e0e0e0;
    }
}

.badge[b-l2nl0xnh9a] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
}

.contract-section[b-l2nl0xnh9a] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fafbfc;
}

@media (prefers-color-scheme: dark) {
    .contract-section[b-l2nl0xnh9a] {
        border-color: #444;
        background: #252525;
    }
}

.contract-section h2[b-l2nl0xnh9a],
.contract-section h3[b-l2nl0xnh9a] {
    color: #333;
    margin-top: 0;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #007bff;
    padding-bottom: 0.5rem;
}

@media (prefers-color-scheme: dark) {
    .contract-section h2[b-l2nl0xnh9a],
    .contract-section h3[b-l2nl0xnh9a] {
        color: #e0e0e0;
        border-bottom-color: #0d6efd;
    }
}

/* Products and Packages */
.products-list[b-l2nl0xnh9a],
.packages-list[b-l2nl0xnh9a] {
    display: grid;
    gap: 1.5rem;
}

.product-card[b-l2nl0xnh9a],
.package-card[b-l2nl0xnh9a] {
    display: grid;
    grid-template-columns: 150px 1fr 200px;
    gap: 1.5rem;
    padding: 1.5rem;
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    align-items: start;
}

@media (prefers-color-scheme: dark) {
    .product-card[b-l2nl0xnh9a],
    .package-card[b-l2nl0xnh9a] {
        background: #3a3a3a;
        border-color: #555;
    }
}

.product-image[b-l2nl0xnh9a],
.package-image[b-l2nl0xnh9a] {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 4px;
    background: #f0f0f0;
}

@media (prefers-color-scheme: dark) {
    .product-image[b-l2nl0xnh9a],
    .package-image[b-l2nl0xnh9a] {
        background: #2a2a2a;
    }
}

.product-image img[b-l2nl0xnh9a],
.package-image img[b-l2nl0xnh9a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-details[b-l2nl0xnh9a],
.package-details[b-l2nl0xnh9a] {
    min-width: 0;
}

    .product-details h3[b-l2nl0xnh9a],
    .package-details h3[b-l2nl0xnh9a] {
        margin: 0 0 0.5rem 0;
        color: #333;
        font-size: 1.1rem;
    }

@media (prefers-color-scheme: dark) {
    .product-details h3[b-l2nl0xnh9a],
    .package-details h3[b-l2nl0xnh9a] {
        color: #e0e0e0;
    }
}

.product-description[b-l2nl0xnh9a],
.package-description[b-l2nl0xnh9a] {
    margin: 0.5rem 0;
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

@media (prefers-color-scheme: dark) {
    .product-description[b-l2nl0xnh9a],
    .package-description[b-l2nl0xnh9a] {
        color: #b0b0b0;
    }
}

.product-tech-description[b-l2nl0xnh9a],
.package-tech-description[b-l2nl0xnh9a] {
    margin: 0.5rem 0;
    color: #888;
    font-size: 0.85rem;
    line-height: 1.4;
    font-style: italic;
}

@media (prefers-color-scheme: dark) {
    .product-tech-description[b-l2nl0xnh9a],
    .package-tech-description[b-l2nl0xnh9a] {
        color: #909090;
    }
}

.package-items[b-l2nl0xnh9a] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e6e6e6;
}

@media (prefers-color-scheme: dark) {
    .package-items[b-l2nl0xnh9a] {
        border-top-color: #555;
    }
}

.package-items h4[b-l2nl0xnh9a] {
    margin: 0 0 0.5rem 0;
    color: #666;
    font-size: 0.95rem;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .package-items h4[b-l2nl0xnh9a] {
        color: #a0a0a0;
    }
}

.package-items ul[b-l2nl0xnh9a] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.package-items li[b-l2nl0xnh9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0;
    font-size: 0.85rem;
    color: #666;
}

@media (prefers-color-scheme: dark) {
    .package-items li[b-l2nl0xnh9a] {
        color: #b0b0b0;
    }
}

.item-qty[b-l2nl0xnh9a] {
    font-size: 0.8rem;
    color: #999;
    font-weight: 500;
}

@media (prefers-color-scheme: dark) {
    .item-qty[b-l2nl0xnh9a] {
        color: #808080;
    }
}

.product-pricing[b-l2nl0xnh9a],
.package-pricing[b-l2nl0xnh9a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 4px;
    min-width: 200px;
}

@media (prefers-color-scheme: dark) {
    .product-pricing[b-l2nl0xnh9a],
    .package-pricing[b-l2nl0xnh9a] {
        background: #2a2a2a;
    }
}

.pricing-row[b-l2nl0xnh9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

    .pricing-row span:first-child[b-l2nl0xnh9a] {
        color: #666;
    }

@media (prefers-color-scheme: dark) {
    .pricing-row span:first-child[b-l2nl0xnh9a] {
        color: #a0a0a0;
    }
}

.pricing-row strong[b-l2nl0xnh9a] {
    color: #333;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .pricing-row strong[b-l2nl0xnh9a] {
        color: #e0e0e0;
    }
}

.pricing-row.total[b-l2nl0xnh9a] {
    border-top: 1px solid #ddd;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
    font-weight: 600;
    color: #007bff;
}

@media (prefers-color-scheme: dark) {
    .pricing-row.total[b-l2nl0xnh9a] {
        border-top-color: #555;
        color: #0d6efd;
    }
}

/* Totals Section */
.totals-section[b-l2nl0xnh9a] {
    background: #f0f7ff;
    border-color: #007bff;
}

@media (prefers-color-scheme: dark) {
    .totals-section[b-l2nl0xnh9a] {
        background: #1a3a52;
        border-color: #0d6efd;
    }
}

.totals-grid[b-l2nl0xnh9a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.totals-column h3[b-l2nl0xnh9a] {
    margin: 0 0 1rem 0;
    color: #333;
    border: none;
    padding: 0;
}

@media (prefers-color-scheme: dark) {
    .totals-column h3[b-l2nl0xnh9a] {
        color: #e0e0e0;
    }
}

.total-card[b-l2nl0xnh9a] {
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 1.5rem;
}

@media (prefers-color-scheme: dark) {
    .total-card[b-l2nl0xnh9a] {
        background: #3a3a3a;
        border-color: #555;
    }
}

.total-row[b-l2nl0xnh9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.95rem;
}

@media (prefers-color-scheme: dark) {
    .total-row[b-l2nl0xnh9a] {
        border-bottom-color: #555;
    }
}

.total-row span:first-child[b-l2nl0xnh9a] {
    color: #666;
}

@media (prefers-color-scheme: dark) {
    .total-row span:first-child[b-l2nl0xnh9a] {
        color: #a0a0a0;
    }
}

.total-row span:last-child[b-l2nl0xnh9a] {
    color: #333;
    font-weight: 600;
}

@media (prefers-color-scheme: dark) {
    .total-row span:last-child[b-l2nl0xnh9a] {
        color: #e0e0e0;
    }
}

.total-row.grand-total[b-l2nl0xnh9a] {
    border-top: 2px solid #007bff;
    border-bottom: none;
    padding: 1rem 0;
    font-size: 1.1rem;
    color: #007bff;
}

@media (prefers-color-scheme: dark) {
    .total-row.grand-total[b-l2nl0xnh9a] {
        border-top-color: #0d6efd;
        color: #0d6efd;
    }
}

/* Notes and Terms */
.notes-box[b-l2nl0xnh9a],
.terms-box[b-l2nl0xnh9a] {
    background: white;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 1rem;
    line-height: 1.6;
    color: #333;
}

@media (prefers-color-scheme: dark) {
    .notes-box[b-l2nl0xnh9a],
    .terms-box[b-l2nl0xnh9a] {
        background: #3a3a3a;
        border-color: #555;
        color: #e0e0e0;
    }
}

/* Video Link */
.video-link[b-l2nl0xnh9a] {
    display: inline-block;
}

    .video-link a[b-l2nl0xnh9a] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1.5rem;
        background: #007bff;
        color: white;
        text-decoration: none;
        border-radius: 4px;
        font-weight: 600;
        transition: background-color 0.3s ease;
    }

@media (prefers-color-scheme: dark) {
    .video-link a[b-l2nl0xnh9a] {
        background: #0d6efd;
    }
}

.video-link a:hover[b-l2nl0xnh9a] {
    background-color: #0056b3;
}

@media (prefers-color-scheme: dark) {
    .video-link a:hover[b-l2nl0xnh9a] {
        background-color: #0a58ca;
    }
}

.video-link .icon[b-l2nl0xnh9a] {
    font-size: 0.8rem;
}

/* Action Buttons Section */
.action-buttons-section[b-l2nl0xnh9a] {
    background: #f0f7ff;
    border-color: #007bff;
    margin-top: 2rem;
    text-align: center;
}

@media (prefers-color-scheme: dark) {
    .action-buttons-section[b-l2nl0xnh9a] {
        background: #1a3a52;
      border-color: #0d6efd;
    }
}

.action-buttons[b-l2nl0xnh9a] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
flex-wrap: wrap;
}

.action-buttons .btn[b-l2nl0xnh9a] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
  font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.action-buttons .btn-success[b-l2nl0xnh9a] {
    background-color: #28a745;
    color: white;
}

.action-buttons .btn-success:hover[b-l2nl0xnh9a] {
    background-color: #218838;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

@media (prefers-color-scheme: dark) {
    .action-buttons .btn-success[b-l2nl0xnh9a] {
   background-color: #20c997;
    }

    .action-buttons .btn-success:hover[b-l2nl0xnh9a] {
        background-color: #1aa179;
    }
}

.action-buttons .btn-danger[b-l2nl0xnh9a] {
    background-color: #dc3545;
    color: white;
}

.action-buttons .btn-danger:hover[b-l2nl0xnh9a] {
    background-color: #c82333;
    transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

@media (prefers-color-scheme: dark) {
  .action-buttons .btn-danger[b-l2nl0xnh9a] {
        background-color: #f06595;
    }

    .action-buttons .btn-danger:hover[b-l2nl0xnh9a] {
  background-color: #d63384;
    }
}

.action-buttons .btn-lg[b-l2nl0xnh9a] {
 padding: 0.75rem 2rem;
    font-size: 1rem;
}

.button-icon[b-l2nl0xnh9a] {
    font-size: 1.2rem;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .contract-preview-container[b-l2nl0xnh9a] {
        padding: 1rem;
    }

    .contract-content[b-l2nl0xnh9a] {
        padding: 1rem;
    }

    .product-card[b-l2nl0xnh9a],
    .package-card[b-l2nl0xnh9a] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .product-image[b-l2nl0xnh9a],
    .package-image[b-l2nl0xnh9a] {
        width: 100%;
        max-width: 200px;
        height: auto;
        margin: 0 auto;
    }

    .product-pricing[b-l2nl0xnh9a],
    .package-pricing[b-l2nl0xnh9a] {
        min-width: auto;
    }

    .contract-meta[b-l2nl0xnh9a] {
        grid-template-columns: 1fr;
    }

    .totals-grid[b-l2nl0xnh9a] {
        grid-template-columns: 1fr;
    }
}
@media print {
    .no-print[b-l2nl0xnh9a], .no-print *[b-l2nl0xnh9a] {
        display: none !important;
    }
}
/* /Pages/Reporting.razor.rz.scp.css */
/* Filterbar: row 1 = what to report, row 2 = period, clerk/register, switches and Submit */
.filterbar-row[b-0t3oj636u5] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px 12px;
    width: 100%;
}

.filterbar-row-2[b-0t3oj636u5] {
    margin-top: 8px;
}

/* Each filter item — consistent sizing without inline styles */
.filterbar-row > div[b-0t3oj636u5] {
    min-width: 140px;
    flex: 1 1 140px;
    max-width: 200px;
}

.filterbar-row > .filter-item-subject[b-0t3oj636u5] {
    min-width: 150px;
}

/* report type, Z counters, PLU, clerks: longer texts */
.filterbar-row > .filter-item-wide[b-0t3oj636u5] {
    min-width: 200px;
    max-width: 280px;
}

.filterbar-row > .filter-item-narrow[b-0t3oj636u5] {
    min-width: 90px;
    max-width: 110px;
}

/* date + time must not be cut off ("10/8/2026 00:…") */
.filterbar-row > .filter-item-date[b-0t3oj636u5] {
    min-width: 190px;
    max-width: 210px;
    flex: 0 0 190px;
}

/* Toggle/switch items — label on top, control below, no stretching */
.filterbar-row > .filter-toggle-item[b-0t3oj636u5] {
    flex: 0 0 auto;
    min-width: unset;
    max-width: none;
    display: flex;
    flex-direction: column;
}

.filter-toggle-control[b-0t3oj636u5] {
    display: flex;
    align-items: center;
    height: 32px; /* matches Telerik input height so it baselines with dropdowns */
    padding: 0 2px;
}

/* Submit at the end of row 2 */
.filterbar-row > .filter-submit[b-0t3oj636u5] {
    flex: 0 0 auto;
    max-width: none;
    min-width: unset;
    margin-left: auto;
}

/* Phones: one field per line, Submit full width at the bottom */
@media (max-width: 767.98px) {
    .filterbar-row > div[b-0t3oj636u5],
    .filterbar-row > .filter-item-wide[b-0t3oj636u5],
    .filterbar-row > .filter-item-narrow[b-0t3oj636u5],
    .filterbar-row > .filter-item-date[b-0t3oj636u5],
    .filterbar-row > .filter-item-subject[b-0t3oj636u5] {
        flex: 1 1 100%;
        max-width: none;
        min-width: 0;
    }

    .filterbar-row > .filter-toggle-item[b-0t3oj636u5] {
        flex: 0 0 auto;
    }

    .filterbar-row > .filter-submit[b-0t3oj636u5] {
        flex: 1 1 100%;
        margin-left: 0;
    }

    .filterbar-row > .filter-submit[b-0t3oj636u5]  .k-button {
        width: 100%;
    }
}

/* Report viewer: below the filters on desktop; on phones/tablets the page scrolls (see reportviewer.css) and the viewer
   takes the screen height, so after Submit the report fills the screen */
.report-viewer-container[b-0t3oj636u5] {
    width: 100%;
    height: calc(100vh - 230px);
    min-height: 600px;
    margin-top: 10px;
}

@media (max-width: 991.98px) {
    .report-viewer-container[b-0t3oj636u5] {
        height: calc(100dvh - 20px);
        min-height: 420px;
    }
}
/* /Pages/Signup.razor.rz.scp.css */
.wizard-container[b-f78gp3jcoz] {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}
/* /Pages/TableBooking/Overview.razor.rz.scp.css */
.overview-container[b-zbhs7wliw0] {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
}

.overview-sidebar[b-zbhs7wliw0] {
    width: fit-content;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .overview-sidebar td[b-zbhs7wliw0] {
        cursor: pointer;
    }

    .overview-main[b-zbhs7wliw0] {
        margin-left: 10px;
        width: 100%;
        height: 100%;
    }

.window-properties[b-zbhs7wliw0] {
    padding: 10px;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 5px;
    row-gap: 5px;
}
/* /Pages/Voucher/Vouchers.razor.rz.scp.css */
.qr-container[b-j0z24ghh11] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
}
/* /Shared/AppEdit/AttributeOptionFilter.razor.rz.scp.css */
.attribute-option-filter[b-658dhdhcpe] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 260px;
    overflow-y: auto;
    padding: 4px 0;
}

.attribute-option-filter-row[b-658dhdhcpe] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.attribute-option-filter-row label[b-658dhdhcpe] {
    margin: 0;
    cursor: pointer;
}
/* /Shared/AppEdit/AttributeTypeForm.razor.rz.scp.css */
/* Structure only - every colour, radius and font comes from the Kendo
   theme, so this follows the portal's look and not the mockup's. */

/* A titled block: header row, then the control, then a hint. */
.af-section[b-c4gut02sjh] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--kendo-color-border, #e0e0e0);
}

.af-section-head[b-c4gut02sjh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.af-section-title[b-c4gut02sjh] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .85em;
}

/* Pushes whatever follows it to the right edge of the header row. */
.af-grow[b-c4gut02sjh] {
    flex: 1 1 auto;
}

.af-hint[b-c4gut02sjh] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
}

/* Swatch cell: preview first, then the editor that changes it. */
.af-swatch-cell[b-c4gut02sjh] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.af-thumb[b-c4gut02sjh] {
    height: 28px;
    width: 28px;
    flex-shrink: 0;
    object-fit: cover;
    border: 1px solid var(--kendo-color-border, #ccc);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.af-thumb-empty[b-c4gut02sjh] {
    display: inline-block;
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

/* The grid sits inside a form row, so let the cells breathe. */
[b-c4gut02sjh] .af-options-grid .k-table-td {
    padding-block: 6px;
}
/* /Shared/AppEdit/Components/ConnectManager.razor.rz.scp.css */
.connect-manager[b-h3hqkoj0dm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

/* Mobile-first: filter and connect controls stack and fill width */
.cm-filter-row[b-h3hqkoj0dm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .cm-filter-row[b-h3hqkoj0dm]  > * {
        width: 100%;
    }

.cm-connect-row[b-h3hqkoj0dm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cm-multiselect-wrap[b-h3hqkoj0dm] {
    width: 100%;
    min-width: 0;
}

    .cm-connect-row[b-h3hqkoj0dm]  .k-button {
        width: 100%;
    }

/* Bounded height so the grid body scrolls and the toolbar stays pinned */
.cm-connected-grid-wrap[b-h3hqkoj0dm] {
    width: 100%;
}

/* Connected grid toolbar (search + filters) stacks on mobile */
.cm-connected-grid[b-h3hqkoj0dm]  .k-grid-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

    .cm-connected-grid[b-h3hqkoj0dm]  .k-grid-toolbar > * {
        flex: 1 1 100%;
    }

/* Tablet/desktop: lay controls out horizontally */
@media (min-width: 768px) {
    .cm-filter-row[b-h3hqkoj0dm] {
        flex-direction: row;
        align-items: flex-start;
    }

        .cm-filter-row[b-h3hqkoj0dm]  > * {
            width: 240px;
        }

    .cm-connect-row[b-h3hqkoj0dm] {
        flex-direction: row;
        align-items: flex-start;
    }

    .cm-multiselect-wrap[b-h3hqkoj0dm] {
        flex: 1;
        width: auto;
    }

    .cm-connect-row[b-h3hqkoj0dm]  .k-button {
        width: auto;
    }

    .cm-connected-grid[b-h3hqkoj0dm]  .k-grid-toolbar > * {
        flex: 0 0 auto;
    }
}
/* /Shared/AppEdit/DeleteDialog.razor.rz.scp.css */
.body[b-1f84uqtwmq] {
    text-align: center;
    font-size: 1.2rem;
}

.linked-items[b-1f84uqtwmq] {
    overflow-y: auto;
}

/* What goes with the item, listed under the question rather than centred with it. */
.body ul[b-1f84uqtwmq] {
    text-align: start;
    font-size: 1rem;
    max-height: 240px;
    overflow-y: auto;
    margin: 8px 0 0;
}

.note[b-1f84uqtwmq] {
    font-size: 1rem;
    margin-top: 8px;
}

.caution[b-1f84uqtwmq] {
    color: var(--kendo-color-error, #c00);
    font-size: 1rem;
}
/* /Shared/AppEdit/DepartmentCopyForm.razor.rz.scp.css */
.body[b-j02ki4j8aa] {
    font-size: 1.2rem;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
/* /Shared/AppEdit/DepartmentForm.razor.rz.scp.css */
.plu-image[b-mgcepihxz7] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

.plu-image-container[b-mgcepihxz7] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-mgcepihxz7] {
    display: flex;
    flex-direction: column;
    height: 200px;
}
/* /Shared/AppEdit/EditDialogTemplate.razor.rz.scp.css */
.ml-auto[b-a96cu7g2fi] >  button {
    margin-left: 10px;
}

/* Optional line under the dialog title. Sits tight to the h2 above it. */
.dialog-subtitle[b-a96cu7g2fi] {
    margin-top: -6px;
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .875em;
}

/* Scrollable tab strip layout for full-height edit dialogs */
[b-a96cu7g2fi] .k-form:has(.form-tabstrip) {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

[b-a96cu7g2fi] .form-tabstrip.k-tabstrip {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

[b-a96cu7g2fi] .form-tabstrip > .k-tabstrip-items-wrapper {
    flex-shrink: 0;
    max-width: 100%;
}

[b-a96cu7g2fi] .form-tabstrip .k-tabstrip-items {
    flex-wrap: nowrap;
}

[b-a96cu7g2fi] .form-tabstrip .k-tabstrip-item {
    flex: 0 0 auto;
}

[b-a96cu7g2fi] .form-tabstrip .k-tabstrip-item .k-link {
    white-space: nowrap;
}

[b-a96cu7g2fi] .form-tabstrip > .k-tabstrip-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

[b-a96cu7g2fi] .form-tabstrip .k-tabstrip-item.k-item:focus {
    box-shadow: none;
}

[b-a96cu7g2fi] .form-tabstrip > .k-tabstrip-content:focus {
    outline-style: none;
}
/* /Shared/AppEdit/FamilyWizard/FamilyWizard.razor.rz.scp.css */
/* Structure only - colours come from the Kendo theme. */

.fw-shell[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 8px;
    position: relative;
}

    .fw-shell[b-7708c275t5]  .k-wizard {
        flex: 1 1 auto;
        min-height: 0;
        padding-block-start: 0;
    }

    /* Telerik has no ShowStepper=false. ShowPager only hides "Step X of Y",
       so the indicator itself is hidden here - it is an inline-styled block,
       hence !important. Our own stepper sits above the wizard instead. */
    .fw-shell[b-7708c275t5]  .k-stepper {
        display: none !important;
    }

    /* DO NOT hide .k-wizard-steps. Despite the name it is the CONTENT area that
       holds each step's pane, not the step indicator - hiding it blanks every
       step of the wizard. It only needs its top margin removed, which the
       theme adds to make room for the indicator we just hid. */
    .fw-shell[b-7708c275t5]  .k-wizard-steps {
        margin-top: 0 !important;
    }

    /* Own stepper sits above the wizard, so drop the theme's top padding
       on the step body (.k-wizard-content / hidden .k-wizard-steps). */
    .fw-shell[b-7708c275t5]  .k-wizard-content {
        padding-top: 0;
        margin-top: 0;
    }

    /* The footer lays itself out, so the wizard's button strip must hand over the full width. */
    .fw-shell[b-7708c275t5]  .k-wizard-buttons {
        width: 100%;
    }

/* --- Stepper ------------------------------------------------------------ */

/* The article form in the wizard's own body: it scrolls, the window does not. */
.fw-row-form[b-7708c275t5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.fw-title-article[b-7708c275t5] {
    font-weight: 400;
    opacity: .75;
}

    .fw-title-article[b-7708c275t5]::before {
        content: " · ";
    }

.fw-stepper[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    padding: 4px 4px 8px;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
    min-width: 0;
    container-type: inline-size;
}

.fw-stepper-step[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 0;
}

.fw-stepper-done[b-7708c275t5] {
    cursor: pointer;
}

.fw-stepper-index[b-7708c275t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: .85em;
    font-weight: 600;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

.fw-stepper-current .fw-stepper-index[b-7708c275t5] {
    color: var(--kendo-color-on-primary, #fff);
    background: var(--kendo-color-primary, #0d6efd);
    border-color: var(--kendo-color-primary, #0d6efd);
}

.fw-stepper-current .fw-stepper-label[b-7708c275t5] {
    color: var(--kendo-color-primary, #0d6efd);
}

.fw-stepper-todo[b-7708c275t5] {
    opacity: .7;
}

.fw-stepper-text[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
}

.fw-stepper-label[b-7708c275t5] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fw-stepper-sub[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@container (max-width: 760px) {
    .fw-stepper-sub[b-7708c275t5] {
        display: none;
    }
}

.fw-stepper-spacer[b-7708c275t5] {
    flex: 0 0 auto;
}

.fw-stepper-count[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

/* --- Step body ---------------------------------------------------------- */

.fw-step[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 4px 16px;
}

/* --- Card, the repeating block of both steps ---------------------------- */

.fw-card[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.fw-card-head[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fw-card-title[b-7708c275t5] {
    font-weight: 600;
}

.fw-card-actions[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

/* Up/down sit together as one control. */
.fw-move[b-7708c275t5] {
    display: inline-flex;
    gap: 0;
}

.fw-card-body[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fw-readonly[b-7708c275t5] {
    display: inline-block;
    padding: 4px 0;
}

.fw-number-preview[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 0 0;
}

.fw-number-preview-title[b-7708c275t5] {
    font-weight: 600;
}

.fw-number-preview-row[b-7708c275t5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.fw-number-preview-label[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
    min-width: 0;
}

.fw-number-preview-code[b-7708c275t5] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .85em;
    white-space: nowrap;
}

.fw-number-preview-warn[b-7708c275t5] {
    color: var(--kendo-color-warning, #d97706);
    font-size: .85em;
}

.fw-switch[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .85em;
}

.fw-tag[b-7708c275t5] {
    font-size: .7em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 6px;
    border-radius: var(--kendo-border-radius-md, 4px);
    color: var(--kendo-color-subtle, #6b6b6b);
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

.fw-axis[b-7708c275t5] {
    font-size: .8em;
    color: var(--kendo-color-subtle, #6b6b6b);
}

/* --- Step 1: start mode ------------------------------------------------- */

.fw-choice[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.fw-choice-on[b-7708c275t5] {
    border-color: var(--kendo-color-primary, #0d6efd);
}

.fw-choice-head[b-7708c275t5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    cursor: pointer;
}

.fw-choice-text[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.fw-choice-title[b-7708c275t5] {
    font-weight: 600;
}

.fw-choice-sub[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
}

.fw-choice-head .fw-tag[b-7708c275t5] {
    margin-left: auto;
}

/* The two start options side by side; the chosen one's panel follows. */
.fw-choice-row[b-7708c275t5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
}

/* An option card is the clickable head itself: radio beside its text. */
.fw-choice.fw-choice-head[b-7708c275t5] {
    flex-direction: row;
}

.fw-choice-panel[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fw-filter-row[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .fw-filter-row > :first-child[b-7708c275t5] {
        flex: 1 1 auto;
        min-width: 0;
    }

.fw-article-list[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.fw-article[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 8px 10px;
    cursor: pointer;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
}

    .fw-article:last-child[b-7708c275t5] {
        border-bottom: none;
    }

.fw-article-on[b-7708c275t5] {
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

.fw-article-main[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.fw-article-name[b-7708c275t5] {
    font-weight: 600;
}

.fw-chip[b-7708c275t5] {
    font-size: .75em;
    padding: 1px 6px;
    border-radius: var(--kendo-border-radius-md, 4px);
    color: var(--kendo-color-subtle, #6b6b6b);
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
    white-space: nowrap;
}

.fw-empty[b-7708c275t5] {
    padding: 12px 10px;
}

.fw-note[b-7708c275t5] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
    font-size: .85em;
}

/* --- Step 3: base bar, values, picker, total ---------------------------- */

.fw-base-bar[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

.fw-base-label[b-7708c275t5] {
    font-size: .7em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--kendo-color-subtle, #6b6b6b);
}

.fw-base-name[b-7708c275t5] {
    font-weight: 600;
}

.fw-base-meta[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
}

.fw-base-actions[b-7708c275t5] {
    margin-left: auto;
}

.fw-values[b-7708c275t5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.fw-value[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 4px 10px 4px 8px;
    cursor: pointer;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.fw-value-off[b-7708c275t5] {
    opacity: .55;
}

.fw-value-thumb[b-7708c275t5] {
    height: 18px;
    width: 18px;
    flex-shrink: 0;
    object-fit: cover;
    border: 1px solid var(--kendo-color-border, #ccc);
    border-radius: 50%;
}

.fw-swatch[b-7708c275t5] {
    display: inline-block;
}

.fw-add-row[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px dashed var(--kendo-color-border, #e0e0e0);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.fw-add-text[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.fw-add-title[b-7708c275t5] {
    font-weight: 600;
}

.fw-quick[b-7708c275t5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}

.fw-add-actions[b-7708c275t5] {
    margin-left: auto;
}

.fw-summary[b-7708c275t5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 14px;
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

.fw-summary-expr[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
}

.fw-summary-total[b-7708c275t5] {
    font-weight: 600;
}

.fw-summary-note[b-7708c275t5] {
    margin-left: auto;
    font-size: .85em;
}

.fw-summary-warn[b-7708c275t5] {
    color: var(--kendo-color-warning, #d97706);
    background: var(--kendo-color-warning-subtle, rgba(217, 119, 6, .12));
}

.fw-summary-error[b-7708c275t5] {
    color: var(--kendo-color-error, #c00);
    background: var(--kendo-color-error-subtle, rgba(204, 0, 0, .08));
}

/* --- Footer ------------------------------------------------------------- */

.fw-footer[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

/* Telerik puts WizardButtons content in a sub-container of a space-between row
   that shrink-wraps to the right - so .fw-footer's 100% was 100% of nothing and
   the whole footer, Cancel included, sat on the right. Let that container take
   the row, and the footer's own left/right split does the rest. */
.fw-shell[b-7708c275t5]  .k-wizard-buttons > :has(.fw-footer) {
    flex: 1 1 auto;
    min-width: 0;
}

.fw-footer-left[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fw-footer-right[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    min-width: 0;
}

.fw-footer-context[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
    text-align: right;
}

/* --- Shared bits -------------------------------------------------------- */

.fw-error[b-7708c275t5] {
    color: var(--kendo-color-error, #c00);
    font-size: .9em;
    text-align: right;
}

.fw-error-inline[b-7708c275t5] {
    color: var(--kendo-color-error, #c00);
    font-size: .85em;
}

.fw-stub[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
}

/* The columns deliberately total more than the dialog is wide - locked
   columns pin the identity to the left and the gear to the right while the
   middle scrolls. The grid must therefore never stretch its container: it
   takes the width it is given and scrolls inside. */
.fw-review-grid[b-7708c275t5] {
    min-height: 200px;
    width: 100%;
    max-width: 100%;
}

[b-7708c275t5] .fw-review-grid .k-grid-content {
    overflow-x: auto;
}

.fw-review-toolbar[b-7708c275t5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.fw-review-primary[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 0 auto;
    font-weight: 600;
}

/* Nothing can be saved until this one is answered, so it says so itself. */
.fw-review-primary-needed[b-7708c275t5] {
    color: var(--kendo-color-error, #c00);
}

.fw-review-primary-needed[b-7708c275t5]  .k-picker {
    border-color: var(--kendo-color-error, #c00);
}

.fw-review-select-all[b-7708c275t5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.fw-review-count[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
    margin-left: auto;
}

.fw-review-thumb[b-7708c275t5] {
    height: 36px;
    width: 36px;
    object-fit: cover;
    border: 1px solid var(--kendo-color-border, #ccc);
    border-radius: var(--kendo-border-radius-md, 4px);
}

.fw-review-thumb-empty[b-7708c275t5] {
    display: inline-block;
    background: var(--kendo-color-base-subtle, rgba(0, 0, 0, .04));
}

.fw-option[b-7708c275t5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* The seed question under an attribute's options. */
.fw-seed-pick[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 360px;
    padding-top: 8px;
    border-top: 1px dashed var(--kendo-color-border, #e0e0e0);
}

.fw-combo[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .9em;
}

.af-hint[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
}

/* Whether a property is an axis or a constant, said on the card itself. */
.fw-badge[b-7708c275t5] {
    font-size: .75em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
}

.fw-badge-fixed[b-7708c275t5] {
    color: var(--kendo-color-subtle, #6b6b6b);
}

/* Plain list of things the merchant cannot change here (the axes a reopened
   family already varies by). */
.fw-readonly-list[b-7708c275t5] {
    margin: 4px 0 0;
    padding-left: 1.2em;
}

.fw-readonly-list li[b-7708c275t5] {
    margin-bottom: 4px;
}

.fw-product-url[b-7708c275t5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    margin-top: 8px;
}

    .fw-product-url a[b-7708c275t5] {
        overflow-wrap: anywhere;
    }

/* The image picker is a DialogComponent (z-index 2000); this wizard is a
   TelerikWindow, which sets its own z-index inline and much higher. Telerik's
   inline value is what !important is clearing here. */
.fw-image-dialog-host[b-7708c275t5]  .dc-overlay {
    z-index: 20000 !important;
}

/* Sales channels read as one group, so they wrap together rather than
   stacking one per row. */
.fw-channels[b-7708c275t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.fw-channel[b-7708c275t5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* An unticked existing member is deleted, not just skipped - easy to miss in
   a long grid, so the row says so under its name. */
.fw-chip-delete[b-7708c275t5] {
    color: var(--kendo-color-error, #d9534f);
    background: var(--kendo-color-error-subtle, rgba(217, 83, 79, .1));
    font-weight: 600;
}

/* The wizard writes itself away as the merchant works: a quiet chip beside
   the title, always in sight - reassurance, not a warning. */
.fw-draft-chip[b-7708c275t5] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-left: .75rem;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 500;
    vertical-align: middle;
    color: var(--kendo-color-success, #37b400);
    border: 1px solid var(--kendo-color-success, #37b400);
}

/* Fields changed both in the wizard and elsewhere: one line each, the two
   values side by side so the merchant picks by looking, not by reading. */
.fw-conflicts[b-7708c275t5] {
    width: 100%;
    border-collapse: collapse;
}

.fw-conflicts th[b-7708c275t5],
.fw-conflicts td[b-7708c275t5] {
    padding: .375rem .5rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--kendo-color-border, #ccc);
}

.fw-conflict-choice[b-7708c275t5] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}
/* /Shared/AppEdit/ModifierCopyForm.razor.rz.scp.css */
.body[b-bwr90ad833] {
    font-size: 1.2rem;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
/* /Shared/AppEdit/ModifierForm.razor.rz.scp.css */
.plu-image[b-kxtrn8n4az] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

.plu-image-container[b-kxtrn8n4az] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-kxtrn8n4az] {
    display: flex;
    flex-direction: column;
    height: 200px;
}

[b-kxtrn8n4az] .k-label.k-form-label {
    align-items: center !important;
}
/* /Shared/AppEdit/ModifierPriceCopyForm.razor.rz.scp.css */
.body[b-vt9n4x2t69] {
    font-size: 1.2rem;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
/* /Shared/AppEdit/ModifierPriceForm.razor.rz.scp.css */
.plu-image[b-6g3xnq40j8] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

.plu-image-container[b-6g3xnq40j8] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-6g3xnq40j8] {
    display: flex;
    flex-direction: column;
    height: 200px;
}

.condiment-grid-container[b-6g3xnq40j8] {
    display: flex;
    flex-direction: row;
}

[b-6g3xnq40j8] .k-label.k-form-label {
    align-items: center !important;
}

.grid[b-6g3xnq40j8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


.my-grid[b-6g3xnq40j8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*    gap: 1rem;*/
}

[b-6g3xnq40j8].my-grid > .k-form-field:nth-child(-n + 6) {
    grid-column: span 2;
}

.my-grid > div:nth-child(n + 7)[b-6g3xnq40j8] {
    grid-column: span 2;
}

[b-6g3xnq40j8] .customhigh {
    min-height: 80px;
}

.customhigh[b-6g3xnq40j8] {
    min-height: 80px;
}

.custom-container[b-6g3xnq40j8] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 10px;
}

.custom-item[b-6g3xnq40j8] {
    /*    flex: 0 0 50%;  always 2 columns */
    /*padding: 8px;*/ /* optional spacing */
    gap: 40px;
    justify-content: space-between;
    display: flex;
}
/* /Shared/AppEdit/ModifierSetForm.razor.rz.scp.css */
.condiment-grid-container[b-rammswbp14] {
    display: flex;
    flex-direction: row;
}
/* /Shared/AppEdit/ModifierSetLinksGrid.razor.rz.scp.css */
/* Layout is provided by the shared ConnectManager component. */
/* /Shared/AppEdit/PluCategoryForm.razor.rz.scp.css */
.image-select-container[b-n2gkuvxwu5] {
    display: flex;
    flex-direction: column;
    height: 160px;
}

.plu-image-container[b-n2gkuvxwu5] {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.plu-image[b-n2gkuvxwu5] {
    padding: 4px;
    max-width: 100%;
    max-height: 110px;
    object-fit: contain;
}
/* /Shared/AppEdit/PluCopyForm.razor.rz.scp.css */
.body[b-fe09ybrjwi] {
    font-size: 1.2rem;
    padding: 0.8rem;
   
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.copy-fields[b-fe09ybrjwi] {
    margin: 0.5rem 0;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.12));
    border-radius: 6px;
}

/* Several ticked groups stack; keep each box clearly apart. */
.copy-fields + .copy-fields[b-fe09ybrjwi] {
    margin-top: 0.75rem;
}

.copy-fields-header[b-fe09ybrjwi] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.12));
}

.copy-fields-title[b-fe09ybrjwi] {
    font-weight: 600;
    margin-right: auto;
}

.copy-fields-list[b-fe09ybrjwi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem 1rem;
}

.copy-field[b-fe09ybrjwi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 1rem;
}

@media (max-width: 576px) {
    .copy-fields-list[b-fe09ybrjwi] {
        grid-template-columns: 1fr;
    }
}

.destination-filters[b-fe09ybrjwi] {
    display: flex;
    gap: 0.5rem;
    margin: 0.5rem 0;
    flex-wrap: wrap;
}

.destination-grid[b-fe09ybrjwi] {
    min-height: 280px;
}

.selected-count[b-fe09ybrjwi] {
    align-self: center;
    margin-right: 0.75rem;
    white-space: nowrap;
}
/* /Shared/AppEdit/PluFamilyForm.razor.rz.scp.css */
/* Structure only - colours come from the Kendo theme, same as AttributeTypeForm. */

.af-section[b-1ereekgap7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--kendo-color-border, #e0e0e0);
}

.af-section-head[b-1ereekgap7] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.af-section-title[b-1ereekgap7] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .85em;
}

.af-hint[b-1ereekgap7] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
}

.pf-readonly-list[b-1ereekgap7] {
    margin: 0;
    padding-left: 1.2em;
}

.pf-readonly-list li[b-1ereekgap7] {
    margin-bottom: 4px;
}

.pf-product-url[b-1ereekgap7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .pf-product-url a[b-1ereekgap7] {
        overflow-wrap: anywhere;
    }

/* Checkbox, what it follows, and Reset - wraps under the hint on a phone. */
.pf-consolidate[b-1ereekgap7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    min-height: 32px;
}
/* /Shared/AppEdit/PluForm.razor.rz.scp.css */
.plu-image[b-uns4kyjeqp] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

/* General info card styling */
.general-info-card[b-uns4kyjeqp] {
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

.general-info-header[b-uns4kyjeqp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.general-info-grid[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.info-field[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
}

/* spacing before option items (no explicit border/color) */
.options-card .option-item + .option-item[b-uns4kyjeqp] {
    padding-top: 8px;
}

.options-card .separator-before[b-uns4kyjeqp] {
    margin-top: 6px;
    padding-top: 8px;
}


.plu-image-container[b-uns4kyjeqp] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
    height: 200px;
}

.condiment-grid-container[b-uns4kyjeqp] {
    display: flex;
    flex-direction: row;
}
[b-uns4kyjeqp] .k-label.k-form-label {
    align-items: center;
}

.grid[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

[b-uns4kyjeqp] .grid .key-defaults-span {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
}

[b-uns4kyjeqp] .grid .key-defaults-span > .k-form-field-wrap {
    width: 100%;
    max-width: 100%;
}

.additional-images-panel[b-uns4kyjeqp] {
    width: 100%;
    box-sizing: border-box;
}

.additional-images-list .file-row[b-uns4kyjeqp] {
    gap: 8px;
}

.additional-image-thumb[b-uns4kyjeqp] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    background: #f1f3f5;
}

.additional-image-thumb img[b-uns4kyjeqp] {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.additional-image-placeholder[b-uns4kyjeqp] {
    color: #adb5bd;
    font-size: 0.85rem;
}

.key-defaults-panel[b-uns4kyjeqp] {
    width: 100%;
    box-sizing: border-box;
}

.key-defaults-grid[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.key-defaults-item[b-uns4kyjeqp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.key-defaults-item[b-uns4kyjeqp]  .k-label.k-form-label {
    flex: 0 0 auto;
    width: auto !important;
    margin-bottom: 0;
    white-space: normal;
}

.key-defaults-control[b-uns4kyjeqp] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 768px) {
    .key-defaults-grid[b-uns4kyjeqp] {
        grid-template-columns: 1fr;
    }

    .key-defaults-item[b-uns4kyjeqp] {
        flex-direction: column;
        align-items: stretch;
    }
}


.custom-multiselect[b-uns4kyjeqp] {
    font-size: 14px;
}

.item-template[b-uns4kyjeqp] {
    padding: 4px 0;
}

.item-description[b-uns4kyjeqp] {
    font-size: 0.85em;
    color: #6c757d;
    margin-top: 2px;
}

.chips-container[b-uns4kyjeqp] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 6px;
    min-height: 45px;
    align-items: center;
}

    .chips-container:empty[b-uns4kyjeqp]::before {
        content: "No items selected";
        color: #6c757d;
        font-style: italic;
    }

.summary-card[b-uns4kyjeqp] {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
}

.form-label[b-uns4kyjeqp] {
    margin-bottom: 8px;
    color: #495057;
}

.fw-bold[b-uns4kyjeqp] {
    font-weight: 600 !important;
}

.mb-2[b-uns4kyjeqp] {
    margin-bottom: 0.5rem;
}

.mb-4[b-uns4kyjeqp] {
    margin-bottom: 1.5rem;
}

.mt-4[b-uns4kyjeqp] {
    margin-top: 1.5rem;
}

.me-1[b-uns4kyjeqp] {
    margin-right: 0.25rem;
}

.me-2[b-uns4kyjeqp] {
    margin-right: 0.5rem;
}

.text-success[b-uns4kyjeqp] {
    color: #198754 !important;
}

.text-muted[b-uns4kyjeqp] {
    color: #6c757d !important;
}

.list-unstyled[b-uns4kyjeqp] {
    list-style: none;
    padding-left: 0;
}

    .list-unstyled li[b-uns4kyjeqp] {
        margin-bottom: 4px;
    }

/* Family & attributes tab */
.plu-family-tab[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
}

.plu-family-header[b-uns4kyjeqp] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.plu-family-name[b-uns4kyjeqp] {
    font-weight: 600;
    font-size: 1rem;
}

.plu-family-meta[b-uns4kyjeqp] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .9em;
}

.plu-family-hint[b-uns4kyjeqp] {
    color: var(--kendo-color-subtle, #6b6b6b);
    font-size: .85em;
}

.plu-attr-group[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--kendo-color-border, #e0e0e0);
}

.plu-product-url[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .plu-product-url a[b-uns4kyjeqp] {
        overflow-wrap: anywhere;
    }

.plu-spec-head[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 8px;
    border-top: 1px solid var(--kendo-color-border, #e0e0e0);
}

.plu-spec-title[b-uns4kyjeqp] {
    font-weight: 600;
    font-size: 1rem;
}

.plu-attr-group-title[b-uns4kyjeqp] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .85em;
}

.plu-attr-row[b-uns4kyjeqp] {
    width: 100%;
}

.plu-attr-option[b-uns4kyjeqp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.plu-attr-swatch-dot[b-uns4kyjeqp] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid var(--kendo-color-border, #ccc);
}

.plu-attr-swatch-img[b-uns4kyjeqp] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: var(--kendo-border-radius-md, 4px);
    border: 1px solid var(--kendo-color-border, #ccc);
}

.plu-attr-number[b-uns4kyjeqp] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.plu-attr-unit[b-uns4kyjeqp] {
    color: var(--kendo-color-subtle, #6b6b6b);
    flex-shrink: 0;
}

.container[b-uns4kyjeqp] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}
.my-grid[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
/*    gap: 1rem;*/
}
[b-uns4kyjeqp].my-grid > .k-form-field:nth-child(-n + 6) {
    grid-column: span 2;
}
.my-grid > div:nth-child(n + 7)[b-uns4kyjeqp] {
    grid-column: span 2;
}
[b-uns4kyjeqp] .customhigh {
    min-height: 80px;
}
.customhigh[b-uns4kyjeqp] {
    min-height: 80px;
}

.custom-container[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 10px;
}

/* New styling for General -> Price & Options */
.general-panel[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: 1fr 320px; /* default two-column fallback */
    gap: 16px;
    align-items: start;

}

.general-panel.two-col[b-uns4kyjeqp] {
    grid-template-columns: 2fr 1fr; /* settings | price widths - price will flex */
}

/* First row layout: Details (left) and Settings (right) */
.general-panel.two-col-first[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: 1fr 360px; /* Details | Settings */
    gap: 16px;
    align-items: start;
}

/* first row: Details (left) and Settings (right) */
    .general-panel.two-col-first[b-uns4kyjeqp] {
        grid-template-columns: 1fr 360px;
        gap: 16px;
        align-items: start;
        width: 100%;
    }

.price-card[b-uns4kyjeqp], .options-card[b-uns4kyjeqp], .general-info-card[b-uns4kyjeqp] {
    border-radius: 8px;
    padding: 12px;
    width:100%;
}

.price-card-header[b-uns4kyjeqp], .options-card-header[b-uns4kyjeqp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.card-title[b-uns4kyjeqp] {
    margin: 0;
    font-size: 0.95rem;
}

.open-plu-wrap[b-uns4kyjeqp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.open-plu-label[b-uns4kyjeqp] {
    font-size: 0.85rem;
}

.switch-standout[b-uns4kyjeqp]  .k-switch {
    border-radius: 999px;
}

.price-grid[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr)); /* two prices per row on desktop */
    gap: 10px 12px;
}

.price-field[b-uns4kyjeqp] {
    display: flex;
    flex-direction: row;
}

.options-grid[b-uns4kyjeqp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.option-item[b-uns4kyjeqp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.option-label[b-uns4kyjeqp] {
    font-size: 0.9rem;
}

@media (max-width: 1100px) {
    .general-panel.two-col[b-uns4kyjeqp] {
        grid-template-columns: 2fr 1fr;
    }
    .general-panel.two-col-first[b-uns4kyjeqp] {
        grid-template-columns: 1fr 280px;
    }
    .general-panel[b-uns4kyjeqp] {
        grid-template-columns: 1fr 260px;
    }
    .price-grid[b-uns4kyjeqp] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 768px) {
    .general-panel[b-uns4kyjeqp], .general-panel.two-col-first[b-uns4kyjeqp], .general-panel.two-col[b-uns4kyjeqp] {
        grid-template-columns: 1fr;
    }
    .price-grid[b-uns4kyjeqp] {
        grid-template-columns: 1fr;
    }
    .general-info-grid[b-uns4kyjeqp] {
        grid-template-columns: 1fr;
    }
    .options-card[b-uns4kyjeqp] {
        order: 2;
    }
}

/* No explicit background, border or font colors — let theme control appearance */

.custom-item[b-uns4kyjeqp] {
    /*    flex: 0 0 50%;  always 2 columns */
    /*padding: 8px;*/ /* optional spacing */
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
    .custom-container[b-uns4kyjeqp] {
        grid-template-columns: 1fr; /* 1 column on mobile */
    }

    .custom-item[b-uns4kyjeqp] {
        flex-direction: column; /* Stack vertically */
        gap: 10px; /* Reduce gap on mobile */
        align-items: stretch; /* Make children take full width */
    }

        .custom-item > div[b-uns4kyjeqp] {
            width: 100%; /* Make the container full width */
            display: flex;
            justify-content: center; /* Or space-between/space-around */
            gap: 10px; /* Adjust button spacing */
        }
}
/* Similar products tab */
.similar-tab[b-uns4kyjeqp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 48rem;
}

.similar-tab__hint[b-uns4kyjeqp],
.similar-tab__empty[b-uns4kyjeqp] {
    margin: 0;
    opacity: .7;
}

.similar-tab__pos[b-uns4kyjeqp] {
    opacity: .6;
    font-variant-numeric: tabular-nums;
}

.similar-tab__scroll[b-uns4kyjeqp] {
    max-height: 22rem;
    overflow-y: auto;
}

.similar-tab__family[b-uns4kyjeqp] {
    margin-left: .5rem;
    padding: 0 .4rem;
    border-radius: 999px;
    font-size: .75rem;
    opacity: .75;
    border: 1px solid currentColor;
}

/* The shop leaves this one out. */
.similar-tab__flag[b-uns4kyjeqp] {
    margin-left: .5rem;
    padding: 0 .4rem;
    border-radius: 999px;
    font-size: .75rem;
    color: var(--kendo-color-error, #d51923);
    border: 1px solid currentColor;
}

/* Keep the column headers in view while the rows scroll. */
.similar-tab__scroll[b-uns4kyjeqp]  .k-grid-header {
    position: sticky;
    top: 0;
    z-index: 1;
}
/* /Shared/AppEdit/PluPriceBulkUpdateForm.razor.rz.scp.css */
.bpu-body[b-vetwefgfvh] {
    display: flex;
    flex-direction: column;
/*    gap: 1.2rem;*/
/*    padding-top: 1rem;*/
    padding-inline:1rem;
    height: 100%;
    max-height: 100%;
    /*    overflow: hidden;*/
}

.bpu-label[b-vetwefgfvh] {
    font-weight: 600;
    font-size: 1rem;
    min-width: 140px;
}

.bpu-mode-toggle[b-vetwefgfvh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.95rem;
}

.bpu-mode-active[b-vetwefgfvh] {
    font-weight: 700;
}

.bpu-unit[b-vetwefgfvh] {
    font-size: 1rem;
    min-width: 1rem;
}

.bpu-result[b-vetwefgfvh] {
    margin: 0.5rem 1rem 0;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-size: 0.95rem;
}

.bpu-result--ok[b-vetwefgfvh] {
    background-color: var(--i-color-success-light, #d4edda);
    color: var(--i-color-success-dark, #155724);
}

.bpu-result--error[b-vetwefgfvh] {
    background-color: var(--i-color-danger-light, #f8d7da);
    color: var(--i-color-danger-dark, #721c24);
}

.bpu-result--error ul[b-vetwefgfvh] {
    margin: 0.4rem 0 0 1rem;
    padding: 0;
}

.bpu-section-2[b-vetwefgfvh] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
/*    overflow: hidden;*/
}

.bpu-section__row[b-vetwefgfvh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    flex: 1;
    min-height: 0;
}

.bpu-grid-panel[b-vetwefgfvh] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.bpu-grid-panel__label[b-vetwefgfvh] {
    flex-shrink: 0;
    margin-bottom: 0.25rem;
}



@media (max-width: 768px) {
    .bpu-section__row[b-vetwefgfvh] {
        grid-template-columns: 1fr;
    }
    .bpu-grid-panel[b-vetwefgfvh] {
        min-height: 400px;
    }
}

[b-vetwefgfvh] .k-label.k-form-label {
    align-items: center;
}  
/* /Shared/AppEdit/RecycledArticleForm.razor.rz.scp.css */
.plu-image[b-py6u8ow21a] {
    padding: 5px;
    max-width: 100%;
    max-height: 150px;
    object-fit: cover;
}

/* General info card styling */
.general-info-card[b-py6u8ow21a] {
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

/* spacing before option items (no explicit border/color) */
.options-card .option-item + .option-item[b-py6u8ow21a] {
    padding-top: 8px;
}

.options-card .separator-before[b-py6u8ow21a] {
    margin-top: 6px;
    padding-top: 8px;
}

.plu-image-container[b-py6u8ow21a] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-select-container[b-py6u8ow21a] {
    display: flex;
    flex-direction: column;
    height: 200px;
}

[b-py6u8ow21a] .k-label.k-form-label {
    align-items: center;
}

.grid[b-py6u8ow21a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.custom-container[b-py6u8ow21a] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 equal columns */
    gap: 10px;
}

/* General -> Price & Settings panel */
.general-panel[b-py6u8ow21a] {
    display: grid;
    grid-template-columns: 1fr 320px; /* default two-column fallback */
    gap: 16px;
    align-items: start;
}

.general-panel.two-col[b-py6u8ow21a] {
    grid-template-columns: 2fr 1fr; /* settings | price widths - price will flex */
}

.price-card[b-py6u8ow21a], .options-card[b-py6u8ow21a], .general-info-card[b-py6u8ow21a] {
    border-radius: 8px;
    padding: 12px;
    width: 100%;
}

.price-card-header[b-py6u8ow21a], .options-card-header[b-py6u8ow21a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.card-title[b-py6u8ow21a] {
    margin: 0;
    font-size: 0.95rem;
}

.open-plu-wrap[b-py6u8ow21a] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.open-plu-label[b-py6u8ow21a] {
    font-size: 0.85rem;
}

.switch-standout[b-py6u8ow21a]  .k-switch {
    border-radius: 999px;
}

.price-grid[b-py6u8ow21a] {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr)); /* two prices per row on desktop */
    gap: 10px 12px;
}

.options-grid[b-py6u8ow21a] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.option-item[b-py6u8ow21a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.option-label[b-py6u8ow21a] {
    font-size: 0.9rem;
}

@media (max-width: 1100px) {
    .general-panel.two-col[b-py6u8ow21a] {
        grid-template-columns: 2fr 1fr;
    }
    .general-panel[b-py6u8ow21a] {
        grid-template-columns: 1fr 260px;
    }
    .price-grid[b-py6u8ow21a] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 768px) {
    .general-panel[b-py6u8ow21a], .general-panel.two-col[b-py6u8ow21a] {
        grid-template-columns: 1fr;
    }
    .price-grid[b-py6u8ow21a] {
        grid-template-columns: 1fr;
    }
    .options-card[b-py6u8ow21a] {
        order: 2;
    }
}

.custom-item[b-py6u8ow21a] {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .custom-container[b-py6u8ow21a] {
        grid-template-columns: 1fr; /* 1 column on mobile */
    }

    .custom-item[b-py6u8ow21a] {
        flex-direction: column; /* Stack vertically */
        gap: 10px;
        align-items: stretch;
    }

        .custom-item > div[b-py6u8ow21a] {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 10px;
        }
}
/* /Shared/Dialogs/AboutUsDialog.razor.rz.scp.css */
.dialog-container[b-04l9w3h372] {
    display: flex;
    flex-direction: row;
}

.address[b-04l9w3h372] {
    padding: 10px;
}


@media (min-width: 449.99px) {
    .map[b-04l9w3h372] {
        margin-left: auto;
        width: 400px;
    }
}

@media (max-width: 550px) {
    .dialog-container[b-04l9w3h372] {
        flex-direction: column;
    }

    .map[b-04l9w3h372] {
        width: 100%;
    }
}
/* /Shared/Dialogs/ConfirmationDialog.Razor.rz.scp.css */
.body[b-7p1h3g5qlv] {
    text-align: center;
    font-size: 1.2rem;
    padding: 0.8rem;
}
/* /Shared/Dialogs/CustomerDialog.razor.rz.scp.css */
.dialogBody[b-wqd3hjmc5z]  .k-tabstrip-content {
    /* Remove default padding for the grid tab */
    padding: 0px;
}

.dialogBody .tabContent[b-wqd3hjmc5z] {
    padding: 1rem 1rem;
}

.dialogBody[b-wqd3hjmc5z] {
    height: 80vh;
}
/* /Shared/Dialogs/DialogComponent.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   DialogComponent.razor.css  –  scoped styles
   ═══════════════════════════════════════════════════════════════ */

/* ── Backdrop ────────────────────────────────────────────────── */
.dc-overlay[b-n34h1nayr3] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Guarantees the dialog never touches the screen edge on any device */
    padding: 1rem;
    box-sizing: border-box;
    /* Prevent scroll events on the backdrop leaking through to the page behind */
    overscroll-behavior: contain;
    overflow: hidden;
}

/* ── Shell ───────────────────────────────────────────────────── */
.dc-dialog[b-n34h1nayr3] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;               /* inner scroll handled by dc-body */
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
    /* The overlay's padding already reserves edge space,
       so dialogs size against 100% of the remaining padded area. */
}

/* ── Size variants ───────────────────────────────────────────── */

/* Default – fixed 500 px, shrinks on small screens */
.dc-dialog--auto[b-n34h1nayr3] {
    width: 500px;
    max-width: 100%;
    max-height: 100%;
}

/* FullWidth only */
.dc-dialog--fullwidth[b-n34h1nayr3] {
    width: min(1000px, 100%);
    max-height: 100%;
}

/* FullHeight only */
.dc-dialog--fullheight[b-n34h1nayr3] {
    width: 500px;
    max-width: 100%;
    height: min(1000px, 100%);
}

/* FullWidth + FullHeight */
.dc-dialog--full[b-n34h1nayr3] {
    width: min(1000px, 100%);
    height: min(1000px, 100%);
}

/* ── Inner flex column (header / body / footer stack) ───────── */
.dc-inner[b-n34h1nayr3] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

/* ── Header ──────────────────────────────────────────────────── */
.dc-header[b-n34h1nayr3] {
    flex-shrink: 0;
    padding: 0.8rem;
    position: sticky;
    top: 0;
    z-index: 10;
    border-top-left-radius:  var(--kendo-border-radius-md, 0.375rem);
    border-top-right-radius: var(--kendo-border-radius-md, 0.375rem);
}

.dc-header[b-n34h1nayr3]  h2 {
    font-size: 1.4rem;
    margin: 0;
    line-height: 1.3;
}

.dc-header[b-n34h1nayr3]  h3 {
    font-size: 1rem;
    margin: 0;
    font-style: italic;
    line-height: 1.3;
}

/* ── Body ────────────────────────────────────────────────────── */
.dc-body[b-n34h1nayr3] {
    overflow-y: auto;
    overflow-x: hidden;
    /* Padding keeps TelerikForm inputs and any other content
       away from the dialog edges on all sides */
    padding: 0.8rem;
}

/* When FullHeight → body eats all remaining vertical space */
.dc-body--stretch[b-n34h1nayr3] {
    flex: 1 1 0;
    min-height: 0;
}

/* Sentinel: real height so IntersectionObserver fires reliably.
   The rootMargin in JS adds an 8px inner buffer on top of this,
   so the hint only appears when content is clearly overflowing. */
.dc-sentinel[b-n34h1nayr3] {
/*    height: 1px;*/
    width: 100%;
    pointer-events: none;
    flex-shrink: 0;
}

/* ── Scroll hint indicator ───────────────────────────────────── */
.dc-scroll-hint[b-n34h1nayr3] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    pointer-events: none;
    background: var(--kendo-color-info, #0d6efd);
/*    color: #fff;*/
    /* Collapsed – zero height, zero padding, fully invisible */
    height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.25s ease, padding 0.25s ease, opacity 0.25s ease;
}

.dc-scroll-hint--visible[b-n34h1nayr3] {
    height: 24px;
    padding: 0 0.5rem;
    opacity: 1;
}

.dc-scroll-hint-icon[b-n34h1nayr3] {
    font-size: 1.1rem;
    line-height: 1;
    animation: dc-bounce-b-n34h1nayr3 1.4s ease-in-out infinite;
}

.dc-scroll-hint-label[b-n34h1nayr3] {
    text-transform: uppercase;
}

@keyframes dc-bounce-b-n34h1nayr3 {
    0%,  100% { transform: translateY(0);   }
    50%        { transform: translateY(3px); }
}

/* ── Footer ──────────────────────────────────────────────────── */
.dc-footer[b-n34h1nayr3] {
    flex-shrink: 0;
    padding: 0.8rem;
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom-left-radius:  var(--kendo-border-radius-md, 0.375rem);
    border-bottom-right-radius: var(--kendo-border-radius-md, 0.375rem);
}
/* /Shared/Dialogs/DialogTemplate.razor.rz.scp.css */
div.dialog-container[b-w5mnyeudz3] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
    display: flex;
    flex-direction: column;
}

div.dialog[b-w5mnyeudz3] {
    align-self: center;
    margin: auto;
    position: relative;
    max-height: 1000px;
    max-width: 1000px;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

div.dialog-fixedwidth[b-w5mnyeudz3] {
    width: 500px;
}

div.dialog-fullwidth[b-w5mnyeudz3] {
    width: 100%;
    max-width: 1000px;
}
div.dialog-body-fullHeight[b-w5mnyeudz3] {
    flex: 1;
    min-height: 0;
    overflow-y: hidden;
}
div.dialog-main[b-w5mnyeudz3] {
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    height: 100%;
    max-height: 100%;
}

.dialog-logo[b-w5mnyeudz3] {
    height: 25vh;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.dialog-logo[b-w5mnyeudz3]  img {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

div.dialog-header[b-w5mnyeudz3] {
    padding: 0.8rem;
    z-index: 2000;
    border-top-right-radius: var(--kendo-border-radius-md, 0.375rem);
    border-top-left-radius: var(--kendo-border-radius-md, 0.375rem);
}

div.sticky-dialog-header[b-w5mnyeudz3] {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    top: 0;
}

div.dialog-header[b-w5mnyeudz3]  h2 {
    font-size: 1.4rem;
    margin: 0;
    line-height: 1.3rem;
}

div.dialog-header[b-w5mnyeudz3]  h3 {
    font-size: 1rem;
    margin: 0;
    line-height: 1.3rem;
    font-style: italic;
}

div.dialog-body[b-w5mnyeudz3] {
    overflow-y: auto;
    /*padding: 0.8rem;*/
}

/* dialog-body-fullHeight extra rules handled above */

div.dialog-footer[b-w5mnyeudz3] {
    position: sticky;
    position: -webkit-sticky; /* Safari */
    bottom: 0;
    display: flex;
    flex-direction: column;
}

div.dialog-sub-footer[b-w5mnyeudz3] {
}

div.dialog-main-footer[b-w5mnyeudz3] {
    padding: 0.8rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    border-bottom-right-radius: var(--kendo-border-radius-md, 0.375rem);
    border-bottom-left-radius: var(--kendo-border-radius-md, 0.375rem);
}

/* scrollIndicator */
#scrollIndicator[b-w5mnyeudz3] {
    color: white;
    text-align: center;
    padding: 0px;
    animation: scrollIndicator-entry-b-w5mnyeudz3 .5s;
}

    #scrollIndicator .k-icon[b-w5mnyeudz3] {
        font-size: 24px !important;
    }

@keyframes scrollIndicator-entry-b-w5mnyeudz3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#scroll-end-div[b-w5mnyeudz3] {
    height: 1px;
    width: 0;
}
/* /Shared/Dialogs/ImageDialog.razor.rz.scp.css */
.image-picker[b-efeo5qgxjh] {
    display: flex;
    flex-direction: column;
    height: 100%;            /* take full dialog height */
    min-height: 0;           /* allow children to shrink with flex */
    box-sizing: border-box;  /* include padding/border in size */
}

.image-picker-toolbar[b-efeo5qgxjh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.image-picker-toolbar-spacer[b-efeo5qgxjh] {
    flex: 1;
    min-width: 8px;
}

.image-picker-breadcrumb[b-efeo5qgxjh] {
    margin-bottom: 8px;
    font-size: 0.9rem;
    word-break: break-all;
}

.image-picker-main[b-efeo5qgxjh] {
    display: flex;
    flex: 1 1 auto;          /* grow to fill remaining space */
    min-height: 0;           /* allow inner scroll to work */
    height: 100%;            /* ensure border fills parent */
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}

.image-picker-main > div[b-efeo5qgxjh] {
    padding: 0px 8px 0px 8px;
}

.image-picker-tree[b-efeo5qgxjh] {
    overflow: auto; 
    border-right: 1px solid var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-surface-alt, #f8f9fa);
}

.image-picker-content[b-efeo5qgxjh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; 
    border-right: 1px solid var(--kendo-color-border, #dee2e6);
}

.image-picker-upload[b-efeo5qgxjh] {
    margin-bottom: 10px;
    margin-top: 5px;
}

.image-picker-grid-title[b-efeo5qgxjh] {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 8px;
}

.image-picker-grid[b-efeo5qgxjh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.5rem;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    align-content: flex-start;
}

.image-picker-tile[b-efeo5qgxjh] {
    width: 120px;
    cursor: pointer;
    border-radius: 8px;
    border: 2px solid transparent;
    padding: 4px;
    background: #f4f4f4;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.image-picker-tile:hover[b-efeo5qgxjh] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.image-picker-tile-selected[b-efeo5qgxjh] {
    border-color: var(--kendo-color-primary, #0d6efd);
    background: rgba(13, 110, 253, 0.06);
}

.image-picker-tile-img[b-efeo5qgxjh] {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.image-picker-tile-img img[b-efeo5qgxjh] {
    max-width: 100%;
    max-height: 100px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-picker-tile-img video[b-efeo5qgxjh] {
    max-width: 100%;
    max-height: 100px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-picker-tile-name[b-efeo5qgxjh] {
    font-size: 0.7rem;
    margin-top: 4px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bottom[b-efeo5qgxjh] {
    width: 100%;
    display: flex;
    margin-top: 12px;
}

.bottom > div[b-efeo5qgxjh] {
    padding: 5px 5px 0 5px;
    width: 50%;
}

.img-selected-preview img[b-efeo5qgxjh] {
    max-width: 100%;
    max-height: 180px;
    object-fit: contain;
    border-radius: 6px;
}

.img-selected-preview video[b-efeo5qgxjh] {
    max-width: 100%;
    max-height: 180px;
    border-radius: 6px;
}

.img-selected-multi[b-efeo5qgxjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.img-selected-multi-item[b-efeo5qgxjh] {
    width: 56px;
    height: 56px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    background: #fff;
}

.img-selected-multi-item img[b-efeo5qgxjh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.i-color-info[b-efeo5qgxjh] {
    color: #666;
}

.image-picker-tree[b-efeo5qgxjh], .image-picker-content[b-efeo5qgxjh], .image-picker-preview[b-efeo5qgxjh] {
    width: 25%;
    min-width: 160px;
    overflow: auto;
    min-height:120px;
}

@media (max-width:767px) {
    .image-picker-main[b-efeo5qgxjh] {
        flex-direction: column;
    }

    .image-picker-tree[b-efeo5qgxjh], .image-picker-content[b-efeo5qgxjh], .image-picker-preview[b-efeo5qgxjh] {
        width: 100%;
    }
}
@media (max-width:420px) {
    .image-picker-preview[b-efeo5qgxjh] {
        display:none;
    }
    .image-picker-tree[b-efeo5qgxjh] {
        max-height:100px;
    }
}

@media (prefers-color-scheme: dark) {
    .image-picker-tile[b-efeo5qgxjh] {
        background: #4f4f4f;
    }
}
/* /Shared/Dialogs/LoadingDialog.razor.rz.scp.css */
.loading-container[b-6r8ao3xngs] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Dialogs/LoyaltyInfoDialog.razor.rz.scp.css */
.dialog-title[b-9dref4ktw9] {
    display: flex;
    padding: 0;
}

    .dialog-title > img[b-9dref4ktw9] {
        height: 100px;
        padding-right: 5px;
    }

    .dialog-title > div[b-9dref4ktw9] {
        margin-top: auto;
        margin-bottom: auto;
    }

.container[b-9dref4ktw9] {
    padding: 1.3rem;
    overflow-y: auto;
}

@media (max-width: 991.98px) {
    .dialog-title > img[b-9dref4ktw9] {
        height: 75px !important;
    }
}
/* /Shared/Dialogs/MessageDialog.razor.rz.scp.css */
.body-message[b-6mkz6nhdq7] {
    text-align: center;
    font-size: 1.2rem;
    padding: 0.8rem;
}

.body-markup[b-6mkz6nhdq7] {
    padding: 0.8rem;
    overflow-y: auto;
}
/* /Shared/Dialogs/OrderDialog.razor.rz.scp.css */
.dialog-message[b-83z6nzphk9] {
    text-align: center;
    font-size: 1.2rem;
    padding: 0.8rem 0.8rem 0 0.8rem;
}
/* /Shared/Dialogs/OrderManagementDialog.razor.rz.scp.css */
.order-tracking-link[b-1v6ujirtzo] {
    margin-top: 0.75rem;
    word-break: break-all;
}

    .order-tracking-link label[b-1v6ujirtzo] {
        display: block;
        font-size: 0.9em;
        opacity: 0.75;
    }
/* /Shared/Dialogs/PreparationTimeDialog.razor.rz.scp.css */
/* Presets are the primary control here - picking one accepts the order - so they get room
   to breathe and wrap on a narrow screen instead of shrinking. */
.preparation-presets[b-jivapegab5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.preparation-presets[b-jivapegab5]  .k-button {
    min-width: 5rem;
}
/* /Shared/Dialogs/ReceiptDialog.razor.rz.scp.css */
.qr-container[b-zrsd0dt0dw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.qr-image[b-zrsd0dt0dw] {
    width: 200px;
    height: 200px;
    margin: 10px auto 10px auto;
}
/* /Shared/Dialogs/SelectTagsDialog.razor.rz.scp.css */
.dialog-tags[b-yvqwk79scv] {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 2rem;
}
/* /Shared/Dialogs/TableBookingDialog.razor.rz.scp.css */
.window-properties[b-i5e89i82gs] {
    padding: 10px;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 5px;
    row-gap: 5px;
}

.time-slots[b-i5e89i82gs]  button {
    margin: 0px 5px 5px 0px;

}
/* /Shared/Dialogs/TableBookingRejectDialog.razor.rz.scp.css */
.window-properties[b-joyatkbkxb] {
    padding: 10px;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 5px;
    row-gap: 5px;
}
/* /Shared/DigitalSignage/ObjectAddDialog.razor.rz.scp.css */
.body-container[b-e1j0iujd5n] {
    height: 60vh;
}
/* /Shared/Help.razor.rz.scp.css */
span[b-bpzgg2vfp3] {
    cursor: pointer;
    margin-left: 5px;
}
/* /Shared/Inputs/AddressAutoComplete.razor.rz.scp.css */
.ac-container[b-nqekgpd3q6] {
    position: relative;
    width: 100%;
}

.ac-input[b-nqekgpd3q6] {
    width: 100%;
    padding: 8px;
}

.ac-dropdown[b-nqekgpd3q6] {
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    max-height: 250px;
    overflow-y: auto;
    z-index: 1000;
}

.ac-item[b-nqekgpd3q6] {
    padding: 8px;
    cursor: pointer;
}

    .ac-item:hover[b-nqekgpd3q6] {
        background: #f2f2f2;
    }
/* /Shared/LayoutComponents/StickyFooter.razor.rz.scp.css */
.footer-content[b-xf6emiqw4f] {
    height: 60px;
    padding: 10px; 
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: larger;
    z-index: 1;
    display: flex;
}

.push-me-up[b-xf6emiqw4f] {
    height: 70px;
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.main-layout[b-xea6gi8xfw] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header[b-xea6gi8xfw] {
    flex: 0 0 auto; /* Fixed size */

    padding: 4px;
    display: flex;
    align-items: center;
    z-index: 1;
}

footer[b-xea6gi8xfw] {
    flex: 0 0 auto; /* Fixed size */
    padding: 4px;
}

.content[b-xea6gi8xfw] {
    flex: 1 1 auto; /* Flexible size, will take up remaining space */
    overflow-y: auto; /* Adds vertical scroll */
}
/* /Shared/Layouts/ManagementLayout.razor.rz.scp.css */
.mg-content-container[b-fetrk2lgrj] {
    padding: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.layout-container[b-fetrk2lgrj] {
    height: 100%;
}

    .layout-container[b-fetrk2lgrj]  .k-drawer-container, .layout-container[b-fetrk2lgrj]  .k-drawer-content {
        height: 100%;
        overflow-y: auto;
    }

.toggle-button[b-fetrk2lgrj]  button {
    margin: 5px;
}

[b-fetrk2lgrj] a:hover {
    text-decoration: none;
}

.filterContainer[b-fetrk2lgrj] {
    flex: 0 0 auto; /* Fixed size */
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.mg-body[b-fetrk2lgrj] {
    flex: 1 1 auto; /* Flexible size, will take up remaining space */
    overflow-y: auto;
}

.control[b-fetrk2lgrj] {
    margin-bottom: 5px;
}

@media (min-width: 992px) {
    .filterContainer[b-fetrk2lgrj] {
        flex-direction: row;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .mg-content-container[b-fetrk2lgrj] {
        padding: 10px;
    }

    .control[b-fetrk2lgrj] {
        margin-left: auto;
    }
}


.menu-item-content[b-fetrk2lgrj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.menu-item-left[b-fetrk2lgrj] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-4, 1rem);
    flex: 1;
}

.menu-item-right[b-fetrk2lgrj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

/*.menu-new-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 10px;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
    vertical-align: middle;
}*/

/* Alternative styles - uncomment to use */

/* Simple flat style */
/*
    .menu-new-badge {
        display: inline-block;
        margin-left: 8px;
        padding: 2px 6px;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        color: #3b82f6;
        background: #dbeafe;
        border-radius: 4px;
        letter-spacing: 0.5px;
    }
    */

/* Vibrant accent style */

.menu-new-badge[b-fetrk2lgrj] {
    display: inline-block;
    /*    margin-left: 8px;*/
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    /*    color: var(--orange);*/
    background: var(--success);
    border-radius: 12px;
    letter-spacing: 0.5px;
    animation: pulse-badge-b-fetrk2lgrj 2s ease-in-out infinite;
}

@keyframes pulse-badge-b-fetrk2lgrj {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

 
.drawer-mobile-header[b-fetrk2lgrj] {
    display: flex;
    justify-content: flex-end;
    padding: 4px;
}

[b-fetrk2lgrj] .k-drawer-wrapper,
.k-drawer-content[b-fetrk2lgrj],
.k-drawer-items[b-fetrk2lgrj] {
    overflow: auto !important;
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/old Edge */
}

 
/* /Shared/Loader.razor.rz.scp.css */
.loader-container[b-4c55lzeeve] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Management/BusinessHours.razor.rz.scp.css */
label[b-8cr82tqiml] {
    margin-bottom: inherit !important;
}

.day[b-8cr82tqiml] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkbox[b-8cr82tqiml] {
    vertical-align: central;
    margin-right: 5px;
    width: 120px;
}

.time[b-8cr82tqiml] {
    width: 350px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 5px;
}

@media (max-width: 991.98px) {
    .day[b-8cr82tqiml] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Shared/Management/DateRangeComparePicker.razor.rz.scp.css */
.header[b-7pddfzv28u] {
    grid-area: header;
}

.item1[b-7pddfzv28u] {
    grid-area: periodType;
    margin-right: 5px;
}

.item2[b-7pddfzv28u] {
    grid-area: period1;
    display: flex;
}

    .item2[b-7pddfzv28u]  > * {
        margin: 5px 5px 5px 0px;
    }

.item3[b-7pddfzv28u] {
    grid-area: period2;
    display: flex;
}

    .item3[b-7pddfzv28u]  > * {
        margin: 5px 5px 5px 0px;
    }

.switch[b-7pddfzv28u] {
    grid-area: switch;
    display: flex;
    align-items: center;
}

.grid-container[b-7pddfzv28u] {
    display: grid;
    grid-template-areas:
        'header header'
        'periodType switch'
        'period1 period1'
        'period2 period2';
    gap: 0px;
    padding-left: 5px;
}

@media (max-width: 991.98px) {
    .grid-container[b-7pddfzv28u] {
        padding-left: 0px;
    }

    .item3[b-7pddfzv28u]  > * {
        margin: 0px 5px 5px 0px;
    }
}
/* /Shared/Management/LandingPage/LandingPageSectionEditor.razor.rz.scp.css */
.lp-padding-panel[b-q83975q6od] {
    padding: .75rem 0 0;
}

.lp-padding-grid[b-q83975q6od] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .75rem;
}

.lp-padding-field[b-q83975q6od] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
/* /Shared/Management/SelectBranchoffice.razor.rz.scp.css */
div[b-b9qzmticyn] {
    padding-bottom: 5px;
    width: 100%;
    max-width: 250px;
}
/* /Shared/Management/ShopThemePanel.razor.rz.scp.css */
/* Theme panel — settings on the left, the live shop preview on the right.
   The window content is the scroll container; the panel must not scroll itself,
   or the sticky preview would stick inside a box that never moves. */

.shop-theme-layout[b-8gkizahn52] {
    display: grid;
    /* Settings keep a readable width; the preview takes the rest. minmax(0, …) is
       needed because the 1440px frame is only scaled visually (transform), so its
       layout width would otherwise stretch the column and scroll the dialog sideways. */
    grid-template-columns: minmax(400px, 520px) minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.shop-theme-preview[b-8gkizahn52] {
    min-width: 0;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    /* window chrome (title + footer) plus its margin */
    height: calc(100dvh - 160px);
    min-height: 420px;
}

/* Bootstrap 4 here, so no me-* utilities. */
.shop-theme-tab-icon[b-8gkizahn52] {
    margin-inline-end: .45rem;
}

.shop-theme-preview-bar[b-8gkizahn52] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ShopThemePanel.razor.js renders the frame at desktop width and scales it to fit. */
.shop-theme-preview-viewport[b-8gkizahn52] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);
}

.shop-theme-preview-frame[b-8gkizahn52] {
    border: 0;
    display: block;
    transform-origin: top left;
}

/* Narrow screens: settings first, preview underneath and no longer sticky. */
@media (max-width: 900px) {
    .shop-theme-layout[b-8gkizahn52] {
        grid-template-columns: 1fr;
    }

    .shop-theme-preview[b-8gkizahn52] {
        position: static;
        height: 70dvh;
    }
}

/* Dark-mode switch row */
.shop-theme-darkrow[b-8gkizahn52] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* Default 2-col layout: label | light. */
.shop-theme-grid[b-8gkizahn52] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: .6rem 1rem;
    align-items: center;
    justify-items:start;
}

/* When dark mode is on, three columns: label | light | dark. */
.shop-theme-grid--dark[b-8gkizahn52] {
    grid-template-columns: 2fr 1fr 1fr;
}

.shop-theme-rowlabel[b-8gkizahn52] {
    margin: 0;
    font-size: .9rem;
    line-height: 1.2;
    align-self: start;     /* keep label/hint top-aligned next to the picker */
    padding-top: .35rem;
}

/* Row title + the restaurant / retail / landing icons showing where it applies. */
.shop-theme-rowtitle[b-8gkizahn52] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .25rem .5rem;
}

.shop-theme-scope[b-8gkizahn52] {
    display: inline-flex;
    gap: .15rem;
}

.shop-theme-scope__icon[b-8gkizahn52] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font-size: .8rem;
    line-height: 1;
    opacity: .22;
    cursor: pointer;
}

    .shop-theme-scope__icon.is-on[b-8gkizahn52] {
        opacity: 1;
        color: var(--kendo-color-primary, #0d6efd);
        background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 12%, transparent);
    }

    .shop-theme-scope__icon:hover[b-8gkizahn52] {
        opacity: 1;
    }

.shop-theme-rowhint[b-8gkizahn52] {
    font-size: .72rem;
    line-height: 1.25;
    opacity: .65;
    margin-top: .15rem;
}

.shop-theme-colhead[b-8gkizahn52] {
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
/*    color: rgba(0, 0, 0, .55);*/
/*    text-align: center;*/
}

/* Loyalty buttons live preview — normal + selected example buttons. */
.shop-theme-loyalty-preview-cell[b-8gkizahn52] {
    padding: .5rem;
    border-radius: 6px;
}

.shop-theme-loyalty-preview-cell--dark[b-8gkizahn52] {
    background: #222;
}

.shop-theme-loyalty-preview[b-8gkizahn52] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.shop-theme-loyalty-btn[b-8gkizahn52] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    padding: .4rem .75rem;
    border: 1px solid transparent;
    font-size: .8rem;
    line-height: 1.2;
    cursor: default;
    min-width: 60px;
}

.shop-theme-loyalty-btn-title[b-8gkizahn52] {
    font-weight: 600;
}

.shop-theme-loyalty-btn-sub[b-8gkizahn52] {
    font-size: .7rem;
    opacity: .85;
}

/* Logo cell — image preview + select/clear buttons inline. */
.shop-theme-logo-cell[b-8gkizahn52] {
    display: flex;
    align-items: center;
    gap: .4rem;
}
.shop-theme-logo-thumb[b-8gkizahn52] {
    height: 32px;
    max-width: 120px;
    object-fit: contain;
    border-radius: 4px;
    padding: 2px;
}
/* /Shared/NavigationMenu/MenuDialog.razor.rz.scp.css */
.nav-item[b-4ot42b9lg3]  a {
    color: #ffffff;
    background-color: #182535;
    border-color: #182535;
    /*border-radius: $border-radius;*/
    border-style: solid;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 1rem;
}

.nav-item[b-4ot42b9lg3]  a.active {
    color: #182535;
    background-color: #ffffff;
    border-color: #182535;
}

.nav-item[b-4ot42b9lg3]  a:hover {
    color: #182535;
    background-color: #ffffff;
    cursor: pointer;
}

.nav-item i[b-4ot42b9lg3] {
    padding-right: 10px;
}

.qr-image[b-4ot42b9lg3] {
    width: 300px;
    height: 300px;
    margin:10px auto 10px auto;
}

.password-strength[b-4ot42b9lg3] {
    font-size: smaller;
}
/* /Shared/NavigationMenu/NavMenu.razor.rz.scp.css */
.menu-button[b-kuun3gzaky] {
    line-height: 1;
    font-size: x-large;
    margin-right: 10px;
}

    .menu-button:hover[b-kuun3gzaky] {
        cursor: pointer;
    }

.inzzii-brand[b-kuun3gzaky] {
    font-size: large;
    text-decoration: none;
    margin-left: 10px;
}

.initials-button[b-kuun3gzaky]  button {
    height: 32px;
    width: 32px;
    border-radius: 16px;
}
/* /Shared/NavigationMenu/SelectLanguage.razor.rz.scp.css */
.language-list > img[b-xztk0y6qk3] {
    padding-left: 3px;
    padding-bottom: 3px;
    height: 28px;
    cursor: pointer;
}

    .language-list > img:hover[b-xztk0y6qk3] {
        transform: scale(1.3);
    }
/* /Shared/NoDataFound.razor.rz.scp.css */
.wait-container[b-8i8q3pi4v2] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 20px;
}

span[b-8i8q3pi4v2] {
    padding: 5px;
}

@media (min-width: 992px) {
    .wait-container[b-8i8q3pi4v2] {
        /*font-size: 30px;*/
    }
}
/* /Shared/OrderHistroryCard.razor.rz.scp.css */
.order-history-card[b-wfaxc49ak3] {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
}

.order-status[b-wfaxc49ak3], .payment-status[b-wfaxc49ak3] {
    text-align: right;
}

.total-amount[b-wfaxc49ak3] {
    text-align: right;
    font-size: 1.1rem;
}

.restaurant-name[b-wfaxc49ak3] {
}

.order-number[b-wfaxc49ak3] {
}

.order-date[b-wfaxc49ak3] {
}
/* /Shared/PhonePrefix.razor.rz.scp.css */
img[b-atmobs2se0] {
}

.component-container[b-atmobs2se0] >  span {
    padding-right: 5px;
    width:120px !important;
}
/* /Shared/POS/KeyAddDialog.razor.rz.scp.css */
.body-container[b-ksmphgkch1] {
    height: 60vh;
}

.empty-key-row[b-ksmphgkch1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.empty-key-quantity[b-ksmphgkch1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
/* /Shared/POS/Keyboard.razor.rz.scp.css */
.main-container[b-9ktnzaodbb] {
    /* Grid is built in code behind */

    column-gap: 5px;
    row-gap: 5px;
    height: 100%;
    width: 100%;
}

.key-container[b-9ktnzaodbb] >  div {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    border-radius: 10px;
}


.functions-container[b-9ktnzaodbb] {
    grid-area: functions;
}

.master-container[b-9ktnzaodbb] {
    grid-area: master;
}

.master-container-column[b-9ktnzaodbb] >  div {
    flex-direction: column !important;
    overflow-x: auto !important;
}

.master-container-row[b-9ktnzaodbb] >  div {
    flex-direction: row !important;
    overflow-y: auto !important;
}

.panel-container[b-9ktnzaodbb] {
    grid-area: panel;
    overflow-y: auto;
}

.side-container[b-9ktnzaodbb] {
    grid-area: side;
    overflow-y: auto;
}

.transaction-container[b-9ktnzaodbb] {
    grid-area: transaction;
}
.swap[b-9ktnzaodbb] {
    float: inline-end;
}
.receipt-panel[b-9ktnzaodbb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    border-radius: 8px;
}

.receipt-header[b-9ktnzaodbb] {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #444;
}

.receipt-body[b-9ktnzaodbb] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 10px 0;
}

.receipt-item[b-9ktnzaodbb] {
    margin-bottom: 8px;
    padding: 10px;
/*    border-radius: 6px;*/
    border-bottom: solid;
}

.top-row[b-9ktnzaodbb],
.sub-row[b-9ktnzaodbb] {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.sub-row[b-9ktnzaodbb] {
    font-size: 12px;
    color: #aaa;
    margin-top: 4px;
}

.receipt-footer[b-9ktnzaodbb] {
    padding-top: 10px;
    border-top: 1px solid #444;
}

.pay-button[b-9ktnzaodbb] {
    width: 100%;
    padding: 15px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}
[b-9ktnzaodbb] .receipt-buttons {
    background: transparent !important;
}
[b-9ktnzaodbb] .spaced-button .k-button-text {
    width: 100%;
}
[b-9ktnzaodbb] .spaced-button {
    width: 100%;
}
[b-9ktnzaodbb] .spaced-button .button-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size:large;
}
[b-9ktnzaodbb] .receipt-buttons .k-icon {
    font-size: 26px;
}
/* /Shared/POS/KeyEdit.razor.rz.scp.css */
.key-container[b-robxjsonue] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    /* set this container to relative so we can set the buttons absolute within this container */
    position: relative;
}

.default-key-container[b-robxjsonue] {
    /*border: solid;*/
    /*border-width: 1px;*/
    border-radius: 10px;
}

.master-key-container-selected[b-robxjsonue] {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0px;
    border-bottom-width: 4px !important;
}

.buttons[b-robxjsonue] {
    position: absolute;
    bottom: 2px;
    right: 2px;
}

.panel-indicator[b-robxjsonue] {
    font-size: 18px !important;
    position: absolute;
    bottom: 4px;
    left: 6px;
}
[b-robxjsonue] button.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base.k-icon-button {
    padding: 0.4vmax   
}
/* /Shared/POS/KeyEditDialog.razor.rz.scp.css */
.key-properties[b-906amerjcs] {
    padding: 10px;
    display: grid;
    grid-template-columns: auto auto ;
    column-gap: 5px;
    row-gap: 5px;
}

.key-properties-box[b-906amerjcs] {
    display: flex;
    align-items: center;
}

.key-properties-copy[b-906amerjcs] {
    padding: 10px;
    display: grid;
    grid-template-columns: auto 200px auto;
    column-gap: 5px;
    row-gap: 5px;
}

.key-properties-box-copy[b-906amerjcs] {
    display: flex;
    align-items: center;
}
/* /Shared/ReceiptCard.razor.rz.scp.css */
img[b-zv6k87kyg9] {
    width: 90px;
    height: 90px;
}

label[b-zv6k87kyg9] {
    width: 100%;
    margin-bottom: 0px;
}

.wrapper[b-zv6k87kyg9] {
    display: flex;
}

.labels[b-zv6k87kyg9] {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.name[b-zv6k87kyg9] {
    font-size: 1.2rem;
}
/* /Shared/RestaurantLogo.razor.rz.scp.css */
.logo-container[b-pqu99bmkqu] {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.logo-background[b-pqu99bmkqu] {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
    z-index: -1;
}

.logo-logo[b-pqu99bmkqu] {
    max-height: 150px;
    width: 150px;
    position: absolute;
    z-index: 0;
}
/* /Shared/Tiles/SalesToday.razor.rz.scp.css */
.totals-container[b-s94vqizec9] {
    display: flex;
    flex-wrap: wrap;
}

    .totals-container > div[b-s94vqizec9] {
        width: 200px;
    }

.label[b-s94vqizec9] {
    font-size: smaller;
}

.value[b-s94vqizec9] {
    font-size: x-large;
}

p[b-s94vqizec9] {
    margin: 0px;
}

.period1[b-s94vqizec9] {

}

.i-series-b[b-s94vqizec9] {
    /*margin-left: 5px;*/
    font-size: large;
}

.bi-graph-up-arrow[b-s94vqizec9] {
    color: limegreen;
    margin-left: 5px;
}

.bi-graph-down-arrow[b-s94vqizec9] {
    color: red;
    margin-left: 5px;
}