@import '_content/AcmeErp.Core/AcmeErp.Core.5mu6f8sses.bundle.scp.css';
@import '_content/AcmeHr/AcmeHr.591lppuzk5.bundle.scp.css';
@import '_content/AcmePortal/AcmePortal.uzqpfmfjv1.bundle.scp.css';
@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Component/Common/AccountInfo.razor.rz.scp.css */
.account-trigger[b-dt8oqr73ob] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    min-width: 48px;
    min-height: 44px;
    padding: .25rem .375rem;
    color: var(--text-light);
    background: transparent;
    border: 0;
    border-radius: var(--acme-radius-md);
    touch-action: manipulation;
    transition: background-color var(--acme-transition-fast);
}

.account-trigger:hover[b-dt8oqr73ob] {
    background: var(--acme-white-08);
}

.account-trigger:focus-visible[b-dt8oqr73ob] {
    outline: 2px solid var(--acme-color-surface);
    outline-offset: 1px;
}

.avatar-shell[b-dt8oqr73ob] {
    position: relative;
    display: inline-flex;
}

.user-image[b-dt8oqr73ob],
.account-initial[b-dt8oqr73ob] {
    width: 36px;
    height: 36px;
    border: 1px solid color-mix(in srgb, var(--acme-color-surface) 80%, transparent);
    border-radius: 50%;
    object-fit: cover;
}

.account-initial[b-dt8oqr73ob] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #344057;
    color: var(--acme-color-surface);
    font-weight: 700;
}

.presence-indicator[b-dt8oqr73ob] {
    position: absolute;
    right: -1px;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 2px solid var(--bg-color);
    border-radius: 50%;
}

.presence-indicator.online[b-dt8oqr73ob],
.status-dot.online[b-dt8oqr73ob] {
    background: var(--acme-color-success);
}

.presence-indicator.offline[b-dt8oqr73ob],
.status-dot.offline[b-dt8oqr73ob] {
    background: var(--acme-color-text-muted);
}

.account-chevron[b-dt8oqr73ob] {
    font-size: .625rem;
    opacity: .72;
    transition: transform var(--acme-transition-fast);
}

[b-dt8oqr73ob] .popover-toggle.open .account-chevron {
    transform: rotate(180deg);
}

.account-panel[b-dt8oqr73ob] {
    width: min(292px, calc(100vw - 1rem));
    overflow: hidden;
    color: var(--text-light);
    background: var(--bg-color);
}

.account-header[b-dt8oqr73ob] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    background: color-mix(in srgb, var(--bg-color) 90%, white 10%);
    border-bottom: 1px solid var(--acme-white-08);
}

.account-header-avatar[b-dt8oqr73ob] {
    display: inline-flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--text-light);
    background: var(--acme-white-08);
    border: 1px solid color-mix(in srgb, var(--text-light) 22%, transparent);
    border-radius: 50%;
    font-weight: 700;
}

.account-identity[b-dt8oqr73ob] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.account-identity strong[b-dt8oqr73ob] {
    overflow: hidden;
    font-size: .9375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-light);
}

.account-status[b-dt8oqr73ob] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    margin-top: .125rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.status-dot[b-dt8oqr73ob] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.demo-badge[b-dt8oqr73ob] {
    padding: .2rem .45rem;
    color: color-mix(in srgb, var(--acme-color-danger) 55%, white);
    background: color-mix(in srgb, var(--acme-color-danger) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--acme-color-danger) 30%, transparent);
    border-radius: var(--acme-radius-pill);
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.account-section[b-dt8oqr73ob] {
    padding: .875rem 1rem 1rem;
    border-bottom: 1px solid var(--acme-white-08);
}

.section-heading[b-dt8oqr73ob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .625rem;
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.section-heading > span[b-dt8oqr73ob] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.updating-icon[b-dt8oqr73ob] {
    color: var(--acme-color-primary-action);
}

.date-format-selector[b-dt8oqr73ob] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.date-format-option[b-dt8oqr73ob] {
    display: flex;
    min-height: 52px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: .5rem .75rem;
    color: var(--text-light);
    background: var(--acme-white-08);
    border: 1px solid color-mix(in srgb, var(--text-light) 14%, transparent);
    border-radius: var(--acme-radius-md);
    text-align: left;
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.date-format-option span[b-dt8oqr73ob] {
    font-size: .875rem;
    font-weight: 700;
}

.date-format-option small[b-dt8oqr73ob] {
    color: var(--text-muted);
    font-size: .6875rem;
}

.date-format-option:hover:not(:disabled)[b-dt8oqr73ob] {
    background: color-mix(in srgb, var(--bg-color) 82%, white 18%);
    border-color: color-mix(in srgb, var(--text-light) 34%, transparent);
}

.date-format-option.selected[b-dt8oqr73ob] {
    color: white;
    background: color-mix(in srgb, var(--acme-color-primary-action) 32%, var(--bg-color));
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 75%, white);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--acme-color-primary-action) 55%, transparent);
}

.date-format-option.selected small[b-dt8oqr73ob] {
    color: color-mix(in srgb, var(--text-light) 82%, white);
}

.date-format-option:focus-visible[b-dt8oqr73ob],
.account-action:focus-visible[b-dt8oqr73ob] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: -2px;
}

.date-format-option:disabled[b-dt8oqr73ob] {
    cursor: wait;
    opacity: .58;
}

.account-actions[b-dt8oqr73ob] {
    display: flex;
    flex-direction: column;
    padding: .5rem;
}

.account-action[b-dt8oqr73ob] {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: .75rem;
    padding: .55rem .625rem;
    color: var(--text-light);
    border-radius: var(--acme-radius-md);
    text-decoration: none;
    transition: background-color var(--acme-transition-fast), color var(--acme-transition-fast);
}

.account-action:hover[b-dt8oqr73ob] {
    color: white;
    background: var(--acme-white-08);
}

.action-icon[b-dt8oqr73ob] {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
    background: var(--acme-white-08);
    border-radius: var(--acme-radius-md);
}

.action-chevron[b-dt8oqr73ob] {
    margin-left: auto;
    color: var(--text-muted);
    font-size: .625rem;
}

.account-footer[b-dt8oqr73ob] {
    padding: .5rem;
    border-top: 1px solid var(--acme-white-08);
}

.logout-action[b-dt8oqr73ob],
.logout-action:hover[b-dt8oqr73ob] {
    color: color-mix(in srgb, var(--acme-color-danger) 65%, white);
}

.logout-action .action-icon[b-dt8oqr73ob] {
    color: color-mix(in srgb, var(--acme-color-danger) 65%, white);
    background: color-mix(in srgb, var(--acme-color-danger) 18%, transparent);
}

@media (prefers-reduced-motion: reduce) {
    .account-trigger[b-dt8oqr73ob],
    .account-chevron[b-dt8oqr73ob],
    .date-format-option[b-dt8oqr73ob],
    .account-action[b-dt8oqr73ob] {
        transition: none;
    }
}
/* /Component/Common/AnimateSVG.razor.rz.scp.css */
.acme-erp-illustration[b-ryfva50ex9] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
    color: color-mix(in srgb, var(--acme-color-info-action) 66%, white);
    filter: drop-shadow(0 12px 24px color-mix(in srgb, var(--brand-dark) 42%, transparent));
}

.acme-erp-illustration line[b-ryfva50ex9],
.acme-erp-illustration path[b-ryfva50ex9],
.acme-erp-illustration polyline[b-ryfva50ex9],
.acme-erp-illustration rect[b-ryfva50ex9],
.acme-erp-illustration circle[b-ryfva50ex9] {
    vector-effect: non-scaling-stroke;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.gear-large[b-ryfva50ex9],
.gear-small-top[b-ryfva50ex9],
.gear-small-bottom[b-ryfva50ex9],
.chart-bars rect[b-ryfva50ex9] {
    transform-box: fill-box;
    transform-origin: center;
    will-change: transform;
}

.gear-large[b-ryfva50ex9] {
    animation: gear-clockwise-b-ryfva50ex9 14s linear infinite;
}

.gear-small-top[b-ryfva50ex9] {
    animation: gear-counter-clockwise-b-ryfva50ex9 9s linear infinite;
}

.gear-small-bottom[b-ryfva50ex9] {
    animation: gear-counter-clockwise-b-ryfva50ex9 11s linear infinite;
}

.chart-bars rect[b-ryfva50ex9] {
    transform-origin: bottom;
    animation: chart-breathe-b-ryfva50ex9 3.6s ease-in-out infinite;
}

.chart-bars .bar-2[b-ryfva50ex9] { animation-delay: .35s; }
.chart-bars .bar-3[b-ryfva50ex9] { animation-delay: .7s; }

.receipt-printing[b-ryfva50ex9] {
    animation: receipt-feed-b-ryfva50ex9 4s cubic-bezier(.4, 0, .2, 1) infinite;
}

.status-light[b-ryfva50ex9] {
    fill: var(--acme-color-success);
    animation: status-pulse-b-ryfva50ex9 2.4s ease-in-out infinite;
}

.processing-line[b-ryfva50ex9],
.flow-path[b-ryfva50ex9] {
    stroke-dasharray: 5 5;
    animation: data-flow-b-ryfva50ex9 2.4s linear infinite;
}

.button-pulse[b-ryfva50ex9] {
    fill: color-mix(in srgb, white 72%, transparent);
    animation: indicator-pulse-b-ryfva50ex9 2.4s ease-in-out infinite;
}

.line-dash[b-ryfva50ex9] {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: draw-line-b-ryfva50ex9 1.2s ease-out forwards;
}

.line-dot[b-ryfva50ex9] {
    animation: dot-float-b-ryfva50ex9 3s ease-in-out infinite;
}

.flow-path[b-ryfva50ex9] {
    fill: none;
    stroke: color-mix(in srgb, var(--acme-color-info-action) 65%, transparent);
    stroke-width: 1.5;
}

[b-ryfva50ex9] .delay-200,
.delay-200[b-ryfva50ex9] { animation-delay: .2s !important; }

[b-ryfva50ex9] .delay-400,
.delay-400[b-ryfva50ex9] { animation-delay: .4s !important; }

[b-ryfva50ex9] .delay-500,
.delay-500[b-ryfva50ex9] { animation-delay: .5s !important; }

[b-ryfva50ex9] .delay-600,
.delay-600[b-ryfva50ex9] { animation-delay: .6s !important; }

@keyframes gear-clockwise-b-ryfva50ex9 {
    to { transform: rotate(360deg); }
}

@keyframes gear-counter-clockwise-b-ryfva50ex9 {
    to { transform: rotate(-360deg); }
}

@keyframes chart-breathe-b-ryfva50ex9 {
    0%, 100% { transform: scaleY(.82); opacity: .72; }
    50% { transform: scaleY(1); opacity: 1; }
}

@keyframes receipt-feed-b-ryfva50ex9 {
    0%, 14% { transform: translateY(-4px); opacity: 0; }
    28%, 72% { opacity: 1; }
    86%, 100% { transform: translateY(10px); opacity: 0; }
}

@keyframes status-pulse-b-ryfva50ex9 {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

@keyframes data-flow-b-ryfva50ex9 {
    to { stroke-dashoffset: -20; }
}

@keyframes indicator-pulse-b-ryfva50ex9 {
    0%, 100% { opacity: .45; }
    50% { opacity: 1; }
}

@keyframes draw-line-b-ryfva50ex9 {
    to { stroke-dashoffset: 0; }
}

@keyframes dot-float-b-ryfva50ex9 {
    0%, 100% { transform: translateY(0); opacity: .68; }
    50% { transform: translateY(-2px); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .acme-erp-illustration *[b-ryfva50ex9],
    .acme-erp-illustration *[b-ryfva50ex9]::before,
    .acme-erp-illustration *[b-ryfva50ex9]::after {
        animation: none !important;
        transition: none !important;
    }

    .line-dash[b-ryfva50ex9] {
        stroke-dashoffset: 0;
    }

    .receipt-printing[b-ryfva50ex9],
    .line-dot[b-ryfva50ex9],
    .status-light[b-ryfva50ex9],
    .button-pulse[b-ryfva50ex9] {
        opacity: 1;
    }
}
/* /Component/Common/EditorComponent.razor.rz.scp.css */
.editor-layout[b-sp1a3zdhxn] {
    min-height: 400px;
    height: 400px;
    display: flex;
}
.template-panel[b-sp1a3zdhxn] {
    max-height: 400px;
    overflow-y: auto;
    background: var(--acme-color-surface);
}
.template-panel .sticky-top[b-sp1a3zdhxn] {
    position: sticky;
    top: 0;
    z-index: 2;
}
.editor-wrapper[b-sp1a3zdhxn] {
    height: 400px;
    overflow: hidden;
    position: relative;
    background: var(--acme-color-surface);
}
.editor[b-sp1a3zdhxn] {
    height: 100%;
    font-size: 16px;
}
.editor-container[b-sp1a3zdhxn] {
    background: var(--acme-color-surface);
    border-radius: 10px;
    box-shadow: 0 4px 6px var(--acme-overlay-10);
    overflow: hidden;
    margin-bottom: 20px;
}
.disable[b-sp1a3zdhxn] {
    pointer-events: none;
    opacity: 0.6;
}

.disabled-panel[b-sp1a3zdhxn] {
    pointer-events: none;
    opacity: 0.6;
    filter: grayscale(0.2);
}
.drag-over[b-sp1a3zdhxn] {
    background-color: #eef6ff !important;
}
/* /Component/Common/GlobalSearch/ModalSearchbar.razor.rz.scp.css */
/*
 * ModalSearchbar — command palette (light app theme).
 * Colours come from wwwroot/css/theme.css; the --gs-* aliases below are the
 * only place this component maps theme tokens. No colour literals elsewhere.
 * Keyboard behaviour is NOT styled here — see docs/KEYBOARD_SHORTCUTS.md.
 */
.search-box[b-avlnq6ejpx],
.search-result[b-avlnq6ejpx],
.search-modal-backdrop[b-avlnq6ejpx] {
    --gs-surface: var(--acme-dialog-surface, #fff);
    --gs-surface-soft: var(--acme-color-surface-soft, #f9f9f9);
    --gs-surface-muted: var(--acme-color-surface-subtle, #e9ecef);
    --gs-text: var(--acme-color-text-default, #3c4044);
    --gs-text-muted: var(--acme-color-text-muted, #6c757d);
    --gs-border: var(--acme-color-border-light, #dee2e6);
    --gs-border-strong: var(--acme-color-border, #ced4da);
    --gs-accent: var(--acme-color-primary-action, #198754);
    --gs-accent-soft: color-mix(in srgb, var(--gs-accent) 9%, transparent);
    --gs-accent-ring: color-mix(in srgb, var(--gs-accent) 24%, transparent);
    --gs-danger: var(--acme-color-danger, #dc3545);
    --gs-radius: var(--acme-dialog-radius, 8px);
    --gs-radius-sm: var(--acme-radius-sm, 4px);
    --gs-shadow: 0 18px 48px rgba(15, 23, 42, .18), 0 2px 6px rgba(15, 23, 42, .08);
    --gs-width: min(720px, calc(100vw - 32px));
    --gs-top: 12vh;
    --gs-input-h: 52px;
    --gs-ease: cubic-bezier(.2, .8, .2, 1);
}

/* ---------- Idle (navbar) search field ---------- */
.search-box[b-avlnq6ejpx] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.search-box[b-avlnq6ejpx]  input.form-control,
.search-box input.form-control[b-avlnq6ejpx] {
    width: 100% !important;
    height: 32px !important;
    padding: 0 52px 0 32px !important;
    color: var(--gs-text) !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    border: 1px solid var(--gs-border-strong) !important;
    border-radius: var(--gs-radius-sm) !important;
    background: var(--gs-surface) !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color var(--acme-transition-fast, .15s ease), box-shadow var(--acme-transition-fast, .15s ease);
}

.search-box[b-avlnq6ejpx]  input.form-control::placeholder,
.search-box input.form-control[b-avlnq6ejpx]::placeholder {
    color: var(--gs-text-muted) !important;
    opacity: .85;
}

.search-box[b-avlnq6ejpx]  input.form-control:focus,
.search-box input.form-control:focus[b-avlnq6ejpx] {
    border-color: var(--gs-accent) !important;
    box-shadow: 0 0 0 3px var(--gs-accent-ring) !important;
}

.search-box .prefix[b-avlnq6ejpx] {
    position: absolute;
    left: 11px;
    z-index: var(--app-input-adornment-z-index);
    color: var(--gs-text-muted);
    font-size: 13px;
    pointer-events: none;
}

.search-box .suffix[b-avlnq6ejpx] {
    position: absolute;
    right: 7px;
    z-index: var(--app-input-adornment-z-index);
    padding: 1px 6px;
    color: var(--gs-text-muted);
    font-size: 10.5px;
    font-weight: 600;
    line-height: 16px;
    border: 1px solid var(--gs-border-strong);
    border-bottom-width: 2px;
    border-radius: var(--gs-radius-sm);
    background: var(--gs-surface-soft);
    pointer-events: none;
}

/* ---------- Open palette ---------- */
.search-modal-backdrop[b-avlnq6ejpx] {
    position: fixed;
    inset: 0;
    z-index: var(--app-modal-backdrop-z-index) !important;
    background: rgba(15, 23, 42, .38) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
    pointer-events: auto;
    animation: gs-fade-b-avlnq6ejpx .16s ease-out both;
}

.search-modal-active[b-avlnq6ejpx] {
    position: relative;
    z-index: var(--app-modal-z-index) !important;
}

.search-modal-active .search-box[b-avlnq6ejpx] {
    position: fixed !important;
    top: var(--gs-top) !important;
    left: 50% !important;
    z-index: var(--app-overlay-floating-z-index) !important;
    width: var(--gs-width) !important;
    transform: translateX(-50%) !important;
    animation: gs-drop-b-avlnq6ejpx .2s var(--gs-ease) both;
}

.search-modal-active .search-box[b-avlnq6ejpx]  input.form-control,
.search-modal-active .search-box input.form-control[b-avlnq6ejpx] {
    height: var(--gs-input-h) !important;
    padding-left: 46px !important;
    padding-right: 84px !important;
    color: var(--gs-text) !important;
    font-size: 16px !important;
    border: 1px solid var(--gs-border) !important;
    border-bottom-color: var(--gs-border) !important;
    border-radius: var(--gs-radius) var(--gs-radius) 0 0 !important;
    background: var(--gs-surface) !important;
    box-shadow: none !important;
}

.search-modal-active .search-box[b-avlnq6ejpx]  input.form-control:focus,
.search-modal-active .search-box input.form-control:focus[b-avlnq6ejpx] {
    border-color: var(--gs-border) !important;
    box-shadow: inset 0 -2px 0 var(--gs-accent) !important;
}

.search-modal-active .search-box .prefix[b-avlnq6ejpx] {
    left: 17px;
    color: var(--gs-accent);
    font-size: 16px;
}

.search-modal-active .search-box .suffix[b-avlnq6ejpx] {
    right: 14px;
    font-size: 11px;
}

.search-result[b-avlnq6ejpx] {
    position: fixed !important;
    top: calc(var(--gs-top) + var(--gs-input-h)) !important;
    left: 50% !important;
    z-index: var(--app-overlay-floating-z-index) !important;
    display: flex;
    flex-direction: column;
    width: var(--gs-width) !important;
    min-height: 220px;
    max-height: min(62vh, 560px) !important;
    overflow: hidden;
    color: var(--gs-text);
    border: 1px solid var(--gs-border);
    border-top: 0;
    border-radius: 0 0 var(--gs-radius) var(--gs-radius);
    background: var(--gs-surface);
    box-shadow: var(--gs-shadow);
    transform: translateX(-50%) !important;
    animation: gs-drop-b-avlnq6ejpx .22s var(--gs-ease) both;
}

/* ---------- Sub-view (module records) header ---------- */
.raycast-subview-header[b-avlnq6ejpx] {
    position: fixed !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: var(--gs-width) !important;
    height: var(--gs-input-h) !important;
    padding: 0 12px !important;
    gap: 12px !important;
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius) var(--gs-radius) 0 0;
    background: var(--gs-surface-soft);
    box-shadow: inset 0 -1px 0 var(--gs-border);
}

.raycast-breadcrumbs[b-avlnq6ejpx],
.module-heading[b-avlnq6ejpx],
.record-main[b-avlnq6ejpx],
.record-copy[b-avlnq6ejpx],
.record-fields[b-avlnq6ejpx],
.command-hints[b-avlnq6ejpx] {
    display: flex;
    align-items: center;
}

.raycast-breadcrumbs[b-avlnq6ejpx] {
    flex: 0 1 auto;
    min-width: 0;
    gap: 8px;
    white-space: nowrap;
}

.btn-raycast-back[b-avlnq6ejpx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    padding: 0;
    color: var(--gs-text-muted);
    border: 1px solid var(--gs-border-strong);
    border-radius: var(--gs-radius-sm);
    background: var(--gs-surface);
    transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}

.btn-raycast-back:hover[b-avlnq6ejpx],
.btn-raycast-back:focus-visible[b-avlnq6ejpx] {
    color: var(--gs-accent);
    border-color: var(--gs-accent);
    background: var(--gs-accent-soft);
    outline: none;
}

.breadcrumb-separator[b-avlnq6ejpx] {
    color: var(--gs-text-muted);
    font-size: 11px;
    opacity: .7;
}

.breadcrumb-current[b-avlnq6ejpx] {
    overflow: hidden;
    color: var(--gs-text);
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
}

.sub-search-field[b-avlnq6ejpx] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 260px;
    min-width: 180px;
}

.raycast-subview-header .sub-search-field .prefix[b-avlnq6ejpx] {
    top: 50%;
    left: 11px;
    color: var(--gs-text-muted);
    font-size: 13px;
    transform: translateY(-50%);
}

.search-modal-active .raycast-subview-header .sub-search-field[b-avlnq6ejpx]  input.form-control,
.search-modal-active .raycast-subview-header .sub-search-field input.form-control[b-avlnq6ejpx] {
    height: 34px !important;
    padding: 0 10px 0 32px !important;
    font-size: 13px !important;
    border: 1px solid var(--gs-border-strong) !important;
    border-radius: var(--gs-radius-sm) !important;
    background: var(--gs-surface) !important;
}

.search-modal-active .raycast-subview-header .sub-search-field[b-avlnq6ejpx]  input.form-control:focus,
.search-modal-active .raycast-subview-header .sub-search-field input.form-control:focus[b-avlnq6ejpx] {
    border-color: var(--gs-accent) !important;
    box-shadow: 0 0 0 3px var(--gs-accent-ring) !important;
}

/* ---------- Result list ---------- */
.result-section-label[b-avlnq6ejpx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 14px 6px;
    color: var(--gs-text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--gs-border);
    background: var(--gs-surface);
}

.grid-list[b-avlnq6ejpx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px;
    margin: 0;
    list-style: none;
}

.grid-list li[b-avlnq6ejpx] {
    min-height: 48px;
    border-radius: var(--gs-radius-sm);
}

.search-item-inner[b-avlnq6ejpx] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: 8px 12px;
    gap: 14px;
    box-sizing: border-box;
    border-radius: var(--gs-radius-sm);
    transition: background-color .12s ease, box-shadow .12s ease;
}

.search-item-inner[b-avlnq6ejpx]::before {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gs-accent);
    content: "";
    opacity: 0;
    transform: scaleY(.4);
    transition: opacity .12s ease, transform .16s var(--gs-ease);
}

.search-item-button[b-avlnq6ejpx] {
    width: 100%;
    color: inherit;
    text-align: inherit;
    border: 0;
    border-radius: var(--gs-radius-sm);
    background: transparent;
    cursor: pointer;
}

.search-item-button:focus-visible[b-avlnq6ejpx] {
    outline: 2px solid var(--gs-accent-ring);
    outline-offset: 1px;
}

.search-item-button:hover .search-item-inner[b-avlnq6ejpx],
.search-item-button.search-item-inner:hover[b-avlnq6ejpx] {
    background: var(--gs-surface-soft);
}

.highlight-row .search-item-inner[b-avlnq6ejpx],
.highlight-row.search-item-inner[b-avlnq6ejpx] {
    background: var(--gs-accent-soft);
    box-shadow: inset 0 0 0 1px var(--gs-accent-ring);
}

.highlight-row .search-item-inner[b-avlnq6ejpx]::before,
.highlight-row.search-item-inner[b-avlnq6ejpx]::before {
    opacity: 1;
    transform: scaleY(1);
}

.icon-badge-wrapper[b-avlnq6ejpx],
.icon-badge-mini[b-avlnq6ejpx],
.record-icon-box[b-avlnq6ejpx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    font-size: 14px;
    border-radius: var(--gs-radius-sm);
    color: var(--gs-text-muted);
    background: var(--gs-surface-muted);
}

.icon-badge-mini[b-avlnq6ejpx] {
    width: 26px;
    height: 26px;
    font-size: 12px;
}

/* Menu-type badge colours (light theme, AA contrast on the tint). */
.gs-type-setting[b-avlnq6ejpx]     { color: #9a6700; background: #fff4d6; }
.gs-type-report[b-avlnq6ejpx]      { color: #1d5fbf; background: #e7f0fd; }
.gs-type-list[b-avlnq6ejpx]        { color: #0e7490; background: #e0f5f9; }
.gs-type-transaction[b-avlnq6ejpx] { color: var(--gs-accent); background: color-mix(in srgb, var(--gs-accent) 12%, #fff); }
.gs-type-master[b-avlnq6ejpx]      { color: #b4233c; background: #fdebee; }
.gs-type-default[b-avlnq6ejpx]     { color: var(--gs-text-muted); background: var(--gs-surface-muted); }

.menu-text-link[b-avlnq6ejpx],
.record-title[b-avlnq6ejpx] {
    overflow: hidden;
    color: var(--gs-text);
    font-size: 13.5px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-type-muted[b-avlnq6ejpx],
.record-subtitle[b-avlnq6ejpx] {
    color: var(--gs-text-muted);
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.command-hints[b-avlnq6ejpx] {
    flex-shrink: 0;
    gap: 8px;
    color: var(--gs-text-muted);
    font-size: 11.5px;
}

.command-key[b-avlnq6ejpx],
.result-count[b-avlnq6ejpx] {
    padding: 1px 6px;
    color: var(--gs-text-muted);
    font-family: var(--bs-font-monospace, monospace);
    font-size: 11px;
    line-height: 16px;
    border: 1px solid var(--gs-border-strong);
    border-bottom-width: 2px;
    border-radius: var(--gs-radius-sm);
    background: var(--gs-surface-soft);
}

.command-action[b-avlnq6ejpx] {
    color: var(--gs-text-muted);
    opacity: 0;
    transition: opacity .12s ease;
}

.highlight-row .command-action[b-avlnq6ejpx],
.search-item-button:hover .command-action[b-avlnq6ejpx] {
    opacity: 1;
}

/* ---------- Records sub-view ---------- */
.subview-records-meta[b-avlnq6ejpx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 44px;
    padding: 6px 12px;
    gap: 12px;
    border-bottom: 1px solid var(--gs-border);
}

.module-heading[b-avlnq6ejpx] {
    gap: 8px;
}

.module-title[b-avlnq6ejpx] {
    color: var(--gs-text);
    font-size: 13px;
    font-weight: 600;
}

.result-count[b-avlnq6ejpx] {
    font-size: 10.5px;
    border-bottom-width: 1px;
}

.btn-raycast-action[b-avlnq6ejpx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--gs-accent);
    border-radius: var(--gs-radius-sm);
    background: var(--gs-accent);
    transition: background-color .15s ease, box-shadow .15s ease;
}

.btn-raycast-action:hover[b-avlnq6ejpx],
.btn-raycast-action:focus-visible[b-avlnq6ejpx] {
    color: #fff;
    background: var(--acme-color-primary-action-hover, #157347);
    box-shadow: 0 0 0 3px var(--gs-accent-ring);
    outline: none;
}

.record-command[b-avlnq6ejpx] {
    min-height: 56px;
}

.record-main[b-avlnq6ejpx] {
    min-width: 180px;
    flex: 1 1 260px;
    gap: 10px;
}

.record-copy[b-avlnq6ejpx] {
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.record-fields[b-avlnq6ejpx] {
    flex: 0 1 auto;
    justify-content: flex-end;
    gap: 16px;
}

.record-field[b-avlnq6ejpx] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 64px;
}

.record-field small[b-avlnq6ejpx] {
    color: var(--gs-text-muted);
    font-size: 10px;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.record-field strong[b-avlnq6ejpx] {
    color: var(--gs-text);
    font-size: 12px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

.record-field-strong strong[b-avlnq6ejpx] {
    font-weight: 700;
}

.badge-raycast[b-avlnq6ejpx] {
    flex-shrink: 0;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    border-radius: var(--acme-radius-pill, 999px);
}

.status-success[b-avlnq6ejpx]   { color: #146c43; background: #e3f4ea; }
.status-warning[b-avlnq6ejpx]   { color: #8a5a00; background: #fff4d6; }
.status-danger[b-avlnq6ejpx]    { color: #b02a37; background: var(--acme-color-danger-soft, #fbeaec); }
.status-info[b-avlnq6ejpx]      { color: #0e7490; background: #e0f5f9; }
.status-secondary[b-avlnq6ejpx] { color: var(--gs-text-muted); background: var(--gs-surface-muted); }

/* ---------- States ---------- */
.palette-loading[b-avlnq6ejpx],
.palette-message[b-avlnq6ejpx],
.no-match-found[b-avlnq6ejpx] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 170px;
    padding: 24px;
    gap: 10px;
    color: var(--gs-text-muted);
    font-size: 13px;
    text-align: center;
}

.palette-loading i[b-avlnq6ejpx],
.palette-message i[b-avlnq6ejpx],
.no-match-found i[b-avlnq6ejpx] {
    color: var(--gs-accent);
    font-size: 22px;
    opacity: .75;
}

.palette-error[b-avlnq6ejpx],
.palette-error i[b-avlnq6ejpx] {
    color: var(--gs-danger);
}

/* ---------- Footer ---------- */
.search-result-footer[b-avlnq6ejpx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-height: 36px;
    padding: 0 12px;
    border-top: 1px solid var(--gs-border);
    background: var(--gs-surface-soft);
}

.footer-action-group[b-avlnq6ejpx],
.footer-action-item[b-avlnq6ejpx],
.footer-key-wrapper[b-avlnq6ejpx] {
    display: flex;
    align-items: center;
}

.footer-action-group[b-avlnq6ejpx] {
    gap: 14px;
}

.footer-action-item[b-avlnq6ejpx] {
    gap: 5px;
}

.footer-key-wrapper[b-avlnq6ejpx] {
    gap: 3px;
    margin-right: 5px;
}

.footer-text[b-avlnq6ejpx] {
    color: var(--gs-text-muted);
    font-size: 11.5px;
}

.footer-kbd[b-avlnq6ejpx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 5px;
    color: var(--gs-text);
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 600;
    border: 1px solid var(--gs-border-strong);
    border-bottom-width: 2px;
    border-radius: var(--gs-radius-sm);
    background: var(--gs-surface);
    box-shadow: none;
}

.custom-scrollbar[b-avlnq6ejpx] {
    min-height: 0;
    overflow-y: auto;
    scrollbar-color: var(--gs-border-strong) transparent;
    scrollbar-width: thin;
}

.min-w-0[b-avlnq6ejpx] {
    min-width: 0;
}

@keyframes gs-fade-b-avlnq6ejpx {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes gs-drop-b-avlnq6ejpx {
    from { opacity: 0; translate: 0 -6px; }
    to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: reduce) {
    .search-modal-backdrop[b-avlnq6ejpx],
    .search-modal-active .search-box[b-avlnq6ejpx],
    .search-result[b-avlnq6ejpx] {
        animation: none;
    }
}

@media (max-width: 700px) {
    .search-modal-active .search-box[b-avlnq6ejpx] {
        top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
    }

    .search-result[b-avlnq6ejpx] {
        top: calc(env(safe-area-inset-top, 0px) + 8px + var(--gs-input-h)) !important;
        max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 76px) !important;
    }

    .raycast-breadcrumbs[b-avlnq6ejpx] {
        max-width: 42%;
    }

    .command-action[b-avlnq6ejpx],
    .record-field:not(.record-field-strong)[b-avlnq6ejpx],
    .footer-text[b-avlnq6ejpx] {
        display: none;
    }

    .record-main[b-avlnq6ejpx] {
        min-width: 0;
    }
}
/* /Component/Common/GlobalSearch/Searchbar.razor.rz.scp.css */
.search-wrapper[b-egi6sz23w3] {
    position: relative;
}

.search-result[b-egi6sz23w3] {
    position: fixed;
    top: 42px;
    right: 180px;

    width: 320px;
    max-height: 400px;

    display: flex;
    flex-direction: column;

    background-color: var(--navbar-bg);
    border: 1px solid var(--navbar-border);
    border-radius: var(--adt-border-radius-lg) !important;
    box-shadow: var(--shadow-elevated);
    overflow: hidden;
    z-index: var(--navbar-popup-z-index) !important;
}

.search-box[b-egi6sz23w3] {
    position: relative !important;
    display: inline-flex;
    align-items: center;
    transition: transform var(--acme-transition-fast);
}

.search-box:focus-within[b-egi6sz23w3] {
    transform: scale(1.02);
}

.search-box .prefix[b-egi6sz23w3] {
    position: absolute;
    left: var(--adt-spacing-sm);
    font-size: 1rem;
    color: var(--text-muted);
    transition: color var(--acme-transition-fast), transform var(--acme-transition-fast);
    pointer-events: none;
    z-index: var(--app-input-adornment-z-index);
}

.search-box .suffix[b-egi6sz23w3] {
    position: absolute;
    right: var(--adt-spacing-sm);
    font-size: var(--table-content-font-size);
    color: var(--acme-color-surface);
    background: var(--navbar-bg);
    padding: 2px var(--adt-spacing-xs);
    border-radius: var(--acme-radius-sm);
    border: var(--brand-border-light);
    opacity: 0.7;
    transition: opacity var(--acme-transition-fast);
    pointer-events: none;
    z-index: var(--app-input-adornment-z-index);
}

.search-box[b-egi6sz23w3]  input.form-control {
    height: 32px;
    padding-left: 32px;
    padding-right: 55px;
    font-size: var(--table-content-font-size);
    color: var(--text-light) !important;
    border: 1px solid var(--navbar-border);
    background-color: var(--bg-light) !important;
    border-radius: var(--acme-radius-md);
    transition: all var(--acme-transition-fast);
    outline: none !important;
    box-shadow: none;
}

.search-box[b-egi6sz23w3]  input.form-control:focus {
    border-color: var(--acme-color-surface-hover) !important;
    box-shadow: var(--adt-color-shadow) !important;
    background-color: var(--navbar-bg) !important;
    color: #ffffff !important;
}

.search-box:focus-within .suffix[b-egi6sz23w3] {
    opacity: 1;
    color: var(--navbar-bg);
    background: var(--acme-color-surface);
}

.search-box:focus-within .prefix[b-egi6sz23w3] {
    color: var(--acme-color-primary-action);
    transform: scale(1.1);
}

.grid-list[b-egi6sz23w3] {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

.grid-list li[b-egi6sz23w3] {
    background-color: transparent;
    border-bottom: 1px solid var(--brand-dark-10);
    transition: background-color var(--acme-transition-fast);
}

.grid-list li:hover[b-egi6sz23w3] {
    background-color: var(--hover-bg);
}

.menu-text-link[b-egi6sz23w3] {
    color: var(--text-light);
    font-size: var(--adt-font-size-base);
    font-weight: var(--adt-font-weight-medium);
    text-decoration: none;
}

.menu-type-muted[b-egi6sz23w3] {
    color: var(--text-muted);
    font-size: 0.75rem;
}

.menu-icon[b-egi6sz23w3] {
    color: var(--text-muted);
    font-size: 1rem;
    width: 20px;
    text-align: center;
}

/* ACTIVE SELECTION STATE VIA ARROWS */
.highlight-row[b-egi6sz23w3] {
    background-color: var(--active-bg) !important;
    border-left: 3px solid var(--accent-primary);
}

.highlight-row .menu-text-link[b-egi6sz23w3] {
    color: #ffffff !important;
}

.highlight-row .menu-icon[b-egi6sz23w3] {
    color: var(--accent-primary) !important;
}

.no-match-found[b-egi6sz23w3] {
    color: var(--text-muted);
    padding: var(--adt-spacing-xl) 0;
    font-family: var(--adt-font-family), serif;
}

.search-result-footer[b-egi6sz23w3] {
    padding: var(--adt-spacing-sm) var(--adt-spacing-md);
    border-top: 1px solid var(--navbar-border);
    background: var(--brand-dark);
    user-select: none;
    height: 38px;
}

.footer-action-group[b-egi6sz23w3] {
    display: flex;
    align-items: center;
    gap: var(--adt-spacing-md);
}

.footer-action-item[b-egi6sz23w3] {
    display: flex;
    align-items: center;
    gap: var(--adt-spacing-xs);
}

.footer-key-wrapper[b-egi6sz23w3] {
    display: flex;
    align-items: center;
    gap: 3px;
}

.footer-text[b-egi6sz23w3] {
    color: var(--text-muted);
    font-size: 0.725rem;
    font-weight: var(--adt-font-weight-medium);
}

.footer-kbd[b-egi6sz23w3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 4px;
    background: var(--brand-gradient-hover);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--acme-radius-xs);
    color: var(--text-light);
    font-size: 0.65rem;
    font-weight: var(--adt-font-weight-bold);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4),
    var(--brand-shadow-sm);

    position: relative;
    top: -1px;
}

.footer-kbd i[b-egi6sz23w3] {
    font-size: 0.6rem;
}

.footer-kbd svg[b-egi6sz23w3] {
    display: block;
    transform: translateY(-0.5px);
}

.footer-text[b-egi6sz23w3] {
    color: var(--text-muted);
    font-size: 0.7rem;
    font-weight: var(--adt-font-weight-medium);
}

.ico-navigate[b-egi6sz23w3], #ico-select[b-egi6sz23w3], #ico-esc[b-egi6sz23w3], #ico-help[b-egi6sz23w3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--brand-gradient);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--acme-radius-xs);
    font-size: 9px;
    padding: 2px 4px;
    color: var(--bs-body-color);
    font-family: monospace;
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* /Component/Common/PrintStatusButton.razor.rz.scp.css */
.print-status-wrapper[b-ewnn09s4wf] {
    height: 100%;
    padding: 0 4px;
}

.printer-icon-container[b-ewnn09s4wf] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

.printer-icon-container:hover[b-ewnn09s4wf] {
    background-color: rgba(255, 255, 255, 0.1);
}

.print-status-icon[b-ewnn09s4wf] {
    color: #f1f5f9 !important; /* Visible light tone on dark topbars */
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.printer-icon-container.offline .print-status-icon[b-ewnn09s4wf] {
    opacity: 0.5;
    filter: grayscale(100%);
}

.status-badge-indicator[b-ewnn09s4wf] {
    position: absolute;
    top: -2px;
    right: -2px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    border: 1px solid #1e293b;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.bg-danger[b-ewnn09s4wf] {
    background-color: #ef4444 !important;
}

.bg-warning[b-ewnn09s4wf] {
    background-color: #f59e0b !important;
    color: #0f172a !important;
}

.is-printing[b-ewnn09s4wf] {
    animation: printing-pulse-b-ewnn09s4wf 1.4s infinite alternate;
}

@keyframes printing-pulse-b-ewnn09s4wf {
    0% {
        transform: scale(1);
        opacity: 0.85;
    }
    100% {
        transform: scale(1.08);
        opacity: 1;
    }
}
/* /Component/Common/UserListComponent.razor.rz.scp.css */
.user-list-region[b-8idtwrx002] {
    max-height: calc(100dvh - 18rem);
    min-height: 10rem;
    overflow: auto;
    overscroll-behavior: none;
    scrollbar-width: thin;
}

.user-list-table[b-8idtwrx002] {
    width: 100%;
    margin: 0;
    color: var(--report-viewer-text);
    font-size: var(--table-content-font-size);
    border-collapse: separate;
    border-spacing: 0;
}

.user-list-table th[b-8idtwrx002],
.user-list-table td[b-8idtwrx002] {
    height: 2rem;
    padding: 0.2rem 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
    border-color: var(--report-viewer-border);
    color: inherit;
}

.user-list-table thead th[b-8idtwrx002] {
    position: sticky;
    top: 0;
    z-index: var(--report-viewer-sticky-z-index);
    background: var(--report-viewer-table-header);
    font-size: var(--table-header-font-size);
    font-weight: 700;
}

.user-list-table tbody tr[b-8idtwrx002] {
    cursor: pointer;
}

.user-list-table tbody tr:hover td[b-8idtwrx002] {
    background: var(--report-viewer-row-hover);
}

.user-list-table__row--selected td[b-8idtwrx002] {
    background: var(--report-viewer-row-selected) !important;
    font-weight: 600;
}

.user-list-table__row--selected td:first-child[b-8idtwrx002] {
    box-shadow: inset 3px 0 0 var(--acme-color-primary-action);
}

.user-list-table__state[b-8idtwrx002] {
    height: 6rem !important;
    text-align: center;
    color: var(--empty-state-description) !important;
    background: var(--empty-state-surface);
    cursor: default;
}

.user-list-region--disabled tbody tr[b-8idtwrx002] {
    cursor: progress;
}

.user-list-region--disabled tbody tr:not(.user-list-table__row--selected)[b-8idtwrx002] {
    opacity: 0.6;
}

.user-list-table tbody tr:focus-visible[b-8idtwrx002] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: -2px;
}
/* /Component/Common/UserNotification.razor.rz.scp.css */
.notification-trigger[b-ors556tcnp] {
    position: relative;
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--acme-radius-pill, 999px);
    background: transparent;
    color: inherit;
    font-size: 18px;
    cursor: pointer;
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.notification-trigger:hover[b-ors556tcnp] {
    border-color: var(--acme-overlay-10);
    background: var(--acme-overlay-05);
}

.notification-trigger:focus-visible[b-ors556tcnp] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.notification-trigger__badge[b-ors556tcnp] {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-flex;
    min-width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 2px solid currentColor;
    border-radius: 999px;
    background: var(--bs-danger);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .notification-trigger[b-ors556tcnp] {
        transition: none;
    }
}
/* /Component/Common/UserRightsEditor.razor.rz.scp.css */
/* Shared per-user rights editor (Branch / Company / Counter / Department / Godown). Theme tokens only. */
.rights-page[b-t1689k1yrr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.1rem 0.5rem 0.5rem;
    color: var(--report-viewer-text);
}

.rights-page__header[b-t1689k1yrr] {
    display: grid;
    gap: 0.1rem;
}

.rights-page__title[b-t1689k1yrr] {
    margin: 0;
    color: var(--report-viewer-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.rights-page__hint[b-t1689k1yrr] {
    margin: 0;
    color: var(--report-viewer-text-muted);
    font-size: var(--table-content-font-size);
}

.rights-page__grid[b-t1689k1yrr] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(0, 2fr);
    gap: 0.75rem;
    min-height: 0;
    align-items: start;
}

@media (max-width: 768px) {
    .rights-page__grid[b-t1689k1yrr] {
        grid-template-columns: 1fr;
    }
}

.rights-panel[b-t1689k1yrr] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-md);
    background: var(--report-viewer-surface);
    overflow: hidden;
}

.rights-panel__header[b-t1689k1yrr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 2.25rem;
    padding: 0.35rem 0.75rem;
    border-bottom: 1px solid var(--report-viewer-border);
    background: var(--report-viewer-header-surface);
}

.rights-panel__title[b-t1689k1yrr] {
    font-size: var(--font-size);
    font-weight: 700;
}

.rights-panel__meta[b-t1689k1yrr] {
    color: var(--report-viewer-text-muted);
    font-size: var(--table-content-font-size);
}

.rights-table-region[b-t1689k1yrr] {
    max-height: calc(100dvh - 18rem);
    min-height: 10rem;
    overflow: auto;
    overscroll-behavior: none;
    scrollbar-width: thin;
}

.rights-table[b-t1689k1yrr] {
    width: 100%;
    margin: 0;
    color: var(--report-viewer-text);
    font-size: var(--table-content-font-size);
    border-collapse: separate;
    border-spacing: 0;
}

.rights-table th[b-t1689k1yrr],
.rights-table td[b-t1689k1yrr] {
    height: 2rem;
    padding: 0.2rem 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
    border-color: var(--report-viewer-border);
    color: inherit;
}

.rights-table thead th[b-t1689k1yrr] {
    position: sticky;
    top: 0;
    z-index: var(--report-viewer-sticky-z-index);
    background: var(--report-viewer-table-header);
    font-size: var(--table-header-font-size);
    font-weight: 700;
}

.rights-table tbody tr[b-t1689k1yrr] {
    cursor: pointer;
}

.rights-table tbody tr:hover td[b-t1689k1yrr] {
    background: var(--report-viewer-row-hover);
}

.rights-table__toggle[b-t1689k1yrr] {
    width: 4.5rem;
    text-align: center;
}

/* Row switch (MySwitchBox): centre it in the cell and drop Bootstrap's left gutter. */
.rights-table__toggle[b-t1689k1yrr]  .form-check {
    display: flex;
    justify-content: center;
    min-height: 0;
    margin: 0;
    padding-left: 0;
}

.rights-table__state[b-t1689k1yrr] {
    height: 6rem !important;
    text-align: center;
    color: var(--empty-state-description) !important;
    background: var(--empty-state-surface);
    cursor: default;
}

.rights-page__footer[b-t1689k1yrr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.rights-panel__title[b-t1689k1yrr] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
}

.rights-panel__subject[b-t1689k1yrr] {
    color: var(--report-viewer-text-muted);
    font-weight: 500;
}

.rights-panel__meta[b-t1689k1yrr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.rights-badge[b-t1689k1yrr] {
    padding: 0.05rem 0.45rem;
    border-radius: var(--acme-radius-pill);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.4;
}

.rights-badge--dirty[b-t1689k1yrr] {
    color: var(--acme-color-danger-strong);
    background: var(--acme-color-danger-soft);
    border: 1px solid color-mix(in srgb, var(--acme-color-danger) 30%, transparent);
}

.rights-panel__toolbar[b-t1689k1yrr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    border-bottom: 1px solid var(--report-viewer-border);
}

.rights-panel__bulk[b-t1689k1yrr] {
    display: flex;
    gap: 0.35rem;
}

.rights-search[b-t1689k1yrr] {
    position: relative;
    flex: 1 1 12rem;
    max-width: 22rem;
}

.rights-search > i[b-t1689k1yrr] {
    position: absolute;
    top: 50%;
    left: 0.6rem;
    transform: translateY(-50%);
    color: var(--report-viewer-text-muted);
    font-size: 0.75rem;
    pointer-events: none;
}

.rights-search > input[b-t1689k1yrr] {
    padding-left: 1.8rem;
    border-radius: var(--acme-radius-md);
}

.rights-search > input:focus[b-t1689k1yrr] {
    border-color: var(--acme-color-primary-action);
    box-shadow: var(--acme-focus-ring);
}

.rights-table-region[b-t1689k1yrr] {
    transition: opacity var(--acme-transition-fast);
}

.rights-table-region--busy[b-t1689k1yrr] {
    opacity: 0.55;
    pointer-events: none;
    cursor: progress;
}

.rights-table__toggle[b-t1689k1yrr]  .form-check-input:focus-visible {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 2px;
}

.rights-table tbody tr[aria-selected="true"] td:not(.rights-table__state)[b-t1689k1yrr] {
    background: color-mix(in srgb, var(--acme-color-primary-action) 5%, var(--report-viewer-surface));
}

.rights-page__footer[b-t1689k1yrr] {
    align-items: center;
    justify-content: space-between;
}

.rights-page__status[b-t1689k1yrr] {
    color: var(--report-viewer-text-muted);
    font-size: var(--table-content-font-size);
}

.rights-page__status .fa-circle-check[b-t1689k1yrr] {
    color: var(--acme-color-success);
}
/* /Component/Dashboard/Admin/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-prsfx9sxl0] {
    --admin-accent: var(--acme-color-primary-action);
    --admin-border: var(--acme-color-border-light);
    --admin-surface: var(--acme-color-surface);
    --admin-surface-soft: var(--acme-color-surface-soft);
    --admin-text: var(--acme-color-text-default);
    --admin-muted: var(--acme-color-text-muted);
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    padding: 0 8px calc(12px + env(safe-area-inset-bottom, 0px));
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    color: var(--admin-text);
    background: var(--admin-surface);
}

.admin-dashboard__skeleton[b-prsfx9sxl0] {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.admin-skeleton[b-prsfx9sxl0] {
    display: block;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-muted);
    animation: admin-dashboard-skeleton-pulse-b-prsfx9sxl0 1.35s ease-in-out infinite;
}

.admin-skeleton-metric > div[b-prsfx9sxl0] {
    display: grid;
    gap: 7px;
}

.admin-skeleton--icon[b-prsfx9sxl0] { width: 34px; height: 34px; border-radius: var(--acme-radius-sm); }
.admin-skeleton--label[b-prsfx9sxl0] { width: 76%; height: 8px; }
.admin-skeleton--value[b-prsfx9sxl0] { width: 44%; height: 20px; border-radius: var(--acme-radius-sm); }
.admin-skeleton--copy[b-prsfx9sxl0] { width: 88%; height: 7px; }

.admin-skeleton-actions > span[b-prsfx9sxl0] {
    display: inline-flex;
    min-width: 180px;
    min-height: 52px;
    flex: 1 1 0;
    padding: 6px 16px;
    align-items: center;
    gap: 8px;
    border-right: 1px solid var(--admin-border);
}

.admin-skeleton--action-icon[b-prsfx9sxl0] { width: 28px; height: 28px; border-radius: var(--acme-radius-sm); }
.admin-skeleton--action-copy[b-prsfx9sxl0] { width: min(58%, 110px); height: 9px; }
.admin-skeleton--panel-title[b-prsfx9sxl0] { width: 124px; height: 10px; }

.admin-skeleton-row[b-prsfx9sxl0] {
    display: flex;
    min-height: 58px;
    margin-inline: 14px;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--admin-border);
}

.admin-skeleton--row-copy[b-prsfx9sxl0] { width: min(64%, 240px); height: 9px; }

@keyframes admin-dashboard-skeleton-pulse-b-prsfx9sxl0 {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

.admin-dashboard .bi[b-prsfx9sxl0] {
    display: inline-flex;
    width: 1em;
    height: 1em;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
    vertical-align: middle;
}

.admin-dashboard__header[b-prsfx9sxl0],
.admin-dashboard__header-actions[b-prsfx9sxl0],
.admin-dashboard__alert[b-prsfx9sxl0],
.admin-panel__header[b-prsfx9sxl0],
.admin-license-list article[b-prsfx9sxl0],
.admin-user-list article[b-prsfx9sxl0] {
    display: flex;
    align-items: center;
}

.admin-dashboard__header[b-prsfx9sxl0] {
    min-height: 48px;
    flex: 0 0 auto;
    justify-content: flex-end;
    border-bottom: 1px solid var(--admin-border);
}

.admin-dashboard__header-actions[b-prsfx9sxl0] { gap: 12px; }

.admin-dashboard__updated[b-prsfx9sxl0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--admin-muted);
    font-size: .76rem;
    white-space: nowrap;
}

.admin-dashboard__refresh[b-prsfx9sxl0],
.admin-dashboard__alert button[b-prsfx9sxl0] {
    display: inline-flex;
    min-height: 44px;
    padding: 8px 13px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: var(--acme-radius-md);
    color: var(--bs-component-active-color);
    background: var(--admin-accent);
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    touch-action: manipulation;
}

.admin-dashboard__refresh:disabled[b-prsfx9sxl0] { cursor: not-allowed; opacity: .55; }

.admin-dashboard__refresh:focus-visible[b-prsfx9sxl0],
.admin-dashboard__alert button:focus-visible[b-prsfx9sxl0],
.admin-dashboard__actions a:focus-visible[b-prsfx9sxl0],
.admin-panel__header a:focus-visible[b-prsfx9sxl0] {
    outline: 0;
    box-shadow: var(--acme-focus-ring);
}

.admin-dashboard__alert[b-prsfx9sxl0] {
    padding: 8px 12px;
    gap: 10px;
    border-bottom: 1px solid var(--bs-warning-border-subtle);
    color: var(--bs-warning-text-emphasis);
    background: var(--bs-warning-bg-subtle);
    font-size: .78rem;
}

.admin-dashboard__alert span[b-prsfx9sxl0] { flex: 1; }

.admin-dashboard__alert button[b-prsfx9sxl0] {
    color: inherit;
    background: transparent;
    text-decoration: underline;
}

.admin-dashboard__metrics[b-prsfx9sxl0] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--admin-border);
}

.admin-metric[b-prsfx9sxl0] {
    display: grid;
    min-width: 0;
    min-height: 92px;
    padding: 12px 16px;
    align-items: center;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
    border-right: 1px solid var(--admin-border);
}

.admin-metric:last-child[b-prsfx9sxl0] { border-right: 0; }

.admin-metric__icon[b-prsfx9sxl0] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: var(--admin-accent);
}

.admin-metric--success .admin-metric__icon[b-prsfx9sxl0] { color: var(--acme-color-success); }
.admin-metric--info .admin-metric__icon[b-prsfx9sxl0] { color: var(--bs-info-text-emphasis); }
.admin-metric--warning .admin-metric__icon[b-prsfx9sxl0] { color: var(--bs-warning-text-emphasis); }

.admin-metric > div[b-prsfx9sxl0] { min-width: 0; }

.admin-metric div > span[b-prsfx9sxl0],
.admin-metric small[b-prsfx9sxl0],
.admin-license-list small[b-prsfx9sxl0],
.admin-user-list small[b-prsfx9sxl0] {
    display: block;
    overflow: hidden;
    color: var(--admin-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-metric div > span[b-prsfx9sxl0] { font-size: .74rem; font-weight: 650; }

.admin-metric strong[b-prsfx9sxl0] {
    display: block;
    margin: 1px 0;
    font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}

.admin-metric small[b-prsfx9sxl0],
.admin-license-list small[b-prsfx9sxl0],
.admin-user-list small[b-prsfx9sxl0] { font-size: .7rem; }

.admin-dashboard__actions[b-prsfx9sxl0] {
    display: flex;
    min-width: 0;
    flex: 0 0 auto;
    overflow-x: auto;
    border-bottom: 1px solid var(--admin-border);
    scrollbar-width: none;
}

.admin-dashboard__actions[b-prsfx9sxl0]::-webkit-scrollbar { display: none; }

.admin-dashboard__actions a[b-prsfx9sxl0] {
    display: inline-flex;
    min-width: 180px;
    min-height: 52px;
    flex: 1 1 0;
    padding: 6px 16px;
    align-items: center;
    gap: 8px;
    border-right: 1px solid var(--admin-border);
    color: var(--admin-text);
    font-size: .78rem;
    text-decoration: none;
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.admin-dashboard__actions a:last-child[b-prsfx9sxl0] { border-right: 0; }

.admin-dashboard__actions a:hover[b-prsfx9sxl0] {
    color: var(--admin-accent);
    background: var(--admin-surface-soft);
}

.admin-dashboard__actions a > span[b-prsfx9sxl0] {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: var(--admin-accent);
}

.admin-dashboard__grid[b-prsfx9sxl0] {
    display: grid;
    min-height: 0;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
}

.admin-panel[b-prsfx9sxl0] { min-width: 0; overflow: hidden; }
.admin-panel + .admin-panel[b-prsfx9sxl0] { border-left: 1px solid var(--admin-border); }

.admin-panel__header[b-prsfx9sxl0] {
    min-height: 52px;
    padding: 4px 14px;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--admin-border);
}

.admin-panel__header h2[b-prsfx9sxl0] { margin: 0; font-size: .9rem; font-weight: 750; }

.admin-panel__header a[b-prsfx9sxl0] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    color: var(--admin-accent);
    font-size: .76rem;
    font-weight: 700;
    text-decoration: none;
}

.admin-license-list[b-prsfx9sxl0],
.admin-user-list[b-prsfx9sxl0] { padding-inline: 14px; }

.admin-license-list article[b-prsfx9sxl0],
.admin-user-list article[b-prsfx9sxl0] {
    min-height: 58px;
    gap: 10px;
    border-bottom: 1px solid var(--admin-border);
}

.admin-license-list article:last-child[b-prsfx9sxl0],
.admin-user-list article:last-child[b-prsfx9sxl0] { border-bottom: 0; }

.admin-license-list article > div[b-prsfx9sxl0],
.admin-user-list article > div[b-prsfx9sxl0] { min-width: 0; flex: 1; }

.admin-license-list__status[b-prsfx9sxl0],
.admin-user-list__avatar[b-prsfx9sxl0] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
}

.admin-license-list__status.warning[b-prsfx9sxl0],
.admin-license-list__badge.warning[b-prsfx9sxl0] { color: var(--bs-warning-text-emphasis); }
.admin-license-list__status.danger[b-prsfx9sxl0],
.admin-license-list__badge.danger[b-prsfx9sxl0] { color: var(--bs-danger-text-emphasis); }
.admin-license-list__status.neutral[b-prsfx9sxl0],
.admin-license-list__badge.neutral[b-prsfx9sxl0] { color: var(--admin-muted); }

.admin-license-list__badge[b-prsfx9sxl0] {
    padding: 3px 6px;
    border: 1px solid currentColor;
    border-radius: var(--acme-radius-pill);
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.admin-user-list__avatar[b-prsfx9sxl0] { color: var(--admin-accent); font-size: .72rem; font-weight: 800; }

.admin-user-list__connections[b-prsfx9sxl0] {
    color: var(--acme-color-success);
    font-size: .72rem;
    font-weight: 700;
}

.admin-user-list__connections i[b-prsfx9sxl0] { font-size: .45rem; }

.admin-panel__state[b-prsfx9sxl0] {
    display: flex;
    min-height: 190px;
    padding: 24px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--admin-muted);
    font-size: .78rem;
}

.admin-panel__state--empty[b-prsfx9sxl0] { flex-direction: column; text-align: center; }
.admin-panel__state--empty > i[b-prsfx9sxl0] { color: var(--acme-color-success); font-size: 1.3rem; }

.admin-dashboard__icon--spin[b-prsfx9sxl0] { animation: admin-dashboard-icon-spin-b-prsfx9sxl0 .8s linear infinite; }
@keyframes admin-dashboard-icon-spin-b-prsfx9sxl0 { to { transform: rotate(360deg); } }

@media (max-width: 1024px) {
    .admin-dashboard__metrics[b-prsfx9sxl0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-metric:nth-child(2)[b-prsfx9sxl0] { border-right: 0; }
    .admin-metric:nth-child(-n + 2)[b-prsfx9sxl0] { border-bottom: 1px solid var(--admin-border); }
}

@media (max-width: 760px) {
    .admin-dashboard[b-prsfx9sxl0] { padding-inline: 0; }
    .admin-dashboard__header[b-prsfx9sxl0] { padding-inline: 8px; }
    .admin-dashboard__grid[b-prsfx9sxl0] { grid-template-columns: 1fr; }
    .admin-panel + .admin-panel[b-prsfx9sxl0] { border-top: 1px solid var(--admin-border); border-left: 0; }
    .admin-dashboard__actions[b-prsfx9sxl0] { overflow: visible; flex-wrap: wrap; }
    .admin-dashboard__actions a[b-prsfx9sxl0] { min-width: 0; flex: 1 1 50%; }
    .admin-skeleton-actions > span[b-prsfx9sxl0] { min-width: 0; flex: 1 1 50%; }
    .admin-dashboard__actions a:nth-child(2)[b-prsfx9sxl0] { border-right: 0; }
    .admin-skeleton-actions > span:nth-child(2)[b-prsfx9sxl0] { border-right: 0; }
    .admin-dashboard__actions a:nth-child(-n + 2)[b-prsfx9sxl0] { border-bottom: 1px solid var(--admin-border); }
    .admin-skeleton-actions > span:nth-child(-n + 2)[b-prsfx9sxl0] { border-bottom: 1px solid var(--admin-border); }
}

@media (max-width: 480px) {
    .admin-metric[b-prsfx9sxl0] { padding-inline: 10px; }
    .admin-dashboard__updated[b-prsfx9sxl0] { display: none; }
    .admin-dashboard__header-actions[b-prsfx9sxl0] { width: 100%; justify-content: flex-end; }
    .admin-license-list__badge[b-prsfx9sxl0] { display: none; }
}

@media (pointer: coarse) {
    .admin-dashboard__actions a[b-prsfx9sxl0] { min-height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-dashboard__actions a[b-prsfx9sxl0] { transition: none; }
    .admin-dashboard__icon--spin[b-prsfx9sxl0],
    .admin-skeleton[b-prsfx9sxl0] { animation: none; }
}
/* /Component/Dashboard/DashboardModeSwitch.razor.rz.scp.css */
.dashboard-mode-switch[b-q7xu3v1f6t] {
    position: relative;
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    padding: 3px 8px 3px 5px;
    color: var(--acme-color-text-muted);
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-soft);
    font-size: 11px;
    font-weight: 650;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-mode-switch:hover[b-q7xu3v1f6t] {
    color: var(--acme-color-text-default);
    border-color: var(--acme-color-border-strong);
    background: var(--acme-color-surface-hover);
}

.dashboard-mode-switch:focus-within[b-q7xu3v1f6t] {
    border-color: var(--acme-color-primary-action);
    box-shadow: var(--acme-focus-ring);
}

.dashboard-mode-switch > input[b-q7xu3v1f6t] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.dashboard-mode-switch__track[b-q7xu3v1f6t] {
    display: flex;
    width: 26px;
    height: 14px;
    align-items: center;
    padding: 2px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-border-strong);
    transition: background-color var(--acme-transition-fast);
}

.dashboard-mode-switch__thumb[b-q7xu3v1f6t] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--acme-color-surface);
    box-shadow: 0 1px 2px var(--acme-overlay-20);
    transform: translateX(0);
    transition: transform var(--acme-transition-fast);
}

.dashboard-mode-switch > input:checked + .dashboard-mode-switch__track[b-q7xu3v1f6t] {
    background: var(--acme-color-primary-action);
}

.dashboard-mode-switch > input:checked + .dashboard-mode-switch__track .dashboard-mode-switch__thumb[b-q7xu3v1f6t] {
    transform: translateX(12px);
}

.dashboard-mode-switch__label[b-q7xu3v1f6t] {
    min-width: 38px;
}

@media (pointer: coarse) {
    .dashboard-mode-switch[b-q7xu3v1f6t] {
        min-height: 44px;
        padding-inline: 9px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-mode-switch[b-q7xu3v1f6t],
    .dashboard-mode-switch__track[b-q7xu3v1f6t],
    .dashboard-mode-switch__thumb[b-q7xu3v1f6t] {
        transition: none;
    }
}
/* /Component/Dashboard/DashboardWidgetControl.razor.rz.scp.css */
.dashboard-widget[b-nms24e702x] {
    container-type: inline-size;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    box-shadow: 0 1px 2px var(--acme-overlay-05);
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-widget:hover[b-nms24e702x] {
    border-color: var(--acme-color-border-strong);
    box-shadow: 0 2px 6px var(--acme-overlay-10);
}

.dashboard-widget__scene[b-nms24e702x] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    perspective: 1200px;
}

.dashboard-widget__card[b-nms24e702x] {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    transform-origin: center right;
    transform-style: preserve-3d;
    transition: transform 260ms cubic-bezier(.2, 0, 0, 1);
}

.dashboard-widget__card.is-flipped[b-nms24e702x] {
    transform: translateX(-100%) rotateY(-180deg);
}

.dashboard-widget__face[b-nms24e702x] {
    position: absolute;
    inset: 0;
    display: flex;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    flex-direction: column;
    background: var(--acme-color-surface);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.dashboard-widget__back[b-nms24e702x] {
    transform: rotateY(180deg);
}

.dashboard-widget__settings-header[b-nms24e702x] {
    display: flex;
    min-height: 40px;
    padding: 4px 6px 4px 10px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
}

.dashboard-widget__settings-header > div[b-nms24e702x] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: var(--acme-color-text-default);
    font-size: 12px;
}

.dashboard-widget__settings-header > div > i[b-nms24e702x] {
    color: var(--acme-color-primary-action);
}

.dashboard-widget__settings-header button[b-nms24e702x] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    padding: 0;
    place-items: center;
    border: 1px solid transparent;
    border-radius: var(--acme-radius-sm);
    color: var(--acme-color-text-muted);
    background: transparent;
    cursor: pointer;
    touch-action: manipulation;
}

.dashboard-widget__settings-header button:hover[b-nms24e702x],
.dashboard-widget__settings-header button:focus-visible[b-nms24e702x] {
    border-color: var(--acme-color-border-light);
    outline: 0;
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface);
}

.dashboard-widget__settings-header button:focus-visible[b-nms24e702x] {
    box-shadow: var(--acme-focus-ring);
}

.dashboard-widget__settings-body[b-nms24e702x] {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    padding: 8px;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

.dashboard-widget__header[b-nms24e702x] {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 6px;
    padding: 3px 5px 3px 7px;
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
}

.dashboard-widget__heading[b-nms24e702x] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 6px;
}

.dashboard-widget__title-mark[b-nms24e702x] {
    flex: 0 0 3px;
    width: 3px;
    height: 16px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-primary-action);
}

.dashboard-widget__heading h2[b-nms24e702x] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-widget__menu[b-nms24e702x] {
    position: relative;
    display: inline-flex;
    width: min(190px, 100%);
    min-width: 0;
    align-items: center;
}

.dashboard-widget__menu select[b-nms24e702x] {
    width: 100%;
    height: 26px;
    padding: 0 24px 0 7px;
    appearance: none;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: var(--acme-radius-sm);
    outline: none;
    background: transparent;
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-widget__menu i[b-nms24e702x] {
    position: absolute;
    right: 8px;
    color: var(--acme-color-text-muted);
    font-size: 8px;
    pointer-events: none;
}

.dashboard-widget__menu select:hover:not(:disabled)[b-nms24e702x] {
    border-color: var(--acme-color-border-light);
    background: var(--acme-color-surface);
}

.dashboard-widget__menu select:focus-visible[b-nms24e702x],
.dashboard-widget__action:focus-visible[b-nms24e702x] {
    border-color: var(--acme-color-primary-action);
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.dashboard-widget__menu select:disabled[b-nms24e702x],
.dashboard-widget__action:disabled[b-nms24e702x] {
    cursor: not-allowed;
    opacity: .5;
}

.dashboard-widget__actions[b-nms24e702x] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
}

.dashboard-widget__action[b-nms24e702x] {
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: var(--acme-color-text-muted);
    text-decoration: none;
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-widget__action i[b-nms24e702x] {
    position: static;
    font-size: 11px;
    line-height: 1;
    opacity: 1;
}

.dashboard-widget__action:hover:not(:disabled)[b-nms24e702x] {
    border-color: var(--acme-color-border-light);
    background: var(--acme-color-surface);
    color: var(--acme-color-primary-action);
}

.dashboard-widget__action:active:not(:disabled)[b-nms24e702x] {
    border-color: var(--acme-color-border-strong);
    background: var(--acme-color-surface-muted);
}

.dashboard-widget__action.is-active[b-nms24e702x] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 28%, var(--acme-color-border-light));
    background: color-mix(in srgb, var(--acme-color-primary-action) 9%, var(--acme-color-surface));
    color: var(--acme-color-primary-action);
}

.dashboard-widget__action--danger:hover:not(:disabled)[b-nms24e702x],
.dashboard-widget__action--danger:focus-visible[b-nms24e702x] {
    border-color: color-mix(in srgb, var(--acme-color-danger) 35%, var(--acme-color-border-light));
    background: var(--acme-color-danger-soft);
    color: var(--acme-color-danger);
}

.dashboard-widget__body[b-nms24e702x] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: auto;
    padding: 7px;
    background: var(--acme-color-surface);
    scrollbar-width: thin;
}

.dashboard-widget__body.is-component[b-nms24e702x] {
    padding: 0;
}

.dashboard-widget__body.is-table[b-nms24e702x] {
    overflow: hidden;
    padding: 0;
}

.dashboard-widget__placeholder[b-nms24e702x] {
    min-height: 100%;
    flex: 1 1 auto;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-soft);
}

.dashboard-widget__error[b-nms24e702x] {
    display: grid;
    min-height: 110px;
    flex: 1 1 auto;
    place-content: center;
    justify-items: center;
    gap: 7px;
    padding: 12px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    text-align: center;
}

.dashboard-widget__error i[b-nms24e702x] {
    color: var(--acme-color-warning, var(--bs-warning));
}

.dashboard-widget__error button[b-nms24e702x] {
    min-height: 28px;
    padding: 3px 10px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-primary-action);
    font: inherit;
    font-weight: 650;
}

.dashboard-widget__body[b-nms24e702x]  canvas {
    width: 100% !important;
    height: 100% !important;
    min-height: 0;
    flex: 1 1 auto;
}

.dashboard-widget__body[b-nms24e702x]  table {
    margin-bottom: 0;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table-shell {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    outline: none;
    background: var(--acme-color-surface);
    scrollbar-color: var(--acme-color-border-strong) transparent;
    scrollbar-width: thin;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table-shell:focus-visible {
    box-shadow: inset var(--acme-focus-ring);
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table {
    width: 100%;
    min-width: max-content;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    color: var(--acme-color-text-default);
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table th,
.dashboard-widget__body[b-nms24e702x]  .dashboard-table td {
    min-width: 6rem;
    max-width: 20rem;
    height: 2rem;
    padding: .3rem .55rem !important;
    overflow: hidden;
    border-color: var(--acme-color-border-light);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font-size: .75rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table thead {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table thead th {
    position: sticky;
    inset-block-start: 0;
    z-index: 3;
    border-bottom-color: var(--acme-color-border-strong);
    background: var(--report-viewer-table-header, var(--acme-color-surface-muted)) !important;
    color: var(--acme-color-text-default);
    font-size: .78rem;
    font-weight: 650;
    letter-spacing: .01em;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table tbody tr {
    transition: background-color var(--acme-transition-fast);
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table tbody tr:focus-within > td {
    background: var(--report-viewer-row-hover, var(--acme-color-surface-hover));
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table__row--total > td {
    background: var(--report-viewer-row-total, var(--acme-color-surface-muted));
    font-weight: 650;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table__cell-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table__cell--numeric {
    font-variant-numeric: tabular-nums;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table__cell--icon {
    min-width: 2.5rem;
    width: 2.5rem;
    text-align: center;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table-shell::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dashboard-widget__body[b-nms24e702x]  .dashboard-table-shell::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-border-strong);
    background-clip: padding-box;
}

@media (hover: hover) {
    .dashboard-widget__body[b-nms24e702x]  .dashboard-table tbody tr:not(.dashboard-table__row--total):hover > td {
        background: var(--report-viewer-row-hover, var(--acme-color-surface-hover));
    }
}

@container (max-width: 300px) {
    .dashboard-widget__header[b-nms24e702x] {
        gap: 3px;
        padding-inline: 5px 3px;
    }

    .dashboard-widget__heading[b-nms24e702x] {
        gap: 4px;
    }

    .dashboard-widget__action[b-nms24e702x] {
        width: 24px;
        height: 24px;
    }

    .dashboard-widget__menu select[b-nms24e702x],
    .dashboard-widget__heading h2[b-nms24e702x] {
        font-size: 11px;
    }
}

@media (pointer: coarse) {
    .dashboard-widget__action[b-nms24e702x] {
        width: 44px;
        height: 44px;
    }

    .dashboard-widget__header[b-nms24e702x] {
        flex-basis: 48px;
    }

    .dashboard-widget__settings-header[b-nms24e702x] {
        min-height: 48px;
    }

    .dashboard-widget__settings-header button[b-nms24e702x] {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .dashboard-widget__body[b-nms24e702x]  .dashboard-table th,
    .dashboard-widget__body[b-nms24e702x]  .dashboard-table td {
        height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-widget[b-nms24e702x],
    .dashboard-widget__card[b-nms24e702x],
    .dashboard-widget__menu select[b-nms24e702x],
    .dashboard-widget__action[b-nms24e702x],
    .dashboard-widget__body[b-nms24e702x]  .dashboard-table tbody tr {
        transition: none;
    }
}
/* /Component/Dashboard/DashboardWidgetSetting.razor.rz.scp.css */
.dashboard-card-settings[b-tnan6e4gls] {
    display: grid;
    min-height: 100%;
    gap: 12px;
}

.dashboard-card-settings__section[b-tnan6e4gls] {
    min-width: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
}

.dashboard-card-settings__section legend[b-tnan6e4gls] {
    width: auto;
    margin: 0 0 8px;
    padding: 0 4px;
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 650;
}

.dashboard-card-settings__section:disabled[b-tnan6e4gls] {
    opacity: .6;
}

.dashboard-card-settings__switch-row[b-tnan6e4gls] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.dashboard-card-settings__switch-copy[b-tnan6e4gls] {
    display: grid;
    gap: 2px;
}

.dashboard-card-settings__switch-copy strong[b-tnan6e4gls],
.dashboard-card-settings__switch-copy small[b-tnan6e4gls] {
    display: block;
}

.dashboard-card-settings__switch-copy strong[b-tnan6e4gls] { font-size: 13px; }
.dashboard-card-settings__switch-copy small[b-tnan6e4gls] { color: var(--acme-color-text-muted); font-size: 11px; }
.dashboard-card-settings__refresh-row[b-tnan6e4gls] { margin-top: 14px; }

.dashboard-card-settings__interval[b-tnan6e4gls] {
    display: grid;
    grid-template-columns: 1fr minmax(150px, 190px);
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 600;
}

.dashboard-card-settings__footer[b-tnan6e4gls] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.dashboard-card-settings__button[b-tnan6e4gls] {
    min-height: 34px;
    padding: 5px 12px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 650;
}

.dashboard-card-settings__button--primary[b-tnan6e4gls] {
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-primary-action);
    color: var(--acme-color-on-primary, #fff);
}

@media (max-width: 575.98px) {
    .dashboard-card-settings__interval[b-tnan6e4gls] { grid-template-columns: 1fr; }
    .dashboard-card-settings__button[b-tnan6e4gls] { min-height: 44px; }
}

@media (pointer: coarse) {
    .dashboard-card-settings__button[b-tnan6e4gls],
    .dashboard-card-settings .form-check-input[b-tnan6e4gls],
    .dashboard-card-settings select[b-tnan6e4gls] {
        min-height: 44px;
    }
}
/* /Component/Dashboard/DayBook/DayBookWidget.razor.rz.scp.css */
.day-book[b-am7ph69v5t] {
    height: 100%;
    min-width: 0;
    overflow: auto;
    background: var(--acme-color-surface-soft);
    scrollbar-width: thin;
}

.day-book--tabs[b-am7ph69v5t] { padding-top: 2px; }

.day-book__state[b-am7ph69v5t] {
    display: flex;
    height: 100%;
    min-height: 140px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    padding: 18px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    text-align: center;
}

.day-book__state strong[b-am7ph69v5t] {
    color: var(--acme-color-text-default);
    font-size: 12px;
}

.day-book__state--error > i[b-am7ph69v5t] {
    color: var(--acme-color-danger);
    font-size: 22px;
}

[b-am7ph69v5t] .nav-tabs {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--acme-color-surface);
}
/* /Component/Dashboard/DayBook/DayClosingSummaryView.razor.rz.scp.css */
.day-closing[b-nfhf1p1jzk] {
    --day-primary: var(--acme-color-primary-action);
    --day-success: var(--acme-color-success);
    --day-danger: var(--acme-color-danger);
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 8px;
    padding: 8px;
    color: var(--acme-color-text-default);
}

.day-closing__overview[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: minmax(180px, 1.5fr) repeat(2, minmax(120px, 1fr));
    gap: 7px;
}

.day-closing__headline[b-nfhf1p1jzk],
.day-closing__overview-metric[b-nfhf1p1jzk] {
    min-width: 0;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.day-closing__headline[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--day-primary) 22%, var(--acme-color-border-light));
}

.day-closing__headline-icon[b-nfhf1p1jzk] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--day-primary) 11%, var(--acme-color-surface));
    color: var(--day-primary);
    font-size: 13px;
}

.day-closing__headline span[b-nfhf1p1jzk],
.day-closing__overview-metric span[b-nfhf1p1jzk] {
    /*display: block;*/
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.day-closing__headline strong[b-nfhf1p1jzk] {
    display: block;
    margin-top: 1px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__headline small[b-nfhf1p1jzk] {
    color: var(--acme-color-text-muted);
    font-size: 9px;
}

.day-closing__overview-metric[b-nfhf1p1jzk] {
    padding: 9px;
    box-shadow: inset 0 0 0 1px var(--acme-color-border-light);
}

.day-closing__overview-metric--danger[b-nfhf1p1jzk] {
    border-top-color: var(--day-danger);
}

.day-closing__overview-metric strong[b-nfhf1p1jzk] {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__layout[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 8px;
}

.day-closing__panel[b-nfhf1p1jzk] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.day-closing__panel-header[b-nfhf1p1jzk] {
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
}

.day-closing__panel-header > span[b-nfhf1p1jzk] {
    overflow: hidden;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__panel-header i[b-nfhf1p1jzk] {
    margin-right: 5px;
    color: var(--day-primary);
}

.day-closing__panel-header small[b-nfhf1p1jzk] {
    color: var(--acme-color-text-muted);
    font-size: 9px;
    white-space: nowrap;
}

.day-closing__table-row[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(58px, .55fr) minmax(82px, .8fr);
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 5px 8px;
    border-bottom: 1px solid var(--acme-color-border-light);
    font-size: 10px;
}

.day-closing__table-row:last-child[b-nfhf1p1jzk] {
    border-bottom: 0;
}

.day-closing__table-row > :not(:first-child)[b-nfhf1p1jzk] {
    text-align: right;
}

.day-closing__table-row > strong:first-child[b-nfhf1p1jzk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__table-row--header[b-nfhf1p1jzk] {
    min-height: 25px;
    background: color-mix(in srgb, var(--day-primary) 4%, var(--acme-color-surface));
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-weight: 650;
}

.day-closing__table-row--total[b-nfhf1p1jzk] {
    background: color-mix(in srgb, var(--day-primary) 6%, var(--acme-color-surface));
    font-weight: 700;
}

.day-closing__due[b-nfhf1p1jzk] {
    color: var(--day-danger);
}

.day-closing__charge-grid[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 8px;
}

.day-closing__charge-grid article[b-nfhf1p1jzk] {
    min-width: 0;
    padding: 7px;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-soft);
}

.day-closing__charge-grid span[b-nfhf1p1jzk],
.day-closing__charge-grid strong[b-nfhf1p1jzk] {
    display: block;
}

.day-closing__charge-grid span[b-nfhf1p1jzk] {
    color: var(--acme-color-text-muted);
    font-size: 9px;
}

.day-closing__charge-grid strong[b-nfhf1p1jzk] {
    margin-top: 3px;
    overflow: hidden;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__panel--accounts[b-nfhf1p1jzk] {
    grid-column: 1 / -1;
}

.day-closing__accounts[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 7px;
    padding: 8px;
}

.day-closing__account[b-nfhf1p1jzk] {
    min-width: 0;
    padding: 8px;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-soft);
}

.day-closing__account header[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
}

.day-closing__account-icon[b-nfhf1p1jzk] {
    display: inline-flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--day-primary) 10%, var(--acme-color-surface));
    color: var(--day-primary);
    font-size: 10px;
}

.day-closing__account header strong[b-nfhf1p1jzk] {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__balance[b-nfhf1p1jzk] {
    color: var(--day-success);
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.day-closing__account dl[b-nfhf1p1jzk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin: 7px 0 0;
}

.day-closing__account dl > div[b-nfhf1p1jzk] {
    min-width: 0;
}

.day-closing__account dt[b-nfhf1p1jzk] {
    color: var(--acme-color-text-muted);
    font-size: 8px;
    font-weight: 500;
}

.day-closing__account dd[b-nfhf1p1jzk] {
    margin: 1px 0 0;
    overflow: hidden;
    font-size: 9px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__empty[b-nfhf1p1jzk] {
    padding: 14px 8px;
    color: var(--acme-color-text-muted);
    font-size: 10px;
    text-align: center;
}

@container (max-width: 560px) {
    .day-closing__overview[b-nfhf1p1jzk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .day-closing__headline[b-nfhf1p1jzk] {
        grid-column: 1 / -1;
    }

    .day-closing__layout[b-nfhf1p1jzk] {
        grid-template-columns: 1fr;
    }

    .day-closing__panel--accounts[b-nfhf1p1jzk] {
        grid-column: auto;
    }
}

@container (max-width: 340px) {
    .day-closing__table-row[b-nfhf1p1jzk] {
        grid-template-columns: minmax(0, 1.2fr) minmax(42px, .5fr) minmax(68px, .8fr);
    }

    .day-closing__accounts[b-nfhf1p1jzk] {
        grid-template-columns: 1fr;
    }
}
/* /Component/Dashboard/GridStackComponent.razor.rz.scp.css */
.page[b-els6k4zexd],
.grid-wrapper[b-els6k4zexd],
.grid-disabled[b-els6k4zexd],
.grid-enabled[b-els6k4zexd] {
    width: 100%;
    min-height: 100%;
}

.grid-wrapper[b-els6k4zexd] {
    padding: 2px 0 calc(8px + env(safe-area-inset-bottom, 0px));
}

.grid-wrapper--width-fitted[b-els6k4zexd] {
    overflow-x: clip;
}

[b-els6k4zexd] .grid-stack-item .grid-stack-item-content {
    display: flex;
    overflow: visible;
    border-radius: var(--acme-radius-sm);
    scrollbar-width: thin;
    transition: box-shadow var(--acme-transition-fast), outline-color var(--acme-transition-fast);
}

[b-els6k4zexd] .grid-stack-item .grid-stack-item-content > * {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
}

[b-els6k4zexd] .grid-stack-item:not(.ui-draggable-disabled):not(.ui-resizable-disabled) .grid-stack-item-content,
[b-els6k4zexd] .grid-enabled .dashboard-widget__header {
    cursor: grab;
}

[b-els6k4zexd] .grid-stack:has(.ui-draggable-dragging),
[b-els6k4zexd] .ui-draggable-dragging .dashboard-widget__header {
    cursor: grabbing;
}

[b-els6k4zexd] .grid-disabled .grid-stack-item:hover .grid-stack-item-content {
    box-shadow: 0 2px 8px var(--acme-overlay-10);
}

[b-els6k4zexd] .grid-enabled .grid-stack-item-content {
    outline: 1px dashed var(--acme-color-primary-action);
    outline-offset: 2px;
}

[b-els6k4zexd] .grid-enabled .dashboard-widget {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 38%, var(--acme-color-border-light));
}

[b-els6k4zexd] .ui-draggable-dragging .grid-stack-item-content {
    box-shadow: var(--acme-shadow-md);
    opacity: .96;
}

[b-els6k4zexd] .grid-stack > .grid-stack-item > .ui-resizable-handle {
    opacity: 0;
    transition: opacity var(--acme-transition-fast);
}

[b-els6k4zexd] .grid-enabled .grid-stack-item:hover > .ui-resizable-handle,
[b-els6k4zexd] .grid-stack-item.ui-resizable-resizing > .ui-resizable-handle {
    opacity: 1;
}

@media (hover: none), (pointer: coarse) {
    .grid-wrapper[b-els6k4zexd] {
        padding-bottom: calc(3.5rem + env(safe-area-inset-bottom, 0px));
    }

    [b-els6k4zexd] .grid-enabled .grid-stack > .grid-stack-item > .ui-resizable-handle {
        opacity: 1;
    }

    [b-els6k4zexd] .grid-enabled .grid-stack-item > .ui-resizable-s {
        right: 44px;
        bottom: -12px;
        left: 44px;
        height: 44px;
    }

    [b-els6k4zexd] .grid-enabled .grid-stack-item > .ui-resizable-se,
    [b-els6k4zexd] .grid-enabled .grid-stack-item > .ui-resizable-sw {
        bottom: -12px;
        width: 44px;
        height: 44px;
        background-size: 22px 22px;
    }

    [b-els6k4zexd] .grid-enabled .grid-stack-item > .ui-resizable-se {
        right: -12px;
    }

    [b-els6k4zexd] .grid-enabled .grid-stack-item > .ui-resizable-sw {
        left: -12px;
    }
}

[b-els6k4zexd] .widgetEnable {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: 1px solid var(--acme-color-primary-action);
    border-radius: var(--acme-radius-sm);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--acme-color-primary-action) 16%, transparent);
}

[b-els6k4zexd] .drag-placeholder {
    width: 100%;
    height: 100%;
    border: 1px dashed var(--acme-color-primary-action);
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--acme-color-primary-action) 7%, var(--acme-color-surface));
}

[b-els6k4zexd] .popup-highlight .dashboard-widget {
    animation: dashboard-widget-highlight-b-els6k4zexd 700ms ease-out;
}

@keyframes dashboard-widget-highlight-b-els6k4zexd {
    0% {
        border-color: var(--acme-color-primary-action);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--acme-color-primary-action) 22%, transparent);
    }

    100% {
        border-color: var(--acme-color-border-light);
        box-shadow: 0 1px 2px var(--acme-overlay-05);
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-els6k4zexd] .grid-stack-item .grid-stack-item-content,
    [b-els6k4zexd] .grid-stack > .grid-stack-item > .ui-resizable-handle {
        transition: none;
    }

    [b-els6k4zexd] .popup-highlight .dashboard-widget {
        animation: none;
        border-color: var(--acme-color-primary-action);
    }
}
/* /Component/Dashboard/Hotel/RoomStatus/RoomStatusWidget.razor.rz.scp.css */
.room-status[b-oid66zyrlq] {
    --room-primary: var(--acme-color-primary-action);
    --room-success: var(--acme-color-success);
    --room-danger: var(--acme-color-danger);
    --room-warning: var(--bs-warning, #b7791f);
    display: grid;
    height: 100%;
    min-width: 0;
    align-content: start;
    gap: 8px;
    padding: 8px;
    overflow: auto;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-default);
    scrollbar-width: thin;
}

.room-status__overview[b-oid66zyrlq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 10px;
    padding: 10px;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--room-primary) 5%, var(--acme-color-surface));
}

.room-status__overview-icon[b-oid66zyrlq],
.room-status__metric-icon[b-oid66zyrlq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--acme-radius-sm);
}

.room-status__overview-icon[b-oid66zyrlq] {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    background: color-mix(in srgb, var(--room-primary) 12%, var(--acme-color-surface));
    color: var(--room-primary);
    font-size: 14px;
}

.room-status__overview-copy[b-oid66zyrlq],
.room-status__metric > div[b-oid66zyrlq] { min-width: 0; }

.room-status__overview-copy > span[b-oid66zyrlq],
.room-status__metric > div > span[b-oid66zyrlq] {
    display: block;
    color: var(--acme-color-text-muted);
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.room-status__overview-copy strong[b-oid66zyrlq] {
    display: block;
    margin-top: 1px;
    font-size: 18px;
    line-height: 1.15;
}

.room-status__overview-copy small[b-oid66zyrlq] {
    color: var(--acme-color-text-muted);
    font-size: 10px;
    font-weight: 500;
}

.room-status__occupancy-value[b-oid66zyrlq] {
    padding: 3px 7px;
    border-radius: var(--acme-radius-pill);
    background: var(--room-primary);
    color: var(--acme-color-surface);
    font-size: 10px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.room-status__progress[b-oid66zyrlq] {
    grid-column: 2 / -1;
    height: 5px;
    overflow: hidden;
    border-radius: var(--acme-radius-pill);
    background: color-mix(in srgb, var(--room-primary) 12%, var(--acme-color-surface));
}

.room-status__progress > span[b-oid66zyrlq] {
    display: block;
    width: var(--room-occupancy);
    height: 100%;
    border-radius: inherit;
    background: var(--room-primary);
    transition: width var(--acme-transition-normal);
}

.room-status__overview-note[b-oid66zyrlq] {
    grid-column: 2 / -1;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--acme-color-text-muted);
    font-size: 10px;
}

.room-status__metrics[b-oid66zyrlq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    gap: 8px;
}

.room-status__metric[b-oid66zyrlq] {
    --metric-accent: var(--room-primary);
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    min-width: 0;
    padding: 9px;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--metric-accent) 5%, var(--acme-color-surface));
}

.room-status__metric--available[b-oid66zyrlq] { --metric-accent: var(--room-success); }
.room-status__metric--arrival[b-oid66zyrlq] { --metric-accent: var(--room-success); }
.room-status__metric--departure[b-oid66zyrlq] { --metric-accent: var(--room-warning); }
.room-status__metric--cancelled[b-oid66zyrlq] { --metric-accent: var(--room-danger); }

.room-status__metric-icon[b-oid66zyrlq] {
    width: 30px;
    height: 30px;
    background: color-mix(in srgb, var(--metric-accent) 10%, var(--acme-color-surface));
    color: var(--metric-accent);
    font-size: 11px;
}

.room-status__metric strong[b-oid66zyrlq] {
    display: block;
    margin-top: 1px;
    color: var(--acme-color-text-default);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.room-status__metric small[b-oid66zyrlq] {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    color: var(--acme-color-text-muted);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.room-status__state[b-oid66zyrlq] {
    display: flex;
    height: 100%;
    min-height: 140px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
}

@container (max-width: 360px) {
    .room-status__metrics[b-oid66zyrlq] { grid-template-columns: 1fr; }
    .room-status__metric small[b-oid66zyrlq] { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
    .room-status__progress > span[b-oid66zyrlq] { transition: none; }
}
/* /Component/Dashboard/Hotel/TableStatus/TableStatusWidget.razor.rz.scp.css */
.table-status[b-xxo5ep7ftd] {
    --table-primary: var(--acme-color-primary-action);
    --table-success: var(--acme-color-success);
    --table-danger: var(--acme-color-danger);
    --table-warning: var(--bs-warning, #b7791f);
    display: grid;
    height: 100%;
    min-width: 0;
    align-content: start;
    gap: 8px;
    padding: 8px;
    overflow: auto;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-default);
    scrollbar-width: thin;
}

.table-status__zones[b-xxo5ep7ftd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.table-status__zone[b-xxo5ep7ftd] {
    min-width: 0;
    padding: 9px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.table-status__zone-header[b-xxo5ep7ftd] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.table-status__zone-icon[b-xxo5ep7ftd] {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--table-primary) 10%, var(--acme-color-surface));
    color: var(--table-primary);
    font-size: 11px;
}

.table-status__zone-header > div[b-xxo5ep7ftd] { min-width: 0; }
.table-status__zone-header strong[b-xxo5ep7ftd],
.table-status__zone-header small[b-xxo5ep7ftd] { display: block; }
.table-status__zone-header strong[b-xxo5ep7ftd] { font-size: 12px; line-height: 1.2; }
.table-status__zone-header small[b-xxo5ep7ftd] { color: var(--acme-color-text-muted); font-size: 9px; }

.table-status__total[b-xxo5ep7ftd] {
    padding: 3px 7px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-weight: 650;
    white-space: nowrap;
}

.table-status__status-list[b-xxo5ep7ftd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.table-status__status-list--packing[b-xxo5ep7ftd] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.table-status__status[b-xxo5ep7ftd] {
    --status-accent: var(--table-primary);
    min-width: 0;
    padding: 7px;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--status-accent) 7%, var(--acme-color-surface));
}

.table-status__status--success[b-xxo5ep7ftd] { --status-accent: var(--table-success); }
.table-status__status--warning[b-xxo5ep7ftd] { --status-accent: var(--table-warning); }
.table-status__status--danger[b-xxo5ep7ftd] { --status-accent: var(--table-danger); }

.table-status__status span[b-xxo5ep7ftd],
.table-status__status strong[b-xxo5ep7ftd] { display: block; }

.table-status__status span[b-xxo5ep7ftd] {
    overflow: hidden;
    color: var(--status-accent);
    font-size: 9px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-status__status span i[b-xxo5ep7ftd] { margin-right: 4px; }

.table-status__status strong[b-xxo5ep7ftd] {
    margin-top: 3px;
    color: var(--acme-color-text-default);
    font-size: 18px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.table-status__progress[b-xxo5ep7ftd] {
    height: 4px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: var(--acme-radius-pill);
    background: color-mix(in srgb, var(--table-primary) 10%, var(--acme-color-surface));
}

.table-status__progress > span[b-xxo5ep7ftd] {
    display: block;
    width: var(--table-utilization);
    height: 100%;
    border-radius: inherit;
    background: var(--table-primary);
    transition: width var(--acme-transition-normal);
}

.table-status__section-heading[b-xxo5ep7ftd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    padding: 0 2px;
}

.table-status__section-heading span[b-xxo5ep7ftd] {
    font-size: 11px;
    font-weight: 650;
}

.table-status__section-heading small[b-xxo5ep7ftd] {
    color: var(--acme-color-text-muted);
    font-size: 9px;
}

.table-status__activity[b-xxo5ep7ftd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    gap: 6px;
}

.table-status__metric[b-xxo5ep7ftd] {
    --metric-accent: var(--table-primary);
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--acme-color-border-light);
    border-top: 2px solid var(--metric-accent);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.table-status__metric--success[b-xxo5ep7ftd] { --metric-accent: var(--table-success); }
.table-status__metric--danger[b-xxo5ep7ftd] { --metric-accent: var(--table-danger); }

.table-status__metric span[b-xxo5ep7ftd],
.table-status__metric strong[b-xxo5ep7ftd] { display: block; }

.table-status__metric span[b-xxo5ep7ftd] {
    overflow: hidden;
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-status__metric span i[b-xxo5ep7ftd] {
    margin-right: 4px;
    color: var(--metric-accent);
}

.table-status__metric strong[b-xxo5ep7ftd] {
    margin-top: 4px;
    overflow: hidden;
    color: var(--acme-color-text-default);
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-status__state[b-xxo5ep7ftd] {
    display: flex;
    height: 100%;
    min-height: 140px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
}

@container (max-width: 460px) {
    .table-status__zones[b-xxo5ep7ftd] { grid-template-columns: 1fr; }
}

@container (max-width: 320px) {
    .table-status__status-list[b-xxo5ep7ftd] { grid-template-columns: 1fr; }
    .table-status__status-list--packing[b-xxo5ep7ftd] { grid-template-columns: 1fr 1fr; }
    .table-status__section-heading small[b-xxo5ep7ftd] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .table-status__progress > span[b-xxo5ep7ftd] { transition: none; }
}
/* /Component/Dashboard/Purchase/PurchaseSummary/PurchaseSummaryWidget.razor.rz.scp.css */
.purchase-summary[b-376zfr89ty] {
    --purchase-accent: var(--acme-color-primary-action);
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: auto;
    padding: 8px;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-default);
    scrollbar-width: thin;
}

.purchase-summary__layout[b-376zfr89ty] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(210px, .8fr) minmax(0, 2.2fr);
    gap: 8px;
}

.purchase-summary__payments[b-376zfr89ty],
.purchase-summary__metric[b-376zfr89ty] {
    min-width: 0;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.purchase-summary__payments[b-376zfr89ty] { padding: 10px; }

.purchase-summary__section-heading[b-376zfr89ty] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.purchase-summary__heading-icon[b-376zfr89ty],
.purchase-summary__payment-icon[b-376zfr89ty] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--acme-radius-sm);
}

.purchase-summary__heading-icon[b-376zfr89ty] {
    width: 32px;
    height: 32px;
    background: color-mix(in srgb, var(--purchase-accent) 10%, var(--acme-color-surface));
    color: var(--purchase-accent);
    font-size: 12px;
}

.purchase-summary__section-heading strong[b-376zfr89ty],
.purchase-summary__section-heading small[b-376zfr89ty] { display: block; }
.purchase-summary__section-heading strong[b-376zfr89ty] { font-size: 12px; line-height: 1.2; }
.purchase-summary__section-heading small[b-376zfr89ty] { margin-top: 2px; color: var(--acme-color-text-muted); font-size: 9px; }

.purchase-summary__payment-list[b-376zfr89ty] { display: grid; gap: 2px; }

.purchase-summary__payment-row[b-376zfr89ty] {
    display: grid;
    grid-template-columns: 26px minmax(62px, 1fr) minmax(62px, auto) auto;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 4px 2px;
    border-bottom: 1px solid var(--acme-color-border-light);
    font-size: 10px;
}

.purchase-summary__payment-row:last-child[b-376zfr89ty] { border-bottom: 0; }

.purchase-summary__payment-icon[b-376zfr89ty] {
    width: 26px;
    height: 26px;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 10px;
}

.purchase-summary__payment-icon--success[b-376zfr89ty] { background: var(--acme-color-success-soft); color: var(--acme-color-success); }
.purchase-summary__payment-icon--info[b-376zfr89ty] { background: color-mix(in srgb, var(--purchase-accent) 10%, var(--acme-color-surface)); color: var(--purchase-accent); }
.purchase-summary__payment-icon--warning[b-376zfr89ty] { background: color-mix(in srgb, var(--bs-warning) 12%, var(--acme-color-surface)); color: var(--bs-warning); }

.purchase-summary__payment-name[b-376zfr89ty] {
    overflow: hidden;
    color: var(--acme-color-text-muted);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-summary__payment-row strong[b-376zfr89ty] {
    overflow: hidden;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-summary__percent[b-376zfr89ty] {
    padding: 2px 5px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-variant-numeric: tabular-nums;
}

.purchase-summary__metrics[b-376zfr89ty] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    gap: 8px;
}

.purchase-summary__metric[b-376zfr89ty] {
    --metric-accent: var(--purchase-accent);
    display: flex;
    min-height: 98px;
    flex-direction: column;
    overflow: hidden;
    padding: 9px;
    background: color-mix(in srgb, var(--metric-accent) 4%, var(--acme-color-surface));
}

.purchase-summary__metric--return[b-376zfr89ty],
.purchase-summary__metric--cancel[b-376zfr89ty] { --metric-accent: var(--acme-color-danger); }
.purchase-summary__metric--order[b-376zfr89ty] { --metric-accent: var(--bs-warning); }
.purchase-summary__metric--challan[b-376zfr89ty] { --metric-accent: var(--acme-color-success); }

.purchase-summary__metric-heading[b-376zfr89ty] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.purchase-summary__metric-heading > span[b-376zfr89ty] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
}

.purchase-summary__metric-heading > span i[b-376zfr89ty] { color: var(--metric-accent); }

.purchase-summary__metric-heading strong[b-376zfr89ty] {
    overflow: hidden;
    color: var(--acme-color-text-default);
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.purchase-summary__chart[b-376zfr89ty] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 52px;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    overflow: hidden;
}

.purchase-summary__chart[b-376zfr89ty]  canvas { width: 100% !important; height: 100% !important; }
.purchase-summary__chart > span[b-376zfr89ty],
.purchase-summary__metric-note[b-376zfr89ty],
.purchase-summary__empty[b-376zfr89ty] { color: var(--acme-color-text-muted); font-size: 9px; }
.purchase-summary__metric-heading--standalone[b-376zfr89ty] { align-items: center; }
.purchase-summary__metric--cancel[b-376zfr89ty] { justify-content: center; }
.purchase-summary__metric--cancel .purchase-summary__metric-heading[b-376zfr89ty] { display: grid; justify-content: stretch; }
.purchase-summary__metric--cancel .purchase-summary__metric-heading strong[b-376zfr89ty] { margin-top: 7px; font-size: 18px; }
.purchase-summary__metric-note[b-376zfr89ty] { margin-top: 4px; }

.purchase-summary__notice[b-376zfr89ty] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 7px 9px;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-danger-soft);
    color: var(--acme-color-danger);
    font-size: 10px;
}

.purchase-summary__notice span[b-376zfr89ty] { min-width: 0; flex: 1 1 auto; }
.purchase-summary__notice button[b-376zfr89ty] {
    min-height: 28px;
    padding: 3px 9px;
    border: 1px solid currentColor;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 650;
}

.purchase-summary__notice button:focus-visible[b-376zfr89ty] { outline: none; box-shadow: var(--acme-focus-ring); }

.purchase-summary__state[b-376zfr89ty],
.purchase-summary__empty[b-376zfr89ty] {
    display: flex;
    min-height: 120px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}

@container (max-width: 650px) {
    .purchase-summary__layout[b-376zfr89ty] { grid-template-columns: 1fr; }
    .purchase-summary__payments[b-376zfr89ty] { order: 2; }
}

@container (max-width: 430px) {
    .purchase-summary__metrics[b-376zfr89ty] { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
}

@container (max-width: 285px) {
    .purchase-summary__metrics[b-376zfr89ty] { grid-template-columns: 1fr; }
    .purchase-summary__payment-row[b-376zfr89ty] { grid-template-columns: 26px minmax(0, 1fr) auto; }
    .purchase-summary__percent[b-376zfr89ty] { grid-column: 2 / -1; justify-self: end; }
}

@media (pointer: coarse) {
    .purchase-summary__notice button[b-376zfr89ty] { min-height: 44px; }
}
/* /Component/Dashboard/Sales/DayStatus/DayStatusWidget.razor.rz.scp.css */
/* Day Status widget — soft tinted KPI cards; accents from theme.css tokens. */
.day-status[b-kv6f1thmys] {
    --day-status-sales: var(--acme-color-primary-action);
    --day-status-sales-return: var(--acme-color-danger);
    --day-status-purchase: #d97706;
    --day-status-purchase-return: #c2410c;
    --day-status-cash: #0f8f86;
    --day-status-bank: var(--table-header-bg, #4a6fa5);
    --day-status-card-surface: var(--acme-color-surface);
    --day-status-card-border: var(--acme-color-border-light);
    --day-status-good: #146c43;
    --day-status-good-soft: #e3f3eb;
    --day-status-bad: #b02a37;
    --day-status-bad-soft: #fbe7e9;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding: 12px;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-default);
    container-type: inline-size;
    scrollbar-width: thin;
}

.day-status__grid[b-kv6f1thmys] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
}

.day-status__card[b-kv6f1thmys] {
    --card-accent: var(--day-status-sales);
    position: relative;
    isolation: isolate;
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 8px 0;
    border: 1px solid var(--day-status-card-border);
    border-radius: 14px;
    background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--card-accent) 16%, transparent) 0, transparent 58%),
    linear-gradient(180deg, var(--day-status-card-surface) 0%, color-mix(in srgb, var(--card-accent) 3%, var(--day-status-card-surface)) 100%);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 2px 6px -2px rgba(16, 24, 40, .06);
    color: var(--acme-color-text-default);
    container-type: inline-size;
    animation: day-status-rise-b-kv6f1thmys .45s cubic-bezier(.2, .8, .2, 1) both;
    animation-delay: calc(var(--card-index, 0) * 45ms);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.day-status__card[b-kv6f1thmys]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image: radial-gradient(color-mix(in srgb, var(--card-accent) 28%, transparent) 1px, transparent 1.4px);
    background-position: 5px 5px;
    background-size: 12px 12px;
    content: "";
    -webkit-mask-image: radial-gradient(120% 100% at 100% 0%, #000 0%, rgba(0, 0, 0, .5) 40%, transparent 75%);
    mask-image: radial-gradient(120% 100% at 100% 0%, #000 0%, rgba(0, 0, 0, .5) 40%, transparent 75%);
    pointer-events: none;
}

.day-status__card:hover[b-kv6f1thmys] {
    border-color: color-mix(in srgb, var(--card-accent) 35%, var(--day-status-card-border));
    box-shadow: 0 2px 4px rgba(16, 24, 40, .04), 0 14px 26px -12px color-mix(in srgb, var(--card-accent) 45%, transparent);
    transform: translateY(-3px);
}

.day-status__card--sales[b-kv6f1thmys] {
    --card-accent: var(--day-status-sales);
}

.day-status__card--sales-return[b-kv6f1thmys] {
    --card-accent: var(--day-status-sales-return);
}

.day-status__card--purchase[b-kv6f1thmys] {
    --card-accent: var(--day-status-purchase);
}

.day-status__card--purchase-return[b-kv6f1thmys] {
    --card-accent: var(--day-status-purchase-return);
}

.day-status__card--cash[b-kv6f1thmys] {
    --card-accent: var(--day-status-cash);
}

.day-status__card--bank[b-kv6f1thmys] {
    --card-accent: var(--day-status-bank);
}

.day-status__card-top[b-kv6f1thmys] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.day-status__label[b-kv6f1thmys] {
    overflow: hidden;
    color: var(--acme-color-text-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-status__icon[b-kv6f1thmys] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--card-accent) 13%, var(--day-status-card-surface));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-accent) 18%, transparent);
    color: var(--card-accent);
    font-size: 14px;
    transition: transform .2s ease, background-color .2s ease, color .2s ease;
}

.day-status__card:hover .day-status__icon[b-kv6f1thmys] {
    background: var(--card-accent);
    color: #fff;
    transform: rotate(-6deg) scale(1.05);
}

.day-status__amount[b-kv6f1thmys] {
    overflow: hidden;
    margin-top: 10px;
    color: var(--acme-color-text-default);
    font-size: clamp(14px, 11cqi, 23px);
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-status__amount small[b-kv6f1thmys] {
    margin-right: 4px;
    color: var(--acme-color-text-muted);
    font-size: .5em;
    font-weight: 600;
    letter-spacing: 0;
    vertical-align: .35em;
}

.day-status__row[b-kv6f1thmys] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 6px;
}

.day-status__meta[b-kv6f1thmys] {
    min-width: 0;
    overflow: hidden;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-status__negative[b-kv6f1thmys] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 7px;
    border-radius: var(--acme-radius-pill);
    background: var(--day-status-bad-soft);
    color: var(--day-status-bad);
    font-weight: 700;
}

.day-status__trend[b-kv6f1thmys] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 4px;
    padding: 3px 8px 3px 6px;
    border-radius: var(--acme-radius-pill);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.day-status__trend i[b-kv6f1thmys] {
    font-size: 9px;
}

.day-status__trend--good[b-kv6f1thmys] {
    background: var(--day-status-good-soft);
    color: var(--day-status-good);
}

.day-status__trend--bad[b-kv6f1thmys] {
    background: var(--day-status-bad-soft);
    color: var(--day-status-bad);
}

.day-status__trend--flat[b-kv6f1thmys] {
    background: var(--acme-color-surface-subtle, #e9ecef);
    color: var(--acme-color-text-muted);
}

/* ---- Sparkline (bleeds to the card edges) ---- */
.day-status__chart[b-kv6f1thmys] {
    position: relative;
    height: 42px;
    margin: 12px -14px 0;
    color: var(--card-accent);
}

.day-status__spark[b-kv6f1thmys] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.day-status__spark-line[b-kv6f1thmys] {
    fill: none;
    stroke: var(--card-accent);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.day-status__spark-dot[b-kv6f1thmys] {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid var(--day-status-card-surface);
    border-radius: 50%;
    background: var(--card-accent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--card-accent) 20%, transparent);
    transform: translate(-50%, -50%);
}

.day-status__chart--flat .day-status__spark-line[b-kv6f1thmys] {
    opacity: .4;
    stroke-dasharray: 3 4;
}

.day-status__chart--flat .day-status__spark-area[b-kv6f1thmys],
.day-status__chart--flat .day-status__spark-dot[b-kv6f1thmys] {
    display: none;
}

@keyframes day-status-rise-b-kv6f1thmys {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* ---- Loading / error ---- */
.day-status__card--skeleton[b-kv6f1thmys] {
    min-height: 150px;
    gap: 10px;
    padding-bottom: 14px;
    background: var(--day-status-card-surface);
    animation: none;
}

.day-status__card--skeleton[b-kv6f1thmys]::before {
    display: none;
}

.day-status__card--skeleton:hover[b-kv6f1thmys] {
    border-color: var(--day-status-card-border);
    box-shadow: none;
    transform: none;
}

.day-status__skeleton[b-kv6f1thmys] {
    display: block;
    border-radius: var(--acme-radius-sm);
    background: linear-gradient(90deg, var(--acme-color-skeleton-start), var(--acme-color-skeleton-mid), var(--acme-color-skeleton-start));
    background-size: 200% 100%;
    animation: day-status-shimmer-b-kv6f1thmys 1.2s linear infinite;
}

.day-status__skeleton--label[b-kv6f1thmys] {
    width: 55%;
    height: 10px;
}

.day-status__skeleton--amount[b-kv6f1thmys] {
    width: 80%;
    height: 22px;
}

.day-status__skeleton--chart[b-kv6f1thmys] {
    width: 100%;
    height: 36px;
    margin-top: auto;
}

@keyframes day-status-shimmer-b-kv6f1thmys {
    to {
        background-position: -200% 0;
    }
}

.day-status__notice[b-kv6f1thmys] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px;
    border-radius: var(--acme-radius-md);
    background: var(--acme-color-danger-soft);
    color: var(--acme-color-danger);
    font-size: 11px;
}

.day-status__notice span[b-kv6f1thmys] {
    min-width: 0;
    flex: 1 1 auto;
}

.day-status__notice button[b-kv6f1thmys] {
    min-height: 28px;
    padding: 3px 9px;
    border: 1px solid currentColor;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 650;
}

.day-status__notice button:focus-visible[b-kv6f1thmys] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

/* ---- Dark theme ---- */
[data-bs-theme="dark"] .day-status[b-kv6f1thmys],
[data-theme="dark"] .day-status[b-kv6f1thmys] {
    --day-status-sales: #3ecf8e;
    --day-status-sales-return: #f87171;
    --day-status-purchase: #fbbf24;
    --day-status-purchase-return: #fb923c;
    --day-status-cash: #2dd4bf;
    --day-status-bank: #7aa2d6;
    --day-status-card-surface: var(--report-viewer-surface, #111827);
    --day-status-card-border: var(--report-viewer-border, #344056);
    --day-status-good: #75b798;
    --day-status-good-soft: rgba(117, 183, 152, .15);
    --day-status-bad: #f87171;
    --day-status-bad-soft: rgba(248, 113, 113, .15);
    background: var(--report-viewer-header-surface, #172033);
    color: var(--report-viewer-text, #e5e7eb);
}

[data-bs-theme="dark"] .day-status__card[b-kv6f1thmys],
[data-theme="dark"] .day-status__card[b-kv6f1thmys],
[data-bs-theme="dark"] .day-status__amount[b-kv6f1thmys],
[data-theme="dark"] .day-status__amount[b-kv6f1thmys] {
    color: var(--report-viewer-text, #e5e7eb);
}

[data-bs-theme="dark"] .day-status__card[b-kv6f1thmys],
[data-theme="dark"] .day-status__card[b-kv6f1thmys] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

[data-bs-theme="dark"] .day-status__label[b-kv6f1thmys],
[data-theme="dark"] .day-status__label[b-kv6f1thmys],
[data-bs-theme="dark"] .day-status__meta[b-kv6f1thmys],
[data-theme="dark"] .day-status__meta[b-kv6f1thmys],
[data-bs-theme="dark"] .day-status__amount small[b-kv6f1thmys],
[data-theme="dark"] .day-status__amount small[b-kv6f1thmys] {
    color: var(--report-viewer-text-muted, #aeb7c5);
}

[data-bs-theme="dark"] .day-status__card:hover .day-status__icon[b-kv6f1thmys],
[data-theme="dark"] .day-status__card:hover .day-status__icon[b-kv6f1thmys] {
    color: #0b1220;
}

[data-bs-theme="dark"] .day-status__trend--flat[b-kv6f1thmys],
[data-theme="dark"] .day-status__trend--flat[b-kv6f1thmys] {
    background: rgba(255, 255, 255, .08);
    color: var(--report-viewer-text-muted, #aeb7c5);
}

[data-bs-theme="dark"] .day-status__card[b-kv6f1thmys]::before,
[data-theme="dark"] .day-status__card[b-kv6f1thmys]::before {
    background-image: radial-gradient(color-mix(in srgb, var(--card-accent) 36%, transparent) 1px, transparent 1.4px);
}

/* ---- Responsive ---- */
@container (max-width: 900px) {
    .day-status__grid[b-kv6f1thmys] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container (max-width: 520px) {
    .day-status__grid[b-kv6f1thmys] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@container (max-width: 280px) {
    .day-status__grid[b-kv6f1thmys] {
        grid-template-columns: 1fr;
    }
}

@media (pointer: coarse) {
    .day-status__notice button[b-kv6f1thmys] {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .day-status__card[b-kv6f1thmys],
    .day-status__icon[b-kv6f1thmys] {
        animation: none;
        transition: none;
    }

    .day-status__card:hover[b-kv6f1thmys],
    .day-status__card:hover .day-status__icon[b-kv6f1thmys] {
        transform: none;
    }

    .day-status__skeleton[b-kv6f1thmys] {
        animation: none;
    }
}
/* /Component/Dashboard/Sales/SalesSummary/SalesSummaryWidget.razor.rz.scp.css */
.sales-summary[b-uesm9s1tqo] {
    --sales-accent: var(--acme-color-primary-action);
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: auto;
    padding: 8px;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-default);
    scrollbar-width: thin;
}

.sales-summary__layout[b-uesm9s1tqo] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(210px, .8fr) minmax(0, 2.2fr);
    gap: 8px;
}

.sales-summary__payments[b-uesm9s1tqo],
.sales-summary__metric[b-uesm9s1tqo] {
    min-width: 0;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.sales-summary__payments[b-uesm9s1tqo] { padding: 10px; }

.sales-summary__section-heading[b-uesm9s1tqo] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.sales-summary__heading-icon[b-uesm9s1tqo],
.sales-summary__payment-icon[b-uesm9s1tqo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--acme-radius-sm);
}

.sales-summary__heading-icon[b-uesm9s1tqo] {
    width: 32px;
    height: 32px;
    background: color-mix(in srgb, var(--sales-accent) 10%, var(--acme-color-surface));
    color: var(--sales-accent);
    font-size: 12px;
}

.sales-summary__section-heading strong[b-uesm9s1tqo],
.sales-summary__section-heading small[b-uesm9s1tqo] { display: block; }
.sales-summary__section-heading strong[b-uesm9s1tqo] { font-size: 12px; line-height: 1.2; }
.sales-summary__section-heading small[b-uesm9s1tqo] { margin-top: 2px; color: var(--acme-color-text-muted); font-size: 9px; }

.sales-summary__payment-list[b-uesm9s1tqo] { display: grid; gap: 2px; }

.sales-summary__payment-row[b-uesm9s1tqo] {
    display: grid;
    grid-template-columns: 26px minmax(62px, 1fr) minmax(62px, auto) auto;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 4px 2px;
    border-bottom: 1px solid var(--acme-color-border-light);
    font-size: 10px;
}

.sales-summary__payment-row:last-child[b-uesm9s1tqo] { border-bottom: 0; }

.sales-summary__payment-icon[b-uesm9s1tqo] {
    width: 26px;
    height: 26px;
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 10px;
}

.sales-summary__payment-icon--success[b-uesm9s1tqo] { background: var(--acme-color-success-soft); color: var(--acme-color-success); }
.sales-summary__payment-icon--info[b-uesm9s1tqo] { background: color-mix(in srgb, var(--sales-accent) 10%, var(--acme-color-surface)); color: var(--sales-accent); }
.sales-summary__payment-icon--warning[b-uesm9s1tqo] { background: color-mix(in srgb, var(--bs-warning) 12%, var(--acme-color-surface)); color: var(--bs-warning); }

.sales-summary__payment-name[b-uesm9s1tqo] {
    overflow: hidden;
    color: var(--acme-color-text-muted);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-summary__payment-row strong[b-uesm9s1tqo] {
    overflow: hidden;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-summary__percent[b-uesm9s1tqo] {
    padding: 2px 5px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-variant-numeric: tabular-nums;
}

.sales-summary__metrics[b-uesm9s1tqo] {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    gap: 8px;
}

.sales-summary__metric[b-uesm9s1tqo] {
    --metric-accent: var(--sales-accent);
    display: flex;
    min-height: 98px;
    flex-direction: column;
    overflow: hidden;
    padding: 9px;
    background: color-mix(in srgb, var(--metric-accent) 4%, var(--acme-color-surface));
}

.sales-summary__metric--return[b-uesm9s1tqo],
.sales-summary__metric--cancel[b-uesm9s1tqo] { --metric-accent: var(--acme-color-danger); }
.sales-summary__metric--order[b-uesm9s1tqo] { --metric-accent: var(--bs-warning); }
.sales-summary__metric--challan[b-uesm9s1tqo] { --metric-accent: var(--acme-color-success); }

.sales-summary__metric-heading[b-uesm9s1tqo] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.sales-summary__metric-heading > span[b-uesm9s1tqo] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: var(--acme-color-text-muted);
    font-size: 9px;
    font-weight: 650;
    text-transform: uppercase;
}

.sales-summary__metric-heading > span i[b-uesm9s1tqo] { color: var(--metric-accent); }

.sales-summary__metric-heading strong[b-uesm9s1tqo] {
    overflow: hidden;
    color: var(--acme-color-text-default);
    font-size: 14px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-summary__chart[b-uesm9s1tqo] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 52px;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    overflow: hidden;
}

.sales-summary__chart[b-uesm9s1tqo]  canvas { width: 100% !important; height: 100% !important; }
.sales-summary__chart > span[b-uesm9s1tqo],
.sales-summary__metric-note[b-uesm9s1tqo],
.sales-summary__empty[b-uesm9s1tqo] { color: var(--acme-color-text-muted); font-size: 9px; }

.sales-summary__metric-heading--standalone[b-uesm9s1tqo] { align-items: center; }
.sales-summary__metric--cancel[b-uesm9s1tqo] { justify-content: center; }
.sales-summary__metric--cancel .sales-summary__metric-heading[b-uesm9s1tqo] { display: grid; justify-content: stretch; }
.sales-summary__metric--cancel .sales-summary__metric-heading strong[b-uesm9s1tqo] { margin-top: 7px; font-size: 18px; }
.sales-summary__metric-note[b-uesm9s1tqo] { margin-top: 4px; }

.sales-summary__notice[b-uesm9s1tqo] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 7px 9px;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-danger-soft);
    color: var(--acme-color-danger);
    font-size: 10px;
}

.sales-summary__notice span[b-uesm9s1tqo] { min-width: 0; flex: 1 1 auto; }
.sales-summary__notice button[b-uesm9s1tqo] {
    min-height: 28px;
    padding: 3px 9px;
    border: 1px solid currentColor;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 650;
}

.sales-summary__notice button:focus-visible[b-uesm9s1tqo] { outline: none; box-shadow: var(--acme-focus-ring); }

.sales-summary__state[b-uesm9s1tqo],
.sales-summary__empty[b-uesm9s1tqo] {
    display: flex;
    min-height: 120px;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}

@container (max-width: 650px) {
    .sales-summary__layout[b-uesm9s1tqo] { grid-template-columns: 1fr; }
    .sales-summary__payments[b-uesm9s1tqo] { order: 2; }
}

@container (max-width: 430px) {
    .sales-summary__metrics[b-uesm9s1tqo] { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
}

@container (max-width: 285px) {
    .sales-summary__metrics[b-uesm9s1tqo] { grid-template-columns: 1fr; }
    .sales-summary__payment-row[b-uesm9s1tqo] { grid-template-columns: 26px minmax(0, 1fr) auto; }
    .sales-summary__percent[b-uesm9s1tqo] { grid-column: 2 / -1; justify-self: end; }
}

@media (pointer: coarse) {
    .sales-summary__notice button[b-uesm9s1tqo] { min-height: 44px; }
}
/* /Component/Dashboard/UserDashboard.razor.rz.scp.css */

.dashboard-shell[b-utbqky1ppx] {
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.dashboard-toolbar[b-utbqky1ppx] {
    position: relative;
    z-index: 3;
    flex: 0 0 auto;
    margin: 4px 6px 2px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    box-shadow: 0 1px 2px var(--acme-overlay-05);
    color: var(--acme-color-text-default);
}

.dashboard-toolbar__mobile-summary[b-utbqky1ppx] {
    display: none;
}

.dashboard-toolbar__disclosure > .dashboard-toolbar__main[b-utbqky1ppx] {
    display: flex;
}

.dashboard-toolbar__main[b-utbqky1ppx],
.dashboard-toolbar__context[b-utbqky1ppx],
.dashboard-toolbar__fields[b-utbqky1ppx],
.dashboard-toolbar__right[b-utbqky1ppx],
.dashboard-toolbar__status[b-utbqky1ppx],
.dashboard-toolbar__actions[b-utbqky1ppx],
.dashboard-toolbar__view-control[b-utbqky1ppx],
.dashboard-toolbar__field[b-utbqky1ppx],
.dashboard-toolbar__title[b-utbqky1ppx] {
    display: flex;
    align-items: center;
}

.dashboard-toolbar__main[b-utbqky1ppx] {
    justify-content: space-between;
    min-width: 0;
    min-height: 40px;
    gap: 12px;
    padding: 5px 7px;
}

.dashboard-toolbar__view-control[b-utbqky1ppx] {
    padding-right: 8px;
    border-right: 1px solid var(--acme-color-border-light);
}

.dashboard-toolbar__context[b-utbqky1ppx] {
    min-width: 0;
    gap: 14px;
}

.dashboard-toolbar__title[b-utbqky1ppx] {
    flex: 0 0 auto;
    gap: 5px;
    padding-right: 12px;
    border-right: 1px solid var(--acme-color-border-light);
    line-height: 1.15;
}

.dashboard-toolbar__title-icon[b-utbqky1ppx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--acme-radius-sm);
    background: color-mix(in srgb, var(--acme-color-primary-action) 9%, var(--acme-color-surface));
    color: var(--acme-color-primary-action);
    font-size: 12px;
}

.dashboard-toolbar__title-copy[b-utbqky1ppx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dashboard-toolbar__title-copy strong[b-utbqky1ppx] {
    font-size: 13px;
    font-weight: 650;
}

.dashboard-toolbar__title small[b-utbqky1ppx] {
    color: var(--acme-color-text-muted);
    font-size: 11px;
    font-weight: 400;
}

.dashboard-toolbar__fields[b-utbqky1ppx] {
    min-width: 0;
    gap: 8px;
}

.dashboard-toolbar__field[b-utbqky1ppx] {
    min-width: 0;
    gap: 5px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.dashboard-toolbar__field > strong[b-utbqky1ppx] {
    max-width: 112px;
    overflow: hidden;
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
}

.dashboard-toolbar__field--module[b-utbqky1ppx] {
    gap: 5px;
}

.dashboard-toolbar__field--module > span[b-utbqky1ppx] {
    padding: 0;
}

.dashboard-toolbar__select[b-utbqky1ppx] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.dashboard-toolbar__select select[b-utbqky1ppx] {
    width: 112px;
    height: 28px;
    padding: 0 24px 0 8px;
    appearance: none;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    outline: none;
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-toolbar__select i[b-utbqky1ppx] {
    position: absolute;
    right: 8px;
    color: var(--acme-color-text-muted);
    font-size: 8px;
    pointer-events: none;
}

.dashboard-toolbar__select select:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-border-strong);
    background: var(--acme-color-surface-soft);
}

.dashboard-toolbar__select select:focus-visible[b-utbqky1ppx],
.dashboard-toolbar__module-select select:focus-visible[b-utbqky1ppx],
.dashboard-toolbar__button:focus-visible[b-utbqky1ppx],
.dashboard-toolbar__icon-button:focus-visible[b-utbqky1ppx] {
    border-color: var(--acme-color-primary-action);
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.dashboard-toolbar__select select:disabled[b-utbqky1ppx],
.dashboard-toolbar__module-select select:disabled[b-utbqky1ppx],
.dashboard-toolbar__button:disabled[b-utbqky1ppx],
.dashboard-toolbar__icon-button:disabled[b-utbqky1ppx] {
    cursor: not-allowed;
    opacity: .5;
}

.dashboard-toolbar__module-select[b-utbqky1ppx] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.dashboard-toolbar__module-select select[b-utbqky1ppx] {
    width: 136px;
    height: 28px;
    padding: 0 26px 0 9px;
    appearance: none;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    outline: none;
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    cursor: pointer;
    box-shadow: 0 1px 1px var(--acme-overlay-05);
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-toolbar__module-select i[b-utbqky1ppx] {
    position: absolute;
    right: 9px;
    color: var(--acme-color-text-muted);
    font-size: 8px;
    pointer-events: none;
}

.dashboard-toolbar__module-select select:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-soft);
}

.dashboard-toolbar__right[b-utbqky1ppx] {
    flex: 0 0 auto;
    min-width: 0;
    gap: 10px;
}

.dashboard-toolbar__status[b-utbqky1ppx] {
    gap: 6px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    white-space: nowrap;
}

.dashboard-toolbar__status-item[b-utbqky1ppx],
.dashboard-toolbar__error[b-utbqky1ppx] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.dashboard-toolbar__status-item i[b-utbqky1ppx],
.dashboard-toolbar__error i[b-utbqky1ppx] {
    font-size: 10px;
}

.dashboard-toolbar__status-dot[b-utbqky1ppx] {
    width: 6px;
    height: 6px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-text-disabled);
}

.dashboard-toolbar__status-dot.is-active[b-utbqky1ppx] {
    background: var(--acme-color-success);
    animation: dashboard-status-pulse-b-utbqky1ppx 1.8s ease-in-out infinite;
}

.dashboard-toolbar__refresh-indicator[b-utbqky1ppx] {
    width: 18px;
    height: 28px;
    justify-content: center;
    cursor: help;
}

.dashboard-toolbar__status-divider[b-utbqky1ppx] {
    width: 1px;
    height: 12px;
    background: var(--acme-color-border-light);
}

.dashboard-toolbar__error[b-utbqky1ppx] {
    color: var(--acme-color-danger);
}

.dashboard-toolbar__actions[b-utbqky1ppx] {
    flex: 0 0 auto;
    gap: 4px;
}

.dashboard-toolbar__button[b-utbqky1ppx],
.dashboard-toolbar__icon-button[b-utbqky1ppx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.dashboard-toolbar__button[b-utbqky1ppx] {
    gap: 5px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 500;
}

.dashboard-toolbar__icon-button[b-utbqky1ppx] {
    width: 28px;
    padding: 0;
    color: var(--acme-color-text-muted);
}

.dashboard-toolbar__button i[b-utbqky1ppx],
.dashboard-toolbar__icon-button i[b-utbqky1ppx] {
    font-size: 11px;
}

.dashboard-toolbar__button:hover:not(:disabled)[b-utbqky1ppx],
.dashboard-toolbar__icon-button:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 45%, var(--acme-color-border-light));
    background: var(--acme-color-surface);
    color: var(--acme-color-primary-action);
}

.dashboard-toolbar__button:active:not(:disabled)[b-utbqky1ppx],
.dashboard-toolbar__icon-button:active:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-muted);
}

.dashboard-toolbar__button--refresh[b-utbqky1ppx] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 32%, var(--acme-color-border-light));
    background: color-mix(in srgb, var(--acme-color-primary-action) 6%, var(--acme-color-surface));
    color: var(--acme-color-primary-action);
}

.dashboard-toolbar__button--refresh:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-primary-action);
    background: color-mix(in srgb, var(--acme-color-primary-action) 10%, var(--acme-color-surface));
}

.dashboard-toolbar__icon-button--arrange[b-utbqky1ppx] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 32%, var(--acme-color-border-light));
    background: color-mix(in srgb, var(--acme-color-primary-action) 6%, var(--acme-color-surface));
    color: var(--acme-color-primary-action);
}

.dashboard-toolbar__icon-button--arrange:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-primary-action);
    background: color-mix(in srgb, var(--acme-color-primary-action) 10%, var(--acme-color-surface));
}

.dashboard-toolbar__icon-button--save[b-utbqky1ppx] {
    border-color: color-mix(in srgb, var(--acme-color-success) 45%, var(--acme-color-border-light));
    background: color-mix(in srgb, var(--acme-color-success) 9%, var(--acme-color-surface));
    color: var(--acme-color-success);
}

.dashboard-toolbar__icon-button--save:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-success);
    color: var(--acme-color-success);
}

.dashboard-toolbar__icon-button--cancel[b-utbqky1ppx] {
    border-color: color-mix(in srgb, var(--acme-color-danger) 35%, var(--acme-color-border-light));
    color: var(--acme-color-danger);
}

.dashboard-toolbar__icon-button--cancel:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--acme-color-danger);
    color: var(--acme-color-danger);
}

.dashboard-toolbar__saving-icon[b-utbqky1ppx] {
    animation: dashboard-saving-pulse-b-utbqky1ppx .8s ease-in-out infinite alternate;
}

@keyframes dashboard-status-pulse-b-utbqky1ppx {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--acme-color-success) 28%, transparent);
    }
    50% {
        opacity: .55;
        box-shadow: 0 0 0 3px transparent;
    }
}

@keyframes dashboard-saving-pulse-b-utbqky1ppx {
    from {
        opacity: .45;
    }
    to {
        opacity: 1;
    }
}

.dashboard-toolbar__button--primary[b-utbqky1ppx] {
    border-color: var(--bs-secondary);
    background: var(--bs-secondary);
    color: var(--acme-color-surface);
    font-weight: 600;
    box-shadow: 0 1px 2px var(--acme-overlay-10);
}

.dashboard-toolbar__button--primary:hover:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--bs-secondary);
    background: var(--bs-secondary);
    color: var(--acme-color-surface);
    filter: brightness(.92);
}

.dashboard-toolbar__button--primary:active:not(:disabled)[b-utbqky1ppx] {
    border-color: var(--bs-secondary);
    background: var(--bs-secondary);
    filter: brightness(.84);
}

.dashboard-toolbar__action-divider[b-utbqky1ppx] {
    width: 1px;
    height: 18px;
    margin: 0 2px;
    background: var(--acme-color-border-light);
}

.dashboard-toolbar__notice[b-utbqky1ppx] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-top: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 11px;
}

.dashboard-content[b-utbqky1ppx] {
    position: relative;
    min-height: 0;
    width: 100%;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scroll-padding-bottom: calc(3rem + env(safe-area-inset-bottom, 0px));
}

.dashboard-placeholder-grid[b-utbqky1ppx] {
    position: absolute;
    inset: 0;
    z-index: var(--app-input-adornment-z-index);
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-flow: dense;
    grid-auto-rows: 60px;
    align-content: start;
    gap: 10px;
    padding: 2px 10px calc(8px + env(safe-area-inset-bottom, 0px));
    overflow: hidden;
    background: var(--acme-color-surface);
}

.dashboard-placeholder-card[b-utbqky1ppx] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    box-shadow: 0 1px 2px var(--acme-overlay-05);
}

.dashboard-placeholder-card__header[b-utbqky1ppx] {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    padding: 3px 7px;
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
    gap: 7px;
}

.dashboard-placeholder-card__mark[b-utbqky1ppx] {
    width: 3px;
    height: 16px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-border-strong);
}

.dashboard-placeholder-card__title[b-utbqky1ppx],
.dashboard-placeholder-card__action[b-utbqky1ppx],
.dashboard-placeholder-card__value[b-utbqky1ppx],
.dashboard-placeholder-card__line[b-utbqky1ppx] {
    display: block;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-muted);
    animation: dashboard-placeholder-pulse-b-utbqky1ppx 1.35s ease-in-out infinite;
}

.dashboard-placeholder-card__title[b-utbqky1ppx] {
    width: min(42%, 128px);
    height: 9px;
}

.dashboard-placeholder-card__action[b-utbqky1ppx] {
    width: 22px;
    height: 22px;
    margin-left: auto;
}

.dashboard-placeholder-card__body[b-utbqky1ppx] {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    padding: 14px;
    flex-direction: column;
    gap: 10px;
}

.dashboard-placeholder-card__value[b-utbqky1ppx] {
    width: min(30%, 92px);
    height: 24px;
    border-radius: var(--acme-radius-sm);
}

.dashboard-placeholder-card__line[b-utbqky1ppx] {
    width: 58%;
    height: 8px;
}

.dashboard-placeholder-card__line--wide[b-utbqky1ppx] { width: 82%; }

@keyframes dashboard-placeholder-pulse-b-utbqky1ppx {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

.dashboard-placeholder-card--w-1[b-utbqky1ppx] { grid-column-end: span 1; }
.dashboard-placeholder-card--w-2[b-utbqky1ppx] { grid-column-end: span 2; }
.dashboard-placeholder-card--w-3[b-utbqky1ppx] { grid-column-end: span 3; }
.dashboard-placeholder-card--w-4[b-utbqky1ppx] { grid-column-end: span 4; }
.dashboard-placeholder-card--w-5[b-utbqky1ppx] { grid-column-end: span 5; }
.dashboard-placeholder-card--w-6[b-utbqky1ppx] { grid-column-end: span 6; }
.dashboard-placeholder-card--w-7[b-utbqky1ppx] { grid-column-end: span 7; }
.dashboard-placeholder-card--w-8[b-utbqky1ppx] { grid-column-end: span 8; }
.dashboard-placeholder-card--w-9[b-utbqky1ppx] { grid-column-end: span 9; }
.dashboard-placeholder-card--w-10[b-utbqky1ppx] { grid-column-end: span 10; }
.dashboard-placeholder-card--w-11[b-utbqky1ppx] { grid-column-end: span 11; }
.dashboard-placeholder-card--w-12[b-utbqky1ppx] { grid-column-end: span 12; }

.dashboard-placeholder-card--x-1[b-utbqky1ppx] { grid-column-start: 1; }
.dashboard-placeholder-card--x-2[b-utbqky1ppx] { grid-column-start: 2; }
.dashboard-placeholder-card--x-3[b-utbqky1ppx] { grid-column-start: 3; }
.dashboard-placeholder-card--x-4[b-utbqky1ppx] { grid-column-start: 4; }
.dashboard-placeholder-card--x-5[b-utbqky1ppx] { grid-column-start: 5; }
.dashboard-placeholder-card--x-6[b-utbqky1ppx] { grid-column-start: 6; }
.dashboard-placeholder-card--x-7[b-utbqky1ppx] { grid-column-start: 7; }
.dashboard-placeholder-card--x-8[b-utbqky1ppx] { grid-column-start: 8; }
.dashboard-placeholder-card--x-9[b-utbqky1ppx] { grid-column-start: 9; }
.dashboard-placeholder-card--x-10[b-utbqky1ppx] { grid-column-start: 10; }
.dashboard-placeholder-card--x-11[b-utbqky1ppx] { grid-column-start: 11; }
.dashboard-placeholder-card--x-12[b-utbqky1ppx] { grid-column-start: 12; }

.dashboard-placeholder-card--h-1[b-utbqky1ppx] { grid-row: span 1; }
.dashboard-placeholder-card--h-2[b-utbqky1ppx] { grid-row: span 2; }
.dashboard-placeholder-card--h-3[b-utbqky1ppx] { grid-row: span 3; }
.dashboard-placeholder-card--h-4[b-utbqky1ppx] { grid-row: span 4; }
.dashboard-placeholder-card--h-5[b-utbqky1ppx] { grid-row: span 5; }
.dashboard-placeholder-card--h-6[b-utbqky1ppx] { grid-row: span 6; }
.dashboard-placeholder-card--h-7[b-utbqky1ppx] { grid-row: span 7; }
.dashboard-placeholder-card--h-8[b-utbqky1ppx] { grid-row: span 8; }
.dashboard-placeholder-card--h-9[b-utbqky1ppx] { grid-row: span 9; }
.dashboard-placeholder-card--h-10[b-utbqky1ppx] { grid-row: span 10; }
.dashboard-placeholder-card--h-11[b-utbqky1ppx] { grid-row: span 11; }
.dashboard-placeholder-card--h-12[b-utbqky1ppx] { grid-row: span 12; }

.dashboard-content__state[b-utbqky1ppx] {
    position: absolute;
    inset: 0;
    z-index: var(--app-input-adornment-z-index);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    min-height: 180px;
    padding: 24px;
    background: color-mix(in srgb, var(--acme-color-surface) 92%, transparent);
    color: var(--acme-color-text-muted);
    text-align: center;
}

.dashboard-content__state--error i[b-utbqky1ppx] {
    color: var(--acme-color-danger);
    font-size: 24px;
}

.dashboard-content__state--empty i[b-utbqky1ppx] {
    color: var(--acme-color-primary-action);
    font-size: 24px;
}

.dashboard-content__state strong[b-utbqky1ppx] {
    color: var(--acme-color-text-default);
}

.dashboard-content__state button[b-utbqky1ppx] {
    min-height: 44px;
    padding: 6px 14px;
    border: 1px solid var(--acme-color-primary-action);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-primary-action);
    color: var(--acme-color-surface);
    font-weight: 600;
    cursor: pointer;
    touch-action: manipulation;
}

.dashboard-content__state button:focus-visible[b-utbqky1ppx] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.card-body *[b-utbqky1ppx] {
    font-size: 12px;
}

@container (max-width: 1080px) {
    .dashboard-placeholder-grid[b-utbqky1ppx] { grid-template-columns: repeat(6, minmax(0, 1fr)); }

    [class*="dashboard-placeholder-card--x-"][b-utbqky1ppx] { grid-column-start: auto; }

    .dashboard-placeholder-card--w-7[b-utbqky1ppx],
    .dashboard-placeholder-card--w-8[b-utbqky1ppx],
    .dashboard-placeholder-card--w-9[b-utbqky1ppx],
    .dashboard-placeholder-card--w-10[b-utbqky1ppx],
    .dashboard-placeholder-card--w-11[b-utbqky1ppx],
    .dashboard-placeholder-card--w-12[b-utbqky1ppx] { grid-column: span 6; }

    .dashboard-toolbar__main[b-utbqky1ppx] {
        flex-wrap: wrap;
        gap: 6px 10px;
    }

    .dashboard-toolbar__context[b-utbqky1ppx] {
        flex: 1 1 auto;
    }

    .dashboard-toolbar__right[b-utbqky1ppx] {
        justify-content: space-between;
        width: 100%;
        padding-top: 5px;
        border-top: 1px solid var(--acme-color-border-light);
    }
}

@container (max-width: 575px) {
    .dashboard-placeholder-grid[b-utbqky1ppx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 60px;
        padding-inline: calc(4px + env(safe-area-inset-left, 0px)) calc(4px + env(safe-area-inset-right, 0px));
        overflow-y: auto;
    }

    .dashboard-placeholder-card--w-3[b-utbqky1ppx],
    .dashboard-placeholder-card--w-4[b-utbqky1ppx],
    .dashboard-placeholder-card--w-5[b-utbqky1ppx],
    .dashboard-placeholder-card--w-6[b-utbqky1ppx],
    .dashboard-placeholder-card--w-7[b-utbqky1ppx],
    .dashboard-placeholder-card--w-8[b-utbqky1ppx],
    .dashboard-placeholder-card--w-9[b-utbqky1ppx],
    .dashboard-placeholder-card--w-10[b-utbqky1ppx],
    .dashboard-placeholder-card--w-11[b-utbqky1ppx],
    .dashboard-placeholder-card--w-12[b-utbqky1ppx] { grid-column: span 2; }

    .dashboard-toolbar[b-utbqky1ppx] {
        margin: 3px calc(4px + env(safe-area-inset-right, 0px)) 2px
            calc(4px + env(safe-area-inset-left, 0px));
    }

    .dashboard-toolbar__mobile-summary[b-utbqky1ppx] {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        min-height: 44px;
        width: 100%;
        padding: 6px 8px;
        border: 0;
        background: transparent;
        color: var(--acme-color-text-default);
        cursor: pointer;
        text-align: left;
        touch-action: manipulation;
    }

    .dashboard-toolbar__mobile-summary:focus-visible[b-utbqky1ppx] {
        outline: none;
        box-shadow: inset var(--acme-focus-ring);
    }

    .dashboard-toolbar__mobile-heading[b-utbqky1ppx],
    .dashboard-toolbar__mobile-selection[b-utbqky1ppx] {
        display: inline-flex;
        align-items: center;
        min-width: 0;
    }

    .dashboard-toolbar__mobile-heading[b-utbqky1ppx] {
        flex: 0 0 auto;
        gap: 6px;
        color: var(--acme-color-primary-action);
        font-size: 12px;
        font-weight: 650;
    }

    .dashboard-toolbar__mobile-selection[b-utbqky1ppx] {
        flex: 1 1 auto;
        justify-content: flex-end;
        gap: 4px;
        overflow: hidden;
        color: var(--acme-color-text-muted);
        font-size: 11px;
        white-space: nowrap;
    }

    .dashboard-toolbar__mobile-selection span:not([aria-hidden])[b-utbqky1ppx] {
        max-width: 42%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dashboard-toolbar__mobile-chevron[b-utbqky1ppx] {
        flex: 0 0 auto;
        color: var(--acme-color-text-muted);
        font-size: 10px;
        transition: none;
    }

    .dashboard-toolbar__disclosure[data-expanded="true"] > .dashboard-toolbar__mobile-summary[b-utbqky1ppx] {
        border-bottom: 1px solid var(--acme-color-border-light);
    }

    .dashboard-toolbar__disclosure[data-expanded="true"] .dashboard-toolbar__mobile-chevron[b-utbqky1ppx] {
        transform: rotate(180deg);
    }

    .dashboard-toolbar__disclosure[data-expanded="false"] > .dashboard-toolbar__main[b-utbqky1ppx],
    .dashboard-toolbar__disclosure[data-expanded="false"] > .dashboard-toolbar__notice[b-utbqky1ppx] {
        display: none;
    }

    .dashboard-toolbar__main[b-utbqky1ppx],
    .dashboard-toolbar__context[b-utbqky1ppx],
    .dashboard-toolbar__right[b-utbqky1ppx] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-toolbar__main[b-utbqky1ppx] {
        gap: 7px;
        padding: 7px;
    }

    .dashboard-toolbar__context[b-utbqky1ppx],
    .dashboard-toolbar__right[b-utbqky1ppx] {
        width: 100%;
        gap: 7px;
    }

    .dashboard-toolbar__title[b-utbqky1ppx] {
        display: none;
    }

    .dashboard-toolbar__fields[b-utbqky1ppx] {
        width: 100%;
    }

    .dashboard-toolbar__field[b-utbqky1ppx] {
        flex: 1 1 0;
        align-items: stretch;
        flex-direction: column;
        gap: 3px;
    }

    .dashboard-toolbar__select[b-utbqky1ppx],
    .dashboard-toolbar__select select[b-utbqky1ppx],
    .dashboard-toolbar__module-select[b-utbqky1ppx],
    .dashboard-toolbar__module-select select[b-utbqky1ppx] {
        width: 100%;
    }

    .dashboard-toolbar__select select[b-utbqky1ppx],
    .dashboard-toolbar__module-select select[b-utbqky1ppx],
    .dashboard-toolbar__button[b-utbqky1ppx],
    .dashboard-toolbar__icon-button[b-utbqky1ppx] {
        min-height: 44px;
    }

    .dashboard-toolbar__select select[b-utbqky1ppx],
    .dashboard-toolbar__module-select select[b-utbqky1ppx] {
        font-size: 16px;
    }

    .dashboard-toolbar__right[b-utbqky1ppx] {
        padding-top: 7px;
    }

    .dashboard-toolbar__status[b-utbqky1ppx] {
        min-height: 20px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .dashboard-toolbar__actions[b-utbqky1ppx] {
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }

    .dashboard-toolbar__view-control[b-utbqky1ppx] {
        margin-right: auto;
        padding-right: 0;
        border-right: 0;
    }

    .dashboard-toolbar__button[b-utbqky1ppx] {
        flex: 1 1 auto;
    }

    .dashboard-toolbar__icon-button[b-utbqky1ppx] {
        flex: 0 0 44px;
        width: 44px;
    }

    .dashboard-toolbar__action-divider[b-utbqky1ppx] {
        display: none;
    }
}

@container (max-width: 380px) {
    .dashboard-toolbar__fields[b-utbqky1ppx] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-toolbar__field[b-utbqky1ppx] {
        width: 100%;
    }

    .dashboard-toolbar__button--primary[b-utbqky1ppx] {
        flex-basis: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-toolbar__select select[b-utbqky1ppx],
    .dashboard-toolbar__module-select select[b-utbqky1ppx],
    .dashboard-toolbar__button[b-utbqky1ppx],
    .dashboard-toolbar__icon-button[b-utbqky1ppx],
    .dashboard-toolbar__mobile-chevron[b-utbqky1ppx] {
        transition: none;
    }

    .dashboard-toolbar__status-dot.is-active[b-utbqky1ppx],
    .dashboard-toolbar__saving-icon[b-utbqky1ppx],
    .dashboard-placeholder-card__title[b-utbqky1ppx],
    .dashboard-placeholder-card__action[b-utbqky1ppx],
    .dashboard-placeholder-card__value[b-utbqky1ppx],
    .dashboard-placeholder-card__line[b-utbqky1ppx] {
        animation: none;
    }
}
/* /Component/Dashboard/WidgetDateSetting.razor.rz.scp.css */
.dashboard-settings[b-64ez09cao5] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.dashboard-settings__section[b-64ez09cao5] {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.dashboard-settings__compact-heading[b-64ez09cao5] {
    margin: 0 0 8px;
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 650;
}

.dashboard-settings__switch-row[b-64ez09cao5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-soft);
}

.dashboard-settings__switch-copy strong[b-64ez09cao5],
.dashboard-settings__switch-copy small[b-64ez09cao5] {
    display: block;
}

.dashboard-settings__switch-copy strong[b-64ez09cao5] {
    font-size: 12px;
}

.dashboard-settings__switch-copy small[b-64ez09cao5] {
    margin-top: 2px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
}

.dashboard-settings__switch[b-64ez09cao5] {
    margin: 0;
    flex: 0 0 auto;
}

.dashboard-settings__interval[b-64ez09cao5] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(150px, 1.35fr);
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.dashboard-settings__interval label[b-64ez09cao5] {
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 600;
}

.dashboard-settings__interval small[b-64ez09cao5] {
    display: block;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    font-weight: 400;
}

.dashboard-settings__footer[b-64ez09cao5] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 2px;
}

.dashboard-settings__button[b-64ez09cao5] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font-size: 12px;
    font-weight: 600;
}

.dashboard-settings__button--primary[b-64ez09cao5] {
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-primary-action);
    color: var(--acme-color-surface);
}

.dashboard-settings__button:active[b-64ez09cao5] { filter: brightness(.9); }

.dashboard-settings__button:focus-visible[b-64ez09cao5],
.dashboard-settings select:focus-visible[b-64ez09cao5],
.dashboard-settings input:focus-visible[b-64ez09cao5] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

@media (max-width: 575px) {
    .dashboard-settings__section[b-64ez09cao5] {
        padding: 8px;
    }

    .dashboard-settings__interval[b-64ez09cao5] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .dashboard-settings__button[b-64ez09cao5] {
        flex: 1 1 0;
        min-height: 44px;
    }


    .dashboard-settings select[b-64ez09cao5] { min-height: 44px; font-size: 16px; }
}
/* /Component/Dashboard/WidgetRightsSetting.razor.rz.scp.css */
.widget-rights[b-4kfbu1ag5m] {
    display: grid;
    gap: 12px;
    min-width: 0;
    color: var(--acme-color-text-default);
}

.widget-rights__widgets-toolbar[b-4kfbu1ag5m],
.widget-rights__footer[b-4kfbu1ag5m],
.widget-rights__footer-actions[b-4kfbu1ag5m] {
    display: flex;
    align-items: center;
}

.widget-rights__scope[b-4kfbu1ag5m],
.widget-rights__templates[b-4kfbu1ag5m],
.widget-rights__widgets[b-4kfbu1ag5m] {
    min-width: 0;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
}

.widget-rights__scope[b-4kfbu1ag5m] {
    padding: 8px 10px;
    background: var(--acme-color-surface-soft);
}

.widget-rights__section-title[b-4kfbu1ag5m] { min-width: 0; }
.widget-rights__section-title > span[b-4kfbu1ag5m],
.widget-rights__section-title > small[b-4kfbu1ag5m] { display: block; }
.widget-rights__section-title > span[b-4kfbu1ag5m] { font-size: 12px; font-weight: 650; }
.widget-rights__section-title > small[b-4kfbu1ag5m] { margin-top: 1px; color: var(--acme-color-text-muted); font-size: 10px; }

.widget-rights__scope-grid[b-4kfbu1ag5m] {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(240px, 1.4fr) auto;
    align-items: end;
    gap: 10px;
    margin-top: 0;
}

.widget-rights__field[b-4kfbu1ag5m] { min-width: 0; }

.widget-rights__field > span[b-4kfbu1ag5m] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    font-weight: 600;
}

.widget-rights__field em[b-4kfbu1ag5m] {
    color: var(--acme-color-text-disabled);
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
}

.widget-rights__load-button[b-4kfbu1ag5m],
.widget-rights__button[b-4kfbu1ag5m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), color var(--acme-transition-fast);
}

.widget-rights__load-button[b-4kfbu1ag5m],
.widget-rights__button--primary[b-4kfbu1ag5m] {
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-primary-action);
    color: var(--acme-color-surface);
}

.widget-rights__load-button:disabled[b-4kfbu1ag5m],
.widget-rights__button:disabled[b-4kfbu1ag5m] { cursor: not-allowed; opacity: .55; }

.widget-rights__workspace[b-4kfbu1ag5m] {
    display: grid;
    grid-template-columns: minmax(170px, .34fr) minmax(0, 1fr);
    gap: 12px;
    height: clamp(280px, 50vh, 520px);
}

.widget-rights__templates[b-4kfbu1ag5m],
.widget-rights__widgets[b-4kfbu1ag5m] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 10px;
}

.widget-rights__template-list[b-4kfbu1ag5m],
.widget-rights__table-wrap[b-4kfbu1ag5m] { min-height: 0; overflow: auto; scrollbar-width: thin; }
.widget-rights__template-list[b-4kfbu1ag5m] { margin-top: 6px; }

.widget-rights__template[b-4kfbu1ag5m] {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-height: 34px;
    margin-top: 4px;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: var(--acme-color-text-default);
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

.widget-rights__template > span[b-4kfbu1ag5m] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.widget-rights__template:hover[b-4kfbu1ag5m],
.widget-rights__template.is-active[b-4kfbu1ag5m] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 25%, var(--acme-color-border-light));
    background: color-mix(in srgb, var(--acme-color-primary-action) 7%, var(--acme-color-surface));
    color: var(--acme-color-primary-action);
}

.widget-rights__widgets-toolbar[b-4kfbu1ag5m] { justify-content: space-between; gap: 12px; margin-bottom: 8px; }

.widget-rights__search[b-4kfbu1ag5m] {
    position: relative;
    display: flex;
    align-items: center;
    width: min(260px, 52%);
}

.widget-rights__search > i[b-4kfbu1ag5m] { position: absolute; left: 9px; color: var(--acme-color-text-muted); font-size: 10px; }

.widget-rights__search input[b-4kfbu1ag5m] {
    width: 100%;
    min-height: 32px;
    padding: 0 9px 0 28px;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    font-size: 11px;
}

.widget-rights__table[b-4kfbu1ag5m] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 11px; }

.widget-rights__table th[b-4kfbu1ag5m] {
    position: sticky;
    z-index: 1;
    top: 0;
    padding: 8px 10px;
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 10px;
    font-weight: 650;
    text-align: left;
    text-transform: uppercase;
}

.widget-rights__table td[b-4kfbu1ag5m] { padding: 8px 10px; border-bottom: 1px solid var(--acme-color-border-light); }
.widget-rights__table tbody tr[b-4kfbu1ag5m] { transition: background-color var(--acme-transition-fast); }
.widget-rights__table tbody tr:hover[b-4kfbu1ag5m],
.widget-rights__table tbody tr.is-current[b-4kfbu1ag5m] { background: var(--acme-color-surface-soft); }
.widget-rights__check-cell[b-4kfbu1ag5m] { width: 42px; text-align: center !important; }
.widget-rights__checkbox-target[b-4kfbu1ag5m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: -8px;
    cursor: pointer;
}
.widget-rights__check-cell input[b-4kfbu1ag5m] { width: 16px; height: 16px; accent-color: var(--acme-color-primary-action); }

.widget-rights__module[b-4kfbu1ag5m] {
    display: inline-flex;
    padding: 2px 7px;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-soft);
    color: var(--acme-color-text-muted);
    font-size: 10px;
}

.widget-rights__loading[b-4kfbu1ag5m],
.widget-rights__empty-state[b-4kfbu1ag5m] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    min-height: 180px;
    color: var(--acme-color-text-muted);
    font-size: 11px;
    text-align: center;
}

.widget-rights__empty-copy[b-4kfbu1ag5m] { margin: 12px 4px; color: var(--acme-color-text-muted); font-size: 10px; line-height: 1.45; }

.widget-rights__footer[b-4kfbu1ag5m] {
    justify-content: space-between;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid var(--acme-color-border-light);
}

.widget-rights__footer-status[b-4kfbu1ag5m] { color: var(--acme-color-text-muted); font-size: 10px; }
.widget-rights__footer-actions[b-4kfbu1ag5m] { gap: 7px; }

.widget-rights button:focus-visible[b-4kfbu1ag5m],
.widget-rights input:focus-visible[b-4kfbu1ag5m] { outline: none; box-shadow: var(--acme-focus-ring); }

.widget-rights__load-button:active:not(:disabled)[b-4kfbu1ag5m],
.widget-rights__button:active:not(:disabled)[b-4kfbu1ag5m],
.widget-rights__template:active[b-4kfbu1ag5m] { filter: brightness(.9); }

@media (max-width: 767px) {
    .widget-rights__scope-grid[b-4kfbu1ag5m],
    .widget-rights__workspace[b-4kfbu1ag5m] { grid-template-columns: 1fr; }
    .widget-rights__workspace[b-4kfbu1ag5m] { height: auto; max-height: none; }
    .widget-rights__templates[b-4kfbu1ag5m] { max-height: 220px; }
    .widget-rights__scope-grid[b-4kfbu1ag5m] { align-items: stretch; }
    .widget-rights__load-button[b-4kfbu1ag5m],
    .widget-rights__button[b-4kfbu1ag5m],
    .widget-rights__template[b-4kfbu1ag5m] { min-height: 44px; }
    .widget-rights__checkbox-target[b-4kfbu1ag5m] { width: 44px; height: 44px; margin: -12px; }
}

@media (max-width: 575px) {
    .widget-rights__widgets-toolbar[b-4kfbu1ag5m],
    .widget-rights__footer[b-4kfbu1ag5m] { align-items: stretch; flex-direction: column; }
    .widget-rights__search[b-4kfbu1ag5m] { width: 100%; }
    .widget-rights__search input[b-4kfbu1ag5m] { min-height: 44px; font-size: 16px; }
    .widget-rights__footer-actions[b-4kfbu1ag5m] { display: grid; grid-template-columns: 1fr 1.5fr; }
}

@media (prefers-reduced-motion: reduce) {
    .widget-rights__load-button[b-4kfbu1ag5m],
    .widget-rights__button[b-4kfbu1ag5m],
    .widget-rights__template[b-4kfbu1ag5m],
    .widget-rights__table tbody tr[b-4kfbu1ag5m] { transition: none; }
}
/* /Component/Dashboard/Widget/Tables/DashboardBranchTableWidget.razor.rz.scp.css */
.table td[b-2is91bltks], .table th[b-2is91bltks] {
    padding: 0.01rem 0.4rem;
}

.table th[b-2is91bltks] {
    font-size: 13px;
    border-bottom: 0;
}

.table td[b-2is91bltks] {
    border-top: 0;
    font-size: 12px;
}
/* /Component/Dashboard/Widget/Tables/DashboardTableWidget.razor.rz.scp.css */
.table td[b-44muz90md6], .table th[b-44muz90md6] {
    padding: 0.01rem 0.4rem;
}

.table th[b-44muz90md6] {
    font-size: 13px;
    border-bottom: 0;
}

.table td[b-44muz90md6] {
    border-top: 0;
    font-size: 12px;
}
/* /Component/Dialog/UserConfirmDialog.razor.rz.scp.css */
.table-container[b-u8epi45aqf] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-u8epi45aqf] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-u8epi45aqf], td[b-u8epi45aqf] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-u8epi45aqf] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-u8epi45aqf] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-u8epi45aqf] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-u8epi45aqf {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Component/Dialog/UserConfirmWithReasonDialog.razor.rz.scp.css */
.table-container[b-2vbxhib83a] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-2vbxhib83a] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-2vbxhib83a], td[b-2vbxhib83a] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-2vbxhib83a] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-2vbxhib83a] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-2vbxhib83a] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-2vbxhib83a {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Component/NavBar/SideNavBar.razor.rz.scp.css */
.sidebar[b-ojk3637cs9] {
    position: relative;
    width: 0;
    min-width: 0;
    overflow: hidden;
    color: var(--navbar-text);
    background: var(--navbar-bg);
    border-right: 1px solid var(--navbar-border);
    box-shadow: var(--navbar-shadow);
    font-family: var(--adt-font-family);
    font-size: 0.82rem;
    scrollbar-width: none;
    /* Same ease-out curve as the top NavBar dropdowns and mobile offcanvas. */
    transition: width 260ms cubic-bezier(.16, 1, .3, 1), min-width 260ms cubic-bezier(.16, 1, .3, 1);
}

.sidebar-expand[b-ojk3637cs9] {
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
}

.sidebar-header[b-ojk3637cs9] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 12px;
    color: var(--navbar-text-strong);
    border-bottom: 1px solid var(--navbar-border);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    user-select: none;
}

.sidebar-header-icon[b-ojk3637cs9] {
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    color: var(--navbar-active-accent);
    background: var(--navbar-active-bg);
    border-radius: var(--navbar-radius);
}

.sidebar-content[b-ojk3637cs9] {
    padding: 6px;
    overscroll-behavior: none;
}

.sidebar-content[b-ojk3637cs9] >  .nav {
    gap: 2px;
}

/* Item styles and motion live in Widget/MenuItemWidget.razor.css (scoped to the widget). */

.skeleton-icon[b-ojk3637cs9] {
    width: 26px;
    height: 26px;
    border-radius: 5px;
    background: var(--navbar-skeleton-start);
}

.skeleton-text[b-ojk3637cs9] {
    height: 16px;
    border-radius: 4px;
    background: linear-gradient(90deg,
    var(--navbar-skeleton-start) 25%,
    var(--navbar-skeleton-mid) 37%,
    var(--navbar-skeleton-start) 63%);
    background-size: 400% 100%;
    animation: skeleton-shimmer-b-ojk3637cs9 1.4s ease infinite;
}

@keyframes skeleton-shimmer-b-ojk3637cs9 {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

@media (max-width: 767.98px) {
    .sidebar-expand[b-ojk3637cs9] {
        position: fixed;
        top: var(--acme-shell-header-height, 42px);
        bottom: 0;
        left: 0;
        z-index: var(--navbar-mobile-z-index);
        width: min(320px, 86vw);
        min-width: min(320px, 86vw);
        height: auto;
        box-shadow: var(--navbar-popup-shadow);
    }

}

@media (prefers-reduced-motion: reduce) {
    .sidebar[b-ojk3637cs9],
    .skeleton-text[b-ojk3637cs9] {
        transition: none !important;
        animation: none !important;
    }
}
/* /Component/NavBar/Widget/MenuItemWidget.razor.rz.scp.css */
/*
 * Side navigation items. Same motion language as the top NavBar (NavBar.razor.css):
 *   ease-out  cubic-bezier(.16, 1, .3, 1) for things appearing / opening
 *   ease-in   cubic-bezier(.4, 0, 1, 1)   for things closing
 *   accent bar that grows in for the active item, left tick + small indent on hover,
 *   chevron that turns when a group opens, children that cascade in.
 * Colours come from the --navbar-* tokens in theme.css.
 */

.nav-item[b-ndu81r84tp] {
    --sn-ease-out: cubic-bezier(.16, 1, .3, 1);
    --sn-ease-in: cubic-bezier(.4, 0, 1, 1);
    flex: 0 0 100%;
    min-width: 0;
    list-style: none;
}

/* ---------- Links and group toggles ---------- */

.nav-link[b-ndu81r84tp] {
    position: relative;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 9px;
    color: var(--navbar-text);
    font-size: 0.82rem;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: var(--navbar-radius);
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--navbar-transition),
    border-color var(--navbar-transition),
    color var(--navbar-transition),
    padding-left 160ms var(--sn-ease-out),
    transform 90ms ease;
}

.nav-link > i[b-ndu81r84tp] {
    width: 22px;
    flex: 0 0 22px;
    color: var(--navbar-text-muted);
    text-align: center;
    transition: color var(--navbar-transition), transform 200ms var(--sn-ease-out);
}

.side-nav-text[b-ndu81r84tp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Left accent: a tick on hover, a full bar when active (mirrors the top bar's underline). */
.nav-link[b-ndu81r84tp]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 3px;
    height: 16px;
    margin-top: -8px;
    border-radius: 3px;
    background: var(--navbar-active-accent);
    opacity: 0;
    transform: scaleY(0);
    transition: transform 220ms var(--sn-ease-out), opacity 160ms ease, height 220ms var(--sn-ease-out), margin-top 220ms var(--sn-ease-out);
}

.nav-link:hover[b-ndu81r84tp],
.nav-link:focus-visible[b-ndu81r84tp] {
    color: var(--navbar-text-strong);
    background: var(--navbar-hover-bg);
    border-color: var(--navbar-border);
}

.side-nav-link:hover[b-ndu81r84tp],
.side-nav-link:focus-visible[b-ndu81r84tp] {
    padding-left: 12px;
}

.side-nav-link:hover[b-ndu81r84tp]::before,
.side-nav-link:focus-visible[b-ndu81r84tp]::before {
    opacity: .7;
    transform: scaleY(1);
}

.nav-link:hover > i[b-ndu81r84tp],
.nav-link:focus-visible > i[b-ndu81r84tp] {
    color: var(--navbar-active-accent);
}

.nav-link:active[b-ndu81r84tp] {
    transform: translateY(1px);
}

.nav-link.active[b-ndu81r84tp] {
    color: var(--navbar-text-strong);
    font-weight: 600;
    background: var(--navbar-active-bg);
    border-color: var(--navbar-active-border);
}

.nav-link.active[b-ndu81r84tp]::before {
    height: 70%;
    margin-top: 0;
    top: 15%;
    opacity: 1;
    transform: scaleY(1);
}

.nav-link.active > i[b-ndu81r84tp] {
    color: var(--navbar-active-accent);
}

.nav-link:focus-visible[b-ndu81r84tp] {
    outline: 2px solid var(--navbar-focus-color);
    outline-offset: -1px;
}

/* Group containing the current page. */
.side-nav-group.has-active[b-ndu81r84tp] {
    color: var(--navbar-text-strong);
}

.side-nav-group.has-active > i[b-ndu81r84tp] {
    color: var(--navbar-active-accent);
}

.side-nav-group.drop[b-ndu81r84tp] {
    color: var(--navbar-text-strong);
    background: var(--navbar-hover-bg);
}

/* Chevron: points right, turns down when the group opens (same ease as the top bar caret). */
.side-nav-chevron[b-ndu81r84tp] {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    margin-left: auto;
    margin-right: 4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    opacity: .6;
    transform: rotate(-45deg);
    transition: transform 220ms var(--sn-ease-out), opacity var(--navbar-transition);
}

.side-nav-group:hover .side-nav-chevron[b-ndu81r84tp] {
    opacity: 1;
    transform: translateX(2px) rotate(-45deg);
}

.side-nav-group.drop .side-nav-chevron[b-ndu81r84tp] {
    opacity: 1;
    transform: rotate(45deg);
}

/* ---------- Submenu open / close ---------- */

/* Grid rows animate to the real content height (no max-height guess, so no lag or jump). */
.side-submenu[b-ndu81r84tp] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 160ms var(--sn-ease-in), opacity 120ms var(--sn-ease-in);
}

.side-submenu.is-open[b-ndu81r84tp] {
    grid-template-rows: 1fr;
    opacity: 1;
    transition: grid-template-rows 260ms var(--sn-ease-out), opacity 180ms ease;
}

.side-submenu-inner[b-ndu81r84tp] {
    min-height: 0;
    overflow: hidden;
}

.side-submenu-inner > .nav[b-ndu81r84tp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 2px 0 4px 14px;
    padding-left: 6px;
    border-left: 1px solid var(--navbar-active-border);
}

.side-submenu-inner > .nav > .nav-item > .nav-link[b-ndu81r84tp] {
    min-height: 30px;
    font-size: 0.8rem;
}

/* Children cascade in when the group opens, like the top bar's dropdown items. */
@keyframes side-nav-item-in-b-ndu81r84tp {
    from {
        opacity: 0;
        transform: translate3d(-6px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item[b-ndu81r84tp] {
    animation: side-nav-item-in-b-ndu81r84tp 220ms var(--sn-ease-out) both;
}

.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item:nth-child(2)[b-ndu81r84tp] { animation-delay: 20ms; }
.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item:nth-child(3)[b-ndu81r84tp] { animation-delay: 40ms; }
.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item:nth-child(4)[b-ndu81r84tp] { animation-delay: 60ms; }
.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item:nth-child(5)[b-ndu81r84tp] { animation-delay: 80ms; }
.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item:nth-child(6)[b-ndu81r84tp] { animation-delay: 100ms; }
.side-submenu.is-open > .side-submenu-inner > .nav > .nav-item:nth-child(n+7)[b-ndu81r84tp] { animation-delay: 120ms; }

@media (prefers-reduced-motion: reduce) {
    .nav-link[b-ndu81r84tp],
    .nav-link[b-ndu81r84tp]::before,
    .nav-link > i[b-ndu81r84tp],
    .side-nav-chevron[b-ndu81r84tp],
    .side-submenu[b-ndu81r84tp],
    .side-submenu.is-open[b-ndu81r84tp] {
        transition: none;
    }

    .side-submenu.is-open > .side-submenu-inner > .nav > .nav-item[b-ndu81r84tp] {
        animation: none;
    }
}

/* Route shortcut (same text as the top NavBar), right-aligned and quiet until hover/active. */
.side-nav-shortcut[b-ndu81r84tp] {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 1px 6px;
    color: var(--navbar-text-muted);
    font-family: var(--bs-font-monospace);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.5;
    background: var(--navbar-hover-bg);
    border: 1px solid var(--navbar-border);
    border-radius: var(--navbar-radius);
    box-shadow: none;
    opacity: .75;
    transition: opacity var(--navbar-transition), color var(--navbar-transition), border-color var(--navbar-transition);
}

.nav-link:hover .side-nav-shortcut[b-ndu81r84tp],
.nav-link:focus-visible .side-nav-shortcut[b-ndu81r84tp],
.nav-link.active .side-nav-shortcut[b-ndu81r84tp] {
    color: var(--navbar-text-strong);
    border-color: var(--navbar-active-border);
    opacity: 1;
}
/* /Component/NavBar/Widget/SidebarButtonGroup.razor.rz.scp.css */
.sidebar-footer[b-9inzgfy9ui] {
    height: 30px;
    width: 100%;
    padding-top: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #3a3f48;
    box-shadow: 0 -1px 5px #282c33;
    border-top: 1px solid #464a52;
    opacity: inherit;
}

i:hover[b-9inzgfy9ui] {
    cursor: pointer;
}

[b-9inzgfy9ui] i:active {
    color: #fdcd84;
    transform: translateY(1px);
}

.spin[b-9inzgfy9ui] {
    animation: spin 1s linear infinite;
}
/* /Component/PincodeWidget.razor.rz.scp.css */
input[b-z8ldgxwtay] {
    font-size: 30px;
    border: 1px solid var(--acme-color-border-soft);
    border-radius: 5px;
}

input:focus[b-z8ldgxwtay] {
    outline: none;
    border-color: blue;
}
/* /Component/Service/CalculatorComponent.razor.rz.scp.css */
.calculator[b-m5vek3nffh] {
    --calc-primary: var(--acme-color-primary-action, var(--bs-primary, #198754));
    --calc-primary-hover: var(--acme-color-primary-action-hover, #157347);
    --calc-on-primary: #fff;
    --calc-surface: var(--acme-color-surface, #fff);
    --calc-surface-muted: var(--acme-color-surface-subtle, #eef1ef);
    --calc-border: var(--acme-color-border-light, #d8dfdb);
    --calc-text: var(--acme-color-text-default, #17211c);
    --calc-muted: var(--acme-color-text-muted, #66736c);
    --calc-danger: var(--acme-color-danger, #dc3545);
    --calc-focus: var(--bs-focus-ring-color, rgba(25, 135, 84, .28));
    --calc-screen-top: #16251e;
    --calc-screen-bottom: #0b1510;
    container-type: inline-size;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 100%;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--calc-text);
    background: var(--calc-surface-muted);
    font-family: inherit;
}

[data-bs-theme="dark"] .calculator[b-m5vek3nffh],
[data-theme="dark"] .calculator[b-m5vek3nffh] {
    --calc-surface: #1b2420;
    --calc-surface-muted: #111814;
    --calc-border: #2c3a33;
    --calc-text: #e6ede9;
    --calc-muted: #9aa8a1;
    --calc-danger: #f0707c;
    --calc-screen-top: #0d1612;
    --calc-screen-bottom: #060b08;
}

/* ---------- Display ---------- */

.calculator-display[b-m5vek3nffh] {
    position: relative;
    display: flex;
    min-height: 112px;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 4px;
    overflow: hidden;
    padding: 14px 18px;
    border: 1px solid color-mix(in srgb, var(--calc-primary) 34%, #0a120e);
    border-radius: 16px;
    color: #f7faf8;
    background: linear-gradient(145deg, var(--calc-screen-top), var(--calc-screen-bottom));
    box-shadow: 0 10px 22px rgba(7, 18, 12, .18), inset 0 1px 0 rgba(255, 255, 255, .07);
    outline: none;
    cursor: text;
}

.calculator-display[b-m5vek3nffh]::after {
    position: absolute;
    top: -42px;
    right: -36px;
    width: 120px;
    height: 100px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--calc-primary) 22%, transparent);
    filter: blur(26px);
    content: "";
    pointer-events: none;
}

.calculator-display:focus-visible[b-m5vek3nffh] {
    box-shadow: 0 0 0 3px var(--calc-focus), 0 10px 22px rgba(7, 18, 12, .18);
}

.calculator-display.has-error[b-m5vek3nffh] {
    border-color: color-mix(in srgb, var(--calc-danger) 62%, #0a120e);
}

.calculator-expression[b-m5vek3nffh],
.calculator-status[b-m5vek3nffh] {
    position: relative;
    z-index: 1;
    min-height: 1.25em;
    overflow: hidden;
    color: rgba(238, 248, 242, .62);
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calculator-expression[b-m5vek3nffh] {
    font-variant-numeric: tabular-nums;
}

.calculator-expression[b-m5vek3nffh]::before {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 7px;
    border-radius: 50%;
    background: var(--calc-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--calc-primary) 18%, transparent);
    content: "";
    vertical-align: 1px;
}

.calculator-display.has-error .calculator-expression[b-m5vek3nffh]::before {
    background: var(--calc-danger);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--calc-danger) 18%, transparent);
}

.calculator-display.has-error .calculator-status[b-m5vek3nffh] {
    color: #ffb8be;
    font-weight: 700;
}

.calculator-value[b-m5vek3nffh] {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    /* Sized from the window width (container units), not the browser viewport. */
    font-size: clamp(1.6rem, 11cqi, 2.6rem);
    font-variant-numeric: tabular-nums lining-nums;
    font-weight: 650;
    letter-spacing: -.04em;
    line-height: 1.1;
    text-align: right;
    white-space: nowrap;
    transition: font-size 140ms ease-out;
}

.calculator-value.is-long[b-m5vek3nffh] {
    font-size: clamp(1.3rem, 8.2cqi, 2rem);
}

.calculator-value.is-xlong[b-m5vek3nffh] {
    font-size: clamp(1.05rem, 6.6cqi, 1.6rem);
}

.calculator-value > span[b-m5vek3nffh] {
    display: block;
    animation: calc-value-settle-b-m5vek3nffh 160ms cubic-bezier(.2, .85, .25, 1);
}

.calculator-display.has-error .calculator-value[b-m5vek3nffh] {
    color: #ffd7da;
    font-family: inherit;
    font-size: 1.7rem;
    letter-spacing: -.01em;
}

/* ---------- Keypad ---------- */

.calculator-grid[b-m5vek3nffh] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(5, minmax(40px, 1fr));
    gap: 8px;
}

.key[b-m5vek3nffh] {
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--calc-border);
    border-radius: 13px;
    color: var(--calc-text);
    background: var(--calc-surface);
    box-shadow: 0 2px 5px color-mix(in srgb, #000 7%, transparent);
    cursor: pointer;
    font-family: inherit;
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1;
    touch-action: manipulation;
    user-select: none;
    transition: transform 160ms cubic-bezier(.2, .9, .25, 1.15),
                border-color 140ms ease-out,
                color 140ms ease-out,
                background-color 140ms ease-out,
                box-shadow 140ms ease-out;
}

.key:active[b-m5vek3nffh] {
    transform: scale(.96);
    box-shadow: 0 1px 2px color-mix(in srgb, #000 10%, transparent);
}

.key:focus-visible[b-m5vek3nffh] {
    z-index: 2;
    outline: 3px solid var(--calc-focus);
    outline-offset: 1px;
}

.key-utility[b-m5vek3nffh] {
    color: var(--calc-muted);
    background: color-mix(in srgb, var(--calc-surface-muted) 60%, var(--calc-surface));
    font-size: .92rem;
    font-weight: 800;
}

.key-utility i[b-m5vek3nffh] {
    font-size: 1.05rem;
}

.key-clear[b-m5vek3nffh] {
    border-color: color-mix(in srgb, var(--calc-danger) 28%, var(--calc-border));
    color: var(--calc-danger);
    background: color-mix(in srgb, var(--calc-danger) 8%, var(--calc-surface));
}

.key-operator[b-m5vek3nffh] {
    border-color: color-mix(in srgb, var(--calc-primary) 30%, var(--calc-border));
    color: var(--calc-primary);
    background: color-mix(in srgb, var(--calc-primary) 10%, var(--calc-surface));
    font-size: 1.35rem;
}

.key-operator[aria-pressed="true"][b-m5vek3nffh] {
    border-color: var(--calc-primary);
    color: var(--calc-on-primary);
    background: var(--calc-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--calc-primary) 20%, transparent);
}

.key-equals[b-m5vek3nffh] {
    border-color: var(--calc-primary);
    color: var(--calc-on-primary);
    background: var(--calc-primary);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--calc-primary) 26%, transparent);
    font-size: 1.4rem;
}

/* ---------- Hint ---------- */

.calculator-keyboard-hint[b-m5vek3nffh] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    color: var(--calc-muted);
    font-size: .7rem;
    line-height: 1.3;
    text-align: center;
}

.calculator-keyboard-hint i[b-m5vek3nffh] {
    color: var(--calc-primary);
}

.calculator-keyboard-hint kbd[b-m5vek3nffh] {
    display: inline-block;
    margin-inline: 1px;
    padding: 1px 5px;
    border: 1px solid var(--calc-border);
    border-bottom-width: 2px;
    border-radius: 5px;
    color: var(--calc-text);
    background: var(--calc-surface);
    box-shadow: none;
    font: inherit;
    font-weight: 800;
}

@media (hover: hover) and (pointer: fine) {
    .key-number:hover[b-m5vek3nffh],
    .key-utility:hover[b-m5vek3nffh] {
        border-color: color-mix(in srgb, var(--calc-primary) 35%, var(--calc-border));
        background: color-mix(in srgb, var(--calc-primary) 6%, var(--calc-surface));
    }

    .key-clear:hover[b-m5vek3nffh] {
        border-color: color-mix(in srgb, var(--calc-danger) 50%, var(--calc-border));
        background: color-mix(in srgb, var(--calc-danger) 13%, var(--calc-surface));
    }

    .key-operator:not([aria-pressed="true"]):hover[b-m5vek3nffh] {
        border-color: color-mix(in srgb, var(--calc-primary) 60%, var(--calc-border));
        background: color-mix(in srgb, var(--calc-primary) 16%, var(--calc-surface));
    }

    .key-equals:hover[b-m5vek3nffh] {
        border-color: var(--calc-primary-hover);
        background: var(--calc-primary-hover);
    }
}

@keyframes calc-value-settle-b-m5vek3nffh {
    from {
        opacity: .5;
        transform: translateY(3px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@container (max-width: 320px) {
    .calculator-grid[b-m5vek3nffh] {
        gap: 6px;
    }

    .key[b-m5vek3nffh] {
        border-radius: 11px;
    }

    .calculator-keyboard-hint[b-m5vek3nffh] {
        font-size: .64rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .calculator-value[b-m5vek3nffh],
    .calculator-value > span[b-m5vek3nffh],
    .key[b-m5vek3nffh] {
        animation: none;
        transition: none;
    }

    .key:active[b-m5vek3nffh] {
        transform: none;
    }
}
/* /Component/Service/WindowComponent/AppWindow.razor.rz.scp.css */
.app-window[b-gr94dvblf1],.winbox[b-gr94dvblf1] {
    position: absolute;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 240px;
    min-height: 140px;
    overflow: hidden;
    backdrop-filter: blur(16px);
    border: 1px solid var(--acme-white-08);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.03);
    will-change: transform, width, height;
    transition: left 140ms cubic-bezier(.2, .8, .2, 1),
    top 140ms cubic-bezier(.2, .8, .2, 1),
    width 140ms cubic-bezier(.2, .8, .2, 1),
    height 140ms cubic-bezier(.2, .8, .2, 1),
    transform 180ms cubic-bezier(.2, .8, .2, 1),
    opacity 140ms ease,
    box-shadow 160ms ease,
    border-color 140ms ease;
}

.app-window[b-gr94dvblf1]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    pointer-events: none;
}

.app-window.active-window[b-gr94dvblf1] {
    border-color: rgba(96, 165, 250, 0.55);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.25),
    0 20px 45px rgba(0, 0, 0, 0.55);
}

.app-window.dragging[b-gr94dvblf1] {
    transition: none !important;
    cursor: grabbing;
    opacity: 0.985;
    box-shadow: 0 28px 55px rgba(0, 0, 0, 0.60),
    0 0 0 1px rgba(96, 165, 250, 0.18);
}

.app-window.modal-center[b-gr94dvblf1] {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.app-window.maximized[b-gr94dvblf1] {
    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: calc(100% - 42px) !important;

    border-radius: 0 !important;

    border-left: none;
    border-right: none;
}

.app-window.minimized[b-gr94dvblf1] {
    display: none !important;
}

.window-titlebar[b-gr94dvblf1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;

    padding: 0 10px 0 12px;

    background: linear-gradient(
            to bottom,
            rgba(30, 41, 59, 0.98),
            rgba(15, 23, 42, 0.98)
    );

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    cursor: grab;

    user-select: none;

    flex-shrink: 0;
}

.window-titlebar[b-gr94dvblf1]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: var(--acme-white-08);
}

.window-title[b-gr94dvblf1] {
    font-size: 13px;
    font-weight: 600;

    color: #f8fafc;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 1px;

    pointer-events: none;
}

.window-controls[b-gr94dvblf1] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.window-controls button[b-gr94dvblf1] {
    width: 30px;
    height: 26px;

    border: none;
    outline: none;

    border-radius: 7px;

    background: transparent;

    color: #94a3b8;

    font-size: 13px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    transition: background 120ms ease,
    color 120ms ease,
    transform 120ms ease,
    box-shadow 120ms ease;
}

.window-controls button:hover[b-gr94dvblf1] {
    background: var(--acme-white-08);

    color: white;
}

.window-controls button:active[b-gr94dvblf1] {
    transform: scale(0.90);
}

.window-controls button:last-child:hover[b-gr94dvblf1] {
    background: #ef4444;

    color: white;

    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35);
}
.window-content[b-gr94dvblf1] {
    flex: 1;
    overflow: auto;
    padding: 1rem;
    background-color: var(--acme-color-surface);
}

.resize-handle[b-gr94dvblf1] {
    position: absolute;
    z-index: 100;
}

.resize-handle.top[b-gr94dvblf1],
.resize-handle.bottom[b-gr94dvblf1] {
    height: 6px;
}

.resize-handle.left[b-gr94dvblf1],
.resize-handle.right[b-gr94dvblf1] {
    width: 6px;
}

.resize-handle.top-left[b-gr94dvblf1],
.resize-handle.top-right[b-gr94dvblf1],
.resize-handle.bottom-left[b-gr94dvblf1],
.resize-handle.bottom-right[b-gr94dvblf1] {
    width: 10px;
    height: 10px;
}

.resize-handle.top[b-gr94dvblf1] {
    top: -3px;
    left: 0;
    right: 0;
    cursor: n-resize;
}

.resize-handle.bottom[b-gr94dvblf1] {
    bottom: -3px;
    left: 0;
    right: 0;
    cursor: s-resize;
}

.resize-handle.left[b-gr94dvblf1] {
    left: -3px;
    top: 0;
    bottom: 0;
    cursor: w-resize;
}

.resize-handle.right[b-gr94dvblf1] {
    right: -3px;
    top: 0;
    bottom: 0;
    cursor: e-resize;
}

.resize-handle.top-left[b-gr94dvblf1] {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}

.resize-handle.top-right[b-gr94dvblf1] {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}

.resize-handle.bottom-left[b-gr94dvblf1] {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}

.resize-handle.bottom-right[b-gr94dvblf1] {
    bottom: -3px;
    right: -3px;
    cursor: se-resize;
}

/* hide handles on maximize */

.app-window.maximized .resize-handle[b-gr94dvblf1] {
    display: none;
}

/* ─────────────────────────────────────────────
   ANIMATIONS
───────────────────────────────────────────── */

.app-window.window-opening[b-gr94dvblf1] {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
    transition: opacity 140ms ease,
    transform 180ms cubic-bezier(.2, .8, .2, 1);
}

.app-window.window-closing[b-gr94dvblf1] {
    opacity: 0;

    transform: scale(0.94);

    pointer-events: none;
}

.app-window.window-minimizing[b-gr94dvblf1] {
    opacity: 0;

    transform: scale(0.82) translateY(20px);
}

.app-window.window-maximizing[b-gr94dvblf1] {
    animation: maximizePulse-b-gr94dvblf1 180ms ease;
}

.app-window.window-restoring[b-gr94dvblf1] {
    animation: restorePulse-b-gr94dvblf1 180ms ease;
}

@keyframes maximizePulse-b-gr94dvblf1 {

    0% {
        transform: scale(0.985);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes restorePulse-b-gr94dvblf1 {

    0% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}
/* /Component/Service/WindowComponent/WindowContainer.razor.rz.scp.css */
.mdl-backdrop[b-kvje723n3f] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    animation: backdropFadeIn-b-kvje723n3f 140ms ease;
}

@keyframes backdropFadeIn-b-kvje723n3f {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

[b-kvje723n3f] .app-window[modal="true"] {
    z-index: 1000 !important;
}

.winbox[b-kvje723n3f], .window-desktop[b-kvje723n3f] {
    inset: 0;

    overflow: hidden;

    margin-bottom: 42px;

    user-select: none;
}

.window-taskbar[b-kvje723n3f] {
    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;
    height: 42px;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 0 10px;
    background: var(--bg-color);

    backdrop-filter: blur(10px);

    border-top: 1px solid rgba(255, 255, 255, 0.06);

    box-shadow: 0 -2px 10px var(--acme-overlay-25);
    z-index: 1031;
}

.taskbar-item[b-kvje723n3f] {
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 14px;

    max-width: 180px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: none;
    outline: none;

    border-radius: 8px;

    background: rgba(255, 255, 255, 0.06);

    color: #e2e8f0;

    font-size: 13px;
    font-weight: 500;

    cursor: pointer;

    transition: transform 120ms ease,
    background 120ms ease,
    color 120ms ease,
    box-shadow 120ms ease;
}

.taskbar-item:hover[b-kvje723n3f] {
    background: rgba(255, 255, 255, 0.12);

    transform: translateY(-1px);

    box-shadow: 0 4px 10px var(--acme-overlay-25);
}

.taskbar-item:active[b-kvje723n3f] {
    transform: scale(0.96);
}

.taskbar-item.active[b-kvje723n3f] {
    background: rgba(96, 165, 250, 0.22);

    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.35);
}

.taskbar-item.maximized[b-kvje723n3f] {
    border-bottom: 2px solid #4ade80;
}

.window-taskbar select[b-kvje723n3f] {
    width: 220px;
    height: 30px;

    border-radius: 8px;

    border: 1px solid var(--acme-white-08);

    outline: none;

    padding: 0 10px;

    background: rgba(255, 255, 255, 0.06);

    color: #e2e8f0;

    font-size: 13px;

    transition: border-color 120ms ease,
    background 120ms ease,
    box-shadow 120ms ease;
}

.window-taskbar select:hover[b-kvje723n3f] {
    background: rgba(255, 255, 255, 0.09);
}

.window-taskbar select:focus[b-kvje723n3f] {
    border-color: rgba(96, 165, 250, 0.55);

    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);
}

.window-taskbar select option[b-kvje723n3f] {
    background: #0f172a;
    color: #e2e8f0;
}
/* /Component/ShowTemplateBtn.razor.rz.scp.css */
li[b-0pwosgj5yu] {
    min-width: 40px;
    margin-right: 20px;
    cursor: pointer;
    color: #2E7787;
}
/* /Component/TemplateDialogWidget.razor.rz.scp.css */
/* /Component/Transaction/FrmPurchaseTds.razor.rz.scp.css */
[b-bsw59sni1b] input {
    border: none !important;
    border-radius: 0;
    padding: .1rem;
}

[b-bsw59sni1b] input:focus {
    border-radius: 2px;
}

.table_disable tr[b-bsw59sni1b] {
    background-color: #b6a4a4 !important;
}

.selected[b-bsw59sni1b] {
    background-color: #757471a6;
    color: white;
}


#tdsDataGrid[b-bsw59sni1b] {
    overflow-x: auto;
    overflow-y: hidden;
}

[b-bsw59sni1b] table #tds_grid {
    table-layout: fixed;
    width: 100%;
}

[b-bsw59sni1b] .highlight_row {

    transition: background-color 0.2s ease-in-out;
}

[b-bsw59sni1b] td.text-start:not(:has(input)) {
    padding: 0 .5rem 0 .5rem !important;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Component/Transaction/RestaurantBilling/BillPreview.razor.rz.scp.css */
.bill-preview[b-hhfuhrpb4p] {
    display: grid;
    min-width: 0;
    overflow: hidden;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-dialog-radius);
    background: var(--acme-dialog-surface);
}

.bill-preview--with-qr[b-hhfuhrpb4p] {
    grid-template-columns: minmax(24rem, 1fr) minmax(17rem, 20rem);
}

.bill-preview__invoice[b-hhfuhrpb4p] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.bill-preview__meta[b-hhfuhrpb4p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 1.25rem;
    padding: 0.55rem 0.65rem;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.bill-preview__meta > div[b-hhfuhrpb4p] {
    display: grid;
    min-width: 0;
    gap: 0.05rem;
}

.bill-preview__meta strong[b-hhfuhrpb4p] {
    overflow: hidden;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-preview__label[b-hhfuhrpb4p] {
    color: var(--acme-dialog-text-muted);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bill-preview__table-wrap[b-hhfuhrpb4p] {
    min-height: 12rem;
    max-height: min(46dvh, 22rem);
    overflow: auto;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.bill-preview__table[b-hhfuhrpb4p] {
    width: 100%;
    min-width: 34rem;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--acme-dialog-text);
    font-size: 0.75rem;
}

.bill-preview__table th[b-hhfuhrpb4p],
.bill-preview__table td[b-hhfuhrpb4p] {
    padding: 0.42rem 0.55rem;
    border-bottom: 1px solid var(--acme-dialog-border);
    white-space: nowrap;
}

.bill-preview__table th[b-hhfuhrpb4p] {
    position: sticky;
    z-index: 1;
    top: 0;
    color: var(--acme-dialog-text-muted);
    background: var(--acme-dialog-header-surface);
    font-size: 0.68rem;
    font-weight: 700;
    text-align: right;
}

.bill-preview__table tbody tr:hover[b-hhfuhrpb4p] {
    background: var(--acme-color-surface-hover);
}

.bill-preview__item-column[b-hhfuhrpb4p],
.bill-preview__item[b-hhfuhrpb4p] {
    width: 100%;
    min-width: 12rem;
    text-align: left !important;
}

.bill-preview__item[b-hhfuhrpb4p] {
    max-width: 22rem;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
}

.bill-preview__number-column[b-hhfuhrpb4p],
.bill-preview__term-column[b-hhfuhrpb4p],
.bill-preview__number[b-hhfuhrpb4p] {
    min-width: 4.5rem;
    text-align: right;
}

.bill-preview__term-column[b-hhfuhrpb4p] {
    max-width: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bill-preview__total[b-hhfuhrpb4p] {
    font-weight: 700;
}

.bill-preview__table-wrap:focus-visible[b-hhfuhrpb4p] {
    outline: none;
    box-shadow: inset var(--acme-focus-ring);
}

.bill-preview__summary[b-hhfuhrpb4p] {
    display: grid;
    width: min(100%, 21rem);
    margin: auto 0 0 auto;
    padding: 0.4rem 0.65rem 0.5rem;
    gap: 0.2rem;
}

.bill-preview__summary > div[b-hhfuhrpb4p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 1rem;
    font-size: 0.75rem;
}

.bill-preview__summary dt[b-hhfuhrpb4p] {
    color: var(--acme-dialog-text-muted);
    font-weight: 500;
}

.bill-preview__summary dd[b-hhfuhrpb4p] {
    margin: 0;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    text-align: right;
}

.bill-preview__summary .bill-preview__net-total[b-hhfuhrpb4p] {
    margin-top: 0.2rem;
    padding-top: 0.4rem;
    color: var(--acme-dialog-text);
    border-top: 1px solid var(--acme-dialog-border);
    font-size: 0.86rem;
}

.bill-preview__net-total dt[b-hhfuhrpb4p],
.bill-preview__net-total dd[b-hhfuhrpb4p] {
    color: inherit;
    font-weight: 750;
}

.bill-preview__payment[b-hhfuhrpb4p] {
    min-width: 0;
    border-left: 1px solid var(--acme-dialog-border);
    background: var(--acme-color-surface-soft);
}

@media (max-width: 860px) {
    .bill-preview--with-qr[b-hhfuhrpb4p] {
        grid-template-columns: minmax(0, 1fr);
    }

    .bill-preview__payment[b-hhfuhrpb4p] {
        border-top: 1px solid var(--acme-dialog-border);
        border-left: 0;
    }
}

@media (max-width: 520px) {
    .bill-preview[b-hhfuhrpb4p] {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .bill-preview__meta[b-hhfuhrpb4p] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.6rem;
    }

    .bill-preview__identity[b-hhfuhrpb4p] {
        grid-column: 1 / -1;
    }

    .bill-preview__table-wrap[b-hhfuhrpb4p] {
        max-height: 42dvh;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bill-preview__table tbody tr[b-hhfuhrpb4p] {
        scroll-behavior: auto;
    }
}
/* /Component/Transaction/RestaurantBilling/DayClosing/CashDenomination.razor.rz.scp.css */
.cash-denomination[b-ppbtfdvl5q] {
    display: grid;
    width: 100%;
    min-width: 0;
    max-height: calc(100dvh - 7rem);
    gap: 8px;
    padding: 2px;
    overflow: auto;
    overscroll-behavior: none;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.cash-denomination__hero[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-header-surface);
}

.cash-denomination__identity[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.cash-denomination__hero-icon[b-ppbtfdvl5q],
.cash-denomination__section-header > span[b-ppbtfdvl5q],
.cash-denomination__state-icon[b-ppbtfdvl5q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
    color: var(--acme-dialog-accent);
}

.cash-denomination__hero-icon[b-ppbtfdvl5q] {
    width: 36px;
    height: 36px;
    font-size: .9rem;
}

.cash-denomination__eyebrow[b-ppbtfdvl5q] {
    display: block;
    margin-bottom: 1px;
    color: var(--acme-dialog-accent);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cash-denomination__identity h2[b-ppbtfdvl5q] {
    margin: 0;
    color: var(--acme-dialog-text);
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 700;
    line-height: 1.25;
}

.cash-denomination__identity p[b-ppbtfdvl5q] {
    margin: 2px 0 0;
    color: var(--acme-dialog-text-muted);
    font-size: .82rem;
}

.cash-denomination__balances[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(128px, 1fr));
    gap: 6px;
}

.cash-denomination__balances article[b-ppbtfdvl5q] {
    display: grid;
    min-width: 0;
    gap: 1px;
    padding: 6px 9px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.cash-denomination__balances span[b-ppbtfdvl5q],
.cash-denomination__denomination-total span[b-ppbtfdvl5q],
.cash-denomination__cash-flow span[b-ppbtfdvl5q] {
    color: var(--acme-dialog-text-muted);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.cash-denomination__balances strong[b-ppbtfdvl5q],
.cash-denomination__subtotal[b-ppbtfdvl5q],
.cash-denomination__denomination-total strong[b-ppbtfdvl5q],
.cash-denomination__cash-flow strong[b-ppbtfdvl5q],
.cash-denomination__variance > div[b-ppbtfdvl5q] {
    font-variant-numeric: tabular-nums;
}

.cash-denomination__balances strong[b-ppbtfdvl5q] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-denomination__balance--expected[b-ppbtfdvl5q] { border-color: var(--acme-dialog-accent) !important; }
.cash-denomination__balance--expected strong[b-ppbtfdvl5q] { color: var(--acme-dialog-accent); }

.cash-denomination__layout[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
}

.cash-denomination__panel[b-ppbtfdvl5q] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-surface);
}

.cash-denomination__section-header[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.cash-denomination__section-header > span[b-ppbtfdvl5q] {
    width: 32px;
    height: 32px;
}

.cash-denomination__section-header h3[b-ppbtfdvl5q] {
    margin: 0;
    color: var(--acme-dialog-text);
    font-size: .9rem;
    font-weight: 700;
}

.cash-denomination__section-header p[b-ppbtfdvl5q] {
    margin: 2px 0 0;
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
    line-height: 1.35;
}

.cash-denomination__denomination-list[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    padding: 8px;
}

.cash-denomination__column-labels[b-ppbtfdvl5q],
.cash-denomination__denomination-row[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: minmax(88px, .8fr) 76px 16px minmax(100px, 1fr);
    align-items: center;
    gap: 8px;
}

.cash-denomination__column-labels[b-ppbtfdvl5q] {
    display: none;
    padding: 0 7px 2px;
    color: var(--acme-dialog-text-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cash-denomination__column-labels span:nth-child(2)[b-ppbtfdvl5q] { text-align: center; }
.cash-denomination__column-labels span:last-child[b-ppbtfdvl5q] { text-align: right; }

.cash-denomination__denomination-row[b-ppbtfdvl5q] {
    grid-template-columns: minmax(64px, .8fr) 58px 10px minmax(78px, 1fr);
    gap: 5px;
    min-height: 40px;
    padding: 2px 7px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.cash-denomination__denomination-row[data-has-value="true"][b-ppbtfdvl5q] {
    border-color: var(--acme-dialog-accent);
    background: var(--acme-dialog-header-surface);
}

.cash-denomination__denomination-name[b-ppbtfdvl5q] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: var(--acme-dialog-text);
    font-size: .8rem;
    font-weight: 650;
    cursor: pointer;
}

.cash-denomination__denomination-name i[b-ppbtfdvl5q] {
    width: 16px;
    color: var(--acme-dialog-accent);
    text-align: center;
}

.cash-denomination__count-input[b-ppbtfdvl5q],
.cash-denomination__money-input input[b-ppbtfdvl5q] {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 5px 7px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    outline: 0;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
    font: inherit;
    font-size: .85rem;
    font-variant-numeric: tabular-nums;
}

.cash-denomination__count-input[b-ppbtfdvl5q] { text-align: center; }

.cash-denomination__count-input:focus-visible[b-ppbtfdvl5q],
.cash-denomination__money-input input:focus-visible[b-ppbtfdvl5q] {
    border-color: var(--acme-dialog-accent);
    box-shadow: var(--acme-focus-ring);
}

.cash-denomination__multiply[b-ppbtfdvl5q] {
    color: var(--acme-dialog-text-muted);
    text-align: center;
}

.cash-denomination__subtotal[b-ppbtfdvl5q] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: .82rem;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-denomination__denomination-total[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-top: auto;
    padding: 7px 10px;
    border-top: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.cash-denomination__denomination-total > div[b-ppbtfdvl5q] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.cash-denomination__denomination-total > div:last-child[b-ppbtfdvl5q] { text-align: right; }

.cash-denomination__denomination-total strong[b-ppbtfdvl5q] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: .95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-denomination__denomination-total > div:last-child strong[b-ppbtfdvl5q] {
    color: var(--acme-dialog-accent);
}

.cash-denomination__verification-body[b-ppbtfdvl5q] {
    display: grid;
    flex: 1 1 auto;
    gap: 7px;
    padding: 8px;
}

.cash-denomination__physical-card[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, .72fr);
    align-items: end;
    gap: 5px 8px;
    padding: 8px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-header-surface);
}

.cash-denomination__physical-card > label[b-ppbtfdvl5q] {
    grid-column: 1 / -1;
    color: var(--acme-dialog-text);
    font-size: .82rem;
    font-weight: 700;
}

.cash-denomination__physical-card > span[b-ppbtfdvl5q] {
    grid-column: 1 / -1;
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
}

.cash-denomination__money-input[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: stretch;
}

.cash-denomination__money-input > span[b-ppbtfdvl5q] {
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border: 1px solid var(--acme-dialog-border);
    border-right: 0;
    border-radius: var(--acme-radius-sm) 0 0 var(--acme-radius-sm);
    color: var(--acme-dialog-text-muted);
    background: var(--acme-color-surface-muted);
    font-size: .8rem;
    font-weight: 700;
}

.cash-denomination__money-input input[b-ppbtfdvl5q] { border-radius: 0 var(--acme-radius-sm) var(--acme-radius-sm) 0; }
.cash-denomination__physical-card[b-ppbtfdvl5q]  .custom-btn { min-height: 34px; width: 100%; }

.cash-denomination__cash-flow[b-ppbtfdvl5q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.cash-denomination__cash-flow article[b-ppbtfdvl5q] {
    display: grid;
    min-width: 0;
    gap: 2px;
    padding: 7px 9px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.cash-denomination__cash-flow span i[b-ppbtfdvl5q] { margin-right: 4px; color: var(--acme-dialog-accent); }

.cash-denomination__cash-flow strong[b-ppbtfdvl5q] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-denomination__variance-list[b-ppbtfdvl5q] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }

.cash-denomination__variance[b-ppbtfdvl5q] {
    display: grid;
    gap: 2px;
    padding: 7px 9px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.cash-denomination__variance header[b-ppbtfdvl5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.cash-denomination__variance header > span[b-ppbtfdvl5q] {
    color: var(--acme-dialog-text-muted);
    font-size: .75rem;
    font-weight: 650;
}

.cash-denomination__variance header > strong[b-ppbtfdvl5q] {
    padding: 3px 7px;
    border-radius: var(--acme-radius-pill);
    color: var(--acme-dialog-text);
    background: var(--acme-color-surface-muted);
    font-size: .68rem;
}

.cash-denomination__variance[data-status="matched"] header > strong[b-ppbtfdvl5q],
.cash-denomination__variance[data-status="matched"] > div[b-ppbtfdvl5q] { color: var(--acme-color-success); }

.cash-denomination__variance[data-status="short"] header > strong[b-ppbtfdvl5q],
.cash-denomination__variance[data-status="short"] > div[b-ppbtfdvl5q] { color: var(--acme-color-danger); }

.cash-denomination__variance[data-status="over"] header > strong[b-ppbtfdvl5q],
.cash-denomination__variance[data-status="over"] > div[b-ppbtfdvl5q] { color: var(--bs-warning); }

.cash-denomination__variance > div[b-ppbtfdvl5q] {
    color: var(--acme-dialog-text);
    font-size: .9rem;
    font-weight: 750;
}

.cash-denomination__variance small[b-ppbtfdvl5q] {
    color: var(--acme-dialog-text-muted);
    font-size: .7rem;
}

.cash-denomination__actions[b-ppbtfdvl5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 9px;
    border-top: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.cash-denomination__actions > span[b-ppbtfdvl5q] {
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
}

.cash-denomination__actions[b-ppbtfdvl5q]  .custom-btn { min-height: 34px; flex: 0 0 auto; }

.cash-denomination__state[b-ppbtfdvl5q] {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border: 1px dashed var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    color: var(--acme-dialog-text-muted);
    background: var(--acme-dialog-header-surface);
    text-align: center;
}

.cash-denomination__state strong[b-ppbtfdvl5q] { color: var(--acme-dialog-text); }
.cash-denomination__state > span:not(.cash-denomination__state-icon)[b-ppbtfdvl5q] { max-width: 30rem; font-size: .82rem; }

.cash-denomination__state-icon[b-ppbtfdvl5q] {
    width: 44px;
    height: 44px;
}

.cash-denomination__state--error .cash-denomination__state-icon[b-ppbtfdvl5q] {
    color: var(--acme-color-danger);
    background: var(--acme-color-danger-soft);
}

.cash-denomination__state[b-ppbtfdvl5q]  .custom-btn { min-height: 40px; margin-top: 4px; }

@media (max-width: 820px) {
    .cash-denomination[b-ppbtfdvl5q] { padding: 0; }
    .cash-denomination__hero[b-ppbtfdvl5q] { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 16px; }
    .cash-denomination__balances[b-ppbtfdvl5q] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cash-denomination__layout[b-ppbtfdvl5q] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 520px) {
    .cash-denomination__denomination-list[b-ppbtfdvl5q],
    .cash-denomination__variance-list[b-ppbtfdvl5q] { grid-template-columns: minmax(0, 1fr); }

    .cash-denomination__identity[b-ppbtfdvl5q] { grid-template-columns: 40px minmax(0, 1fr); }
    .cash-denomination__hero-icon[b-ppbtfdvl5q] { width: 40px; height: 40px; }
    .cash-denomination__balances[b-ppbtfdvl5q],
    .cash-denomination__cash-flow[b-ppbtfdvl5q] { grid-template-columns: minmax(0, 1fr); }
    .cash-denomination__column-labels[b-ppbtfdvl5q] { display: none; }
    .cash-denomination__denomination-row[b-ppbtfdvl5q] {
        grid-template-columns: minmax(82px, 1fr) 72px 12px minmax(86px, 1fr);
        gap: 5px;
        padding: 5px 7px;
    }
    .cash-denomination__count-input[b-ppbtfdvl5q],
    .cash-denomination__money-input input[b-ppbtfdvl5q] { min-height: 44px; }
    .cash-denomination__denomination-name i[b-ppbtfdvl5q] { display: none; }
    .cash-denomination__subtotal[b-ppbtfdvl5q] { font-size: .75rem; }
    .cash-denomination__denomination-total[b-ppbtfdvl5q] { grid-template-columns: minmax(0, 1fr); }
    .cash-denomination__denomination-total > div:last-child[b-ppbtfdvl5q] { text-align: left; }
    .cash-denomination__actions[b-ppbtfdvl5q] { align-items: stretch; flex-direction: column; }
    .cash-denomination__actions[b-ppbtfdvl5q]  .custom-btn,
    .cash-denomination__physical-card[b-ppbtfdvl5q]  .custom-btn,
    .cash-denomination__state[b-ppbtfdvl5q]  .custom-btn { min-height: 44px; width: 100%; }
}

@media (max-width: 375px) {
    .cash-denomination__denomination-list[b-ppbtfdvl5q] { padding: 8px; }
    .cash-denomination__denomination-row[b-ppbtfdvl5q] {
        grid-template-columns: minmax(70px, .9fr) 64px 10px minmax(76px, 1fr);
        font-size: .74rem;
    }
    .cash-denomination__denomination-name[b-ppbtfdvl5q] { font-size: .74rem; }
    .cash-denomination__count-input[b-ppbtfdvl5q] { padding-inline: 5px; }
}

@media (prefers-reduced-motion: reduce) {
    .cash-denomination *[b-ppbtfdvl5q],
    .cash-denomination *[b-ppbtfdvl5q]::before,
    .cash-denomination *[b-ppbtfdvl5q]::after { scroll-behavior: auto !important; transition: none !important; }
}
/* /Component/Transaction/RestaurantBilling/DayClosing/DayClosing.razor.rz.scp.css */
.day-closing[b-nrjidli6fc] {
    --day-closing-accent: var(--acme-dialog-accent);
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 12px;
    padding: 4px;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.day-closing__hero[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 2px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-header-surface);
}

.day-closing__identity[b-nrjidli6fc] {
    min-width: 0;
}

.day-closing__eyebrow[b-nrjidli6fc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    color: var(--day-closing-accent);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.day-closing__identity h2[b-nrjidli6fc] {
    margin: 0;
    color: var(--acme-dialog-text);
    font-size: clamp(1.15rem, 2.5vw, 1.55rem);
    font-weight: 700;
    line-height: 1.25;
}

.day-closing__identity p[b-nrjidli6fc] {
    margin: 6px 0 0;
    color: var(--acme-dialog-text-muted);
    font-size: .875rem;
    line-height: 1.45;
}

.day-closing__dates[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(112px, 1fr));
    gap: 8px;
}

.day-closing__dates > div[b-nrjidli6fc] {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.day-closing__dates span[b-nrjidli6fc],
.day-closing__metric div > span[b-nrjidli6fc],
.day-closing__summary-item span[b-nrjidli6fc],
.day-closing__closing-total span[b-nrjidli6fc] {
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
    font-weight: 650;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.day-closing__dates strong[b-nrjidli6fc],
.day-closing__metric strong[b-nrjidli6fc],
.day-closing__summary-item strong[b-nrjidli6fc],
.day-closing__payment-row strong[b-nrjidli6fc],
.day-closing__card-total strong[b-nrjidli6fc],
.day-closing__number[b-nrjidli6fc],
.day-closing__closing-total > strong[b-nrjidli6fc] {
    font-variant-numeric: tabular-nums;
}

.day-closing__dates strong[b-nrjidli6fc] {
    overflow-wrap: anywhere;
    font-size: .9rem;
}

.day-closing__overview[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.day-closing__metric[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.day-closing__metric--primary[b-nrjidli6fc] {
    border-color: var(--day-closing-accent);
    background: var(--acme-dialog-header-surface);
}

.day-closing__metric-icon[b-nrjidli6fc],
.day-closing__section-header > span[b-nrjidli6fc],
.day-closing__state-icon[b-nrjidli6fc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
    color: var(--day-closing-accent);
}

.day-closing__metric-icon[b-nrjidli6fc] {
    width: 38px;
    height: 38px;
}

.day-closing__metric > div[b-nrjidli6fc] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.day-closing__metric strong[b-nrjidli6fc] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 1rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__toolbar[b-nrjidli6fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 12px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-header-surface);
}

.day-closing__toolbar > div:first-child[b-nrjidli6fc] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.day-closing__toolbar strong[b-nrjidli6fc] {
    font-size: .875rem;
}

.day-closing__toolbar span[b-nrjidli6fc] {
    color: var(--acme-dialog-text-muted);
    font-size: .75rem;
}

.day-closing__actions[b-nrjidli6fc] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.day-closing__actions[b-nrjidli6fc]  .custom-btn {
    min-height: 38px;
}

.day-closing__top-grid[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.day-closing__card[b-nrjidli6fc] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-surface);
    break-inside: avoid;
}

.day-closing__section-header[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.day-closing__section-header > span[b-nrjidli6fc] {
    width: 36px;
    height: 36px;
}

.day-closing__section-header h3[b-nrjidli6fc] {
    margin: 0;
    color: var(--acme-dialog-text);
    font-size: .9rem;
    font-weight: 700;
}

.day-closing__section-header p[b-nrjidli6fc] {
    margin: 2px 0 0;
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
    line-height: 1.35;
}

.day-closing__payment-list[b-nrjidli6fc] {
    display: grid;
}

.day-closing__payment-row[b-nrjidli6fc],
.day-closing__card-total[b-nrjidli6fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
    padding: 8px 14px;
}

.day-closing__payment-row[b-nrjidli6fc] {
    border-bottom: 1px solid var(--acme-dialog-border);
    font-size: .82rem;
}

.day-closing__payment-row:last-child[b-nrjidli6fc] {
    border-bottom: 0;
}

.day-closing__payment-row span[b-nrjidli6fc] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.day-closing__payment-row strong[b-nrjidli6fc] {
    color: var(--acme-dialog-text);
    text-align: right;
}

.day-closing__card-total[b-nrjidli6fc] {
    border-top: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
    color: var(--acme-dialog-text);
    font-size: .82rem;
    font-weight: 700;
}

.day-closing__card-total strong[b-nrjidli6fc] {
    color: var(--day-closing-accent);
}

.day-closing__summary-grid[b-nrjidli6fc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
}

.day-closing__summary-item[b-nrjidli6fc] {
    display: grid;
    min-width: 0;
    gap: 5px;
    padding: 10px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-header-surface);
}

.day-closing__summary-item span[b-nrjidli6fc] {
    overflow-wrap: anywhere;
}

.day-closing__summary-item strong[b-nrjidli6fc] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.day-closing__table-shell[b-nrjidli6fc] {
    width: 100%;
    overflow: hidden;
}

.day-closing__table[b-nrjidli6fc] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    color: var(--acme-dialog-text);
    font-size: .8rem;
    table-layout: fixed;
}

.day-closing__table th[b-nrjidli6fc],
.day-closing__table td[b-nrjidli6fc] {
    padding: 9px 12px;
    border-bottom: 1px solid var(--acme-dialog-border);
    overflow-wrap: anywhere;
    vertical-align: middle;
}

.day-closing__table thead th[b-nrjidli6fc] {
    background: var(--acme-color-surface-muted);
    color: var(--acme-dialog-text);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.day-closing__table tbody th[b-nrjidli6fc] {
    font-weight: 600;
}

.day-closing__table tbody tr:hover[b-nrjidli6fc] {
    background: var(--acme-dialog-header-surface);
}

.day-closing__table tfoot th[b-nrjidli6fc],
.day-closing__table tfoot td[b-nrjidli6fc] {
    border-bottom: 0;
    background: var(--acme-dialog-header-surface);
    color: var(--acme-dialog-text);
    font-weight: 700;
}

.day-closing__table th:first-child[b-nrjidli6fc],
.day-closing__table td:first-child[b-nrjidli6fc] {
    width: 48%;
    text-align: left;
}

.day-closing__number[b-nrjidli6fc] {
    width: 26%;
    text-align: right;
}

.day-closing__closing-total[b-nrjidli6fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    border: 1px solid var(--day-closing-accent);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-header-surface);
    break-inside: avoid;
}

.day-closing__closing-total > div[b-nrjidli6fc] {
    display: grid;
    gap: 2px;
}

.day-closing__closing-total small[b-nrjidli6fc] {
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
}

.day-closing__closing-total > strong[b-nrjidli6fc] {
    color: var(--day-closing-accent);
    font-size: 1.2rem;
    text-align: right;
}

.day-closing__state[b-nrjidli6fc] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border: 1px dashed var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-header-surface);
    color: var(--acme-dialog-text-muted);
    text-align: center;
}

.day-closing__state strong[b-nrjidli6fc] {
    color: var(--acme-dialog-text);
}

.day-closing__state > span:not(.day-closing__state-icon)[b-nrjidli6fc] {
    max-width: 32rem;
    font-size: .82rem;
}

.day-closing__state-icon[b-nrjidli6fc] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}

.day-closing__state--error .day-closing__state-icon[b-nrjidli6fc] {
    background: var(--acme-color-danger-soft);
    color: var(--acme-color-danger);
}

.day-closing__state--empty[b-nrjidli6fc] {
    min-height: 200px;
}

@media (max-width: 700px) {
    .day-closing[b-nrjidli6fc] {
        gap: 10px;
        padding: 0;
    }

    .day-closing__hero[b-nrjidli6fc] {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .day-closing__dates[b-nrjidli6fc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .day-closing__overview[b-nrjidli6fc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .day-closing__metric--primary[b-nrjidli6fc] {
        grid-column: 1 / -1;
    }

    .day-closing__toolbar[b-nrjidli6fc] {
        align-items: stretch;
        flex-direction: column;
    }

    .day-closing__actions[b-nrjidli6fc] {
        width: 100%;
    }

    .day-closing__actions[b-nrjidli6fc]  .custom-btn {
        min-height: 44px;
        flex: 1 1 0;
    }

    .day-closing__top-grid[b-nrjidli6fc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .day-closing__table th[b-nrjidli6fc],
    .day-closing__table td[b-nrjidli6fc] {
        padding: 8px;
    }

    .day-closing__closing-total[b-nrjidli6fc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .day-closing__closing-total > strong[b-nrjidli6fc] {
        text-align: left;
    }
}

@media (max-width: 390px) {
    .day-closing__dates[b-nrjidli6fc],
    .day-closing__overview[b-nrjidli6fc],
    .day-closing__summary-grid[b-nrjidli6fc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .day-closing__metric--primary[b-nrjidli6fc] {
        grid-column: auto;
    }

    .day-closing__actions[b-nrjidli6fc] {
        flex-direction: column;
    }

    .day-closing__table[b-nrjidli6fc] {
        font-size: .74rem;
    }

    .day-closing__section-header[b-nrjidli6fc] {
        padding: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .day-closing__table tbody tr[b-nrjidli6fc] {
        transition: none;
    }
}

@media print {
    .day-closing[b-nrjidli6fc] {
        gap: 10px;
        padding: 0;
    }

    .day-closing__hero[b-nrjidli6fc],
    .day-closing__metric[b-nrjidli6fc],
    .day-closing__card[b-nrjidli6fc],
    .day-closing__closing-total[b-nrjidli6fc] {
        box-shadow: none;
    }

    .day-closing__card[b-nrjidli6fc],
    .day-closing__overview[b-nrjidli6fc],
    .day-closing__closing-total[b-nrjidli6fc] {
        break-inside: avoid;
    }
}
/* /Component/Transaction/RestaurantBilling/ItemTransferDialog.razor.rz.scp.css */
.item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal .modal-content {
    overflow: hidden;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-dialog-radius);
    background: var(--acme-dialog-surface);
    box-shadow: var(--acme-dialog-shadow);
}

.item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal__header {
    min-height: 2.75rem;
    padding: 0.25rem 0.45rem 0.25rem 0.65rem !important;
    border-bottom: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal__body {
    max-height: min(82dvh, 52rem);
    padding: 0 !important;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal__footer {
    min-height: 2.5rem;
    padding: 0.25rem 0.45rem !important;
    border-top: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal__header .btn-close:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal__header .btn-close {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 !important;
    padding: 0.45rem !important;
    border-radius: var(--acme-radius-sm);
}

.item-transfer-heading[b-m3rdd01j3n] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.45rem;
    padding-right: 0.5rem;
}

.item-transfer-heading h2[b-m3rdd01j3n] {
    margin: 0;
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 0.88rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-transfer-heading__table[b-m3rdd01j3n] {
    min-width: 0;
    overflow: hidden;
    color: var(--acme-dialog-text-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-transfer-heading__table[b-m3rdd01j3n]::before {
    margin-right: 0.45rem;
    color: var(--acme-dialog-border);
    content: "/";
}

.item-transfer-content[b-m3rdd01j3n] {
    display: grid;
    gap: 0;
    padding: 0;
}

.item-transfer-destination[b-m3rdd01j3n] {
    display: grid;
    gap: 0.25rem;
    padding: 0.25rem;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-color-surface-soft);
}

.item-transfer-destination[b-m3rdd01j3n]  .restaurant-table-list {
    gap: 0.25rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.item-transfer-section-heading[b-m3rdd01j3n],
.transfer-panel-heading[b-m3rdd01j3n] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.4rem;
}

.item-transfer-section-heading[b-m3rdd01j3n] {
    padding: 0.1rem 0.25rem 0;
}

.item-transfer-section-heading i[b-m3rdd01j3n],
.transfer-panel-heading i[b-m3rdd01j3n] {
    color: var(--acme-dialog-accent);
    font-size: 0.72rem;
}

.item-transfer-section-heading strong[b-m3rdd01j3n],
.transfer-panel-heading strong[b-m3rdd01j3n] {
    color: var(--acme-dialog-text);
    font-size: 0.76rem;
    line-height: 1.25;
}

.item-transfer-layout[b-m3rdd01j3n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: 0;
    min-width: 0;
    margin: 0;
}

.transfer-panel[b-m3rdd01j3n] {
    display: flex;
    min-width: 0;
    min-height: 18rem;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-surface);
}

.transfer-panel--destination[b-m3rdd01j3n] {
    border-color: color-mix(in srgb, var(--acme-dialog-accent) 32%, var(--acme-dialog-border));
}

.transfer-panel-header[b-m3rdd01j3n] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 2.5rem;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.transfer-count[b-m3rdd01j3n] {
    min-width: 3.5rem;
    padding: 0.15rem 0.4rem;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}

.transfer-panel-body.scrollable[b-m3rdd01j3n] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
}

.transfer-loading[b-m3rdd01j3n] {
    display: grid;
    min-height: 15rem;
    flex: 1 1 auto;
    place-items: center;
}

[b-m3rdd01j3n] .list-group .list-group-item {
    margin: 0 !important;
}

.transfer-item[b-m3rdd01j3n] {
    display: grid !important;
    grid-template-columns: 1.9rem minmax(0, 1fr) 1rem;
    width: 100%;
    min-height: 3rem;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.6rem !important;
    color: var(--acme-dialog-text);
    border: 0;
    border-bottom: 1px solid var(--acme-dialog-border);
    border-radius: 0 !important;
    background: var(--acme-dialog-surface);
    cursor: pointer !important;
    text-align: left;
    touch-action: manipulation;
    transition: background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.transfer-item:hover[b-m3rdd01j3n] {
    background: var(--acme-color-surface-hover);
}

.transfer-item:active[b-m3rdd01j3n] {
    background: var(--acme-color-surface-muted);
}

.transfer-item:focus-visible[b-m3rdd01j3n] {
    position: relative;
    z-index: 1;
    outline: none;
    box-shadow: inset var(--acme-focus-ring);
}

.transfer-item.selected[b-m3rdd01j3n] {
    background: color-mix(in srgb, var(--acme-dialog-accent) 9%, var(--acme-dialog-surface));
    box-shadow: inset 0.2rem 0 var(--acme-dialog-accent);
}

.transfer-item__icon[b-m3rdd01j3n] {
    display: inline-grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    color: var(--acme-dialog-text-muted);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
    font-size: 0.72rem;
}

.transfer-item.selected .transfer-item__icon[b-m3rdd01j3n],
.transfer-item.selected .transfer-item__selection[b-m3rdd01j3n] {
    color: var(--acme-dialog-accent);
}

.transfer-item__copy[b-m3rdd01j3n] {
    display: grid;
    min-width: 0;
    gap: 0.15rem;
}

.transfer-item__name[b-m3rdd01j3n] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-item__note[b-m3rdd01j3n] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.25rem;
    overflow: hidden;
    color: var(--acme-dialog-text-muted);
    font-size: 0.68rem;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.transfer-item__selection[b-m3rdd01j3n] {
    color: var(--acme-color-border-strong);
    font-size: 0.65rem;
}

.transfer-actions[b-m3rdd01j3n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding-inline: 0.1rem;
}

.transfer-action[b-m3rdd01j3n] {
    display: grid;
    justify-items: center;
    gap: 0.2rem;
}

.transfer-action > span[b-m3rdd01j3n] {
    color: var(--acme-dialog-text-muted);
    font-size: 0.65rem;
    font-weight: 600;
}

[b-m3rdd01j3n] .transfer-action-button {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0 !important;
    border-radius: var(--acme-radius-md) !important;
    touch-action: manipulation;
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

[b-m3rdd01j3n] .transfer-action-button i,
[b-m3rdd01j3n] .item-transfer-ok i {
    color: currentColor !important;
    transform: none;
    transform-origin: center;
    transition: transform var(--acme-transition-fast), color var(--acme-transition-fast);
}

[b-m3rdd01j3n] .transfer-action-button--forward:hover:not(:disabled) i,
[b-m3rdd01j3n] .item-transfer-ok:hover:not(:disabled) i {
    transform: translateX(0.1rem) scale(1.05);
}

[b-m3rdd01j3n] .transfer-action-button--back:hover:not(:disabled) i {
    transform: translateX(-0.1rem) scale(1.05);
}

[b-m3rdd01j3n] .transfer-action-button:focus-visible,
[b-m3rdd01j3n] .item-transfer-ok:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

[b-m3rdd01j3n] .transfer-action-button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.item-transfer-footer[b-m3rdd01j3n] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.item-transfer-footer > span[b-m3rdd01j3n] {
    color: var(--acme-dialog-text-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

[b-m3rdd01j3n] .item-transfer-ok {
    min-height: 2.25rem;
    margin: 0 !important;
    white-space: nowrap;
}

[b-m3rdd01j3n] .sortable-ghost {
    cursor: grabbing !important;
    opacity: 0.55;
}

@media (max-width: 767.98px) {
    .item-transfer-host[b-m3rdd01j3n]  .item-transfer-modal .modal-dialog {
        width: calc(100% - 1rem);
        margin-inline: auto;
    }

    .item-transfer-content[b-m3rdd01j3n] {
        gap: 0;
        padding: 0;
    }

    .item-transfer-layout[b-m3rdd01j3n] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        margin: 0;
    }

    .item-transfer-destination[b-m3rdd01j3n] {
        padding: 0.25rem;
    }

    .transfer-panel[b-m3rdd01j3n] {
        min-height: 12rem;
        max-height: 15rem;
    }

    .transfer-actions[b-m3rdd01j3n] {
        flex-direction: row;
        gap: 1.25rem;
        padding-block: 0.1rem;
    }

    [b-m3rdd01j3n] .transfer-action-button--forward i,
    [b-m3rdd01j3n] .transfer-action-button--back i {
        transform: rotate(90deg);
    }

    .item-transfer-footer > span[b-m3rdd01j3n] {
        max-width: 55%;
    }
}

@media (max-width: 420px) {
    .transfer-panel-header[b-m3rdd01j3n] {
        padding-inline: 0.5rem;
    }

    .item-transfer-footer[b-m3rdd01j3n] {
        align-items: stretch;
        flex-direction: column;
    }

    .item-transfer-footer > span[b-m3rdd01j3n] {
        max-width: none;
    }

    [b-m3rdd01j3n] .item-transfer-ok {
        width: 100%;
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .transfer-item[b-m3rdd01j3n],
    [b-m3rdd01j3n] .transfer-action-button,
    [b-m3rdd01j3n] .transfer-action-button i,
    [b-m3rdd01j3n] .item-transfer-ok i {
        transition: none;
    }
}
/* /Component/Transaction/RestaurantBilling/KitchenReadyBadge.razor.rz.scp.css */
.kitchen-ready-badge[b-wbz9bs8qo1] {
    position: absolute;
    top: -2px;
    right: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    border: 2px solid var(--bg-color, #2f3640);
    border-radius: 999px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    pointer-events: none;
    animation: kitchen-ready-in-b-wbz9bs8qo1 320ms cubic-bezier(.16, 1, .3, 1) both;
}

.kitchen-ready-badge.is-complete[b-wbz9bs8qo1] {
    background: var(--acme-color-primary-action, #198754);
    animation: kitchen-ready-in-b-wbz9bs8qo1 320ms cubic-bezier(.16, 1, .3, 1) both, kitchen-ready-pulse-b-wbz9bs8qo1 1.6s ease-in-out 320ms infinite;
}

.kitchen-ready-badge.is-partial[b-wbz9bs8qo1] {
    color: #1f1600;
    background: #fbbf24;
}

@keyframes kitchen-ready-in-b-wbz9bs8qo1 {
    from { opacity: 0; transform: scale(.4); }
    to { opacity: 1; transform: none; }
}

@keyframes kitchen-ready-pulse-b-wbz9bs8qo1 {
    0%, 100% { box-shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 0 0 0 color-mix(in srgb, var(--acme-color-primary-action, #198754) 60%, transparent); }
    50% { box-shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 0 0 6px transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .kitchen-ready-badge[b-wbz9bs8qo1],
    .kitchen-ready-badge.is-complete[b-wbz9bs8qo1] {
        animation: none;
    }
}
/* /Component/Transaction/RestaurantBilling/OrderDialogModel.razor.rz.scp.css */
.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-order-dialog .modal-content,
.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-transfer-dialog .modal-content {
    overflow: hidden;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-dialog-radius);
    background: var(--acme-dialog-surface);
    box-shadow: var(--acme-dialog-shadow);
}

.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-order-dialog__modal-header {
    min-height: 3rem;
    padding: 0.35rem 0.5rem 0.35rem 0.75rem !important;
    border-bottom: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-order-dialog__modal-body {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    padding: 0.5rem !important;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-order-dialog__modal-footer {
    min-height: 2.75rem;
    padding: 0.35rem 0.65rem !important;
    border-top: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-transfer-dialog__body {
    padding: 0.5rem !important;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-order-dialog__modal-header .btn-close:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.restaurant-order-dialog__heading[b-l75rhd4iht] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.6rem;
    padding-right: 0.5rem;
}

.restaurant-order-dialog__heading-icon[b-l75rhd4iht] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    color: var(--acme-dialog-accent);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
}

.restaurant-order-dialog__heading-copy[b-l75rhd4iht] {
    display: grid;
    min-width: 0;
    line-height: 1.2;
}

.restaurant-order-dialog__heading-copy small[b-l75rhd4iht] {
    color: var(--acme-dialog-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.restaurant-order-dialog__heading-copy strong[b-l75rhd4iht] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 0.95rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.restaurant-order-dialog__voucher[b-l75rhd4iht],
.restaurant-order-panel__count[b-l75rhd4iht],
.restaurant-order-summary__item[b-l75rhd4iht] {
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-surface-muted);
}

.restaurant-order-dialog__voucher[b-l75rhd4iht] {
    max-width: 12rem;
    margin-left: auto;
    padding: 0.25rem 0.55rem;
    overflow: hidden;
    font-size: 0.75rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.restaurant-order-toolbar[b-l75rhd4iht] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.45rem;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-color-surface-soft);
}

.restaurant-order-toolbar[b-l75rhd4iht]  .custom-btn {
    min-height: 2.0rem;
    touch-action: manipulation;
}

.restaurant-order-toolbar[b-l75rhd4iht]  .restaurant-confirm-order {
    min-height: 2.5rem;
    margin-left: auto;
    border-radius: var(--acme-radius-pill) !important;
    font-weight: 700 !important;
}

.restaurant-product-subgroups[b-l75rhd4iht] {
    display: flex;
    min-height: 3.25rem;
    max-height: 10.5rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.35rem 0.25rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
}

.restaurant-product-subgroup[b-l75rhd4iht] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    flex: 0 0 auto;
    padding: 0.45rem 0.7rem;
    color: var(--acme-dialog-text-muted);
    border: 1px solid var(--acme-color-border-strong);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap;
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), border-color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.restaurant-product-subgroup:hover[b-l75rhd4iht],
.restaurant-product-subgroup:focus-visible[b-l75rhd4iht],
.restaurant-product-subgroup.is-active[b-l75rhd4iht] {
    color: var(--acme-color-surface);
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-primary-action);
}

.restaurant-product-subgroup:focus-visible[b-l75rhd4iht],
.restaurant-product-subgroup-toggle:focus-visible[b-l75rhd4iht] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.restaurant-product-subgroups__status[b-l75rhd4iht] {
    padding-inline: 0.5rem;
    color: var(--acme-dialog-text-muted);
    white-space: nowrap;
}

.restaurant-order-workspace[b-l75rhd4iht] {
    height: min(68dvh, 48rem);
    min-height: 30rem;
    flex: 1 1 auto;
    overflow: hidden;
}

.restaurant-order-split-layout[b-l75rhd4iht] {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    align-items: stretch;
}

.restaurant-order-panel[b-l75rhd4iht] {
    display: flex;
    min-width: 15%;
    height: 100%;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-surface);
}

.restaurant-order-panel--orders[b-l75rhd4iht] {
    flex: 0 0 50%;
    max-width: 50%;
}

.restaurant-order-panel--products[b-l75rhd4iht] {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 0.5rem;
    background: var(--acme-color-surface-soft);
}

.restaurant-order-panel__header[b-l75rhd4iht] {
    display: flex;
    min-height: 2.5rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.4rem 0.65rem;
    color: var(--acme-dialog-text);
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
    font-size: 0.82rem;
    font-weight: 700;
}

.restaurant-order-panel__header i[b-l75rhd4iht] {
    margin-right: 0.35rem;
    color: var(--acme-dialog-accent);
}

.restaurant-order-panel__count[b-l75rhd4iht] {
    min-width: 1.75rem;
    padding: 0.1rem 0.4rem;
    font-size: 0.72rem;
    text-align: center;
}

.restaurant-order-panel__scroll[b-l75rhd4iht],
.restaurant-product-list[b-l75rhd4iht] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    overscroll-behavior: none;
}

.orderTable[b-l75rhd4iht] {
    margin: 0;
    table-layout: fixed;
    color: var(--acme-dialog-text);
}

.orderTable thead tr th[b-l75rhd4iht] {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 2rem;
    padding: 0.3rem 0.45rem;
    color: var(--acme-dialog-text);
    border-color: var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
    font-size: 0.75rem;
    line-height: 1.25;
}

.orderTable td[b-l75rhd4iht] {
    padding: 0.4rem 0.45rem;
    color: var(--acme-dialog-text);
    border-color: var(--acme-dialog-border);
    vertical-align: middle;
}

.orderTable tbody tr:hover > td[b-l75rhd4iht] {
    background: var(--acme-color-surface-hover);
}

.order-table__quantity[b-l75rhd4iht] {
    width: 15%;
    text-align: center;
}

.order-table__actions[b-l75rhd4iht] {
    width: 25%;
    text-align: center;
}

.orderTable .text-dark[b-l75rhd4iht] {
    color: var(--acme-dialog-text) !important;
}

.orderTable .text-muted[b-l75rhd4iht],
.orderTable .text-secondary[b-l75rhd4iht] {
    color: var(--acme-dialog-text-muted) !important;
}

.orderTable .bg-secondary[b-l75rhd4iht],
.restaurant-order-quantity-control .bg-secondary[b-l75rhd4iht] {
    color: var(--acme-dialog-text) !important;
    background: var(--acme-color-surface-muted) !important;
}

.temp-order > *[b-l75rhd4iht] {
    background: color-mix(in srgb, var(--acme-color-primary-action) 7%, var(--acme-dialog-surface)) !important;
}

.temp-order > :first-child[b-l75rhd4iht] {
    box-shadow: inset 3px 0 0 var(--acme-color-primary-action);
}

.restaurant-order-icon-button[b-l75rhd4iht],
.restaurant-order-quantity-button[b-l75rhd4iht] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    color: var(--acme-dialog-text-muted);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), border-color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.restaurant-order-icon-button:hover:not(:disabled)[b-l75rhd4iht],
.restaurant-order-quantity-button:hover:not(:disabled)[b-l75rhd4iht] {
    color: var(--acme-dialog-accent);
    border-color: var(--acme-dialog-accent);
    background: var(--acme-color-surface-hover);
}

.restaurant-order-icon-button:focus-visible[b-l75rhd4iht],
.restaurant-order-quantity-button:focus-visible[b-l75rhd4iht],
.restaurant-product-card__quick-add:focus-visible[b-l75rhd4iht] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.restaurant-order-icon-button:disabled[b-l75rhd4iht] {
    opacity: 0.45;
    cursor: not-allowed;
}

.restaurant-order-icon-button--notes[b-l75rhd4iht] {
    color: var(--acme-color-success);
}

.restaurant-order-icon-button--danger[b-l75rhd4iht] {
    color: var(--acme-color-danger);
}

.restaurant-order-quantity-control[b-l75rhd4iht],
.restaurant-order-row-actions[b-l75rhd4iht] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.restaurant-order-row-actions[b-l75rhd4iht] {
    margin-top: 0.25rem;
}

.resize-gutter[b-l75rhd4iht] {
    display: flex;
    width: 0.75rem;
    flex: 0 0 0.75rem;
    align-items: center;
    justify-content: center;
    cursor: col-resize;
    user-select: none;
    touch-action: none;
}

.gutter-handle[b-l75rhd4iht] {
    width: 0.2rem;
    height: 2.5rem;
    border-radius: var(--acme-radius-pill);
    background: var(--acme-color-border-strong);
    transition: width var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.resize-gutter:hover .gutter-handle[b-l75rhd4iht],
.resize-gutter.gutter-dragging .gutter-handle[b-l75rhd4iht] {
    width: 0.3rem;
    background: var(--acme-dialog-accent);
}

.restaurant-order-search-row[b-l75rhd4iht] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.restaurant-order-search[b-l75rhd4iht] {
    min-width: 0;
}

.restaurant-product-subgroup-toggle[b-l75rhd4iht] {
    display: inline-grid;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    place-items: center;
    color: var(--acme-color-danger);
    border: 1px solid var(--acme-color-danger);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    cursor: pointer;
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.restaurant-product-subgroup-toggle:hover[b-l75rhd4iht],
.restaurant-product-subgroup-toggle.is-active[b-l75rhd4iht] {
    color: var(--acme-color-surface);
    background: var(--acme-color-danger);
}

.restaurant-product-list[b-l75rhd4iht] {
    padding: 0.35rem;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.restaurant-product-list__item[b-l75rhd4iht] {
    padding-bottom: 0.4rem;
}

.restaurant-product-card[b-l75rhd4iht],
.restaurant-product-placeholder[b-l75rhd4iht] {
    overflow: hidden;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

.restaurant-product-card[b-l75rhd4iht] {
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.restaurant-product-card:hover[b-l75rhd4iht] {
    border-color: var(--acme-color-border-strong);
    background: var(--acme-color-surface-hover);
    box-shadow: var(--acme-shadow-sm);
}

.restaurant-product-card__content[b-l75rhd4iht],
.restaurant-product-placeholder[b-l75rhd4iht] {
    display: flex;
    min-height: 3.75rem;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
}

.restaurant-product-card__quick-add[b-l75rhd4iht] {
    min-width: 0;
    flex: 1 1 auto;
    padding: 0.25rem;
    color: var(--acme-dialog-text);
    border: 0;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    text-align: left;
    touch-action: manipulation;
}

.restaurant-product-card__content[b-l75rhd4iht]  .product-add-button {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
}

.restaurant-product-placeholder__button[b-l75rhd4iht] {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
}

.placeholder[b-l75rhd4iht] {
    display: inline-block;
    background: var(--acme-color-surface-muted);
}

.restaurant-product-empty[b-l75rhd4iht] {
    display: grid;
    min-height: 14rem;
    place-items: center;
    align-content: center;
    padding: 2rem 1rem;
    color: var(--acme-dialog-text-muted);
    text-align: center;
}

.restaurant-order-summary[b-l75rhd4iht] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.restaurant-order-summary__item[b-l75rhd4iht] {
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.restaurant-order-summary__item i[b-l75rhd4iht] {
    margin-right: 0.25rem;
    color: var(--acme-dialog-text-muted);
}

.restaurant-order-summary__item--total[b-l75rhd4iht] {
    color: var(--acme-color-success);
    font-weight: 700;
}

@media (max-width: 768px) {
    .restaurant-order-dialog-host[b-l75rhd4iht]  .restaurant-order-dialog__modal-body {
        overflow: hidden;
    }

    .restaurant-order-toolbar[b-l75rhd4iht] {
        flex-wrap: wrap;
    }

    .restaurant-order-toolbar[b-l75rhd4iht]  .custom-btn,
    .restaurant-order-toolbar[b-l75rhd4iht]  .restaurant-confirm-order,
    .restaurant-order-icon-button[b-l75rhd4iht],
    .restaurant-order-quantity-button[b-l75rhd4iht],
    .restaurant-product-card__content[b-l75rhd4iht]  .product-add-button {
        min-width: 0.75rem;
        min-height: 0.75rem;
    }

    .restaurant-order-toolbar[b-l75rhd4iht]  .restaurant-confirm-order {
        margin-left: 0;
    }

    .restaurant-order-workspace[b-l75rhd4iht] {
        height: auto;
        min-height: 0;
    }

    .restaurant-order-split-layout[b-l75rhd4iht] {
        flex-direction: row;
        overflow: hidden;
    }

    .restaurant-order-panel--orders[b-l75rhd4iht] {
        flex: 0 0 52%;
        min-width: 0;
        overflow: hidden;
    }

    .restaurant-order-panel--products[b-l75rhd4iht] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0.4rem;
        overflow: hidden;
    }

    .resize-gutter[b-l75rhd4iht] {
        width: 0.5rem;
        flex: 0 0 0.5rem;
        cursor: col-resize;
        touch-action: none;
        user-select: none;
    }

    .gutter-handle[b-l75rhd4iht] {
        height: 100%;
        border-radius: 0;
        background: var(--acme-dialog-border);
    }

    .restaurant-order-panel__header[b-l75rhd4iht] {
        min-height: 2.25rem;
        padding-inline: 0.4rem;
    }

    .orderTable thead tr th[b-l75rhd4iht],
    .orderTable td[b-l75rhd4iht] {
        padding-inline: 0.35rem;
    }

    .restaurant-product-card__content[b-l75rhd4iht] {
        padding: 0.4rem;
    }

    .restaurant-product-card__quick-add[b-l75rhd4iht] {
        overflow-wrap: anywhere;
    }

    .restaurant-order-dialog__voucher[b-l75rhd4iht] {
        max-width: 8rem;
    }

    .restaurant-order-summary[b-l75rhd4iht] {
        justify-content: space-between;
    }
}

@media (max-width: 420px) {
    .restaurant-order-dialog__heading-icon[b-l75rhd4iht] {
        display: none;
    }

    .restaurant-order-dialog__voucher[b-l75rhd4iht] {
        max-width: 6.5rem;
    }

    .order-table__actions[b-l75rhd4iht] {
        width: 34%;
    }

    .restaurant-order-panel--orders[b-l75rhd4iht] {
        width: 50% !important;
        max-width: 50% !important;
        flex-basis: 50% !important;
    }

    .restaurant-order-panel--products[b-l75rhd4iht] {
        width: calc(50% - 0.5rem) !important;
        max-width: calc(50% - 0.5rem) !important;
        flex-basis: calc(50% - 0.5rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .restaurant-product-card[b-l75rhd4iht],
    .restaurant-order-icon-button[b-l75rhd4iht],
    .restaurant-order-quantity-button[b-l75rhd4iht],
    .restaurant-product-subgroup[b-l75rhd4iht],
    .restaurant-product-subgroup-toggle[b-l75rhd4iht],
    .gutter-handle[b-l75rhd4iht] {
        transition: none;
    }

    .animate__animated[b-l75rhd4iht],
    .placeholder-glow .placeholder[b-l75rhd4iht] {
        animation: none !important;
    }
}

/* ---------- Toolbar groups: order actions | table details | table tools (soon) | confirm ---------- */
.restaurant-order-toolbar__group[b-l75rhd4iht] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.restaurant-order-toolbar__group + .restaurant-order-toolbar__group[b-l75rhd4iht] {
    padding-left: 0.5rem;
    border-left: 1px solid var(--acme-dialog-border);
}

/* Disabled split / merge: readable but clearly not active yet. */
.restaurant-order-toolbar__soon[b-l75rhd4iht] {
    display: inline-flex;
    cursor: not-allowed;
}

/* .btn, not .custom-btn: MyButton's ghost class string currently drops "custom-btn". */
.restaurant-order-toolbar__soon[b-l75rhd4iht]  .btn {
    border-color: transparent !important;
    background: transparent !important;
    opacity: .55;
    pointer-events: none;
}

.restaurant-order-toolbar__soon-tag[b-l75rhd4iht] {
    display: inline-flex;
    height: 1.15rem;
    padding: 0 0.45rem;
    align-items: center;
    border-radius: var(--acme-radius-pill);
    color: var(--acme-color-text-muted);
    background: var(--acme-color-surface-subtle, #e9ecef);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

@media (max-width: 576px) {
    /* Wrapped groups: drop the side divider. */
    .restaurant-order-toolbar__group + .restaurant-order-toolbar__group[b-l75rhd4iht] {
        padding-left: 0;
        border-left: 0;
    }
}
/* /Component/Transaction/RestaurantBilling/OrderQrDialog.razor.rz.scp.css */
.qr-pay[b-zmlahtp0cq] {
    --qr-accent: var(--acme-dialog-accent);
    --qr-success: var(--acme-color-success);
    --qr-danger: var(--acme-color-danger);
    --qr-warning: var(--acme-color-warning);
    --qr-info: var(--acme-color-info-action);
    --qr-state: var(--qr-warning);
    display: flex;
    width: 100%;
    max-width: 21rem;
    margin: 0 auto;
    padding: 0.6rem;
    flex-direction: column;
    gap: 0.55rem;
    color: var(--acme-dialog-text);
    background: transparent;
}

.qr-pay--generating[b-zmlahtp0cq] { --qr-state: var(--acme-dialog-text-muted); }
.qr-pay--waiting[b-zmlahtp0cq] { --qr-state: var(--qr-warning); }
.qr-pay--scanned[b-zmlahtp0cq],
.qr-pay--verifying[b-zmlahtp0cq] { --qr-state: var(--qr-info); }
.qr-pay--paid[b-zmlahtp0cq] { --qr-state: var(--qr-success); }
.qr-pay--failed[b-zmlahtp0cq],
.qr-pay--error[b-zmlahtp0cq] { --qr-state: var(--qr-danger); }
.qr-pay--expired[b-zmlahtp0cq] { --qr-state: var(--acme-dialog-text-muted); }

.qr-pay__header[b-zmlahtp0cq] {
    display: flex;
    min-height: 2rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.qr-pay__brand[b-zmlahtp0cq] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.4rem;
    overflow: hidden;
    color: var(--qr-accent);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.qr-pay__brand img[b-zmlahtp0cq] {
    display: block;
    max-width: 7rem;
    max-height: 1.5rem;
    object-fit: contain;
}

.qr-pay__order[b-zmlahtp0cq] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.15;
}

.qr-pay__order-no[b-zmlahtp0cq] {
    max-width: 10rem;
    overflow: hidden;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qr-pay__label[b-zmlahtp0cq] {
    color: var(--acme-dialog-text-muted);
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.qr-pay__amount[b-zmlahtp0cq] {
    display: flex;
    padding: 0.4rem 0;
    align-items: baseline;
    justify-content: space-between;
    border-top: 1px solid var(--acme-dialog-border);
    border-bottom: 1px solid var(--acme-dialog-border);
}

.qr-pay__amount-value[b-zmlahtp0cq] {
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
}

.qr-pay__qr-card[b-zmlahtp0cq] {
    position: relative;
    display: grid;
    width: min(100%, 14.5rem);
    aspect-ratio: 1;
    margin: 0 auto;
    padding: 0.65rem;
    place-items: center;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--bs-white);
}

.qr-pay__qr[b-zmlahtp0cq] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: pixelated;
    transition: filter var(--acme-transition-base), opacity var(--acme-transition-base);
}

.qr-pay--failed .qr-pay__qr[b-zmlahtp0cq],
.qr-pay--expired .qr-pay__qr[b-zmlahtp0cq],
.qr-pay--error .qr-pay__qr[b-zmlahtp0cq],
.qr-pay--paid .qr-pay__qr[b-zmlahtp0cq] {
    opacity: 0.18;
    filter: blur(2px) grayscale(1);
}

.qr-pay__corner[b-zmlahtp0cq] {
    position: absolute;
    width: 1.15rem;
    height: 1.15rem;
    border: 2px solid var(--qr-state);
    transition: border-color var(--acme-transition-base);
}

.qr-pay__corner--tl[b-zmlahtp0cq] { top: -1px; left: -1px; border-right: 0; border-bottom: 0; border-top-left-radius: var(--acme-radius-sm); }
.qr-pay__corner--tr[b-zmlahtp0cq] { top: -1px; right: -1px; border-left: 0; border-bottom: 0; border-top-right-radius: var(--acme-radius-sm); }
.qr-pay__corner--bl[b-zmlahtp0cq] { bottom: -1px; left: -1px; border-right: 0; border-top: 0; border-bottom-left-radius: var(--acme-radius-sm); }
.qr-pay__corner--br[b-zmlahtp0cq] { right: -1px; bottom: -1px; border-top: 0; border-left: 0; border-bottom-right-radius: var(--acme-radius-sm); }

.qr-pay__skeleton[b-zmlahtp0cq] {
    width: 100%;
    height: 100%;
    border-radius: var(--acme-radius-sm);
    background: linear-gradient(90deg, var(--acme-color-surface-muted) 25%, var(--acme-color-surface-hover) 50%, var(--acme-color-surface-muted) 75%);
    background-size: 200% 100%;
    animation: qr-pay-shimmer-b-zmlahtp0cq 1.2s linear infinite;
}

.qr-pay__placeholder[b-zmlahtp0cq] {
    color: var(--acme-color-border-strong);
    font-size: 3rem;
}

.qr-pay__overlay[b-zmlahtp0cq] {
    position: absolute;
    inset: 0;
    display: flex;
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    color: var(--bs-gray-900);
    text-align: center;
    animation: qr-pay-fade-b-zmlahtp0cq var(--acme-transition-base);
}

.qr-pay__overlay > i[b-zmlahtp0cq] {
    color: var(--qr-state);
    font-size: 1.75rem;
}

.qr-pay__overlay small[b-zmlahtp0cq] {
    color: var(--bs-gray-700);
    font-variant-numeric: tabular-nums;
}

.qr-pay__check[b-zmlahtp0cq] {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    color: var(--bs-white);
    border-radius: 50%;
    background: var(--qr-success);
    box-shadow: 0 0 0 0.4rem color-mix(in srgb, var(--qr-success) 18%, transparent);
    font-size: 1.8rem;
    animation: qr-pay-pop-b-zmlahtp0cq 0.35s cubic-bezier(.2, .9, .3, 1.4);
}

.qr-pay__steps[b-zmlahtp0cq] {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
}

.qr-pay__step[b-zmlahtp0cq] {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    color: var(--acme-dialog-text-muted);
    font-size: 0.62rem;
    text-align: center;
}

.qr-pay__step[b-zmlahtp0cq]::before {
    position: absolute;
    top: 0.45rem;
    right: 50%;
    left: -50%;
    height: 1px;
    background: var(--acme-dialog-border);
    content: "";
}

.qr-pay__step:first-child[b-zmlahtp0cq]::before { display: none; }
.qr-pay__step.is-done[b-zmlahtp0cq]::before,
.qr-pay__step.is-current[b-zmlahtp0cq]::before { background: var(--qr-state); }

.qr-pay__step-dot[b-zmlahtp0cq] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    color: var(--bs-white);
    border: 2px solid var(--acme-color-border-strong);
    border-radius: 50%;
    background: var(--acme-color-surface-soft);
    font-size: 0.65rem;
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.qr-pay__step.is-done .qr-pay__step-dot[b-zmlahtp0cq] {
    border-color: var(--qr-state);
    background: var(--qr-state);
}

.qr-pay__step.is-current .qr-pay__step-dot[b-zmlahtp0cq] {
    border-color: var(--qr-state);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--qr-state) 22%, transparent);
}

.qr-pay__step.is-current[b-zmlahtp0cq],
.qr-pay__step.is-done[b-zmlahtp0cq] { color: var(--acme-dialog-text); }
.qr-pay__step.is-current[b-zmlahtp0cq] { font-weight: 650; }

.qr-pay__status[b-zmlahtp0cq] {
    display: flex;
    min-height: 2.25rem;
    padding: 0.35rem 0.5rem;
    align-items: center;
    gap: 0.45rem;
    border-left: 0.18rem solid var(--qr-state);
    background: color-mix(in srgb, var(--qr-state) 8%, transparent);
    font-size: 0.75rem;
}

.qr-pay__status-text[b-zmlahtp0cq] {
    min-width: 0;
    flex: 1 1 auto;
}

.qr-pay__pulse[b-zmlahtp0cq] {
    position: relative;
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 0.45rem;
    border-radius: 50%;
    background: var(--qr-state);
}

.qr-pay--waiting .qr-pay__pulse[b-zmlahtp0cq]::after,
.qr-pay--scanned .qr-pay__pulse[b-zmlahtp0cq]::after,
.qr-pay--verifying .qr-pay__pulse[b-zmlahtp0cq]::after,
.qr-pay--generating .qr-pay__pulse[b-zmlahtp0cq]::after {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--qr-state);
    content: "";
    animation: qr-pay-ping-b-zmlahtp0cq 1.4s cubic-bezier(0, 0, .2, 1) infinite;
}

.qr-pay__timer[b-zmlahtp0cq] {
    flex: 0 0 auto;
    color: var(--acme-dialog-text-muted);
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
}

.qr-pay__actions[b-zmlahtp0cq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}

.qr-pay__btn[b-zmlahtp0cq] {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.qr-pay__btn i[b-zmlahtp0cq] {
    color: currentColor;
    transform: none;
    transition: transform var(--acme-transition-fast);
}

.qr-pay__btn:hover:not(:disabled)[b-zmlahtp0cq] {
    border-color: var(--acme-color-border-strong);
    background: var(--acme-color-surface-hover);
}

.qr-pay__btn:hover:not(:disabled) i[b-zmlahtp0cq] {
    transform: rotate(12deg) scale(1.05);
}

.qr-pay__btn:focus-visible[b-zmlahtp0cq] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.qr-pay__btn--primary[b-zmlahtp0cq] {
    color: var(--bs-white);
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-primary-action);
}

.qr-pay__btn--primary:hover:not(:disabled)[b-zmlahtp0cq] {
    border-color: var(--acme-color-primary-action-hover);
    background: var(--acme-color-primary-action-hover);
}

@keyframes qr-pay-shimmer-b-zmlahtp0cq {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@keyframes qr-pay-ping-b-zmlahtp0cq {
    75%, 100% { opacity: 0; transform: scale(2.4); }
}

@keyframes qr-pay-pop-b-zmlahtp0cq {
    from { opacity: 0; transform: scale(.4); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes qr-pay-fade-b-zmlahtp0cq {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 860px) {
    .qr-pay[b-zmlahtp0cq] { max-width: 26rem; }

    .qr-pay__btn[b-zmlahtp0cq] {
        min-height: 2.75rem;
    }
}

@media (max-width: 380px) {
    .qr-pay[b-zmlahtp0cq] { padding: 0.45rem; }
    .qr-pay__step-label[b-zmlahtp0cq] { font-size: 0.58rem; }
}

@media (prefers-reduced-motion: reduce) {
    .qr-pay *[b-zmlahtp0cq],
    .qr-pay *[b-zmlahtp0cq]::before,
    .qr-pay *[b-zmlahtp0cq]::after {
        animation: none !important;
        transition: none !important;
    }
}
/* /Component/Transaction/RestaurantBilling/QtyDialog.razor.rz.scp.css */
.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal .modal-content {
    overflow: hidden;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-dialog-radius);
    background: var(--acme-dialog-surface);
    box-shadow: var(--acme-dialog-shadow);
}

.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal .modal-dialog {
    max-width: 400px;
}

.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal-header {
    min-height: 44px;
    padding: 4px 7px 4px 10px !important;
    border-bottom: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.qty-dialog__heading[b-zjd3yanmtc] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: 9px;
    padding-right: 8px;
}

.qty-dialog__heading-icon[b-zjd3yanmtc] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    color: var(--acme-dialog-accent);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
    font-size: .82rem;
}

.qty-dialog__heading-copy[b-zjd3yanmtc] {
    min-width: 0;
}

.qty-dialog__heading-copy > span[b-zjd3yanmtc] {
    display: block;
    color: var(--acme-dialog-text-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.2;
    text-transform: uppercase;
}

.qty-dialog__heading-copy h6[b-zjd3yanmtc] {
    margin: 1px 0 0;
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal-header .btn-close {
    width: 30px;
    height: 30px;
    margin: 0 !important;
    padding: 7px !important;
    border-radius: var(--acme-radius-sm);
}

.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal-header .btn-close:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal-body {
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.qty-dialog[b-zjd3yanmtc] {
    display: grid;
    gap: 9px;
    padding: 10px;
}

.qty-dialog__field[b-zjd3yanmtc] {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.qty-dialog__label-row[b-zjd3yanmtc] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.qty-dialog__label-row label[b-zjd3yanmtc] {
    color: var(--acme-dialog-text);
    font-size: .8rem;
    font-weight: 700;
}

.qty-dialog__label-row span[b-zjd3yanmtc] {
    color: var(--acme-dialog-text-muted);
    font-size: .72rem;
    line-height: 1.3;
    text-align: right;
}

.qty-dialog__quantity-control[b-zjd3yanmtc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 6px;
}

.qty-dialog__quantity-control--direct[b-zjd3yanmtc] {
    grid-template-columns: minmax(0, 1fr);
}

.qty-dialog__step-button[b-zjd3yanmtc] {
    display: inline-grid;
    width: 32px;
    min-height: 32px;
    padding: 0;
    place-items: center;
    color: var(--acme-dialog-accent);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-header-surface);
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), color var(--acme-transition-fast);
}

.qty-dialog__step-button:hover:not(:disabled)[b-zjd3yanmtc] {
    color: var(--acme-color-text-on-primary, var(--acme-color-surface));
    border-color: var(--acme-dialog-accent);
    background: var(--acme-dialog-accent);
}

.qty-dialog__step-button:focus-visible[b-zjd3yanmtc] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.qty-dialog__step-button:disabled[b-zjd3yanmtc] {
    color: var(--acme-dialog-text-muted);
    opacity: .55;
    cursor: not-allowed;
}

.qty-dialog[b-zjd3yanmtc]  .qty-dialog__quantity-input,
.qty-dialog[b-zjd3yanmtc]  .qty-dialog__notes-input {
    min-width: 0;
    min-height: 32px;
    color: var(--acme-dialog-text) !important;
    border: 1px solid var(--acme-dialog-border) !important;
    border-radius: var(--acme-radius-sm) !important;
    background: var(--acme-dialog-surface) !important;
    box-shadow: none !important;
    font-size: .84rem;
}

.qty-dialog[b-zjd3yanmtc]  .qty-dialog__quantity-input {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.qty-dialog[b-zjd3yanmtc]  .qty-dialog__quantity-input:focus,
.qty-dialog[b-zjd3yanmtc]  .qty-dialog__notes-input:focus {
    border-color: var(--acme-dialog-accent) !important;
    box-shadow: var(--acme-focus-ring) !important;
}

.qty-dialog[b-zjd3yanmtc]  .qty-dialog__notes-input:disabled {
    color: var(--acme-dialog-text-muted) !important;
    background: var(--acme-color-surface-muted) !important;
    opacity: 1;
}

.qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal-footer {
    min-height: 40px;
    padding: 4px 7px !important;
    border-top: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.qty-dialog__actions[b-zjd3yanmtc] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.qty-dialog__actions > span[b-zjd3yanmtc] {
    color: var(--acme-dialog-text-muted);
    font-size: .7rem;
}

.qty-dialog__actions kbd[b-zjd3yanmtc] {
    padding: 1px 4px;
    color: var(--acme-dialog-text-muted);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-xs);
    background: var(--acme-dialog-surface);
    box-shadow: none;
    font: inherit;
}

.qty-dialog__actions[b-zjd3yanmtc]  .qty-dialog__submit {
    min-height: 32px;
    margin: 0 !important;
}

@media (max-width: 480px) {
    .qty-dialog-host[b-zjd3yanmtc]  .qty-dialog__modal .modal-dialog {
        width: calc(100% - 24px);
        margin-inline: auto;
    }

    .qty-dialog[b-zjd3yanmtc] {
        gap: 14px;
        padding: 12px;
    }

    .qty-dialog__label-row[b-zjd3yanmtc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .qty-dialog__label-row span[b-zjd3yanmtc] {
        text-align: left;
    }

    .qty-dialog__step-button[b-zjd3yanmtc],
    .qty-dialog[b-zjd3yanmtc]  .qty-dialog__quantity-input,
    .qty-dialog[b-zjd3yanmtc]  .qty-dialog__notes-input,
    .qty-dialog__actions[b-zjd3yanmtc]  .qty-dialog__submit {
        min-height: 25px;
    }

    .qty-dialog__step-button[b-zjd3yanmtc] {
        width: 25px;
    }

    .qty-dialog__actions > span[b-zjd3yanmtc] {
        display: none;
    }

    .qty-dialog__actions[b-zjd3yanmtc]  .qty-dialog__submit {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .qty-dialog__step-button[b-zjd3yanmtc] {
        transition: none;
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantCancelDialog.razor.rz.scp.css */
.table-container[b-mm6av0i85a] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-mm6av0i85a] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-mm6av0i85a], td[b-mm6av0i85a] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-mm6av0i85a] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-mm6av0i85a] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-mm6av0i85a] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-mm6av0i85a {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantCheckoutDialog.razor.rz.scp.css */
.table-container[b-itiz8ew1h3] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-itiz8ew1h3] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-itiz8ew1h3], td[b-itiz8ew1h3] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-itiz8ew1h3] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-itiz8ew1h3] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-itiz8ew1h3] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-itiz8ew1h3 {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantComplimentaryDialog.razor.rz.scp.css */
.table-container[b-5g9bvnqvco] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-5g9bvnqvco] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-5g9bvnqvco], td[b-5g9bvnqvco] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-5g9bvnqvco] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-5g9bvnqvco] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-5g9bvnqvco] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-5g9bvnqvco {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantPacksSheet.razor.rz.scp.css */
/*
    Packs / waiter form inside the shared CustomOffCanvas.
    Same tokens and proportions as CustomOffCanvas.razor.css: dialog surfaces, 13px/600 titles with the accent mark,
    radius-sm, 30px secondary controls. Touch targets for the POS (stepper, chips, waiters) are 36-44px.
*/
.packs-sheet[b-3656blpgwf] {
    --packs-accent: var(--acme-dialog-accent);
    --packs-accent-soft: color-mix(in srgb, var(--acme-dialog-accent) 10%, var(--acme-dialog-surface));
    --packs-muted: var(--acme-dialog-text-muted, var(--acme-color-text-muted));
    --packs-control-border: var(--acme-color-border-strong);

    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: 10px;
    color: var(--acme-dialog-text);
    font-size: 13px;
}

/* ---------- Card ---------- */
.packs-sheet__card[b-3656blpgwf] {
    overflow: hidden;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    animation: packs-sheet-in-b-3656blpgwf 220ms cubic-bezier(.16, 1, .3, 1) both;
}

.packs-sheet__card + .packs-sheet__card[b-3656blpgwf] {
    animation-delay: 50ms;
}

.packs-sheet__card-header[b-3656blpgwf] {
    display: flex;
    align-items: center;
    min-height: 36px;
    gap: 8px;
    padding: 4px 8px 4px 10px;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.packs-sheet__mark[b-3656blpgwf] {
    width: 3px;
    height: 16px;
    flex: 0 0 3px;
    border-radius: var(--acme-radius-pill);
    background: var(--packs-accent);
}

.packs-sheet__card-title[b-3656blpgwf] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    gap: 6px;
    margin: 0;
    color: var(--acme-dialog-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.packs-sheet__card-title i[b-3656blpgwf] {
    color: var(--packs-muted);
    font-size: 12px;
}

.packs-sheet__meta[b-3656blpgwf] {
    color: var(--packs-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.packs-sheet__required[b-3656blpgwf] {
    padding: 1px 6px;
    border-radius: var(--acme-radius-pill);
    background: color-mix(in srgb, var(--acme-color-danger, #dc3545) 12%, transparent);
    color: var(--acme-color-danger, #dc3545);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.packs-sheet__link[b-3656blpgwf] {
    padding: 2px 6px;
    border: 0;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: var(--packs-accent);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.packs-sheet__link:hover[b-3656blpgwf] {
    background: var(--packs-accent-soft);
}

.packs-sheet__card-body[b-3656blpgwf] {
    display: grid;
    gap: 8px;
    padding: 10px;
}

/* ---------- Guests: [Packs stepper] [Quick picks] ---------- */
.packs-sheet__guests[b-3656blpgwf] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 20px;
    padding: 12px 10px 6px;
}

.packs-sheet__field[b-3656blpgwf] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    min-width: 0;
    gap: 6px;
}

.packs-sheet__field--grow[b-3656blpgwf] {
    flex: 1 1 240px;
}

.packs-sheet__field-label[b-3656blpgwf] {
    color: var(--packs-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

/* [-][ 12 ][+] : fixed 32 + 52 + 32 px, same height as the chips; never stretched by the panel width. */
.packs-sheet__stepper[b-3656blpgwf] {
    display: inline-grid;
    grid-template-columns: 32px 52px 32px;
    width: max-content;
    height: 32px;
    overflow: hidden;
    border: 1px solid var(--packs-control-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.packs-sheet__stepper:focus-within[b-3656blpgwf] {
    border-color: var(--packs-accent);
    box-shadow: var(--acme-focus-ring);
}

.packs-sheet__step[b-3656blpgwf] {
    display: grid;
    width: 32px;
    height: 100%;
    place-items: center;
    padding: 0;
    border: 0;
    background: var(--acme-dialog-header-surface);
    color: var(--acme-dialog-text);
    cursor: pointer;
    transition: background-color var(--acme-transition-fast), color var(--acme-transition-fast);
}

.packs-sheet__step:hover:not(:disabled)[b-3656blpgwf] {
    background: var(--packs-accent-soft);
    color: var(--packs-accent);
}

.packs-sheet__step:active:not(:disabled) i[b-3656blpgwf] {
    transform: scale(.85);
}

.packs-sheet__step:disabled[b-3656blpgwf] {
    color: var(--packs-muted);
    opacity: .5;
    cursor: not-allowed;
}

.packs-sheet__value[b-3656blpgwf] {
    display: block;
    width: 52px;
    height: 100%;
    overflow: hidden;
    border-inline: 1px solid var(--acme-dialog-border);
}

/* !important only to beat the global input[type=number] { text-align: right !important } and form-control sizing. */
.packs-sheet__value[b-3656blpgwf]  input {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--acme-dialog-text);
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    text-align: center !important;
    -moz-appearance: textfield;
    appearance: textfield;
}

.packs-sheet__value[b-3656blpgwf]  input::-webkit-outer-spin-button,
.packs-sheet__value[b-3656blpgwf]  input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.packs-sheet__chips[b-3656blpgwf] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-height: 32px;
    gap: 6px;
}

.packs-sheet__chip[b-3656blpgwf] {
    min-width: 38px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--packs-control-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    color: var(--acme-dialog-text);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), color var(--acme-transition-fast), transform var(--acme-transition-fast);
}

.packs-sheet__chip:hover[b-3656blpgwf] {
    border-color: var(--packs-accent);
    background: var(--packs-accent-soft);
    color: var(--packs-accent);
}

.packs-sheet__chip:active[b-3656blpgwf] {
    transform: scale(.94);
}

.packs-sheet__chip.is-selected[b-3656blpgwf] {
    border-color: var(--packs-accent);
    background: var(--packs-accent);
    color: #fff;
}

.packs-sheet__help[b-3656blpgwf] {
    margin: 0;
    padding: 4px 10px 10px;
    color: var(--packs-muted);
    font-size: 11px;
}

/* ---------- Waiter ---------- */
.packs-sheet__search[b-3656blpgwf] {
    position: relative;
    display: flex;
    align-items: center;
}

.packs-sheet__search i[b-3656blpgwf] {
    position: absolute;
    left: 10px;
    color: var(--packs-muted);
    font-size: 12px;
    pointer-events: none;
}

.packs-sheet__search-input[b-3656blpgwf] {
    width: 100%;
    height: 32px;
    padding: 0 10px 0 30px;
    border: 1px solid var(--packs-control-border);
    border-radius: var(--acme-radius-sm);
    outline: none;
    background: var(--acme-dialog-surface);
    color: var(--acme-dialog-text);
    font-size: 13px;
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.packs-sheet__search-input:focus[b-3656blpgwf] {
    border-color: var(--packs-accent);
    box-shadow: var(--acme-focus-ring);
}

.packs-sheet__waiters[b-3656blpgwf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 6px;
    max-height: 17rem;
    padding: 1px;
    overflow-y: auto;
    outline: none;
    scrollbar-width: thin;
}

.packs-sheet__waiter[b-3656blpgwf] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 40px;
    gap: 8px;
    margin: 0;
    padding: 4px 10px 4px 6px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.packs-sheet__waiter:hover[b-3656blpgwf] {
    border-color: var(--packs-control-border);
    background: var(--acme-color-surface-hover);
}

.packs-sheet__waiter:focus-within[b-3656blpgwf] {
    box-shadow: var(--acme-focus-ring);
}

.packs-sheet__waiter.is-selected[b-3656blpgwf] {
    border-color: var(--packs-accent);
    background: var(--packs-accent-soft);
}

.packs-sheet__avatar[b-3656blpgwf] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 50%;
    background: var(--packs-accent-soft);
    color: var(--packs-accent);
    font-size: 11px;
    font-weight: 700;
    transition: background-color var(--acme-transition-fast), color var(--acme-transition-fast);
}

.packs-sheet__waiter.is-selected .packs-sheet__avatar[b-3656blpgwf] {
    background: var(--packs-accent);
    color: #fff;
}

.packs-sheet__waiter-name[b-3656blpgwf] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packs-sheet__waiter.is-selected .packs-sheet__waiter-name[b-3656blpgwf] {
    font-weight: 600;
}

.packs-sheet__check[b-3656blpgwf] {
    color: var(--packs-accent);
    opacity: 0;
    transform: scale(.6);
    transition: opacity var(--acme-transition-fast), transform var(--acme-transition-fast);
}

.packs-sheet__waiter.is-selected .packs-sheet__check[b-3656blpgwf] {
    opacity: 1;
    transform: scale(1);
}

.packs-sheet__no-match[b-3656blpgwf] {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px 4px;
    color: var(--packs-muted);
    font-size: 12px;
    text-align: center;
}

.packs-sheet__empty[b-3656blpgwf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px dashed var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    color: var(--packs-muted);
    font-size: 12px;
}

.packs-sheet__empty i[b-3656blpgwf] {
    font-size: 18px;
}

.packs-sheet__empty div[b-3656blpgwf] {
    display: grid;
    gap: 2px;
}

.packs-sheet__empty strong[b-3656blpgwf] {
    color: var(--acme-dialog-text);
    font-size: 13px;
    font-weight: 600;
}

/* Loading placeholder rows */
.packs-sheet__skeleton[b-3656blpgwf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 6px;
}

.packs-sheet__skeleton-row[b-3656blpgwf] {
    height: 40px;
    border-radius: var(--acme-radius-sm);
    background: linear-gradient(90deg,
        var(--acme-dialog-header-surface) 0%,
        color-mix(in srgb, var(--acme-dialog-border) 60%, var(--acme-dialog-surface)) 50%,
        var(--acme-dialog-header-surface) 100%);
    background-size: 200% 100%;
    animation: packs-sheet-shimmer-b-3656blpgwf 1.2s ease-in-out infinite;
}

/* ---------- Summary + Save (sticks to the bottom of the panel body, styled like the panel footer) ---------- */
.packs-sheet__actions[b-3656blpgwf] {
    position: sticky;
    bottom: -8px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    gap: 12px;
    margin: auto -8px -8px;
    padding: 6px 8px 6px 12px;
    border-top: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.packs-sheet__summary[b-3656blpgwf] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.packs-sheet__summary-main[b-3656blpgwf] {
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.packs-sheet__summary-main strong[b-3656blpgwf] {
    font-size: 15px;
    font-variant-numeric: tabular-nums;
}

.packs-sheet__dot[b-3656blpgwf] {
    margin: 0 4px;
    color: var(--packs-muted);
}

.packs-sheet__summary-waiter[b-3656blpgwf] {
    font-weight: 600;
}

.packs-sheet__summary-muted[b-3656blpgwf] {
    color: var(--packs-muted);
}

.packs-sheet__summary-missing[b-3656blpgwf] {
    color: var(--acme-color-danger, #dc3545);
    font-weight: 500;
}

.packs-sheet__shortcut[b-3656blpgwf] {
    color: var(--packs-muted);
    font-size: 11px;
}

.packs-sheet kbd[b-3656blpgwf] {
    padding: 0 5px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    color: var(--acme-dialog-text);
    font-family: inherit;
    font-size: 10px;
    box-shadow: none;
}

.packs-sheet__save[b-3656blpgwf] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 104px;
    height: 36px;
    gap: 6px;
    padding: 0 16px;
    border: 1px solid var(--packs-accent);
    border-radius: var(--acme-radius-sm);
    background: var(--packs-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: filter var(--acme-transition-fast), box-shadow var(--acme-transition-fast), transform var(--acme-transition-fast);
}

.packs-sheet__save:hover:not(:disabled)[b-3656blpgwf] {
    filter: brightness(1.08);
}

.packs-sheet__save:active:not(:disabled)[b-3656blpgwf] {
    transform: translateY(1px);
}

.packs-sheet__save:disabled[b-3656blpgwf] {
    opacity: .75;
    cursor: progress;
}

.packs-sheet__save:focus-visible[b-3656blpgwf],
.packs-sheet__step:focus-visible[b-3656blpgwf],
.packs-sheet__chip:focus-visible[b-3656blpgwf],
.packs-sheet__link:focus-visible[b-3656blpgwf] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

@keyframes packs-sheet-in-b-3656blpgwf {
    from {
        opacity: 0;
        transform: translate3d(10px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes packs-sheet-shimmer-b-3656blpgwf {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

/* ---------- Touch (tablet / phone, any width) ----------
   Minimal 32px controls suit mouse use; fingers need ~44px targets and no hover-only cues. */
@media (pointer: coarse) {
    .packs-sheet__stepper[b-3656blpgwf] {
        grid-template-columns: 44px 60px 44px;
        height: 44px;
    }

    .packs-sheet__step[b-3656blpgwf] {
        width: 44px;
    }

    .packs-sheet__value[b-3656blpgwf] {
        width: 60px;
    }

    .packs-sheet__value[b-3656blpgwf]  input {
        font-size: 17px !important;
    }

    /* Two even rows of five instead of a ragged wrap. */
    .packs-sheet__chips[b-3656blpgwf] {
        display: grid;
        grid-template-columns: repeat(5, minmax(44px, 1fr));
        min-height: 44px;
        gap: 8px;
    }

    .packs-sheet__chip[b-3656blpgwf] {
        min-width: 44px;
        height: 44px;
        font-size: 14px;
    }

    .packs-sheet__waiter[b-3656blpgwf] {
        min-height: 48px;
    }

    .packs-sheet__search-input[b-3656blpgwf] {
        height: 40px;
        font-size: 16px;   /* 16px stops iOS zooming into the field */
    }

    .packs-sheet__link[b-3656blpgwf] {
        padding: 8px 10px;
    }

    .packs-sheet__save[b-3656blpgwf] {
        min-width: 120px;
        height: 44px;
    }

    .packs-sheet__shortcut[b-3656blpgwf] {
        display: none;
    }

    /* No "stuck" hover colours after a tap. */
    .packs-sheet__chip:hover:not(.is-selected)[b-3656blpgwf] {
        border-color: var(--packs-control-border);
        background: var(--acme-dialog-surface);
        color: var(--acme-dialog-text);
    }

    .packs-sheet__step:hover:not(:disabled)[b-3656blpgwf] {
        background: var(--acme-dialog-header-surface);
        color: var(--acme-dialog-text);
    }

    .packs-sheet__waiter:hover:not(.is-selected)[b-3656blpgwf] {
        border-color: var(--acme-dialog-border);
        background: var(--acme-dialog-surface);
    }

    /* Pressed feedback instead of hover. */
    .packs-sheet__chip:active[b-3656blpgwf],
    .packs-sheet__step:active:not(:disabled)[b-3656blpgwf],
    .packs-sheet__waiter:active[b-3656blpgwf] {
        background: var(--packs-accent-soft);
    }

    .packs-sheet__chip[b-3656blpgwf],
    .packs-sheet__step[b-3656blpgwf],
    .packs-sheet__waiter[b-3656blpgwf],
    .packs-sheet__save[b-3656blpgwf],
    .packs-sheet__link[b-3656blpgwf] {
        touch-action: manipulation;   /* no double-tap zoom delay */
        -webkit-tap-highlight-color: transparent;
    }
}

/* ---------- Phone ---------- */
@media (max-width: 575.98px) {
    .packs-sheet__guests[b-3656blpgwf] {
        flex-direction: column;
        align-items: stretch;
    }

    .packs-sheet__field[b-3656blpgwf],
    .packs-sheet__field--grow[b-3656blpgwf] {
        flex: 0 0 auto;
    }

    /* Control sizes on touch phones come from the (pointer: coarse) block above. */
    .packs-sheet__chips[b-3656blpgwf] {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }

    .packs-sheet__chip[b-3656blpgwf] {
        min-width: 0;
    }

    .packs-sheet__waiters[b-3656blpgwf],
    .packs-sheet__skeleton[b-3656blpgwf] {
        grid-template-columns: 1fr;
    }

    .packs-sheet__actions[b-3656blpgwf] {
        bottom: -6px;
        margin: auto -6px -6px;
        padding-bottom: max(6px, env(safe-area-inset-bottom));
    }

    .packs-sheet__shortcut[b-3656blpgwf] {
        display: none;
    }

    .packs-sheet__save[b-3656blpgwf] {
        height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .packs-sheet__card[b-3656blpgwf],
    .packs-sheet__stepper[b-3656blpgwf],
    .packs-sheet__step[b-3656blpgwf],
    .packs-sheet__chip[b-3656blpgwf],
    .packs-sheet__waiter[b-3656blpgwf],
    .packs-sheet__avatar[b-3656blpgwf],
    .packs-sheet__check[b-3656blpgwf],
    .packs-sheet__save[b-3656blpgwf],
    .packs-sheet__skeleton-row[b-3656blpgwf] {
        transition: none;
        animation: none;
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantProductInfoDialog.razor.rz.scp.css */
.product-info-host[b-3k2naya4y4]  .product-info-modal .modal-content {
    overflow: hidden;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-dialog-radius);
    background: var(--acme-dialog-surface);
    box-shadow: var(--acme-dialog-shadow);
}

.product-info-host[b-3k2naya4y4]  .product-info-modal__header {
    min-height: 3rem;
    padding: 0.35rem 0.5rem 0.35rem 0.75rem !important;
    border-bottom: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.product-info-host[b-3k2naya4y4]  .product-info-modal__body {
    max-height: min(78dvh, 36rem);
    padding: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
    scrollbar-width: thin;
}

.product-info-host[b-3k2naya4y4]  .product-info-modal__footer {
    min-height: 2.75rem;
    padding: 0.35rem 0.65rem !important;
    border-top: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.product-info-host[b-3k2naya4y4]  .product-info-modal__header .btn-close:focus-visible,
[b-3k2naya4y4] .product-info-close:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.product-info-heading[b-3k2naya4y4] {
    min-width: 0;
    flex: 1 1 auto;
    padding-right: 0.5rem;
}

.product-info-heading h2[b-3k2naya4y4] {
    margin: 0;
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 0.95rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.restaurant-billing__product-info[b-3k2naya4y4] {
    color: var(--acme-dialog-text);
}

.product-info-summary[b-3k2naya4y4] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--acme-dialog-border);
}

.product-info-identity[b-3k2naya4y4] {
    min-width: 0;
}

.product-info-code[b-3k2naya4y4] {
    display: block;
    overflow: hidden;
    color: var(--acme-dialog-text-muted);
    font-family: var(--bs-font-monospace);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-info-identity h3[b-3k2naya4y4] {
    margin: 0.1rem 0 0;
    overflow-wrap: anywhere;
    color: var(--acme-dialog-text);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
}

.product-info-status[b-3k2naya4y4] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.3rem;
    color: var(--acme-dialog-text-muted);
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.product-info-status.is-printed[b-3k2naya4y4] {
    color: var(--acme-color-success);
}

.product-info-grid[b-3k2naya4y4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.product-info-field[b-3k2naya4y4] {
    min-width: 0;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--acme-dialog-border);
}

.product-info-field:nth-child(odd)[b-3k2naya4y4] {
    border-right: 1px solid var(--acme-dialog-border);
}

.product-info-field dt[b-3k2naya4y4] {
    color: var(--acme-dialog-text-muted);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.3;
}

.product-info-field dd[b-3k2naya4y4] {
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
    color: var(--acme-dialog-text);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 1.35;
}

.product-info-field--total dd[b-3k2naya4y4] {
    color: var(--acme-dialog-accent);
    font-weight: 700;
}

.product-info-notes[b-3k2naya4y4] {
    padding: 0.55rem 0.75rem 0.65rem;
}

.product-info-notes h4[b-3k2naya4y4] {
    margin: 0;
    color: var(--acme-dialog-text);
    font-size: 0.7rem;
    font-weight: 700;
}

.product-info-notes p[b-3k2naya4y4] {
    max-width: 70ch;
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
    color: var(--acme-dialog-text-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.product-info-footer[b-3k2naya4y4] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

[b-3k2naya4y4] .product-info-close {
    min-height: 2.25rem;
    margin: 0 !important;
    border-radius: var(--acme-radius-md) !important;
}

@media (max-width: 480px) {
    .product-info-host[b-3k2naya4y4]  .product-info-modal .modal-dialog {
        width: calc(100% - 1rem);
        margin-inline: auto;
    }

    .product-info-host[b-3k2naya4y4]  .product-info-modal__body {
        max-height: 76dvh;
    }

    .product-info-summary[b-3k2naya4y4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .product-info-grid[b-3k2naya4y4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-info-field:nth-child(odd)[b-3k2naya4y4] {
        border-right: 0;
    }

    [b-3k2naya4y4] .product-info-close {
        width: 100%;
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-info-host[b-3k2naya4y4]  .product-info-modal *,
    .product-info-host[b-3k2naya4y4]  .product-info-modal *::before,
    .product-info-host[b-3k2naya4y4]  .product-info-modal *::after {
        transition: none !important;
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantTableList.razor.rz.scp.css */
[b-cp322bhg74] .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.1s ease-in;
}

.btn-table-active[b-cp322bhg74] {
    color: white;
    background: #17a2b8;
}

.btn-order-printed[b-cp322bhg74] {
    background-color: #FFA07A;
    color: black;
}

.btn-table-dirty[b-cp322bhg74] {
    background-color: #778899;
    color: white;
}

#restaurant-tables[b-cp322bhg74]::-webkit-scrollbar {
    display: none;
}

#restaurant-tables[b-cp322bhg74] {
    margin: 0;
    height: auto;
    background: var(--bg-color);
    scrollbar-width: thin;
    -ms-overflow-style: none;
    transition: width 0.6ms ease-in-out;
}

.offcanvas.show ~ #restaurant-tables[b-cp322bhg74] {
    width: 40% !important;
}

#restaurant-tables.hide[b-cp322bhg74] {
    width: 0;
}

[b-cp322bhg74] .Room {
    --bs-btn-disabled-bg: #3E989A !important;
    background-color: #3E989A !important;
}
/* /Component/Transaction/RestaurantBilling/RestaurantTerm.razor.rz.scp.css */
.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal .modal-content {
    overflow: hidden;
    color: var(--acme-dialog-text);
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-dialog-radius);
    background: var(--acme-dialog-surface);
    box-shadow: var(--acme-dialog-shadow);
}

.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal .modal-dialog {
    max-width: 34rem;
}

.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal__header {
    min-height: 2.75rem;
    padding: 0.25rem 0.45rem 0.25rem 0.65rem !important;
    border-bottom: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal__body {
    max-height: min(78dvh, 42rem);
    padding: 0 !important;
    overflow: hidden;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal__footer {
    min-height: 2.5rem;
    padding: 0.25rem 0.45rem !important;
    border-top: 1px solid var(--acme-dialog-border) !important;
    background: var(--acme-dialog-header-surface) !important;
}

.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal__header .btn-close:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal__header .btn-close {
    width: 1.875rem;
    height: 1.875rem;
    margin: 0 !important;
    padding: 0.45rem !important;
    border-radius: var(--acme-radius-sm);
}

.restaurant-term-heading[b-cv1odaatgu] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    padding-right: 0.5rem;
}

.restaurant-term-heading h2[b-cv1odaatgu] {
    margin: 0;
    overflow: hidden;
    color: var(--acme-dialog-text);
    font-size: 0.88rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.restaurant-term-content[b-cv1odaatgu] {
    display: grid;
    min-width: 0;
}

.restaurant-term-toolbar[b-cv1odaatgu] {
    padding: 0.25rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--acme-dialog-border);
    scrollbar-width: thin;
}

.restaurant-term-scope-options[b-cv1odaatgu] {
    display: flex;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
}

[b-cv1odaatgu] .restaurant-term-scope-button {
    display: inline-flex;
    min-width: 0;
    min-height: 2rem;
    flex: 1 1 0;
    margin: 0 0 0 -1px !important;
    padding-inline: 0.5rem !important;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: var(--acme-dialog-text-muted) !important;
    border-color: var(--acme-dialog-border) !important;
    border-radius: 0 !important;
    background: var(--acme-dialog-surface) !important;
    font-size: 0.72rem;
    font-weight: 600;
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

[b-cv1odaatgu] .restaurant-term-scope-button i {
    display: inline-grid;
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 1.35rem;
    place-items: center;
    color: var(--acme-dialog-text-muted);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
    font-size: 0.65rem;
    transform: none;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), transform var(--acme-transition-fast);
}

[b-cv1odaatgu] .restaurant-term-scope-button:first-child {
    margin-left: 0 !important;
}

[b-cv1odaatgu] .restaurant-term-scope-button:hover:not(:disabled) {
    color: var(--acme-dialog-text) !important;
    background: var(--acme-color-surface-hover) !important;
}

[b-cv1odaatgu] .restaurant-term-scope-button:hover:not(:disabled) i {
    color: var(--acme-dialog-text);
    transform: scale(1.06);
}

[b-cv1odaatgu] .restaurant-term-scope-button.is-selected {
    position: relative;
    z-index: 1;
    color: var(--acme-dialog-accent) !important;
    border-color: var(--acme-dialog-border) !important;
    background: color-mix(in srgb, var(--acme-dialog-accent) 12%, var(--acme-dialog-surface)) !important;
    box-shadow: inset 0 -0.16rem var(--acme-dialog-accent);
    font-weight: 700;
}

[b-cv1odaatgu] .restaurant-term-scope-button.is-selected i {
    color: var(--acme-color-text-on-primary, var(--acme-dialog-surface));
    background: var(--acme-dialog-accent);
}

[b-cv1odaatgu] .restaurant-term-scope-button.is-selected:hover:not(:disabled) {
    color: var(--acme-dialog-accent) !important;
    background: color-mix(in srgb, var(--acme-dialog-accent) 16%, var(--acme-dialog-surface)) !important;
}

[b-cv1odaatgu] .restaurant-term-scope-button.is-selected:hover:not(:disabled) i {
    color: var(--acme-color-text-on-primary, var(--acme-dialog-surface));
}

[b-cv1odaatgu] .restaurant-term-scope-button:focus-visible,
[b-cv1odaatgu] .restaurant-term-button:focus-visible {
    position: relative;
    z-index: 2;
    outline: none;
    box-shadow: inset var(--acme-focus-ring);
}

[b-cv1odaatgu] .restaurant-term-scope-button:disabled,
[b-cv1odaatgu] .restaurant-term-button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.restaurant-term-grid-wrap[b-cv1odaatgu] {
    height: min(38dvh, 20rem);
    min-height: 12rem;
    overflow: hidden;
    background: var(--acme-dialog-surface);
}

[b-cv1odaatgu] .restaurant-term-grid {
    height: 100%;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

[b-cv1odaatgu] .restaurant-term-grid .dgx-last-empty-row {
    display: none;
}

.restaurant-term-loading[b-cv1odaatgu] {
    display: grid;
    height: 100%;
    place-items: center;
}

.restaurant-term-footer[b-cv1odaatgu] {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.restaurant-term-footer__actions[b-cv1odaatgu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

[b-cv1odaatgu] .restaurant-term-button {
    min-height: 2rem;
    margin: 0 !important;
    padding-inline: 0.75rem !important;
    border-radius: var(--acme-radius-sm) !important;
    white-space: nowrap;
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

[b-cv1odaatgu] .restaurant-term-button i {
    color: currentColor !important;
    transform: none;
    transform-origin: center;
    transition: transform var(--acme-transition-fast), color var(--acme-transition-fast);
}

[b-cv1odaatgu] .restaurant-term-button--apply:hover:not(:disabled) i {
    transform: translateX(0.1rem) scale(1.05);
}

[b-cv1odaatgu] .restaurant-term-button--cancel:hover:not(:disabled) i {
    transform: scale(1.08);
}

@media (max-width: 600px) {
    .restaurant-term-host[b-cv1odaatgu]  .restaurant-term-modal .modal-dialog {
        width: calc(100% - 1rem);
        margin-inline: auto;
    }

    [b-cv1odaatgu] .restaurant-term-scope-button {
        min-height: 2.75rem;
        padding-inline: 0.5rem !important;
    }

    .restaurant-term-grid-wrap[b-cv1odaatgu] {
        height: min(48dvh, 20rem);
    }

    .restaurant-term-footer__actions[b-cv1odaatgu] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-cv1odaatgu] .restaurant-term-button {
        width: 100%;
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-cv1odaatgu] .restaurant-term-scope-button,
    [b-cv1odaatgu] .restaurant-term-scope-button i,
    [b-cv1odaatgu] .restaurant-term-button,
    [b-cv1odaatgu] .restaurant-term-button i {
        transition: none;
    }
}
/* /Component/Transaction/RestaurantBilling/RestaurantWaiterRing.razor.rz.scp.css */
/* Restaurant waiter ring — minimal split button (cashier) + slim alert (waiter). */
.restaurant-waiter-ring[b-7ffron0g7b] {
    --wr-primary: var(--acme-color-primary-action, #198754);
    --wr-primary-hover: var(--acme-color-primary-action-hover, #157347);
    --wr-on-primary: var(--bs-component-active-color, #fff);
    --wr-soft: color-mix(in srgb, var(--wr-primary) 9%, var(--wr-surface));
    --wr-surface: var(--acme-color-surface, #fff);
    --wr-surface-soft: var(--acme-color-surface-soft, #f9f9f9);
    --wr-border: var(--acme-color-border-light, #dee2e6);
    --wr-text: var(--acme-color-text-default, #3c4044);
    --wr-muted: var(--acme-color-text-muted, #6c757d);
    --wr-radius: var(--acme-radius-md, 8px);
    --wr-height: 32px;
    --wr-ease: 140ms ease;
    display: contents;
}

/* ---------- Cashier: split button ---------- */
.wr-control[b-7ffron0g7b] {
    position: relative;
    display: inline-flex;
}

.wr-split[b-7ffron0g7b] {
    display: inline-flex;
    height: var(--wr-height);
    border: 1px solid var(--wr-border);
    border-radius: var(--wr-radius);
    background: var(--wr-surface);
    overflow: hidden;
    transition: border-color var(--wr-ease), box-shadow var(--wr-ease);
}

.wr-split:hover[b-7ffron0g7b],
.wr-control.is-open .wr-split[b-7ffron0g7b] {
    border-color: color-mix(in srgb, var(--wr-primary) 45%, var(--wr-border));
}

.wr-control.is-open .wr-split[b-7ffron0g7b] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wr-primary) 12%, transparent);
}

.wr-select[b-7ffron0g7b],
.wr-ring[b-7ffron0g7b] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    border: 0;
    font-size: .8rem;
    line-height: 1;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color var(--wr-ease), color var(--wr-ease);
}

.wr-select[b-7ffron0g7b] {
    width: 190px;
    padding: 0 10px 0 6px;
    color: var(--wr-text);
    background: transparent;
    text-align: left;
}

.wr-select:hover:not(:disabled)[b-7ffron0g7b] {
    background: var(--wr-surface-soft);
}

.wr-select-icon[b-7ffron0g7b] {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    color: var(--wr-muted);
    font-size: .72rem;
}

.wr-select-label[b-7ffron0g7b] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wr-select-label.is-placeholder[b-7ffron0g7b] {
    color: var(--wr-muted);
    font-weight: 500;
}

.wr-chevron[b-7ffron0g7b] {
    color: var(--wr-muted);
    font-size: .62rem;
    transition: transform var(--wr-ease);
}

.wr-control.is-open .wr-chevron[b-7ffron0g7b] {
    transform: rotate(180deg);
}

.wr-ring[b-7ffron0g7b] {
    position: relative;
    padding: 0 12px;
    border-left: 1px solid var(--wr-border);
    color: var(--wr-on-primary);
    background: var(--wr-primary);
    font-weight: 700;
}

.wr-ring:hover:not(:disabled)[b-7ffron0g7b] {
    background: var(--wr-primary-hover);
}

.wr-ring:hover:not(:disabled) .fa-bell[b-7ffron0g7b] {
    animation: wr-wiggle-b-7ffron0g7b 500ms ease-in-out;
}

.wr-select:disabled[b-7ffron0g7b],
.wr-ring:disabled[b-7ffron0g7b] {
    cursor: not-allowed;
}

.wr-ring:disabled[b-7ffron0g7b] {
    color: var(--wr-muted);
    background: var(--wr-surface-soft);
}

.wr-select:disabled[b-7ffron0g7b] {
    opacity: .65;
}

.wr-spinner[b-7ffron0g7b] {
    width: .8rem;
    height: .8rem;
    border-width: .12em;
}

.wr-offline-dot[b-7ffron0g7b] {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--acme-color-danger, #dc3545);
}

.wr-select:focus-visible[b-7ffron0g7b],
.wr-ring:focus-visible[b-7ffron0g7b],
.wr-icon-btn:focus-visible[b-7ffron0g7b],
.wr-option:focus-visible[b-7ffron0g7b],
.wr-alert-ack:focus-visible[b-7ffron0g7b] {
    outline: 2px solid var(--wr-primary);
    outline-offset: -2px;
}

/* ---------- Avatar ---------- */
.wr-avatar[b-7ffron0g7b] {
    position: relative;
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: var(--wr-primary);
    background: var(--wr-soft);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.wr-avatar--sm[b-7ffron0g7b] {
    width: 22px;
    height: 22px;
    font-size: .58rem;
}

.wr-presence[b-7ffron0g7b] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 10px;
    height: 10px;
    border: 2px solid var(--wr-surface);
    border-radius: 50%;
    background: var(--acme-color-text-disabled, #b9bcbf);
}

.wr-presence.is-mobile[b-7ffron0g7b] {
    background: var(--acme-color-success, #198754);
}

/* ---------- Popover ---------- */
/* Opened in the browser top layer (popover) and placed by RestaurantWaiterRing.razor.js,
   so the header's overflow:hidden can't clip it. Absolute values are the no-JS fallback. */
.wr-panel[b-7ffron0g7b] {
    position: absolute;
    z-index: 1080;
    top: calc(100% + 6px);
    left: 0;
    width: min(300px, calc(100vw - 24px));
    margin: 0;
    padding: 0;
    color: var(--wr-text);
    overflow: hidden;
    border: 1px solid var(--wr-border);
    border-radius: var(--acme-radius-lg, 10px);
    background: var(--wr-surface);
    box-shadow: 0 12px 32px rgba(20, 28, 24, .14), 0 2px 6px rgba(20, 28, 24, .06);
    animation: wr-pop-b-7ffron0g7b 140ms cubic-bezier(.2, .8, .2, 1);
}

.wr-panel-header[b-7ffron0g7b] {
    display: flex;
    padding: 10px 8px 8px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.wr-panel-heading[b-7ffron0g7b] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.wr-panel-heading strong[b-7ffron0g7b] {
    color: var(--wr-text);
    font-size: .8rem;
}

.wr-panel-heading small[b-7ffron0g7b] {
    overflow: hidden;
    color: var(--wr-muted);
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wr-icon-btn[b-7ffron0g7b] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border: 0;
    border-radius: 6px;
    color: var(--wr-muted);
    background: transparent;
    font-size: .74rem;
    cursor: pointer;
    transition: background-color var(--wr-ease), color var(--wr-ease);
}

.wr-icon-btn:hover:not(:disabled)[b-7ffron0g7b] {
    color: var(--wr-primary);
    background: var(--wr-soft);
}

.wr-list[b-7ffron0g7b] {
    display: grid;
    max-height: 300px;
    padding: 0 6px 6px;
    overflow-y: auto;
    gap: 2px;
}

.wr-option[b-7ffron0g7b] {
    display: grid;
    padding: 6px 8px;
    align-items: center;
    grid-template-columns: 32px minmax(0, 1fr) 14px;
    gap: 10px;
    border: 0;
    border-radius: var(--wr-radius);
    color: var(--wr-text);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--wr-ease);
}

.wr-option:hover[b-7ffron0g7b] {
    background: var(--wr-surface-soft);
}

.wr-option.is-selected[b-7ffron0g7b] {
    background: var(--wr-soft);
}

.wr-option-copy[b-7ffron0g7b] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.wr-option-copy strong[b-7ffron0g7b] {
    overflow: hidden;
    font-size: .8rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wr-option-copy small[b-7ffron0g7b] {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    color: var(--wr-muted);
    font-size: .66rem;
    white-space: nowrap;
}

.wr-option-copy small i[b-7ffron0g7b] {
    font-size: .6rem;
}

.wr-sep[b-7ffron0g7b] {
    opacity: .6;
}

.wr-check[b-7ffron0g7b] {
    color: var(--wr-primary);
    font-size: .72rem;
    opacity: 0;
    transition: opacity var(--wr-ease);
}

.wr-option.is-selected .wr-check[b-7ffron0g7b] {
    opacity: 1;
}

.wr-empty[b-7ffron0g7b] {
    display: grid;
    padding: 18px 16px 22px;
    place-items: center;
    gap: 4px;
    color: var(--wr-muted);
    text-align: center;
}

.wr-empty > i[b-7ffron0g7b] {
    margin-bottom: 4px;
    color: var(--acme-color-text-disabled, #b9bcbf);
    font-size: 1.2rem;
}

.wr-empty strong[b-7ffron0g7b] {
    color: var(--wr-text);
    font-size: .8rem;
}

.wr-empty span[b-7ffron0g7b] {
    max-width: 220px;
    font-size: .7rem;
}

/* ---------- Waiter: slim alert ---------- */
.wr-alert[b-7ffron0g7b] {
    position: relative;
    z-index: 10;
    display: grid;
    margin-bottom: 6px;
    padding: 8px 8px 8px 12px;
    align-items: center;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    gap: 10px;
    border: 1px solid var(--wr-border);
    border-left: 3px solid var(--wr-primary);
    border-radius: var(--wr-radius);
    background: var(--wr-surface);
    box-shadow: 0 4px 14px rgba(20, 28, 24, .08);
    animation: wr-pop-b-7ffron0g7b 180ms cubic-bezier(.2, .8, .2, 1);
}

.wr-alert-icon[b-7ffron0g7b] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    color: var(--wr-primary);
    background: var(--wr-soft);
    font-size: .85rem;
}

.wr-alert-icon i[b-7ffron0g7b] {
    animation: wr-wiggle-b-7ffron0g7b 700ms ease-in-out 3;
}

.wr-alert-copy[b-7ffron0g7b] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.wr-alert-title[b-7ffron0g7b] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.wr-alert-title strong[b-7ffron0g7b] {
    color: var(--wr-text);
    font-size: .84rem;
}

.wr-alert-title time[b-7ffron0g7b] {
    color: var(--wr-muted);
    font-size: .68rem;
    font-variant-numeric: tabular-nums;
}

.wr-alert-message[b-7ffron0g7b] {
    overflow-wrap: anywhere;
    color: var(--wr-muted);
    font-size: .76rem;
}

.wr-alert-ack[b-7ffron0g7b] {
    display: inline-flex;
    height: 30px;
    padding: 0 12px;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 6px;
    color: var(--wr-on-primary);
    background: var(--wr-primary);
    font-size: .76rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color var(--wr-ease);
}

.wr-alert-ack:hover[b-7ffron0g7b] {
    background: var(--wr-primary-hover);
}

/* ---------- Motion ---------- */
@keyframes wr-pop-b-7ffron0g7b {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes wr-wiggle-b-7ffron0g7b {
    0%, 100% { transform: rotate(0); }
    20% { transform: rotate(-14deg); }
    40% { transform: rotate(12deg); }
    60% { transform: rotate(-8deg); }
    80% { transform: rotate(4deg); }
}

/* ---------- Small screens / touch ---------- */
@media (max-width: 575.98px) {
    .wr-select[b-7ffron0g7b] {
        width: 150px;
    }

    .wr-alert[b-7ffron0g7b] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .wr-alert-ack[b-7ffron0g7b] {
        grid-column: 1 / -1;
        justify-content: center;
        height: 36px;
    }
}

@media (pointer: coarse) {
    .restaurant-waiter-ring[b-7ffron0g7b] {
        --wr-height: 40px;
    }

    .wr-option[b-7ffron0g7b] {
        min-height: 48px;
    }

    .wr-icon-btn[b-7ffron0g7b] {
        width: 40px;
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wr-panel[b-7ffron0g7b],
    .wr-alert[b-7ffron0g7b],
    .wr-alert-icon i[b-7ffron0g7b],
    .wr-ring .fa-bell[b-7ffron0g7b],
    .wr-chevron[b-7ffron0g7b] {
        animation: none !important;
        transition: none;
    }
}
/* /Component/Transaction/RestaurantBilling/RestroOrderProductList.razor.rz.scp.css */
.search-section[b-jy0pq9isqr] {
    background-color: var(--acme-color-surface);
    border-radius: var(--acme-radius-lg);
    box-shadow: 0 5px 15px var(--acme-overlay-10);
    padding: 25px;
    margin-bottom: 20px;
    border: 1px solid var(--acme-color-surface-subtle);
}

.text-dark[b-jy0pq9isqr] {
    color: var(--acme-color-text-default) !important;
}

.text-muted[b-jy0pq9isqr] {
    color: var(--acme-color-text-muted) !important;
}

.order-section[b-jy0pq9isqr] {
    background-color: var(--acme-color-surface);
    border-radius: var(--acme-radius-lg);
    box-shadow: 0 5px 15px var(--acme-overlay-10);
    padding: 25px;
    margin-bottom: 20px;
    min-height: 0;
    border: 1px solid var(--acme-color-surface-subtle);
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

.order-items[b-jy0pq9isqr] {
    max-height: 30vh;
    height: 30vh;
    overflow: auto;
    padding: 12px;
    border-radius: 12px;
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-surface-subtle);
    margin-bottom: 10px;
}

.productDetails[b-jy0pq9isqr] {
    min-height: 0;
    max-height: 45vh;
    height: 40vh;
}

.sub-group[b-jy0pq9isqr] {
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

.product-card[b-jy0pq9isqr] {
    background: var(--acme-color-surface);
    transition: all .15s ease;
    cursor: pointer;
}

.product-card:hover[b-jy0pq9isqr] {
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.75rem var(--acme-overlay-10);
}

.order-item[b-jy0pq9isqr] {
    padding: 10px;
    border: 1px solid var(--acme-color-surface-subtle);
    background: var(--acme-color-surface);
}

.min-w-0[b-jy0pq9isqr] {
    min-width: 0;
}

.qty-control[b-jy0pq9isqr] {
    height: 32px;
}

.qty-btn[b-jy0pq9isqr] {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

/* amount */
.amount-text[b-jy0pq9isqr] {
    min-width: 70px;
    white-space: nowrap;
}

/* delete */
.delete-btn[b-jy0pq9isqr] {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.category-btn[b-jy0pq9isqr] {
    border: none;
    padding: 8px 14px;
    margin-right: 6px;
    font-size: 13px;
    transition: background-color var(--acme-transition-base), border-color var(--acme-transition-fast);
}

.total-section[b-jy0pq9isqr] {
    color: var(--acme-color-surface);
    padding: 20px;
    transition: all 1s ease-in-out;
}

.empty-order[b-jy0pq9isqr] {
    text-align: center;
    padding: 30px 20px;
    color: var(--acme-color-text-muted);
}

@media (max-width: 768px) {
    .search-section[b-jy0pq9isqr],
    .order-section[b-jy0pq9isqr] {
        padding: 15px;
    }

    .category-btn[b-jy0pq9isqr] {
        margin: 2px;
        font-size: 0.9rem;
    }

    .order-item[b-jy0pq9isqr] {
        padding: 8px;
    }

    .amount-text[b-jy0pq9isqr] {
        min-width: auto;
        font-size: 13px;
    }

    .qty-control[b-jy0pq9isqr] {
        height: 30px;
    }

    .order-item > div > div:last-child[b-jy0pq9isqr] {
        width: 100%;
        justify-content: space-between;
    }
}

i:hover[b-jy0pq9isqr] {
    cursor: pointer;
}

.price-tag[b-jy0pq9isqr] {
    --price-tag-background: var(--acme-color-danger);
    --price-tag-color: var(--acme-color-surface);
    --price-tag-height: 20px;
    --price-tag-corner: 4px;
    --price-tag-dot-radius: 6px;
    --price-tag-dot-background: var(--acme-color-surface);
    position: relative;
    display: inline-flex;
    flex-direction: column;
    height: var(--price-tag-height);
    margin-left: calc(var(--price-tag-height) / 2);
    padding: 0 5px 0 10px;
    color: var(--price-tag-color);
    border-radius: 0 var(--price-tag-corner) var(--price-tag-corner) 0;
    background-color: var(--price-tag-background);
    line-height: 1;
    justify-content: center;
}

.price-tag[b-jy0pq9isqr]::before {
    position: absolute;
    content: '';
    left: calc(-1 * var(--price-tag-height) / 2 * 0.7);
    width: calc(var(--price-tag-height) / 1.428);
    height: calc(var(--price-tag-height) / 1.428);
    transform: rotate(45deg);
    border-radius: 0 0 0 var(--price-tag-corner);
    background-color: var(--price-tag-background);
}

.price-tag[b-jy0pq9isqr]::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 50%;
    left: calc(-1 * var(--price-tag-height) / 2);
    width: var(--price-tag-dot-radius);
    height: var(--price-tag-dot-radius);
    transform: translate(-50%, -50%) translateX(calc(var(--price-tag-height) / 2));
    border-radius: 50%;
    background-color: var(--price-tag-dot-background);
}
/* /Component/Transaction/RestaurantBilling/RestroTableList.razor.rz.scp.css */
#restaurant-tables[b-g79bi8c666] {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-md);
    overflow: hidden;
}

.sticky-header[b-g79bi8c666],
.sticky-footer[b-g79bi8c666] {
    background: var(--acme-color-surface-soft);
}

.sticky-header[b-g79bi8c666] {
    border-bottom: 1px solid var(--acme-color-border-light);
}

.sticky-footer[b-g79bi8c666] {
    overflow-x: auto;
    border-top: 1px solid var(--acme-color-border-light);
    scrollbar-width: thin;
}

.content[b-g79bi8c666],
.scrollable-content[b-g79bi8c666] {
    min-height: 0;
}

.content[b-g79bi8c666] {
    flex: 1;
    overflow: hidden;
}

.scrollable-content[b-g79bi8c666] {
    height: 100%;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

[b-g79bi8c666] .restaurant-table-button {
    min-width: 5rem;
    min-height: 2.75rem;
}

[b-g79bi8c666] .sticky-header .custom-btn,
[b-g79bi8c666] .sticky-footer .custom-btn {
    min-height: 2.5rem;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    [b-g79bi8c666] .custom-btn {
        transition: none !important;
    }
}
/* /Component/Transaction/RestaurantBilling/TableList.razor.rz.scp.css */
.restaurant-table-list[b-ak2n2if224] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(9rem, 100%), 1fr));
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    max-height: 14rem;
    padding: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md);
    background: var(--acme-dialog-surface);
}

[b-ak2n2if224] .restaurant-table-option {
    display: grid !important;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: 0.4rem 0.55rem !important;
    color: var(--acme-dialog-text) !important;
    border: 1px solid var(--acme-dialog-border) !important;
    border-radius: var(--acme-radius-sm) !important;
    background: var(--acme-dialog-surface) !important;
    box-shadow: none;
    cursor: pointer;
    text-align: left;
    touch-action: manipulation;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

[b-ak2n2if224] .restaurant-table-option > i {
    display: inline-grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    color: var(--acme-dialog-text-muted);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
    font-size: 0.72rem;
}

[b-ak2n2if224] .restaurant-table-option:hover:not(:disabled) {
    color: var(--acme-dialog-text) !important;
    border-color: color-mix(in srgb, var(--acme-dialog-accent) 38%, var(--acme-dialog-border)) !important;
    background: var(--acme-color-surface-hover) !important;
}

[b-ak2n2if224] .restaurant-table-option:active:not(:disabled) {
    background: var(--acme-color-surface-muted) !important;
}

[b-ak2n2if224] .restaurant-table-option:focus-visible {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

[b-ak2n2if224] .restaurant-table-option.is-selected {
    color: var(--acme-dialog-text) !important;
    border-color: var(--acme-dialog-accent) !important;
    background: color-mix(in srgb, var(--acme-dialog-accent) 9%, var(--acme-dialog-surface)) !important;
    box-shadow: inset 0.2rem 0 var(--acme-dialog-accent);
}

[b-ak2n2if224] .restaurant-table-option.is-selected > i {
    color: var(--acme-color-text-on-primary, var(--acme-dialog-surface));
    background: var(--acme-dialog-accent);
}

.restaurant-table-option-content[b-ak2n2if224] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.35rem;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.restaurant-table-label[b-ak2n2if224] {
    overflow: hidden;
    color: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.restaurant-table-check[b-ak2n2if224] {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    color: transparent;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-pill);
    font-size: 0.58rem;
}

[b-ak2n2if224] .restaurant-table-option.is-selected .restaurant-table-label {
    font-weight: 700;
}

[b-ak2n2if224] .restaurant-table-option.is-selected .restaurant-table-check {
    color: var(--acme-color-text-on-primary, var(--acme-dialog-surface));
    border-color: var(--acme-dialog-accent);
    background: var(--acme-dialog-accent);
}

.restaurant-table-empty[b-ak2n2if224] {
    display: flex;
    min-height: 5rem;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    color: var(--acme-dialog-text-muted);
    font-size: 0.8rem;
}

.restaurant-table-empty__icon[b-ak2n2if224] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    color: var(--acme-dialog-text-muted);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-muted);
}

@media (max-width: 480px) {
    .restaurant-table-list[b-ak2n2if224] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: 12rem;
        padding: 0.4rem;
    }

    [b-ak2n2if224] .restaurant-table-option {
        min-height: 3rem;
    }
}

@media (max-width: 340px) {
    .restaurant-table-list[b-ak2n2if224] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-ak2n2if224] .restaurant-table-option {
        transition: none;
    }
}
/* /Component/Transaction/TransactionLog.razor.rz.scp.css */
.transaction-log[b-9u9ym6kpji] {
    width: 100%;
    min-height: 12rem;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
}

.transaction-log__list[b-9u9ym6kpji] {
    display: grid;
    max-height: calc(100vh - 8rem);
    margin: 0;
    padding: 0.75rem;
    gap: 0.65rem;
    overflow-y: auto;
    list-style: none;
    scrollbar-width: thin;
    overscroll-behavior: none;
}

.transaction-log__item[b-9u9ym6kpji] {
    min-width: 0;
}

.transaction-log__entry[b-9u9ym6kpji] {
    position: relative;
    min-width: 0;
    padding: 0.85rem 0.9rem 0.85rem 1.1rem;
    overflow: hidden;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-md);
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    box-shadow: var(--acme-shadow-sm);
    transition: border-color var(--acme-transition-fast), background-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast), transform var(--acme-transition-fast);
}

.transaction-log__entry:hover[b-9u9ym6kpji] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 28%, var(--acme-color-border-light));
    background: var(--acme-color-surface-hover);
    box-shadow: var(--acme-shadow-md);
    transform: translateY(-1px);
}

.transaction-log__entry-heading[b-9u9ym6kpji] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.transaction-log__action[b-9u9ym6kpji] {
    min-width: 0;
    color: var(--acme-color-text-default);
    font-size: 0.9rem;
    line-height: 1.35;
}

.transaction-log__date[b-9u9ym6kpji],
.transaction-log__user[b-9u9ym6kpji] {
    color: var(--acme-color-text-muted);
    font-size: 0.8rem;
}

.transaction-log__date[b-9u9ym6kpji] {
    flex: 0 0 auto;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.transaction-log__user[b-9u9ym6kpji] {
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
    gap: 0.35rem;
}

.transaction-log__details[b-9u9ym6kpji] {
    margin: 0.65rem 0 0;
    color: var(--acme-color-text-default);
    font-size: 0.875rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.transaction-log__state[b-9u9ym6kpji] {
    display: grid;
    min-height: 14rem;
    padding: 1.5rem;
    place-items: center;
    align-content: center;
    gap: 0.5rem;
    color: var(--acme-color-text-default);
    text-align: center;
}

.transaction-log__state h3[b-9u9ym6kpji],
.transaction-log__state p[b-9u9ym6kpji] {
    margin: 0;
}

.transaction-log__state h3[b-9u9ym6kpji] {
    font-size: 1rem;
}

.transaction-log__state p[b-9u9ym6kpji] {
    max-width: 24rem;
    color: var(--acme-color-text-muted);
    font-size: 0.875rem;
}

.transaction-log__state-icon[b-9u9ym6kpji] {
    color: var(--acme-color-danger);
    font-size: 1.5rem;
}

.transaction-log__entry--loading[b-9u9ym6kpji] {
    pointer-events: none;
}

.transaction-log__skeleton[b-9u9ym6kpji] {
    display: block;
    height: 0.75rem;
    border-radius: var(--acme-radius-sm);
    background: linear-gradient(
            90deg,
            var(--acme-color-surface-soft) 25%,
            var(--acme-color-surface-hover) 50%,
            var(--acme-color-surface-soft) 75%
    );
    background-size: 200% 100%;
    animation: transaction-log-loading-b-9u9ym6kpji 1.4s ease-in-out infinite;
}

.transaction-log__skeleton--title[b-9u9ym6kpji] {
    width: 7rem;
}

.transaction-log__skeleton--date[b-9u9ym6kpji] {
    width: 6rem;
}

.transaction-log__skeleton--user[b-9u9ym6kpji] {
    width: 9rem;
    margin-top: 0.55rem;
}

.transaction-log__skeleton--details[b-9u9ym6kpji] {
    width: min(100%, 22rem);
    margin-top: 0.8rem;
}

@keyframes transaction-log-loading-b-9u9ym6kpji {
    from {
        background-position: 200% 0;
    }
    to {
        background-position: -200% 0;
    }
}

@media (max-width: 576px) {
    .transaction-log__entry-heading[b-9u9ym6kpji] {
        flex-direction: column;
        gap: 0.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .transaction-log *[b-9u9ym6kpji],
    .transaction-log *[b-9u9ym6kpji]::before,
    .transaction-log *[b-9u9ym6kpji]::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }

    .transaction-log__entry:hover[b-9u9ym6kpji] {
        transform: none;
    }
}
/* /Component/Transaction/TransactionTerm.razor.rz.scp.css */
.transaction-term-grid-wrap[b-1e7ab6lfi0] {
    height: 14rem;
    min-height: 14rem;
    max-height: 14rem;
}

[b-1e7ab6lfi0] .transaction-term-grid {
    height: 100%;
}

[b-1e7ab6lfi0] .transaction-term-grid .dgx-js-host {
    min-height: 0;
}

/* Term rows come only from API configuration; this grid never offers a new row. */
[b-1e7ab6lfi0] .transaction-term-grid .dgx-last-empty-row {
    display: none;
}
/* /Component/Transaction/VoucherList.razor.rz.scp.css */
.table-container[b-wil4hv1foh] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-wil4hv1foh] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--table-header-bg);
    color: white;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

td[b-wil4hv1foh] {
    white-space: nowrap;
    color: var(--acme-color-text-default);
}

.table-sm td[b-wil4hv1foh], .table-sm th[b-wil4hv1foh] {
    padding: 0.01rem 0.4rem;
}

tr[b-wil4hv1foh] {
    cursor: pointer;
}

td[b-wil4hv1foh],
th[b-wil4hv1foh] {
    height: 2rem;
    padding: 0.25rem 0.55rem;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.select-row[b-wil4hv1foh] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-wil4hv1foh] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

input:focus[b-wil4hv1foh] {
    outline: 1px solid var(--acme-color-danger) !important;
    box-shadow: none !important;
    border-color: var(--acme-color-danger) !important;
    border: 0;
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-wil4hv1foh {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Layout/AdminLayout.razor.rz.scp.css */
/* Viewport: use the dynamic viewport height so mobile browser bars don't cut off the page. */
.app-viewport.vh-100[b-x1vr7useuh] {
    height: 100vh !important;
    min-height: 0;
}

.app-viewport > main[b-x1vr7useuh] {
    min-width: 0;
    min-height: 0;
    max-height: 100%;
}

@supports (height: 100dvh) {
    .app-viewport.vh-100[b-x1vr7useuh] {
        height: 100dvh !important;
    }
}

.app-shell-header[b-x1vr7useuh] {
    position: sticky;
    top: 0;
    z-index: var(--shell-header-z-index);
    background: var(--bg-color);
    box-shadow: 0 1px 0 var(--acme-white-08);
}

.topbar[b-x1vr7useuh] {
    min-height: 2.6rem;
    min-width: 0;
    color: var(--text-light);
    background-color: var(--bg-color);
}

/* ---------- Brand ---------- */

.brand[b-x1vr7useuh] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 0 1 auto;
}

.brand .navbar-brand[b-x1vr7useuh] {
    min-width: 0;
    margin: 0;
    padding: 0;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: .01em;
}

/* The link is rendered by NavLink (a child component), so it needs ::deep. */
.brand[b-x1vr7useuh]  .layout-company-link {
    display: block;
    min-width: 0;
    max-width: clamp(8rem, 20vw, 15rem);
    border-radius: var(--acme-radius-sm);
    transition: opacity var(--acme-transition-fast);
}

.brand[b-x1vr7useuh]  .layout-company-link:hover {
    opacity: .85;
}

.brand[b-x1vr7useuh]  .layout-company-link:focus-visible {
    outline: 2px solid var(--navbar-focus-color);
    outline-offset: 2px;
}

.layout-company-name[b-x1vr7useuh] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- Company / session badges ---------- */

.company-info[b-x1vr7useuh] {
    min-width: 0;
    overflow: hidden;
    flex-wrap: nowrap;
}

.system-meta-badge[b-x1vr7useuh] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 2px 8px;
    color: var(--text-light);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    background: var(--acme-white-08);
    border: 1px solid transparent;
    border-radius: var(--acme-radius-sm);
}

.system-meta-badge strong[b-x1vr7useuh] {
    color: var(--text-muted);
    font-weight: 600;
}

/* Only the fiscal-year badge is clickable. */
.system-meta-badge.is-action[b-x1vr7useuh] {
    cursor: pointer;
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast);
}

.system-meta-badge.is-action:hover[b-x1vr7useuh] {
    background: color-mix(in srgb, var(--text-light) 14%, transparent);
    border-color: color-mix(in srgb, var(--text-light) 18%, transparent);
}

.system-meta-badge.is-action:focus-visible[b-x1vr7useuh] {
    outline: 2px solid var(--navbar-focus-color);
    outline-offset: 1px;
}

/* License badge sits on the same element as .system-meta-badge (was a descendant selector before). */
.system-meta-badge.license.warn[b-x1vr7useuh] {
    color: #fbbf24;
    background: rgba(245, 158, 11, .15);
    border-color: rgba(245, 158, 11, .3);
}

.system-meta-badge.license.danger[b-x1vr7useuh] {
    color: #fca5a5;
    background: rgba(220, 53, 69, .18);
    border-color: rgba(220, 53, 69, .38);
}

.system-meta-badge.license strong[b-x1vr7useuh] {
    color: inherit;
}

@media (max-width: 768px) {
    .company-info[b-x1vr7useuh] {
        display: none !important;
    }

    .brand[b-x1vr7useuh]  .layout-company-link {
        max-width: 42vw;
    }
}
/* /Layout/DynamicTabPage.razor.rz.scp.css */
/* ---------- Tab strip ---------- */

.dynamic-tabs-wrapper[b-2nqxlbamzy] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 3px 6px;
    background: var(--acme-color-surface-soft, var(--acme-color-surface));
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-md);
}

.dynamic-tabs-container[b-2nqxlbamzy] {
    display: flex;
    flex: 1 1 0;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.dynamic-tabs-container[b-2nqxlbamzy]::-webkit-scrollbar {
    display: none;
}

.dynamic-tab[b-2nqxlbamzy] {
    position: relative;
    flex: 0 1 10.5rem;
    min-width: 7.5rem;
    max-width: 12rem;
    list-style: none;
}

.dynamic-tab--home[b-2nqxlbamzy] {
    flex: 0 0 auto;
    min-width: 0;
}

.dynamic-tab .nav-link[b-2nqxlbamzy] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    height: var(--dynamic-tab-height);
    margin: 0 !important;
    padding: var(--dynamic-tab-padding);
    color: var(--acme-color-text-muted);
    font-size: .75rem;
    font-weight: 500;
    background-color: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border-light) !important;
    border-radius: 6px !important;
    cursor: pointer;
    user-select: none;
    transition: background-color var(--acme-transition-fast),
    border-color var(--acme-transition-fast),
    color var(--acme-transition-fast),
    box-shadow var(--acme-transition-fast);
}

.dynamic-tab--home .nav-link[b-2nqxlbamzy] {
    justify-content: center;
    width: 1.75rem;
    padding: 0 !important;
}

.dynamic-tab .nav-link:hover[b-2nqxlbamzy] {
    color: var(--acme-color-text-default);
    background-color: var(--acme-color-surface-hover);
    border-color: var(--acme-color-border) !important;
}

/* Active tab: tinted surface plus an accent bar along the bottom. */
.dynamic-tab.active .nav-link[b-2nqxlbamzy] {
    color: var(--acme-color-primary-action) !important;
    font-weight: 600;
    background-color: color-mix(in srgb, var(--acme-color-primary-action) 8%, var(--acme-color-surface)) !important;
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 35%, var(--acme-color-border-light)) !important;
    box-shadow: 0 1px 3px var(--acme-overlay-10, rgba(0, 0, 0, .06));
}

.dynamic-tab .nav-link[b-2nqxlbamzy]::after {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: -1px;
    height: 2px;
    border-radius: 2px;
    background: var(--acme-color-primary-action);
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(.16, 1, .3, 1);
}

.dynamic-tab.active .nav-link[b-2nqxlbamzy]::after {
    transform: scaleX(1);
}

/* ---------- Tab content ---------- */

.dynamic-tab__label[b-2nqxlbamzy] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}

.dynamic-tab__label > .text-truncate[b-2nqxlbamzy] {
    min-width: 0;
}

.group-prefix-badge[b-2nqxlbamzy] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: var(--acme-color-text-muted);
    font-size: .6rem;
    font-weight: 700;
    background-color: var(--acme-color-surface-muted);
    border: 1px solid var(--acme-color-border-light);
    border-radius: 4px;
}

.dynamic-tab.active .group-prefix-badge[b-2nqxlbamzy] {
    color: var(--acme-color-primary-action);
    background-color: color-mix(in srgb, var(--acme-color-primary-action) 14%, var(--acme-color-surface));
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 40%, transparent);
}

.dynamic-tab__count[b-2nqxlbamzy] {
    flex-shrink: 0;
    padding: 0 5px;
    color: var(--acme-color-text-muted);
    font-size: .625rem;
    font-weight: 600;
    line-height: 16px;
    background: var(--acme-color-surface-muted);
    border-radius: 999px;
}

/* Close button: subtle until the tab is hovered or active. */
.dynamic-tab__close[b-2nqxlbamzy] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    padding: 0;
    font-size: .5rem;
    border-radius: 4px;
    background-size: .5rem;
    opacity: .35;
    transition: opacity var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.dynamic-tab .nav-link:hover .dynamic-tab__close[b-2nqxlbamzy],
.dynamic-tab.active .dynamic-tab__close[b-2nqxlbamzy] {
    opacity: .7;
}

.dynamic-tab__close:hover[b-2nqxlbamzy] {
    opacity: 1 !important;
    background-color: var(--acme-color-surface-muted);
}

/* Tab context menu: rows, icon actions and colours come from the shared .acme-popover-surface menu styles in
   app.css (dark navbar surface, the ContextMenu default), so nothing tab-specific is needed here. */

@media (prefers-reduced-motion: reduce) {
    .dynamic-tab .nav-link[b-2nqxlbamzy],
    .dynamic-tab .nav-link[b-2nqxlbamzy]::after,
    .dynamic-tab__close[b-2nqxlbamzy] {
        transition: none;
    }
}

.dynamic-tab .nav-link:focus-visible[b-2nqxlbamzy] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 1px;
}

.dynamic-tab__label > .text-truncate[b-2nqxlbamzy] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dynamic-tab-error[b-2nqxlbamzy] {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem;
    padding: 0.45rem 0.6rem;
    color: var(--acme-color-text-default);
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-color-surface-soft);
    font-size: 0.78rem;
}

.dynamic-tab-error > i[b-2nqxlbamzy] {
    color: var(--acme-color-warning);
}

.dynamic-tab-error > span[b-2nqxlbamzy] {
    min-width: 0;
    flex: 1 1 auto;
}

.dynamic-tab-error > button[b-2nqxlbamzy] {
    flex: 0 0 auto;
    border-radius: var(--acme-radius-sm);
}
/* /Layout/MainLayout.razor.rz.scp.css */
main[b-p45x0u08vu] {
    flex: 1;
    min-width: 0;
}

/* Viewport: use the dynamic viewport height so mobile browser bars don't cut off the page. */
.app-viewport.vh-100[b-p45x0u08vu] {
    height: 100vh !important;
    min-height: 0;
}

.app-viewport > main[b-p45x0u08vu] {
    min-height: 0;
    max-height: 100%;
}

@supports (-webkit-touch-callout: none) {
    .app-viewport.vh-100[b-p45x0u08vu] {
        height: -webkit-fill-available !important;
    }
}

@supports (height: 100dvh) {
    .app-viewport.vh-100[b-p45x0u08vu] {
        height: 100dvh !important;
    }
}

/* .row adds negative gutters; reset them so the header never overflows the viewport. */
.app-shell-header[b-p45x0u08vu] {
    position: sticky;
    top: 0;
    z-index: var(--shell-header-z-index);
    margin: 0;
    --bs-gutter-x: 0;
    background: var(--bg-color);
}

.top-bar[b-p45x0u08vu] {
    min-height: 2.6rem;
    padding-inline: .5rem;
    background: var(--bg-color);
    white-space: nowrap;
    box-shadow: 0 2px 6px var(--acme-overlay-20);
}

.top-bar > div[b-p45x0u08vu] {
    min-height: 2.6rem;
}

.text-custom-header[b-p45x0u08vu] {
    font-size: .8rem;
}

.text-custom-header strong[b-p45x0u08vu] {
    color: var(--text-muted);
    font-weight: 600;
}

.layout-company-link[b-p45x0u08vu] {
    display: block;
    min-width: 0;
    max-width: clamp(8rem, 20vw, 15rem);
    border-radius: var(--acme-radius-sm);
    transition: opacity var(--acme-transition-fast);
}

.layout-company-link:hover[b-p45x0u08vu] {
    opacity: .85;
}

.layout-company-link:focus-visible[b-p45x0u08vu] {
    outline: 2px solid var(--navbar-focus-color);
    outline-offset: 2px;
}

.layout-company-name[b-p45x0u08vu] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

[b-p45x0u08vu] .offline {
    color: #886262;
}
/* /Layout/PageTransitionWrapper.razor.rz.scp.css */
/* Top-of-viewport progress bar shown from a route change until the new page's API requests finish. */
.page-nav-loader[b-15m9lfmd5w] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* Above the shell header / navbar layers, below modals and toasts (see theme.css z-index stack). */
    z-index: calc(var(--navbar-mobile-z-index, 2147483260) + 5);
    height: 3px;
    pointer-events: none;
    background: color-mix(in srgb, var(--acme-color-primary-action) 14%, transparent);
    /* Short delay so instant navigations don't flash the bar. */
    animation: nav-loader-in-b-15m9lfmd5w 180ms ease-out 120ms both;
}

.nav-progress-bar[b-15m9lfmd5w] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Animates transform only (no left/width), so it stays on the compositor and never janks the page. */
.nav-progress-fill[b-15m9lfmd5w] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 45%;
    border-radius: var(--acme-radius-pill, 999px);
    background: linear-gradient(90deg,
    transparent,
    var(--acme-color-primary-action) 30%,
    color-mix(in srgb, var(--acme-color-primary-action) 55%, white) 70%,
    transparent);
    box-shadow: 0 0 10px color-mix(in srgb, var(--acme-color-primary-action) 55%, transparent);
    transform: translateX(-100%);
    will-change: transform;
    animation: nav-progress-slide-b-15m9lfmd5w 1.1s cubic-bezier(.65, 0, .35, 1) infinite;
}

/* Finishing: fill the bar, then fade it out. */
.page-nav-loader--done[b-15m9lfmd5w] {
    animation: nav-loader-out-b-15m9lfmd5w 280ms ease-in both;
}

.page-nav-loader--done .nav-progress-fill[b-15m9lfmd5w] {
    width: 100%;
    background: var(--acme-color-primary-action);
    transform: none;
    animation: none;
    transition: width 200ms ease-out;
}

@keyframes nav-progress-slide-b-15m9lfmd5w {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(225%);
    }
}

@keyframes nav-loader-in-b-15m9lfmd5w {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes nav-loader-out-b-15m9lfmd5w {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-nav-loader[b-15m9lfmd5w],
    .page-nav-loader--done[b-15m9lfmd5w] {
        animation: none;
    }

    .nav-progress-fill[b-15m9lfmd5w] {
        width: 100%;
        transform: none;
        animation: none;
        opacity: .7;
    }
}
/* /Pages/Agent/AiChat.razor.rz.scp.css */
/*
 * Uses the application theme variables so the chat sits inside the product rather than beside it.
 * No colour, radius, shadow or timing is invented here - a theme change carries through untouched.
 */

.ai-chat[b-6yyjep09rx] {
    /* One reading column. An ERP screen is wide; a line of prose should not be. */
    --ai-chat-column: 52rem;
    --ai-chat-gutter: 1.25rem;

    display: flex;
    flex-direction: row;
    height: 100%;
    min-height: 0;
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border);
    border-radius: var(--acme-radius-lg);
    overflow: hidden;
    /* The sidebar is positioned against this on a narrow screen. */
    position: relative;
}

/* The column the thread used to be: header, thread, composer. */
.ai-chat__main[b-6yyjep09rx] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

/* Sidebar ----------------------------------------------------------------- */

/*
 * A list, not a second conversation: names and times only. Wide enough for a question to be
 * recognised, narrow enough that the reading column beside it is still the point of the screen.
 */
.ai-chat__sidebar[b-6yyjep09rx] {
    flex: 0 0 15rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--acme-color-surface-soft);
    border-right: 1px solid var(--acme-color-border);
}

.ai-chat__sidebar-head[b-6yyjep09rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.85rem var(--ai-chat-gutter) 0.6rem;
}

.ai-chat__sidebar-title[b-6yyjep09rx] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--brand-accent);
}

.ai-chat__sidebar-count[b-6yyjep09rx] {
    padding: 0.05rem 0.4rem;
    font-size: 0.65rem;
    color: var(--acme-color-text-muted);
    background: var(--acme-color-surface-subtle);
    border-radius: var(--acme-radius-pill);
}

.ai-chat__sidebar-list[b-6yyjep09rx] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-height: 0;
    overflow-y: auto;
    padding: 0 0.5rem 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: var(--acme-color-border-strong) transparent;
}

/* The row is the container now: the chat itself, and its actions, are the two things inside it. */
.ai-chat__session[b-6yyjep09rx] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.15rem;
    width: 100%;
    border-radius: var(--acme-radius-md);
    transition: background var(--acme-transition-fast);
}

.ai-chat__session:hover[b-6yyjep09rx] {
    background: var(--acme-color-surface-subtle);
}

.ai-chat__session-open[b-6yyjep09rx] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.45rem 0.2rem 0.45rem 0.6rem;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
}

/*
 * Hidden until the row is wanted, so a list of ten chats is ten names rather than ten names and ten
 * controls. Kept for touch, where there is no hover to reveal it, and whenever its own menu is open.
 */
.ai-chat__session-menu[b-6yyjep09rx] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.25rem;
    font-size: 0.8rem;
    color: var(--acme-color-text-muted);
    background: none;
    border: none;
    border-radius: var(--acme-radius-sm);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--acme-transition-fast), background var(--acme-transition-fast);
}

.ai-chat__session:hover .ai-chat__session-menu[b-6yyjep09rx],
.ai-chat__session-menu:focus-visible[b-6yyjep09rx],
.ai-chat__session-menu[aria-expanded="true"][b-6yyjep09rx] {
    opacity: 1;
}

.ai-chat__session-menu:hover[b-6yyjep09rx] {
    background: var(--acme-color-border-light);
    color: var(--acme-color-text-default);
}

@media (hover: none) {
    .ai-chat__session-menu[b-6yyjep09rx] {
        opacity: 1;
    }
}

/* Action menu ------------------------------------------------------------- */

.ai-chat__menu[b-6yyjep09rx] {
    /* Fixed, and placed from the click: the list it belongs to scrolls and would clip it. */
    position: fixed;
    z-index: 1050;
    /* Opens down and to the left of the dots, which sit at the right edge of a left-hand panel. */
    transform: translate(-100%, 0.35rem);
    display: flex;
    flex-direction: column;
    min-width: 8.5rem;
    padding: 0.2rem;
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border);
    border-radius: var(--acme-radius-md);
    box-shadow: var(--acme-shadow-md);
}

.ai-chat__menu-item[b-6yyjep09rx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    font-size: 0.75rem;
    text-align: left;
    color: var(--acme-color-text-default);
    background: none;
    border: none;
    border-radius: var(--acme-radius-sm);
    cursor: pointer;
}

.ai-chat__menu-item:hover[b-6yyjep09rx] {
    background: var(--acme-color-surface-subtle);
}

/* Destructive and irreversible, so it says so before it is clicked as well as after. */
.ai-chat__menu-item--danger[b-6yyjep09rx] {
    color: var(--acme-color-danger);
}

.ai-chat__menu-item--danger:hover[b-6yyjep09rx] {
    background: var(--acme-color-danger-soft);
}

/* Sits under the menu and over everything else, so the next click anywhere closes it. */
.ai-chat__menu-scrim[b-6yyjep09rx] {
    position: fixed;
    inset: 0;
    z-index: 1049;
}

.ai-chat__rename[b-6yyjep09rx] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0.2rem 0.35rem;
    padding: 0.3rem 0.45rem;
    font: inherit;
    font-size: 0.78rem;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    border: 1px solid var(--brand-accent);
    border-radius: var(--acme-radius-sm);
}

.ai-chat__rename:focus[b-6yyjep09rx] {
    outline: none;
}

/* The open chat is stated, not merely tinted: this is the one thing the list has to answer. */
.ai-chat__session--active[b-6yyjep09rx] {
    background: var(--brand-gradient-subtle);
}

.ai-chat__session--active .ai-chat__session-title[b-6yyjep09rx] {
    color: var(--brand-accent);
    font-weight: 600;
}

.ai-chat__session-title[b-6yyjep09rx] {
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--acme-color-text-default);
    /* One line: a long question is recognised by how it starts. */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ai-chat__session-meta[b-6yyjep09rx] {
    font-size: 0.65rem;
    color: var(--acme-color-text-muted);
}

/* Shown only where the sidebar becomes an overlay. */
.ai-chat__sidebar-toggle[b-6yyjep09rx] {
    display: none;
    flex: 0 0 auto;
    place-items: center;
    width: 2rem;
    height: 2rem;
    margin-right: 0.15rem;
    font-size: 0.9rem;
    color: var(--acme-color-text-muted);
    background: none;
    border: none;
    border-radius: var(--acme-radius-md);
    cursor: pointer;
}

.ai-chat__sidebar-toggle:hover[b-6yyjep09rx] {
    background: var(--acme-color-surface-subtle);
}

.ai-chat__scrim[b-6yyjep09rx] {
    display: none;
}

/* Header ------------------------------------------------------------------ */

.ai-chat__header[b-6yyjep09rx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem var(--ai-chat-gutter);
    background: var(--acme-color-surface);
    border-bottom: 1px solid var(--acme-color-border);
}

.ai-chat__identity[b-6yyjep09rx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ai-chat__message-avatar[b-6yyjep09rx],
.ai-chat__empty-mark[b-6yyjep09rx] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.ai-chat__message-avatar[b-6yyjep09rx] {
    width: 2rem;
    height: 2rem;
    font-size: 0.7rem;
}

/*
 * The same 46px tile the rest of the application puts at the head of a page, so this screen reads as
 * part of the product rather than as a chat widget dropped into it.
 */
.ai-chat__icon[b-6yyjep09rx] {
    flex: 0 0 2.875rem;
    display: grid;
    place-items: center;
    width: 2.875rem;
    height: 2.875rem;
    font-size: 1.15rem;
    color: var(--brand-accent);
    background: var(--brand-gradient-subtle);
    border-radius: var(--acme-radius-md);
}

.ai-chat__titles[b-6yyjep09rx] {
    min-width: 0;
}

.ai-chat__eyebrow[b-6yyjep09rx] {
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--brand-accent);
}

.ai-chat__title[b-6yyjep09rx] {
    margin: 0.05rem 0 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--acme-color-text-default);
}

.ai-chat__subtitle[b-6yyjep09rx] {
    margin: 0.1rem 0 0;
    font-size: 0.75rem;
    color: var(--acme-color-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ai-chat__header-actions[b-6yyjep09rx] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

/*
 * Square rather than a pill with a word in it: the plus is the whole meaning, and the button keeps
 * one width in every language. Colour, radius and states come from the shared .btn-primary.
 */
.ai-chat__new[b-6yyjep09rx] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    font-size: 0.85rem;
    line-height: 1;
}

.ai-chat__new:disabled[b-6yyjep09rx] {
    opacity: 0.45;
    cursor: default;
}

/* Thread ------------------------------------------------------------------ */

.ai-chat__thread[b-6yyjep09rx] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    /* Keeps the view pinned to the newest message without a JS scroll helper. */
    overflow-anchor: auto;
    background: var(--acme-color-surface-soft);
    scrollbar-width: thin;
    scrollbar-color: var(--acme-color-border-strong) transparent;
    /* Column flex rather than a percentage height on the child: the scroller's own height comes from
       the outer flex layout, and a percentage against it is not reliably resolvable. */
    display: flex;
    flex-direction: column;
}

/* The scroller runs full width so its scrollbar sits at the panel edge; the column inside does not. */
.ai-chat__stream[b-6yyjep09rx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: var(--ai-chat-column);
    /* Grows to fill the scroller, which is what lets the empty state centre itself vertically. */
    flex: 1 0 auto;
    margin-inline: auto;
    padding: 1.25rem var(--ai-chat-gutter);
}

.ai-chat__thread[b-6yyjep09rx]::-webkit-scrollbar {
    width: 10px;
}

.ai-chat__thread[b-6yyjep09rx]::-webkit-scrollbar-thumb {
    background: var(--acme-color-border-strong);
    border: 3px solid transparent;
    background-clip: content-box;
    border-radius: var(--acme-radius-pill);
}

/* Empty state ------------------------------------------------------------- */

.ai-chat__empty[b-6yyjep09rx] {
    margin: auto;
    max-width: 34rem;
    text-align: center;
}

.ai-chat__empty-mark[b-6yyjep09rx] {
    width: 3rem;
    height: 3rem;
    margin: 0 auto 0.9rem;
    font-size: 0.9rem;
    color: var(--text-light);
    background: var(--brand-gradient);
    box-shadow: var(--brand-shadow-md);
}

.ai-chat__empty-title[b-6yyjep09rx] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--acme-color-text-default);
}

.ai-chat__empty-lead[b-6yyjep09rx] {
    margin: 0 0 1.25rem;
    color: var(--acme-color-text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

/* Two rows of two: four openers fit on one screen without becoming a list to read through. */
.ai-chat__suggestions[b-6yyjep09rx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    text-align: left;
}

/*
 * Cards rather than pills: the hint is the point. On first visit the useful thing to learn is not
 * that you may ask a question, but what this assistant can actually reach.
 */
.ai-chat__suggestion[b-6yyjep09rx] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    text-align: left;
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border);
    border-radius: var(--acme-radius-md);
    cursor: pointer;
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast),
    transform var(--acme-transition-fast);
}

.ai-chat__suggestion:hover[b-6yyjep09rx] {
    border-color: var(--brand-accent);
    box-shadow: var(--brand-shadow-sm);
    transform: translateY(-1px);
}

.ai-chat__suggestion:focus-visible[b-6yyjep09rx] {
    outline: none;
    border-color: var(--brand-accent);
    box-shadow: var(--acme-focus-ring);
}

.ai-chat__suggestion-text[b-6yyjep09rx] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--acme-color-text-default);
}

.ai-chat__suggestion-hint[b-6yyjep09rx] {
    font-size: 0.72rem;
    color: var(--acme-color-text-muted);
}

/* Messages ---------------------------------------------------------------- */

.ai-chat__message[b-6yyjep09rx] {
    display: flex;
    gap: 0.6rem;
    max-width: 85%;
}

.ai-chat__message--user[b-6yyjep09rx] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.ai-chat__message--agent[b-6yyjep09rx] {
    align-self: flex-start;
}

/*
 * Top-aligned, not bottom: an analyst answer runs to several paragraphs and a table, and an avatar
 * floating beside the last line of it reads as though it belongs to something else.
 */
.ai-chat__message-avatar[b-6yyjep09rx] {
    align-self: flex-start;
    margin-top: 0.15rem;
    background: var(--brand-dark);
    color: var(--text-light);
}

.ai-chat__bubble[b-6yyjep09rx] {
    min-width: 0;
    padding: 0.7rem 0.95rem;
    border-radius: var(--acme-radius-lg);
    font-size: 0.875rem;
    line-height: 1.6;
    box-shadow: var(--acme-shadow-sm);
}

.ai-chat__message--user .ai-chat__bubble[b-6yyjep09rx] {
    background: var(--brand-dark);
    color: var(--text-light);
    border-bottom-right-radius: var(--acme-radius-xs);
}

.ai-chat__message--agent .ai-chat__bubble[b-6yyjep09rx] {
    background: var(--acme-color-surface);
    color: var(--acme-color-text-default);
    border: 1px solid var(--acme-color-border);
    border-bottom-left-radius: var(--acme-radius-xs);
}

.ai-chat__text[b-6yyjep09rx] {
    overflow-wrap: anywhere;
}

/* The user's own words are never parsed, so their line breaks have to be kept. */
.ai-chat__text--plain[b-6yyjep09rx] {
    margin: 0;
    white-space: pre-wrap;
}

/*
 * Rendered answers are injected as markup, so Blazor's scope attribute is not on those elements.
 * ::deep is what reaches them from this component's scoped stylesheet.
 */
.ai-chat__text[b-6yyjep09rx]  > :first-child {
    margin-top: 0;
}

.ai-chat__text[b-6yyjep09rx]  > :last-child {
    margin-bottom: 0;
}

.ai-chat__text[b-6yyjep09rx]  p {
    margin: 0 0 0.65rem;
}

.ai-chat__text[b-6yyjep09rx]  h3,
.ai-chat__text[b-6yyjep09rx]  h4,
.ai-chat__text[b-6yyjep09rx]  h5,
.ai-chat__text[b-6yyjep09rx]  h6 {
    margin: 0.9rem 0 0.4rem;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--brand-dark);
}

.ai-chat__text[b-6yyjep09rx]  ul,
.ai-chat__text[b-6yyjep09rx]  ol {
    margin: 0 0 0.65rem;
    padding-left: 1.15rem;
}

.ai-chat__text[b-6yyjep09rx]  li {
    margin-bottom: 0.25rem;
}

.ai-chat__text[b-6yyjep09rx]  li::marker {
    color: var(--acme-color-text-muted);
}

.ai-chat__text[b-6yyjep09rx]  strong {
    font-weight: 600;
    color: var(--brand-dark);
}

.ai-chat__text[b-6yyjep09rx]  code {
    padding: 0.05rem 0.3rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.8em;
    background: var(--acme-color-surface-subtle);
    border-radius: var(--acme-radius-xs);
}

.ai-chat__text[b-6yyjep09rx]  pre {
    margin: 0 0 0.65rem;
    padding: 0.65rem 0.8rem;
    overflow-x: auto;
    background: var(--acme-color-surface-subtle);
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
}

.ai-chat__text[b-6yyjep09rx]  pre code {
    padding: 0;
    background: none;
}

/* Tables are the point of the analyst prompt: comparisons across periods and categories. */
.ai-chat__text[b-6yyjep09rx]  table {
    width: 100%;
    margin: 0 0 0.65rem;
    border-collapse: collapse;
    font-size: 0.8rem;
    /* A wide comparison scrolls inside the bubble instead of stretching it. */
    display: block;
    overflow-x: auto;
    border-radius: var(--acme-radius-sm);
}

.ai-chat__text[b-6yyjep09rx]  thead th {
    padding: 0.4rem 0.6rem;
    text-align: left;
    white-space: nowrap;
    color: var(--text-light);
    background: var(--table-header-bg);
    font-weight: 600;
}

.ai-chat__text[b-6yyjep09rx]  tbody td {
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--acme-color-border-light);
    vertical-align: top;
}

.ai-chat__text[b-6yyjep09rx]  tbody tr:nth-child(even) {
    background: var(--acme-color-surface-soft);
}

.ai-chat__text[b-6yyjep09rx]  tbody tr:last-child td {
    border-bottom: none;
}

/* Figures line up when they are right-aligned, and money is why this screen exists. */
.ai-chat__text[b-6yyjep09rx]  tbody td:not(:first-child) {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ai-chat__text[b-6yyjep09rx]  thead th:not(:first-child) {
    text-align: right;
}

.ai-chat__error[b-6yyjep09rx] {
    display: flex;
    gap: 0.4rem;
    margin: 0;
    color: var(--acme-color-danger-strong);
    font-size: 0.85rem;
}

.ai-chat__error[b-6yyjep09rx]::before {
    content: "!";
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.15rem;
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--acme-color-danger-strong);
    background: var(--acme-color-danger-soft);
    border-radius: 50%;
}

/* Usage strip ------------------------------------------------------------- */

.ai-chat__usage[b-6yyjep09rx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.6rem;
    padding-top: 0.55rem;
    border-top: 1px solid var(--acme-color-border-light);
}

.ai-chat__chip[b-6yyjep09rx] {
    padding: 0.12rem 0.5rem;
    font-size: 0.68rem;
    line-height: 1.5;
    color: var(--acme-color-text-muted);
    background: var(--acme-color-surface-subtle);
    border-radius: var(--acme-radius-pill);
    white-space: nowrap;
}

/* Cost and timing are context, not findings: they stay quieter than what answered the question. */
.ai-chat__chip--quiet[b-6yyjep09rx] {
    background: none;
    padding-inline: 0.15rem;
}

.ai-chat__chip--agent[b-6yyjep09rx] {
    color: var(--text-light);
    background: var(--brand-accent);
    font-weight: 500;
    text-transform: capitalize;
}

.ai-chat__chip--tool[b-6yyjep09rx] {
    color: var(--acme-color-primary-action);
    background: var(--brand-gradient-subtle);
    border: 1px solid var(--brand-border-light);
    font-variant-numeric: tabular-nums;
}

.ai-chat__chip--warn[b-6yyjep09rx] {
    color: var(--acme-color-danger-strong);
    background: var(--acme-color-danger-soft);
    font-weight: 500;
}

/* Progress ---------------------------------------------------------------- */

/*
 * Shown while the turn is working. A question that reads the database spends most of its time
 * before the first word is written, so this says which tool is running rather than only that
 * something is.
 */
.ai-chat__progress[b-6yyjep09rx] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.75rem;
    color: var(--acme-color-text-muted);
}

.ai-chat__progress-text[b-6yyjep09rx] {
    /* Changes wording as the turn moves through its stages, so it must not reflow the bubble. */
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-chat__progress-dots[b-6yyjep09rx] {
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
}

.ai-chat__progress-dots span[b-6yyjep09rx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--brand-accent);
    animation: ai-chat-pulse-b-6yyjep09rx 1.2s infinite ease-in-out;
}

.ai-chat__progress-dots span:nth-child(2)[b-6yyjep09rx] {
    animation-delay: 0.15s;
}

.ai-chat__progress-dots span:nth-child(3)[b-6yyjep09rx] {
    animation-delay: 0.3s;
}

/* The live tool strip sits above the answer, so its rule would double up with the bubble's own. */
.ai-chat__usage--live[b-6yyjep09rx] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

/* A caret on the last line, so a pause between fragments reads as thinking, not as finished. */
.ai-chat__text--live[b-6yyjep09rx] {
    margin-top: 0.6rem;
}

.ai-chat__text--live[b-6yyjep09rx]::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 0.95em;
    margin-left: 2px;
    vertical-align: text-bottom;
    background: var(--brand-accent);
    animation: ai-chat-caret-b-6yyjep09rx 1s step-end infinite;
}

@keyframes ai-chat-pulse-b-6yyjep09rx {
    0%, 60%, 100% {
        opacity: 0.25;
        transform: translateY(0);
    }
    30% {
        opacity: 1;
        transform: translateY(-2px);
    }
}

@keyframes ai-chat-caret-b-6yyjep09rx {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* Answer actions ---------------------------------------------------------- */

/*
 * Copy and retry sit under the answer rather than floating over it: an ERP answer is read to the end
 * before anything is done with it, and a control that overlaps the last line is in the way exactly
 * when the text matters most.
 */
.ai-chat__actions[b-6yyjep09rx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.ai-chat__action[b-6yyjep09rx] {
    padding: 0.2rem 0.6rem;
    font: inherit;
    font-size: 0.7rem;
    line-height: 1.5;
    color: var(--acme-color-text-muted);
    background: none;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-pill);
    cursor: pointer;
    /* Quiet until wanted: these are always on screen, once per answer, and should not compete with
       the figures above them. */
    opacity: 0.75;
    transition: opacity var(--acme-transition-fast) ease,
    color var(--acme-transition-fast) ease,
    border-color var(--acme-transition-fast) ease;
}

.ai-chat__action:hover:not(:disabled)[b-6yyjep09rx],
.ai-chat__action:focus-visible[b-6yyjep09rx] {
    opacity: 1;
    color: var(--acme-color-text-default);
    border-color: var(--acme-color-border-strong);
}

.ai-chat__action:disabled[b-6yyjep09rx] {
    opacity: 0.4;
    cursor: default;
}

/* Says what happened rather than animating: the confirmation is the word, and it is read, not watched. */
.ai-chat__action--done[b-6yyjep09rx] {
    opacity: 1;
    color: var(--acme-color-success);
    border-color: currentColor;
}

/* Jump to latest ---------------------------------------------------------- */

/*
 * Sticky inside the scroller rather than absolutely placed against the panel: the scroller already
 * knows where its own bottom is, and nothing here has to be kept in step with the composer's height.
 * The negative margin keeps the button out of the flow, so it never adds a gap below the last answer.
 */
.ai-chat__jump[b-6yyjep09rx] {
    position: sticky;
    bottom: 0.75rem;
    align-self: center;
    margin-top: -2.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.8rem;
    font: inherit;
    font-size: 0.72rem;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border);
    border-radius: var(--acme-radius-pill);
    box-shadow: var(--acme-shadow-sm);
    cursor: pointer;
    z-index: 1;
}

.ai-chat__jump:hover[b-6yyjep09rx],
.ai-chat__jump:focus-visible[b-6yyjep09rx] {
    border-color: var(--acme-color-border-strong);
}

.ai-chat__jump-arrow[b-6yyjep09rx] {
    font-size: 0.85rem;
    line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
    .ai-chat__progress-dots span[b-6yyjep09rx],
    .ai-chat__text--live[b-6yyjep09rx]::after {
        animation: none;
        opacity: 0.5;
    }

    .ai-chat__suggestion:hover[b-6yyjep09rx] {
        transform: none;
    }

    /* The panel still moves - it has nowhere else to be - but it arrives rather than slides. */
    .ai-chat__sidebar[b-6yyjep09rx] {
        transition: none;
    }
}

/* Composer ---------------------------------------------------------------- */

.ai-chat__composer[b-6yyjep09rx] {
    flex: 0 0 auto;
    padding: 0.75rem var(--ai-chat-gutter) 0.6rem;
    background: var(--acme-color-surface);
    border-top: 1px solid var(--acme-color-border);
}

/*
 * The field and its button are one control. The border lives on the wrapper so focus lights the
 * whole thing, rather than a box inside a box.
 */
.ai-chat__composer-field[b-6yyjep09rx] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    width: 100%;
    max-width: var(--ai-chat-column);
    margin-inline: auto;
    padding: 0.35rem 0.35rem 0.35rem 0.25rem;
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border-soft);
    border-radius: var(--acme-radius-lg);
    box-shadow: var(--acme-shadow-sm);
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.ai-chat__composer-field:focus-within[b-6yyjep09rx] {
    border-color: var(--brand-accent);
    box-shadow: var(--acme-focus-ring);
}

.ai-chat__input[b-6yyjep09rx] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 2.25rem;
    /* Matches ComposerMaximumHeightPx, which is what actually stops the growth. Kept here as well so
       the box is bounded for the render before the first resize runs. */
    max-height: 200px;
    padding: 0.5rem 0.65rem;
    font: inherit;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--acme-color-text-default);
    background: none;
    border: none;
    /* The composer grows to fit what is typed, so a drag handle would only fight it. */
    resize: none;
    overflow-y: hidden;
}

.ai-chat__input:focus[b-6yyjep09rx] {
    outline: none;
}

.ai-chat__input:disabled[b-6yyjep09rx] {
    color: var(--acme-color-text-disabled);
}

.ai-chat__send[b-6yyjep09rx] {
    flex: 0 0 auto;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-light);
    background: var(--acme-color-primary-action);
    border: 1px solid transparent;
    border-radius: var(--acme-radius-md);
    cursor: pointer;
    transition: background var(--acme-transition-fast), color var(--acme-transition-fast);
}

.ai-chat__send:hover:not(:disabled)[b-6yyjep09rx] {
    background: var(--acme-color-primary-action-hover);
}

.ai-chat__send:focus-visible[b-6yyjep09rx] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.ai-chat__send:disabled[b-6yyjep09rx] {
    color: var(--acme-color-text-disabled);
    background: var(--acme-color-surface-muted);
    cursor: default;
}

/* Stops the turn in flight. Deliberately quieter than Send: it is a way out, not the main action. */
.ai-chat__send--stop[b-6yyjep09rx] {
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface-subtle);
    border-color: var(--acme-color-border);
}

.ai-chat__send--stop:hover[b-6yyjep09rx] {
    background: var(--acme-color-surface-hover);
}

.ai-chat__hint[b-6yyjep09rx] {
    width: 100%;
    max-width: var(--ai-chat-column);
    margin: 0.5rem auto 0;
    font-size: 0.7rem;
    color: var(--acme-color-text-muted);
    text-align: center;
}

/* Narrow screens ---------------------------------------------------------- */

@media (max-width: 900px) {
    /*
     * Over the thread rather than beside it. Stacking would push the conversation off the screen,
     * and the list is consulted occasionally while the thread is read constantly.
     */
    .ai-chat__sidebar[b-6yyjep09rx] {
        position: absolute;
        inset: 0 auto 0 0;
        z-index: 3;
        width: 15rem;
        transform: translateX(-100%);
        transition: transform var(--acme-transition-base);
        box-shadow: var(--acme-shadow-md);
    }

    .ai-chat__sidebar--open[b-6yyjep09rx] {
        transform: translateX(0);
    }

    .ai-chat__scrim[b-6yyjep09rx] {
        display: block;
        position: absolute;
        inset: 0;
        z-index: 2;
        background: var(--acme-overlay-25);
    }

    .ai-chat__sidebar-toggle[b-6yyjep09rx] {
        display: grid;
    }
}

@media (max-width: 640px) {
    .ai-chat__suggestions[b-6yyjep09rx] {
        grid-template-columns: 1fr;
    }

    .ai-chat__icon[b-6yyjep09rx] {
        display: none;
    }

    .ai-chat[b-6yyjep09rx] {
        --ai-chat-gutter: 0.85rem;
        border: none;
        border-radius: 0;
    }

    .ai-chat__message[b-6yyjep09rx] {
        max-width: 95%;
    }

    .ai-chat__subtitle[b-6yyjep09rx] {
        display: none;
    }

    .ai-chat__hint[b-6yyjep09rx] {
        /* Two of the three tips are about a keyboard the phone does not have. */
        display: none;
    }
}
/* /Pages/ApplicationSettings/WebSetting.razor.rz.scp.css */
.web-settings-page[b-erlndizgc8] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.web-settings-page[b-erlndizgc8]  .settings-tabs {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    min-width: 0;
    display: flex;
    /*flex-direction: column;*/
    overflow: hidden;
}

/* Tab buttons should keep their natural height */
.web-settings-page[b-erlndizgc8]  .settings-tabs > nav {
    flex: 0 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
}

/* Remaining available space */
.web-settings-page[b-erlndizgc8]  .settings-tabs > .tab-content {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Active tab must fill tab-content */
.web-settings-page[b-erlndizgc8]  .settings-tabs > .tab-content > .tab-pane.active {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* This is the actual scrolling area */
.web-settings-page .tab-scroll-area[b-erlndizgc8] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: none;
    scrollbar-gutter: stable;
}
/* /Pages/ApplicationSettings/Widgets/ApplicationRoutes.razor.rz.scp.css */
/* Container */
.route-list-page[b-dvm3t1m1vp] {
    height: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

/* Custom scrollbar for WebKit browsers */
.route-list-page[b-dvm3t1m1vp]::-webkit-scrollbar {
    width: 6px;
}
.route-list-page[b-dvm3t1m1vp]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Page title */
.route-list-page h3[b-dvm3t1m1vp] {
    margin-bottom: 1rem;
    font-weight: 600;
    color: #dc3545; /* text-danger */
}

/* Loading / empty message */
.route-list-page p[b-dvm3t1m1vp] {
    color: #6c757d;
}
.route-list-page .table code[b-dvm3t1m1vp] {
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #e83e8c;
}
.route-list-page a[b-dvm3t1m1vp] {
    text-decoration: none;
    font-weight: 500;
    color: var(--acme-color-primary-action);
}
.route-list-page a:hover[b-dvm3t1m1vp] {
    text-decoration: underline;
}
/* /Pages/ApplicationSettings/Widgets/ApplicationShortCuts.razor.rz.scp.css */
.shortcut-page[b-os9qzd7isx] {
    padding: 20px;
}

.shortcut-list[b-os9qzd7isx] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.shortcut-item[b-os9qzd7isx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border: 1px solid #2d2d2d;
    border-radius: 14px;
    background: #161616;
}

.shortcut-info[b-os9qzd7isx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.shortcut-title[b-os9qzd7isx] {
    font-size: 15px;
    font-weight: 600;
    color: white;
}

.shortcut-route[b-os9qzd7isx] {
    font-size: 13px;
    color: #9ca3af;
}

.shortcut-button[b-os9qzd7isx] {
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #343434;
    background: #202020;
    border-radius: 12px;
    padding: 10px 14px;
    cursor: pointer;
    outline: none;
}

.shortcut-button:focus[b-os9qzd7isx] {
    border-color: #6ea8fe;
    box-shadow: 0 0 0 3px rgba(110, 168, 254, 0.2);
}

.shortcut-keys[b-os9qzd7isx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

kbd[b-os9qzd7isx] {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #3d3d3d;
    background: #2b2b2b;
    color: white;
    font-size: 12px;
    font-weight: 600;
    font-family: inherit;
}
.recording-text[b-os9qzd7isx] {
    color: #6ea8fe;
    font-size: 13px;
    font-weight: 600;
}
/* /Pages/ApplicationSettings/Widgets/DynamicTabSettings.razor.rz.scp.css */
/* /Pages/ApplicationSettings/Widgets/OpenWaNotificationTest.razor.rz.scp.css */
.openwa-test-page[b-s00isr078w] {
    height: 100%;
    min-height: 100%;
    background: var(--bs-tertiary-bg);
}

.openwa-test-container[b-s00isr078w] {
    width: min(100%, 85dvw);
    margin-inline: auto;
}

.openwa-icon[b-s00isr078w] {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    background: rgba(var(--bs-success-rgb), 0.14);
    color: var(--acme-color-success);
    font-size: 1.4rem;
}

.openwa-empty-state[b-s00isr078w],
.openwa-attachment-card[b-s00isr078w] {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    background: var(--bs-body-bg);
}

.openwa-empty-state[b-s00isr078w] {
    border-style: dashed;
}

.openwa-action-button[b-s00isr078w],
.openwa-icon-button[b-s00isr078w],
.openwa-submit-button[b-s00isr078w] {
    min-height: 44px;
}

.openwa-icon-button[b-s00isr078w] {
    min-width: 44px;
}

.openwa-submit-button[b-s00isr078w] {
    min-width: 190px;
}

@media (max-width: 576px) {
    .openwa-test-page[b-s00isr078w] {
        padding: 0.75rem !important;
    }

    .openwa-action-button[b-s00isr078w],
    .openwa-submit-button[b-s00isr078w] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border[b-s00isr078w] {
        animation-duration: 1.5s;
    }
}
/* /Pages/Aramex/AwbListReport/AwbListReport.razor.rz.scp.css */
.table-container[b-amho3lhsvd] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

table thead[b-amho3lhsvd],
table tfoot[b-amho3lhsvd] {
    position: sticky;
}

table thead[b-amho3lhsvd] {
    inset-block-start: 0;
    background: var(--acme-color-surface-muted);
}

table tfoot[b-amho3lhsvd] {
    inset-block-end: 0;
    background: var(--acme-color-surface-muted);
}
th[b-amho3lhsvd], td[b-amho3lhsvd] {
    white-space: nowrap;
}


th[b-amho3lhsvd] {
    white-space: nowrap;
    width: 100%;
}


th[b-amho3lhsvd], td[b-amho3lhsvd] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr[b-amho3lhsvd] {
    cursor: pointer;
}

tr:focus[b-amho3lhsvd] {
    outline: none;
}

.skeleton-loader[b-amho3lhsvd] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-amho3lhsvd] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-amho3lhsvd] {
    width: 100px;
    height: 20px;
    border-radius: 4px;
    background: linear-gradient(90deg, #f8efef 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-amho3lhsvd 2.5s infinite linear;
}

@keyframes flow-b-amho3lhsvd {
    0% {
        background-position: 200% 200%;
    }
    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Aramex/AwbSalesListReport/AwbSalesListReport.razor.rz.scp.css */
/* /Pages/Aramex/LedgerReport/AramexLedgerReport.razor.rz.scp.css */
/* /Pages/Aramex/SalesInvoice/AramexSIDetailsByShipperNumber.razor.rz.scp.css */
.invoiceList[b-i6fkes0bi6] {
    max-height: 40vh;
    min-height: 20vh;
    scrollbar-width: thin;
}

.invoiceList table[b-i6fkes0bi6] {
    table-layout: auto !important;
    width: 100%;
}

.invoiceList td[b-i6fkes0bi6],
.invoiceList th[b-i6fkes0bi6] {
    white-space: nowrap !important;
    word-break: break-word;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.invoiceList .table-responsive[b-i6fkes0bi6] {
    overflow-x: auto;
}
/* /Pages/Aramex/SalesInvoice/FrmAramexSalesInvoice.razor.rz.scp.css */
/* /Pages/Aramex/SalesInvoice/ListAramexSalesInvoice.razor.rz.scp.css */
.body-section[b-ryssswvf0y] {
    height: 100vh;
    padding: 50px 0;
}

.table-container[b-ryssswvf0y] {
    max-height: 82vh;
    border: 1px solid var(--acme-color-border);
    font-size: 0.9rem;
}

th[b-ryssswvf0y] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted); /* Keeps the header background when scrolling */
    z-index: 1;
}

th[b-ryssswvf0y], td[b-ryssswvf0y] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

.table-sm td[b-ryssswvf0y], .table-sm th[b-ryssswvf0y] {
    padding: 0.01rem 0.4rem;
    height: 25px;
    cursor: pointer;
}

tr[b-ryssswvf0y] {
    cursor: pointer;
}
/* /Pages/Aramex/Settings/AramexRateList.razor.rz.scp.css */
.table-container[b-qeio5h0a55] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;

}

.table-sm td[b-qeio5h0a55], .table-sm th[b-qeio5h0a55] {
    padding: 0.01rem 0.4rem;
}

th[b-qeio5h0a55], td[b-qeio5h0a55] {
    white-space: nowrap;
}

th[b-qeio5h0a55] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}


.highlight-row[b-qeio5h0a55], .highlight-row:focus[b-qeio5h0a55] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-qeio5h0a55] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-qeio5h0a55], td[b-qeio5h0a55] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-qeio5h0a55] {
    outline: none;
}

.skeleton-loader[b-qeio5h0a55] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-qeio5h0a55] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-qeio5h0a55] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-qeio5h0a55 2.5s infinite linear;
}

input[type=checkbox]:disabled[b-qeio5h0a55] {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    cursor: not-allowed;
    background-color: var(--acme-color-primary-action);
    border-color: var(--acme-color-primary-action);
    background-repeat: no-repeat;
    background-position: center;
}


@keyframes flow-b-qeio5h0a55 {
    0% {
        background-position: 200% 200%;
    }
    100% {
        background-position: -200% -200%;
    }
}

.taxable[b-qeio5h0a55] {
    background-color: var(--taxable-color);
}

.taxable td[b-qeio5h0a55] {
    color: var(--taxable-color);
}

.non-taxable[b-qeio5h0a55] {
    background-color: var(--non-taxable-color);
}

.non-taxable td[b-qeio5h0a55] {
    color: var(--non-taxable-color);
}
/* /Pages/Auth/ListArea.razor.rz.scp.css */
.body-section[b-8bnvvfbt9n] {
    height: 100vh;
    background-color: var(--body-background-color);
    display: flex;
    justify-content: center;
}

.container[b-8bnvvfbt9n] {
    min-width: 120px;
    max-height: 14vh;
}

.table-container[b-8bnvvfbt9n] {
    border: 1px solid var(--acme-color-border);
    font-size: 0.9rem;
}

th[b-8bnvvfbt9n] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-8bnvvfbt9n], td[b-8bnvvfbt9n] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

.table-sm td[b-8bnvvfbt9n], .table-sm th[b-8bnvvfbt9n] {
    padding: 0.01rem 0.4rem;
    height: 25px;
    cursor: pointer;
}

tr[b-8bnvvfbt9n] {
    cursor: pointer;
}


@media (max-width: 576px) {
    .container[b-8bnvvfbt9n] {
        min-height: fit-content;
        max-height: 95vh;
        margin: 0 0.5rem !important;
    }

    .table-sm td[b-8bnvvfbt9n], .table-sm th[b-8bnvvfbt9n] {
        height: 35px;
        vertical-align: middle;
    }
}

.highlight-row > td[b-8bnvvfbt9n] {
    background: inherit;
}
/* /Pages/Auth/ListBranch.razor.rz.scp.css */
.body-section[b-0zkyz5uzuu] {
    min-height: 100vh;
    background-color: var(--body-background-color);
    display: flex;
    justify-content: center;
    padding-top: 2rem;
}

.container[b-0zkyz5uzuu] {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    padding: 1rem;
}

.branch-grid[b-0zkyz5uzuu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    position: relative;
}

.branch-card[b-0zkyz5uzuu] {
    width: 180px;
    background: var(--acme-color-surface);
    border-radius: 16px;
    padding: 22px;
    text-align: center;
    border: 1px solid var(--acme-color-border);
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 6px 18px var(--acme-overlay-05);
    position: relative;
}

.branch-card:hover[b-0zkyz5uzuu] {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
}

.branch-overlay[b-0zkyz5uzuu] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    animation: fadeIn 0.3s ease;
}
.branch-icon[b-0zkyz5uzuu] {
    width: 50px;
    height: 50px;
    margin: 0 auto 12px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.branch-title[b-0zkyz5uzuu] {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 14px;
}

.branch-subtitle[b-0zkyz5uzuu] {
    font-size: 12px;
    color: var(--acme-color-text-muted);
    margin-bottom: 12px;
}


@media (max-width: 576px) {
    .branch-card[b-0zkyz5uzuu] {
        width: 45%;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .branch-card[b-0zkyz5uzuu] {
        width: 120px;
    }
}
/* /Pages/Auth/ListCompany.razor.rz.scp.css */
.body-section[b-v334za73xr] {
    height: 100vh;
    background-color: var(--body-background-color);
    display: flex;
    justify-content: center;
}

.container[b-v334za73xr] {
    max-height: fit-content;
    border-radius: .25rem;
    overflow: hidden;
    max-width: 70rem;
}

.table-container[b-v334za73xr] {
    border: 1px solid var(--acme-color-border);
    font-size: 0.9rem;
    scrollbar-width: thin;
    overflow: auto;
}

.company-list-table[b-v334za73xr] {
    min-width: 52rem;
    margin-bottom: 0;
    table-layout: fixed;
}

.company-list-table__initial-column[b-v334za73xr] {
    width: 8%;
}

.company-list-table__name-column[b-v334za73xr] {
    width: 32%;
}

.company-list-table__fiscal-column[b-v334za73xr] {
    width: 10%;
}

.company-list-table__date-column[b-v334za73xr] {
    width: 12.5%;
}

th[b-v334za73xr] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--table-header-bg);
    color: white;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

td[b-v334za73xr] {
    white-space: nowrap;
    color: var(--acme-color-text-default);
}

.company-list-table td[b-v334za73xr],
.company-list-table th[b-v334za73xr] {
    height: 2rem;
    padding: 0.25rem 0.55rem;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.company-list-table__centered-cell[b-v334za73xr] {
    text-align: center;
}

.company-list-table tbody tr[b-v334za73xr] {
    cursor: pointer;
}


@media (max-width: 576px) {
    .container[b-v334za73xr] {
        max-height: fit-content;
        margin: 0 0.5rem !important;
    }

    .company-list-table td[b-v334za73xr],
    .company-list-table th[b-v334za73xr] {
        height: 2.75rem;
    }
}

.highlight-row > td[b-v334za73xr] {
    background: inherit;
}
/* /Pages/Auth/ListCounter.razor.rz.scp.css */
.body-section[b-h0lyehlchv] {
    min-height: 100vh;
    background-color: var(--body-background-color);
    display: flex;
    justify-content: center;
    padding-top: 2rem;
}

.container[b-h0lyehlchv] {
    width: 100%;
    max-width: 1200px;
    min-width: 280px;
    padding: 1rem;
}

.counter-grid[b-h0lyehlchv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.counter-card[b-h0lyehlchv] {
    width: 180px;
    background: var(--acme-color-surface);
    border-radius: 16px;
    padding: 22px;
    text-align: center;
    border: 1px solid var(--acme-color-border);
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 6px 18px var(--acme-overlay-05);
    position: relative;
}

.counter-card:hover[b-h0lyehlchv] {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
}


.counter-overlay[b-h0lyehlchv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    animation: fadeIn 0.3s ease;
}


.counter-icon[b-h0lyehlchv] {
    width: 50px;
    height: 50px;
    margin: 0 auto 12px;
    border-radius: 12px;
    background: linear-gradient(135deg, #22c55e, #4ade80);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

/* Text */
.counter-title[b-h0lyehlchv] {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 14px;
}

.counter-subtitle[b-h0lyehlchv] {
    font-size: 12px;
    color: var(--acme-color-text-muted);
    margin-bottom: 12px;
}

@media (max-width: 576px) {
    .counter-card[b-h0lyehlchv] {
        width: 45%;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .counter-card[b-h0lyehlchv] {
        width: 120px;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.login-page[b-enbhuv2ei7] {
    --login-surface: #303740;
    --login-panel: linear-gradient(120deg, #2795eb 0%, #45a5ad 100%);
    --login-text: #f5f6f7;
    --login-muted: #b7bbc0;
    --login-form-surface: #303740;
    --login-form-text: #f5f6f7;
    --login-form-muted: #aeb4ba;
    --login-control-border: #c8cdd2;
    --login-border: #60666c;
    --login-accent: #ed6668;
    --login-accent-soft: #ffb386;
    --login-input-height: 28px;
    --login-touch-target: 32px;
    width: 100%;
    height: 100dvh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    overflow-x: hidden;
    overflow-y: hidden;
    color: var(--login-text);
    background: #27323e;
}

.login-shell[b-enbhuv2ei7] {
    width: min(100%, 68rem);
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    margin: 0 auto;
    outline: none;
}

[b-enbhuv2ei7] .login-card {
    width: 100%;
    overflow: hidden;
    border: 1px solid var(--login-border) !important;
    border-radius: 1.125rem;
    color: var(--login-text);
    background: var(--login-surface);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .28);
}

.login-header[b-enbhuv2ei7] {
    display: flex;
    min-height: 3.5rem;
    align-items: center;
    gap: .75rem;
    padding: .625rem 1.25rem;
    border-bottom: 1px solid var(--login-border);
    background: var(--login-surface);
}

.erp-logo[b-enbhuv2ei7] {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
}

.header-brand-word[b-enbhuv2ei7] {
    color: transparent;
    background: linear-gradient(90deg, #2951a6 0%, #de6262 100%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: "Audiowide", cursive;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
}

.version-text[b-enbhuv2ei7] {
    padding: 0;
    border: 0;
    color: #7967a6;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25;
}

.login-content[b-enbhuv2ei7] {
    display: grid;
    grid-template-columns: minmax(0, 60%) minmax(22rem, 40%);
    min-height: min(27.5rem, calc(100dvh - 9rem));
    background: var(--login-form-surface);
}

.left-panel[b-enbhuv2ei7] {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: clamp(1rem, 2vh, 1.5rem);
    padding: clamp(1.5rem, 4vw, 3rem);
    overflow: hidden;
    isolation: isolate;
    background: var(--login-panel);
    clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
}

.left-panel[b-enbhuv2ei7]::before,
.left-panel[b-enbhuv2ei7]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
}

.left-panel[b-enbhuv2ei7]::before {
    width: 22rem;
    height: 22rem;
    top: -11rem;
    right: -8rem;
}

.left-panel[b-enbhuv2ei7]::after {
    width: 16rem;
    height: 16rem;
    bottom: -9rem;
    left: -6rem;
}

.illustration-frame[b-enbhuv2ei7] {
    width: min(90%, 35rem);
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1rem;
    background: rgba(15, 35, 55, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.left-panel-copy[b-enbhuv2ei7] {
    max-width: 34rem;
    text-align: center;
}

.product-kicker[b-enbhuv2ei7] {
    display: block;
    margin-bottom: .375rem;
    color: rgba(255, 255, 255, .82);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.brand-text[b-enbhuv2ei7] {
    margin: 0;
    color: white;
    font-size: clamp(2rem, 3.4vw, 3.75rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.brand-text span[b-enbhuv2ei7] {
    color: white;
    font-size: clamp(.875rem, 1.1vw, 1.25rem);
    letter-spacing: 0;
}

.left-panel-copy p[b-enbhuv2ei7] {
    max-width: 32rem;
    margin: .625rem auto 0;
    color: rgba(255, 255, 255, .78);
    font-size: .9375rem;
    line-height: 1.55;
}

.login-form-panel[b-enbhuv2ei7] {
    display: flex;
    min-width: 0;
    justify-content: center;
    flex-direction: column;
    padding: clamp(1.5rem, 3vw, 2.5rem) clamp(2rem, 3.5vw, 3rem);
    color: var(--login-form-text);
    background: var(--login-form-surface);
}

.login-intro[b-enbhuv2ei7],
.login-form[b-enbhuv2ei7],
.login-links[b-enbhuv2ei7] {
    width: min(100%, 30rem);
    margin-inline: auto;
}

.login-intro h1[b-enbhuv2ei7] {
    margin: 0;
    color: var(--login-accent);
    font-size: clamp(1.75rem, 2.5vw, 2.75rem);
    font-weight: 800;
    letter-spacing: -.03em;
    text-align: center;
    text-transform: uppercase;
}

.login-heading-accent[b-enbhuv2ei7] {
    display: block;
    width: 6.5rem;
    height: .375rem;
    margin: 1rem auto;
    border-radius: var(--acme-radius-pill);
    background: var(--login-accent-soft);
}

.login-fields[b-enbhuv2ei7] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

[b-enbhuv2ei7] .floating-label-wrapper {
    min-height: var(--login-touch-target);
    padding: .375rem 0 !important;
}

[b-enbhuv2ei7] .floating-input {
    height: var(--login-input-height) !important;
    min-height: var(--login-input-height) !important;
    max-height: var(--login-input-height) !important;
    padding-inline: .875rem 2.75rem !important;
    border-color: var(--login-control-border) !important;
    border-width: 1px !important;
    border-radius: var(--acme-radius-sm) !important;
    color: var(--login-form-text) !important;
    background: var(--login-form-surface) !important;
    font-size: 16px !important;
}

[b-enbhuv2ei7] .floating-input:focus,
[b-enbhuv2ei7] .floating-input:focus-visible {
    border-color: var(--login-accent) !important;
    outline: 1px solid rgba(237, 102, 104, .35) !important;
    outline-offset: 1px;
    box-shadow: none !important;
}

[b-enbhuv2ei7] .floating-label-text {
    top: 50%;
    left: .75rem;
    transform: translateY(-50%);
    color: var(--login-form-muted);
    background: var(--login-form-surface);
    transition: opacity var(--acme-transition-fast), color var(--acme-transition-fast);
}

[b-enbhuv2ei7] .floating-input:focus + .floating-label-text,
[b-enbhuv2ei7] .floating-input:not(:placeholder-shown) + .floating-label-text {
    top: 50%;
    left: .75rem;
    transform: translateY(-50%);
    color: var(--login-accent);
    font-size: inherit;
    opacity: 0;
    animation: none;
}

.field-icon[b-enbhuv2ei7],
[b-enbhuv2ei7] .toggle-password {
    display: inline-flex;
    width: 2.75rem;
    height: var(--login-input-height);
    min-height: var(--login-input-height);
    align-items: center;
    justify-content: center;
    right: 0 !important;
    margin-right: 0 !important;
    color: var(--login-form-muted);
}

.field-icon[b-enbhuv2ei7] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

[b-enbhuv2ei7] .toggle-password {
    top: 50%;
    height: var(--login-touch-target);
    min-height: var(--login-touch-target);
    transform: translateY(-50%);
}

[b-enbhuv2ei7] .toggle-password:focus-visible {
    border-radius: var(--acme-radius-md);
    outline: 1px solid color-mix(in srgb, var(--login-accent) 55%, transparent);
    outline-offset: -1px;
}

.login-options[b-enbhuv2ei7] {
    display: flex;
    min-height: var(--login-touch-target);
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.form-check[b-enbhuv2ei7] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}

.form-check-input[b-enbhuv2ei7],
.form-check-label[b-enbhuv2ei7] {
    cursor: pointer;
}

.form-check-input[b-enbhuv2ei7] {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
}

[b-enbhuv2ei7] .login-link {
    min-height: var(--login-touch-target);
    padding: .5rem 0 !important;
    color: var(--login-muted) !important;
    font-weight: 600;
    text-decoration: underline;
}

[b-enbhuv2ei7] .login-link:hover {
    text-decoration: underline;
}

[b-enbhuv2ei7] .login-submit {
    width: 100%;
    min-height: var(--login-touch-target);
    margin-top: .75rem;
    border: 0;
    border-radius: var(--acme-radius-sm);
    background: #e83243;
    font-weight: 700;
}

.login-error[b-enbhuv2ei7],
[b-enbhuv2ei7] .login-validation-summary {
    width: min(100%, 22rem);
    margin: 0 auto .75rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--acme-color-danger) 45%, transparent);
    border-radius: var(--acme-radius-md);
    color: color-mix(in srgb, var(--acme-color-danger) 55%, white);
    background: color-mix(in srgb, var(--acme-color-danger) 12%, transparent);
    font-size: .875rem;
}

.biometric-login[b-enbhuv2ei7] {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin-top: .75rem;
    border: 1px solid var(--login-border);
    border-radius: 50%;
    color: var(--login-accent);
    background: color-mix(in srgb, white 6%, transparent);
    font-size: 1.5rem;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast);
}

.biometric-login:hover[b-enbhuv2ei7],
.biometric-login:focus-visible[b-enbhuv2ei7] {
    border-color: var(--login-accent);
    color: white;
    background: color-mix(in srgb, var(--login-accent) 18%, transparent);
}

.biometric-login:disabled[b-enbhuv2ei7] {
    cursor: not-allowed;
    opacity: .45;
}

.signup-prompt[b-enbhuv2ei7] {
    display: flex;
    min-height: var(--login-touch-target);
    align-items: center;
    justify-content: center;
    gap: .375rem;
    color: var(--login-muted);
}

.login-links[b-enbhuv2ei7] {
    display: flex;
    min-height: var(--login-touch-target);
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-top: .75rem;
    color: var(--login-muted);
}

.login-footer[b-enbhuv2ei7] {
    min-height: 1.5rem;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .375rem .75rem;
    margin-top: auto;
    color: var(--login-muted);
    text-align: center;
}

.mobile-label[b-enbhuv2ei7] {
    padding: .125rem .5rem;
    border: 1px solid var(--login-border);
    border-radius: var(--acme-radius-pill);
    font-size: .75rem;
}

.company-link[b-enbhuv2ei7] {
    margin-inline: .25rem;
    color: var(--login-text);
    font-weight: 600;
    text-decoration: none;
}

.company-link:hover[b-enbhuv2ei7],
.company-link:focus-visible[b-enbhuv2ei7] {
    color: white;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .login-page[b-enbhuv2ei7] {
        height: auto;
        overflow-y: auto;
        padding-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
    }

    .login-header[b-enbhuv2ei7] {
        min-height: 3.75rem;
        padding: .75rem 1rem;
    }

    .header-brand-word[b-enbhuv2ei7] {
        font-size: 1.125rem;
    }

    [b-enbhuv2ei7] .login-card {
        border-radius: .875rem;
    }

    .login-content[b-enbhuv2ei7] {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .left-panel[b-enbhuv2ei7] {
        min-height: 10rem;
        padding: 1.25rem;
        clip-path: none;
    }

    .illustration-frame[b-enbhuv2ei7] {
        width: min(100%, 16rem);
        padding: .5rem;
    }

    .left-panel-copy[b-enbhuv2ei7] {
        display: none;
    }

    .login-form-panel[b-enbhuv2ei7] {
        padding: 2rem clamp(1rem, 6vw, 2rem);
    }

    .login-heading-accent[b-enbhuv2ei7] {
        margin-block: 1.25rem 1rem;
    }
}

@media (max-width: 420px) {
    .login-header[b-enbhuv2ei7] {
        padding-inline: 1rem;
    }

    .left-panel[b-enbhuv2ei7] {
        min-height: 8rem;
    }

    .illustration-frame[b-enbhuv2ei7] {
        width: min(100%, 14rem);
    }

    .login-links[b-enbhuv2ei7] {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-height: 640px) and (orientation: landscape) {
    .login-shell[b-enbhuv2ei7] {
        margin-top: 0;
    }

    .login-content[b-enbhuv2ei7] {
        min-height: 0;
    }

    .left-panel[b-enbhuv2ei7],
    .login-form-panel[b-enbhuv2ei7] {
        padding-block: 1.5rem;
    }

    .left-panel-copy p[b-enbhuv2ei7] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .biometric-login[b-enbhuv2ei7] {
        transition: none;
    }
}
/* /Pages/Auth/SignupPage.razor.rz.scp.css */
/* Centered Card Width */
[b-nszr84vstv].signup-card {
    width: 100% !important;
    max-width: 520px !important;
    background-color: var(--acme-color-surface);
}


body[b-nszr84vstv],
.bg-light[b-nszr84vstv] {
    background-color: #f8f9fa !important;
}

/* Improve input look */
.form-control:focus[b-nszr84vstv] {
    box-shadow: none;
    border-color: #17a2b8; /* Bootstrap info color */
}

/* Small shadow for depth */
.card[b-nszr84vstv] {
    box-shadow: 0 4px 20px var(--acme-overlay-05);
}
/* /Pages/Common/NotificationPage.razor.rz.scp.css */
.notification-panel[b-rvh7a3zjmo] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-lg, 12px);
    background: var(--acme-dialog-surface);
}

.notification-panel-header[b-rvh7a3zjmo] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.notification-summary[b-rvh7a3zjmo] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.notification-summary__label[b-rvh7a3zjmo] {
    color: var(--bs-body-color);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.35;
}

.notification-summary__hint[b-rvh7a3zjmo] {
    color: var(--bs-secondary-color);
    font-size: 12px;
    line-height: 1.4;
}

.mark-all-btn[b-rvh7a3zjmo],
.filter-chip[b-rvh7a3zjmo],
.mark-read-btn[b-rvh7a3zjmo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font: inherit;
    cursor: pointer;
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.mark-all-btn[b-rvh7a3zjmo] {
    min-height: 44px;
    flex: 0 0 auto;
    gap: 8px;
    padding: 0 12px;
    border-radius: var(--acme-radius-md, 8px);
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.mark-all-btn:hover[b-rvh7a3zjmo] {
    border-color: rgba(var(--bs-primary-rgb), .22);
    background: rgba(var(--bs-primary-rgb), .14);
}

.notification-filters[b-rvh7a3zjmo] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-surface);
}

.filter-chip[b-rvh7a3zjmo] {
    min-height: 36px;
    gap: 7px;
    padding: 0 13px;
    border-color: var(--acme-dialog-border);
    border-radius: var(--acme-radius-pill, 999px);
    background: transparent;
    color: var(--bs-secondary-color);
    font-size: 13px;
    font-weight: 600;
}

.filter-chip:hover[b-rvh7a3zjmo] {
    background: var(--acme-color-surface-hover, var(--acme-overlay-05));
    color: var(--bs-body-color);
}

.filter-chip.active[b-rvh7a3zjmo] {
    border-color: rgba(var(--bs-primary-rgb), .28);
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
}

.filter-count[b-rvh7a3zjmo] {
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--acme-overlay-05);
    font-size: 11px;
    line-height: 1;
}

.notification-container[b-rvh7a3zjmo] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px 14px;
    overscroll-behavior: none;
    scrollbar-width: thin;
}

.notification-group + .notification-group[b-rvh7a3zjmo] {
    margin-top: 6px;
}

.notification-group-label[b-rvh7a3zjmo] {
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0;
    padding: 13px 8px 7px;
    background: var(--acme-dialog-surface);
    color: var(--bs-secondary-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.4;
    text-transform: uppercase;
}

.notification-list[b-rvh7a3zjmo] {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 6px;
    list-style: none;
}

.notification-card[b-rvh7a3zjmo] {
    position: relative;
    display: flex;
    min-height: 76px;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 10px 13px 14px;
    border: 1px solid var(--acme-dialog-border);
    border-radius: var(--acme-radius-md, 10px);
    background: var(--acme-dialog-surface);
    transition: background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.notification-card:hover[b-rvh7a3zjmo] {
    border-color: var(--acme-color-border-strong, var(--acme-dialog-border));
    background: var(--acme-color-surface-hover, var(--acme-overlay-05));
}

.notification-card.unread[b-rvh7a3zjmo] {
    border-color: rgba(var(--bs-primary-rgb), .20);
    background: rgba(var(--bs-primary-rgb), .04);
}

.notification-card.unread[b-rvh7a3zjmo]::before {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: var(--bs-primary);
    content: "";
}

.notification-success.unread[b-rvh7a3zjmo]::before { background: var(--bs-success); }
.notification-warning.unread[b-rvh7a3zjmo]::before { background: var(--bs-warning); }
.notification-error.unread[b-rvh7a3zjmo]::before,
.notification-danger.unread[b-rvh7a3zjmo]::before { background: var(--bs-danger); }

.notification-icon[b-rvh7a3zjmo] {
    display: flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
    font-size: 16px;
}

.notification-success .notification-icon[b-rvh7a3zjmo] {
    background: rgba(var(--bs-success-rgb), .11);
    color: var(--bs-success);
}

.notification-warning .notification-icon[b-rvh7a3zjmo] {
    background: rgba(var(--bs-warning-rgb), .14);
    color: var(--bs-warning-text-emphasis, #8a5700);
}

.notification-error .notification-icon[b-rvh7a3zjmo],
.notification-danger .notification-icon[b-rvh7a3zjmo] {
    background: rgba(var(--bs-danger-rgb), .11);
    color: var(--bs-danger);
}

.notification-content[b-rvh7a3zjmo] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 5px;
}

.notification-header[b-rvh7a3zjmo],
.notification-title-wrapper[b-rvh7a3zjmo] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
}

.notification-header[b-rvh7a3zjmo] {
    justify-content: space-between;
    gap: 12px;
}

.notification-title-wrapper[b-rvh7a3zjmo] {
    flex: 1 1 auto;
    align-items: center;
    gap: 7px;
}

.notification-title[b-rvh7a3zjmo] {
    overflow: hidden;
    color: var(--bs-body-color);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unread-badge[b-rvh7a3zjmo] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--bs-primary);
}

.notification-time[b-rvh7a3zjmo] {
    flex: 0 0 auto;
    padding-top: 2px;
    color: var(--bs-secondary-color);
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.notification-message[b-rvh7a3zjmo] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: var(--bs-secondary-color);
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.notification-card.read .notification-icon[b-rvh7a3zjmo],
.notification-card.read .notification-message[b-rvh7a3zjmo] {
    opacity: .76;
}

.notification-card.read .notification-title[b-rvh7a3zjmo] {
    font-weight: 550;
}

.mark-read-btn[b-rvh7a3zjmo] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    padding: 0;
    border-radius: var(--acme-radius-pill, 999px);
    background: transparent;
    color: var(--bs-secondary-color);
}

.mark-read-btn:hover[b-rvh7a3zjmo] {
    border-color: rgba(var(--bs-primary-rgb), .24);
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
}

.mark-all-btn:focus-visible[b-rvh7a3zjmo],
.filter-chip:focus-visible[b-rvh7a3zjmo],
.mark-read-btn:focus-visible[b-rvh7a3zjmo] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

.empty-state[b-rvh7a3zjmo] {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    flex-direction: column;
    text-align: center;
}

.empty-state-icon[b-rvh7a3zjmo] {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 50%;
    background: rgba(var(--bs-primary-rgb), .09);
    color: var(--bs-primary);
    font-size: 24px;
}

.empty-state-title[b-rvh7a3zjmo] {
    margin: 0 0 5px;
    color: var(--bs-body-color);
    font-size: 16px;
    font-weight: 650;
}

.empty-state-description[b-rvh7a3zjmo] {
    max-width: 300px;
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 13px;
    line-height: 1.5;
}

@media (max-width: 575.98px) {
    .notification-panel[b-rvh7a3zjmo] {
        border: 0;
        border-radius: 0;
    }

    .notification-panel-header[b-rvh7a3zjmo] {
        align-items: flex-start;
        padding: 14px 10px;
    }

    .notification-filters[b-rvh7a3zjmo] {
        padding: 9px 10px;
    }

    .filter-chip[b-rvh7a3zjmo] {
        min-height: 44px;
    }

    .notification-container[b-rvh7a3zjmo] {
        padding-inline: 6px;
    }

    .notification-card[b-rvh7a3zjmo] {
        gap: 10px;
        padding-left: 11px;
    }

    .notification-time[b-rvh7a3zjmo] {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mark-all-btn[b-rvh7a3zjmo],
    .filter-chip[b-rvh7a3zjmo],
    .mark-read-btn[b-rvh7a3zjmo],
    .notification-card[b-rvh7a3zjmo] {
        transition: none;
    }
}
/* /Pages/CompanySetup/CompanyMaster/FrmCompanyMaster.razor.rz.scp.css */
input.form-control-sm[b-u1vxuq5ccb] {
    height: 25px;
}

select.form-control-sm[b-u1vxuq5ccb] {
    height: 25px;
    padding-top: 1px;
}

.table-container[b-u1vxuq5ccb] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-u1vxuq5ccb] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-u1vxuq5ccb], td[b-u1vxuq5ccb] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-u1vxuq5ccb] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-u1vxuq5ccb] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-u1vxuq5ccb] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}


@keyframes loadingAnimation-b-u1vxuq5ccb {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }

    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }

    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }

    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }

    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}


/* /Pages/CompanySetup/CompanyMaster/ListCompanyMaster.razor.rz.scp.css */
.user-image[b-p960z3m2m8] {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    border: #d9d9da 1px solid;
    object-fit: cover;
}

.table-container[b-p960z3m2m8] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-p960z3m2m8], .table-sm th[b-p960z3m2m8] {
    padding: 0.01rem 0.4rem;
}

th[b-p960z3m2m8] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-p960z3m2m8], .highlight-row:focus[b-p960z3m2m8] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-p960z3m2m8] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-p960z3m2m8], td[b-p960z3m2m8] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
    align-items: center;
    align-self: center;
}

tr:focus[b-p960z3m2m8] {
    outline: none;
}

.skeleton-loader[b-p960z3m2m8] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-p960z3m2m8] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-p960z3m2m8] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-p960z3m2m8 2.5s infinite linear;
}

@keyframes flow-b-p960z3m2m8 {
    0% {
        background-position: 200% 200%;
    }

    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/CompanySetup/DocumentNumbering/FrmDocumentNumbering.razor.rz.scp.css */
input.form-control-sm[b-d4dahnogsy] {
    height: 25px;
}

select.form-control-sm[b-d4dahnogsy] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-d4dahnogsy] {
    height: 25px;
}

.table-container[b-d4dahnogsy] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-d4dahnogsy] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-d4dahnogsy], td[b-d4dahnogsy] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-d4dahnogsy] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-d4dahnogsy] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-d4dahnogsy] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-d4dahnogsy {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}



/* /Pages/CompanySetup/DocumentNumbering/ListDocumentNumbering.razor.rz.scp.css */
.table-container[b-c6b4katjim] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-c6b4katjim], .table-sm th[b-c6b4katjim] {
    padding: 0.01rem 0.4rem;
}

th[b-c6b4katjim] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-c6b4katjim], .highlight-row:focus[b-c6b4katjim] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-c6b4katjim] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-c6b4katjim], td[b-c6b4katjim] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-c6b4katjim] {
    outline: none;
}

.skeleton-loader[b-c6b4katjim] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-c6b4katjim] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-c6b4katjim] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-c6b4katjim 2.5s infinite linear;
}

@keyframes flow-b-c6b4katjim {
    0% {
        background-position: 200% 200%;
    }
    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/CompanySetup/Notifications/NotificationApiConfig.razor.rz.scp.css */
/* /Pages/CompanySetup/Notifications/NotificationMessageLog.razor.rz.scp.css */
.sms-log[b-rdwkmran2a] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    height: 100%;
    min-height: 0;
    padding: .75rem;
    color: var(--acme-color-text-default, var(--bs-body-color));
}

.sms-log-header[b-rdwkmran2a],
.sms-log-filters[b-rdwkmran2a],
.sms-log-stats > div[b-rdwkmran2a],
.sms-log-table-wrap[b-rdwkmran2a],
.sms-log-detail[b-rdwkmran2a] {
    background: var(--acme-color-surface, var(--bs-body-bg));
    border: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    border-radius: var(--acme-radius-md, .6rem);
}

.sms-log-header[b-rdwkmran2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem .9rem;
}

.sms-log-title[b-rdwkmran2a] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.sms-log-title > i[b-rdwkmran2a] {
    color: var(--acme-color-primary-action, var(--bs-primary));
    font-size: 1.25rem;
}

.sms-log-title h1[b-rdwkmran2a] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.sms-log-filters[b-rdwkmran2a] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .5rem;
    padding: .6rem .9rem;
}

.sms-log-field[b-rdwkmran2a] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 9rem;
}

.sms-log-period[b-rdwkmran2a] {
    border: 0;
    margin: 0;
    padding: 0;
    flex: 1 1 34rem;
    min-width: 0;
}

.sms-log-table[b-rdwkmran2a] {
    min-width: 1450px;
}

.sms-log-field label[b-rdwkmran2a] {
    color: var(--bs-secondary-color);
    font-size: .72rem;
    font-weight: 600;
}

.sms-log-search[b-rdwkmran2a] {
    flex: 1 1 14rem;
}

.sms-log-stats[b-rdwkmran2a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .6rem;
}

.sms-log-stats > div[b-rdwkmran2a] {
    padding: .55rem .8rem;
}

.sms-log-stats span[b-rdwkmran2a] {
    display: block;
    color: var(--bs-secondary-color);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sms-log-stats strong[b-rdwkmran2a] {
    font-size: 1.15rem;
}

.sms-log-stats .is-success strong[b-rdwkmran2a] {
    color: var(--bs-success);
}

.sms-log-stats .is-failed strong[b-rdwkmran2a] {
    color: var(--bs-danger);
}

.sms-log-body[b-rdwkmran2a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .6rem;
    flex: 1 1 auto;
    min-height: 0;
}

.sms-log-body:has(.sms-log-detail)[b-rdwkmran2a] {
    grid-template-columns: minmax(0, 1fr) 24rem;
}

.sms-log-table-wrap[b-rdwkmran2a] {
    overflow: auto;
    min-height: 12rem;
}

.sms-log-table thead th[b-rdwkmran2a] {
    position: sticky;
    top: 0;
    z-index: 1;
    font-size: .72rem;
    white-space: nowrap;
    background: var(--bs-tertiary-bg);
}

.sms-log-table td[b-rdwkmran2a] {
    font-size: .78rem;
    cursor: pointer;
}

.sms-log-table tr:focus-visible[b-rdwkmran2a] {
    outline: 2px solid var(--acme-color-primary-action, var(--bs-primary));
    outline-offset: -2px;
}

.sms-log-message[b-rdwkmran2a] {
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sms-log-numbers[b-rdwkmran2a] {
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sms-log-empty[b-rdwkmran2a] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 12rem;
    color: var(--bs-secondary-color);
}

.sms-log-detail[b-rdwkmran2a] {
    padding: .8rem .9rem;
    overflow: auto;
    font-size: .8rem;
}

.sms-log-detail dl[b-rdwkmran2a] {
    display: grid;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    gap: .3rem .6rem;
    margin-bottom: .75rem;
}

.sms-log-detail dt[b-rdwkmran2a] {
    color: var(--bs-secondary-color);
    font-weight: 600;
}

.sms-log-detail dd[b-rdwkmran2a] {
    margin: 0;
}

.sms-log-detail-block pre[b-rdwkmran2a] {
    max-height: 14rem;
    margin: 0 0 .75rem;
    padding: .55rem .65rem;
    overflow: auto;
    font-family: inherit;
    font-size: .78rem;
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--bs-tertiary-bg);
    border-radius: .45rem;
}

@media (max-width: 991.98px) {
    .sms-log-body:has(.sms-log-detail)[b-rdwkmran2a] {
        grid-template-columns: 1fr;
    }

    .sms-log-stats[b-rdwkmran2a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/CompanySetup/Notifications/SendNotificationPage.razor.rz.scp.css */
.send-notification-page[b-6iwm0ykvo7] {
    --send-surface: var(--acme-dialog-surface, var(--bs-body-bg));
    --send-soft: var(--acme-dialog-header-surface, var(--bs-tertiary-bg));
    --send-border: var(--acme-dialog-border, var(--bs-border-color));
    display: grid;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    color: var(--bs-body-color);
    background: var(--send-surface);
}

.send-header[b-6iwm0ykvo7] {
    display: flex;
    min-height: 58px;
    padding: 8px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--send-border);
}

.send-title[b-6iwm0ykvo7],
.send-toolbar[b-6iwm0ykvo7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.send-title > i[b-6iwm0ykvo7] {
    color: var(--bs-primary);
    font-size: 17px;
}

.send-title h1[b-6iwm0ykvo7] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.send-workspace[b-6iwm0ykvo7] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.send-fields[b-6iwm0ykvo7],
.message-fields[b-6iwm0ykvo7] {
    display: grid;
    min-width: 0;
    padding: 12px 16px;
    gap: 12px;
    border-bottom: 1px solid var(--send-border);
}

.template-fields[b-6iwm0ykvo7] {
    grid-template-columns: minmax(180px, .8fr) minmax(280px, 1.4fr) minmax(180px, .8fr);
}

.audience-fields[b-6iwm0ykvo7] {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    background: var(--send-soft);
}

.message-fields[b-6iwm0ykvo7] {
    grid-template-rows: auto minmax(180px, 1fr);
}

.send-field[b-6iwm0ykvo7] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 5px;
}

.send-field label[b-6iwm0ykvo7],
.channel-section legend[b-6iwm0ykvo7] {
    margin: 0;
    font-size: 12px;
    font-weight: 650;
}

.send-field .form-control[b-6iwm0ykvo7],
.send-field .form-select[b-6iwm0ykvo7] {
    width: 100%;
    min-height: 42px;
    border-color: var(--send-border);
    border-radius: var(--acme-radius-md, 8px);
    background-color: var(--send-surface);
    font-size: 13px;
}

.send-field .form-control:focus[b-6iwm0ykvo7],
.send-field .form-select:focus[b-6iwm0ykvo7] {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: var(--acme-focus-ring);
}

.channel-section[b-6iwm0ykvo7] {
    min-width: 0;
    margin: 0;
    padding: 10px 16px 12px;
    border: 0;
    border-bottom: 1px solid var(--send-border);
}

.channel-section legend[b-6iwm0ykvo7] {
    float: none;
    width: auto;
    margin-bottom: 7px;
}

.channel-list[b-6iwm0ykvo7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.channel-option[b-6iwm0ykvo7] {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid var(--send-border);
    border-radius: var(--acme-radius-md, 8px);
    color: var(--bs-secondary-color);
    background: var(--send-surface);
    font-size: 12px;
    cursor: pointer;
}

.channel-option.selected[b-6iwm0ykvo7] {
    border-color: rgba(var(--bs-primary-rgb), .32);
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .08);
}

.channel-option.disabled[b-6iwm0ykvo7] {
    opacity: .5;
    cursor: not-allowed;
}

.channel-option.disabled input[b-6iwm0ykvo7] {
    cursor: not-allowed;
}

.channel-option input[b-6iwm0ykvo7] {
    width: 16px;
    height: 16px;
}

.message-field textarea[b-6iwm0ykvo7] {
    min-height: 180px;
    height: 100%;
    resize: vertical;
}

.send-error[b-6iwm0ykvo7],
.send-success[b-6iwm0ykvo7] {
    display: flex;
    min-height: 44px;
    padding: 9px 16px;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid var(--send-border);
    font-size: 12px;
}

.send-error[b-6iwm0ykvo7] {
    color: var(--bs-danger-text-emphasis, var(--bs-danger));
    background: rgba(var(--bs-danger-rgb), .08);
}

.send-success[b-6iwm0ykvo7] {
    color: var(--bs-success-text-emphasis, var(--bs-success));
    background: rgba(var(--bs-success-rgb), .08);
}

.send-success code[b-6iwm0ykvo7] {
    overflow-wrap: anywhere;
    color: inherit;
}

.send-actions[b-6iwm0ykvo7] {
    display: flex;
    min-height: 58px;
    padding: 8px 16px;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid var(--send-border);
    background: var(--send-surface);
}

.send-actions :deep(.custom-btn)[b-6iwm0ykvo7],
.send-header :deep(.custom-btn)[b-6iwm0ykvo7] {
    min-height: 40px;
}

.send-state[b-6iwm0ykvo7] {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: var(--bs-secondary-color);
    font-size: 13px;
}

.send-state > i[b-6iwm0ykvo7] {
    color: var(--bs-primary);
    font-size: 22px;
}

@media (max-width: 767.98px) {
    .template-fields[b-6iwm0ykvo7] {
        grid-template-columns: 1fr 1fr;
    }

    .type-field[b-6iwm0ykvo7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .send-header[b-6iwm0ykvo7],
    .send-fields[b-6iwm0ykvo7],
    .message-fields[b-6iwm0ykvo7],
    .channel-section[b-6iwm0ykvo7],
    .send-error[b-6iwm0ykvo7],
    .send-success[b-6iwm0ykvo7],
    .send-actions[b-6iwm0ykvo7] {
        padding-inline: 10px;
    }

    .send-header[b-6iwm0ykvo7] {
        align-items: stretch;
        flex-direction: column;
    }

    .send-title[b-6iwm0ykvo7],
    .send-toolbar[b-6iwm0ykvo7] {
        width: 100%;
    }

    .send-toolbar :deep(.custom-btn)[b-6iwm0ykvo7] {
        flex: 1 1 auto;
    }

    .template-fields[b-6iwm0ykvo7],
    .audience-fields[b-6iwm0ykvo7] {
        grid-template-columns: 1fr;
    }

    .type-field[b-6iwm0ykvo7] {
        grid-column: auto;
    }

    .send-field .form-control[b-6iwm0ykvo7],
    .send-field .form-select[b-6iwm0ykvo7] {
        min-height: 44px;
        font-size: 16px;
    }

    .channel-option[b-6iwm0ykvo7] {
        min-height: 44px;
        flex: 1 1 calc(50% - 8px);
    }

    .send-actions :deep(.custom-btn)[b-6iwm0ykvo7],
    .send-header :deep(.custom-btn)[b-6iwm0ykvo7] {
        min-height: 44px;
    }

    .send-actions :deep(.custom-btn)[b-6iwm0ykvo7] {
        flex: 1 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .channel-option[b-6iwm0ykvo7],
    .send-field .form-control[b-6iwm0ykvo7],
    .send-field .form-select[b-6iwm0ykvo7] {
        transition: none;
    }
}
.send-form-fields[b-6iwm0ykvo7] {
    display: grid;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    align-content: start;
    overflow: auto;
    border: 0;
}

.recipient-section[b-6iwm0ykvo7] {
    min-width: 0;
    padding: 12px 16px;
    border-bottom: 1px solid var(--send-border);
}

.recipient-filters[b-6iwm0ykvo7] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
    margin: 12px 0;
}

.recipient-table[b-6iwm0ykvo7] {
    max-height: 300px;
    overflow: auto;
}

.recipient-table th[b-6iwm0ykvo7] {
    position: sticky;
    top: 0;
    background: var(--bs-tertiary-bg);
    white-space: nowrap;
}

.recipient-table td[b-6iwm0ykvo7],
.recipient-table th[b-6iwm0ykvo7] {
    padding: 8px 10px;
    vertical-align: middle;
}

@media (max-width: 575.98px) {
    .recipient-section[b-6iwm0ykvo7] {
        padding-inline: 10px;
    }
}
/* /Pages/CompanySetup/Notifications/TemplateGenerator.razor.rz.scp.css */
.template-generator[b-wig3lkkvt8] {
    --template-surface: var(--acme-dialog-surface, var(--bs-body-bg));
    --template-soft: var(--acme-dialog-header-surface, var(--bs-tertiary-bg));
    --template-border: var(--acme-dialog-border, var(--bs-border-color));
    display: grid;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    color: var(--bs-body-color);
    background: var(--template-surface);
}

.template-header[b-wig3lkkvt8] {
    display: flex;
    min-height: 58px;
    padding: 8px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--template-border);
}

.template-title[b-wig3lkkvt8],
.template-toolbar[b-wig3lkkvt8],
.template-options[b-wig3lkkvt8],
.template-actions[b-wig3lkkvt8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.template-title > i[b-wig3lkkvt8] {
    color: var(--bs-primary);
    font-size: 17px;
}

.template-title h1[b-wig3lkkvt8] {
    margin: 0 6px 0 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.form-state[b-wig3lkkvt8] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid var(--template-border);
    border-radius: var(--acme-radius-pill, 999px);
    color: var(--bs-secondary-color);
    background: var(--template-soft);
    font-size: 11px;
    font-weight: 650;
}

.form-state.new[b-wig3lkkvt8],
.form-state.edit[b-wig3lkkvt8] {
    border-color: rgba(var(--bs-primary-rgb), .28);
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .08);
}

.form-state.delete[b-wig3lkkvt8] {
    border-color: rgba(var(--bs-danger-rgb), .28);
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb), .08);
}

.template-toolbar :deep(.custom-btn)[b-wig3lkkvt8],
.template-actions :deep(.custom-btn)[b-wig3lkkvt8] {
    min-height: 40px;
}

.template-workspace[b-wig3lkkvt8] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto auto minmax(360px, 1fr);
    overflow: auto;
}

.template-fields[b-wig3lkkvt8] {
    display: grid;
    min-width: 0;
    padding: 12px 16px;
    align-items: end;
    grid-template-columns: minmax(180px, .8fr) minmax(280px, 1.4fr) minmax(180px, .8fr);
    gap: 12px;
    border-bottom: 1px solid var(--template-border);
}

.template-field[b-wig3lkkvt8] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.template-field label[b-wig3lkkvt8] {
    margin: 0;
    font-size: 12px;
    font-weight: 650;
}

.template-field .form-select[b-wig3lkkvt8],
.template-field :deep(.form-control)[b-wig3lkkvt8] {
    width: 100%;
    min-height: 42px;
    border-color: var(--template-border);
    border-radius: var(--acme-radius-md, 8px);
    background-color: var(--template-surface);
    font-size: 13px;
}

.template-field .form-select:focus[b-wig3lkkvt8],
.template-field :deep(.form-control:focus-within)[b-wig3lkkvt8] {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: var(--acme-focus-ring);
}

.template-options[b-wig3lkkvt8] {
    min-height: 50px;
    padding: 6px 16px;
    display: grid;
    grid-template-columns: auto auto auto minmax(140px, 180px) minmax(150px, 180px);
    align-items: end;
    border-bottom: 1px solid var(--template-border);
    background: var(--template-soft);
}

.template-option-field[b-wig3lkkvt8] {
    width: 100%;
}

.editor-shell[b-wig3lkkvt8] {
    min-width: 0;
    min-height: 360px;
    overflow: auto;
    padding: 12px 16px;
}

.editor-shell :deep(> *)[b-wig3lkkvt8] {
    min-height: 100%;
}

.template-actions[b-wig3lkkvt8] {
    min-height: 58px;
    padding: 8px 16px;
    justify-content: flex-end;
    border-top: 1px solid var(--template-border);
    background: var(--template-surface);
}

.template-state[b-wig3lkkvt8] {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: var(--bs-secondary-color);
    font-size: 13px;
}

.template-state > i[b-wig3lkkvt8] {
    color: var(--bs-primary);
    font-size: 22px;
}

@media (max-width: 991.98px) {
    .template-fields[b-wig3lkkvt8] {
        grid-template-columns: minmax(180px, 32%) minmax(280px, 1fr);
    }

    .channel-field[b-wig3lkkvt8] {
        grid-column: 1 / -1;
    }

    .template-options[b-wig3lkkvt8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .template-header[b-wig3lkkvt8] {
        padding: 8px 10px;
        align-items: flex-start;
        flex-direction: column;
    }

    .template-title[b-wig3lkkvt8],
    .template-toolbar[b-wig3lkkvt8] {
        width: 100%;
        flex-wrap: wrap;
    }

    .template-toolbar :deep(.custom-btn)[b-wig3lkkvt8] {
        min-height: 44px;
        flex: 1 1 auto;
    }

    .template-fields[b-wig3lkkvt8] {
        padding: 10px;
        grid-template-columns: minmax(0, 1fr);
    }

    .channel-field[b-wig3lkkvt8] {
        grid-column: auto;
    }

    .template-field .form-select[b-wig3lkkvt8],
    .template-field :deep(.form-control)[b-wig3lkkvt8] {
        min-height: 44px;
        font-size: 16px;
    }

    .template-options[b-wig3lkkvt8],
    .editor-shell[b-wig3lkkvt8],
    .template-actions[b-wig3lkkvt8] {
        padding-inline: 10px;
    }

    .template-options[b-wig3lkkvt8] {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        padding-block: 10px;
    }

    .template-option-field[b-wig3lkkvt8] {
        grid-column: 1 / -1;
    }

    .template-actions :deep(.custom-btn)[b-wig3lkkvt8] {
        min-height: 44px;
        flex: 1 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .form-state[b-wig3lkkvt8],
    .template-field .form-select[b-wig3lkkvt8],
    .template-field :deep(.form-control)[b-wig3lkkvt8] {
        transition: none;
    }
}
/* /Pages/CompanySetup/Notifications/Widgets/TemplateTriggerComponent.razor.rz.scp.css */
.trigger-editor[b-8a89dircn6] {
    --trigger-surface: var(--acme-dialog-surface, var(--bs-body-bg));
    --trigger-soft: var(--acme-dialog-header-surface, var(--bs-tertiary-bg));
    --trigger-border: var(--acme-dialog-border, var(--bs-border-color));
    display: grid;
    min-width: 0;
    min-height: 420px;
    grid-template-rows: auto minmax(220px, 1fr) auto;
    color: var(--bs-body-color);
    background: var(--trigger-surface);
}

.condition-builder[b-8a89dircn6] {
    display: grid;
    min-width: 0;
    padding: 12px;
    align-items: end;
    grid-template-columns: 76px 90px minmax(170px, 1fr) 130px 130px minmax(170px, 1fr) auto;
    gap: 8px;
    border-bottom: 1px solid var(--trigger-border);
}

.trigger-field[b-8a89dircn6] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.trigger-field label[b-8a89dircn6] {
    margin: 0;
    font-size: 11px;
    font-weight: 650;
}

.trigger-field .form-control[b-8a89dircn6],
.trigger-field .form-select[b-8a89dircn6] {
    width: 100%;
    min-height: 40px;
    border-color: var(--trigger-border);
    border-radius: var(--acme-radius-md, 8px);
    background-color: var(--trigger-surface);
    font-size: 12px;
}

.trigger-field .form-control:focus[b-8a89dircn6],
.trigger-field .form-select:focus[b-8a89dircn6],
.remove-condition:focus-visible[b-8a89dircn6] {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: var(--acme-focus-ring);
}

.condition-builder :deep(.custom-btn)[b-8a89dircn6] {
    min-height: 40px;
}

.condition-table-wrap[b-8a89dircn6] {
    min-width: 0;
    overflow: auto;
}

.condition-table[b-8a89dircn6] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    table-layout: fixed;
}

.condition-table th[b-8a89dircn6],
.condition-table td[b-8a89dircn6] {
    padding: 9px 10px;
    border-bottom: 1px solid var(--trigger-border);
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
}

.condition-table th[b-8a89dircn6] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--bs-secondary-color);
    background: var(--trigger-soft);
    font-size: 11px;
    font-weight: 700;
}

.condition-table th:nth-child(1)[b-8a89dircn6] { width: 64px; }
.condition-table th:nth-child(2)[b-8a89dircn6] { width: 72px; }
.condition-table th:nth-child(3)[b-8a89dircn6] { width: 20%; }
.condition-table th:nth-child(4)[b-8a89dircn6] { width: 110px; }
.condition-table th:nth-child(5)[b-8a89dircn6] { width: 120px; }
.condition-table th:nth-child(6)[b-8a89dircn6] { width: auto; }
.condition-table th:nth-child(7)[b-8a89dircn6] { width: 52px; }

.condition-value[b-8a89dircn6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.remove-condition[b-8a89dircn6] {
    display: inline-grid;
    width: 36px;
    height: 36px;
    padding: 0;
    place-items: center;
    border: 1px solid transparent;
    border-radius: var(--acme-radius-md, 8px);
    color: var(--bs-danger);
    background: transparent;
    cursor: pointer;
}

.remove-condition:hover:not(:disabled)[b-8a89dircn6] {
    border-color: rgba(var(--bs-danger-rgb), .25);
    background: rgba(var(--bs-danger-rgb), .08);
}

.remove-condition:disabled[b-8a89dircn6] {
    opacity: .5;
    cursor: not-allowed;
}

.trigger-empty[b-8a89dircn6],
.trigger-state[b-8a89dircn6] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 9px;
    color: var(--bs-secondary-color);
    font-size: 12px;
}

.trigger-empty i[b-8a89dircn6],
.trigger-state i[b-8a89dircn6] {
    color: var(--bs-primary);
    font-size: 20px;
}

.trigger-state.error[b-8a89dircn6],
.trigger-state.error i[b-8a89dircn6] {
    color: var(--bs-danger-text-emphasis, var(--bs-danger));
}

.trigger-error[b-8a89dircn6] {
    display: flex;
    min-height: 40px;
    padding: 8px 12px;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid rgba(var(--bs-danger-rgb), .22);
    color: var(--bs-danger-text-emphasis, var(--bs-danger));
    background: rgba(var(--bs-danger-rgb), .08);
    font-size: 12px;
}

.trigger-actions[b-8a89dircn6] {
    display: flex;
    min-height: 58px;
    padding: 8px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid var(--trigger-border);
}

.trigger-actions > div[b-8a89dircn6] {
    display: flex;
    gap: 8px;
}

.trigger-actions :deep(.custom-btn)[b-8a89dircn6] {
    min-height: 40px;
}

@media (max-width: 991.98px) {
    .condition-builder[b-8a89dircn6] {
        grid-template-columns: 76px 90px minmax(180px, 1fr) minmax(130px, .6fr);
    }

    .operator-field[b-8a89dircn6],
    .value-field[b-8a89dircn6] {
        grid-column: span 2;
    }
}

@media (max-width: 575.98px) {
    .condition-builder[b-8a89dircn6] {
        grid-template-columns: 1fr 1fr;
    }

    .field-name-field[b-8a89dircn6],
    .value-field[b-8a89dircn6],
    .condition-builder :deep(.custom-btn)[b-8a89dircn6] {
        grid-column: 1 / -1;
    }

    .operator-field[b-8a89dircn6] {
        grid-column: auto;
    }

    .trigger-field .form-control[b-8a89dircn6],
    .trigger-field .form-select[b-8a89dircn6],
    .condition-builder :deep(.custom-btn)[b-8a89dircn6],
    .trigger-actions :deep(.custom-btn)[b-8a89dircn6] {
        min-height: 44px;
        font-size: 16px;
    }

    .trigger-actions[b-8a89dircn6] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .trigger-actions > div[b-8a89dircn6] {
        width: 100%;
    }

    .trigger-actions > div :deep(.custom-btn)[b-8a89dircn6] {
        flex: 1 1 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .trigger-field .form-control[b-8a89dircn6],
    .trigger-field .form-select[b-8a89dircn6],
    .remove-condition[b-8a89dircn6] {
        transition: none;
    }
}
/* /Pages/CompanySetup/PrintSetting/PrintSetting.razor.rz.scp.css */
/* /Pages/CompanySetup/PurchaseTerm/FrmPurchaseBillingTerm.razor.rz.scp.css */
input.form-control-sm[b-xa9zg1xzh0] {
    height: 25px;
}

select.form-control-sm[b-xa9zg1xzh0] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-xa9zg1xzh0] {
    height: 25px;
}

.table-container[b-xa9zg1xzh0] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-xa9zg1xzh0] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-xa9zg1xzh0], td[b-xa9zg1xzh0] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-xa9zg1xzh0] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-xa9zg1xzh0] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-xa9zg1xzh0] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

@keyframes loadingAnimation-b-xa9zg1xzh0 {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}



/* /Pages/CompanySetup/SalesTerm/FrmSalesBillingTerm.razor.rz.scp.css */
input.form-control-sm[b-ne5hfacl94] {
    height: 25px;
}

select.form-control-sm[b-ne5hfacl94] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-ne5hfacl94] {
    height: 25px;
}

.table-container[b-ne5hfacl94] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-ne5hfacl94] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-ne5hfacl94], td[b-ne5hfacl94] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-ne5hfacl94] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-ne5hfacl94] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-ne5hfacl94] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

@keyframes loadingAnimation-b-ne5hfacl94 {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}



/* /Pages/CompanySetup/SystemSetting/Sections/ApiAccessTokenSection.razor.rz.scp.css */
.api-access-panel[b-f8dmedm16g] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
    color: var(--acme-color-text-default);
}

.api-access-header[b-f8dmedm16g],
.api-access-heading[b-f8dmedm16g],
.api-access-refresh[b-f8dmedm16g],
.api-access-card__header[b-f8dmedm16g],
.api-access-action[b-f8dmedm16g],
.api-access-badge[b-f8dmedm16g],
.api-key-result__header[b-f8dmedm16g],
.api-key-result__actions[b-f8dmedm16g],
.api-key-result__success[b-f8dmedm16g],
.api-key-copy[b-f8dmedm16g],
.api-access-revoke[b-f8dmedm16g] {
    display: flex;
    align-items: center;
}

.api-access-header[b-f8dmedm16g] {
    justify-content: space-between;
    gap: 1rem;
}

.api-access-heading[b-f8dmedm16g] {
    min-width: 0;
    gap: 0.75rem;
}

.api-access-heading__icon[b-f8dmedm16g],
.api-access-card__icon[b-f8dmedm16g] {
    display: inline-flex;
    flex: 0 0 2.5rem;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--acme-color-border);
    border-radius: 0.65rem;
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-soft);
    font-size: 1.05rem;
}

.api-access-header h5[b-f8dmedm16g],
.api-access-heading h5[b-f8dmedm16g],
.api-access-heading p[b-f8dmedm16g],
.api-access-card__header h6[b-f8dmedm16g],
.api-access-card__header p[b-f8dmedm16g],
.api-key-result h6[b-f8dmedm16g],
.api-key-result p[b-f8dmedm16g] {
    margin: 0;
}

.api-access-header h5[b-f8dmedm16g],
.api-access-heading h5[b-f8dmedm16g] {
    font-size: 1.05rem;
    font-weight: 700;
}

.api-access-heading p[b-f8dmedm16g],
.api-access-card__header p[b-f8dmedm16g] {
    margin-top: 0.2rem;
    color: var(--acme-color-text-muted);
    font-size: 0.76rem;
    line-height: 1.4;
}

.api-access-refresh[b-f8dmedm16g],
.api-access-action[b-f8dmedm16g],
.api-access-revoke[b-f8dmedm16g] {
    justify-content: center;
    min-height: 2.35rem;
    gap: 0.4rem;
    white-space: nowrap;
}

.api-access-card[b-f8dmedm16g] {
    overflow: hidden;
    border: 1px solid var(--acme-color-border);
    border-radius: 0.7rem;
    background: var(--acme-color-surface);
}

.api-access-card__header[b-f8dmedm16g] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-soft);
}

.api-access-card__header h6[b-f8dmedm16g] {
    margin-top: 0.08rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.api-access-card__body[b-f8dmedm16g] {
    padding: 0.9rem;
}

.api-access-eyebrow[b-f8dmedm16g] {
    display: block;
    color: var(--acme-color-primary-action);
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.2;
    text-transform: uppercase;
}

.api-access-user-grid[b-f8dmedm16g] {
    display: grid;
    grid-template-columns: minmax(15rem, 1.3fr) minmax(14rem, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

.api-access-create-grid[b-f8dmedm16g] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.1fr) minmax(12rem, 1fr) minmax(12rem, 1fr) auto;
    align-items: start;
    gap: 1rem;
}

.api-access-generate-wrap[b-f8dmedm16g] {
    padding-top: 1.32rem;
}

.api-access-field[b-f8dmedm16g],
.api-access-permission[b-f8dmedm16g] {
    min-width: 0;
}

.api-access-field label[b-f8dmedm16g],
.api-access-field-label[b-f8dmedm16g],
.api-key-result label[b-f8dmedm16g] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--acme-color-text-default);
    font-size: 0.75rem;
    font-weight: 650;
}

.api-expiry-options[b-f8dmedm16g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.api-expiry-option[b-f8dmedm16g] {
    min-height: 2.35rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--acme-color-border-strong);
    border-radius: 0.45rem;
    color: var(--acme-color-text-muted);
    background: var(--acme-color-surface);
    font-size: 0.7rem;
    font-weight: 650;
    white-space: nowrap;
}

.api-expiry-option:hover[b-f8dmedm16g] {
    color: var(--acme-color-primary-action);
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-soft);
}

.api-expiry-option.is-selected[b-f8dmedm16g] {
    color: var(--acme-color-on-primary, var(--acme-color-surface));
    border-color: var(--acme-color-primary-action);
    background: var(--acme-color-primary-action);
}

.api-expiry-option:focus-visible[b-f8dmedm16g] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 2px;
}

.api-access-field small[b-f8dmedm16g],
.api-access-permission small[b-f8dmedm16g] {
    display: block;
    margin-top: 0.3rem;
    color: var(--acme-color-text-muted);
    font-size: 0.68rem;
    line-height: 1.35;
}

.api-access-optional[b-f8dmedm16g] {
    margin-left: 0.25rem;
    color: var(--acme-color-text-muted);
    font-size: 0.65rem;
    font-weight: 500;
}

.api-access-permission[b-f8dmedm16g] {
    padding-bottom: 0.12rem;
}

.api-access-permission .form-check[b-f8dmedm16g] {
    margin: 0;
}

.api-access-permission .form-check-label[b-f8dmedm16g] {
    color: var(--acme-color-text-default);
    font-size: 0.76rem;
    font-weight: 650;
}

.api-access-control[b-f8dmedm16g] {
    min-height: 2.35rem;
    color: var(--acme-color-text-default);
    border-color: var(--acme-color-border-strong);
    background-color: var(--acme-color-surface);
}

.api-access-date-shell[b-f8dmedm16g] {
    position: relative;
    display: grid;
    align-items: center;
    width: 100%;
    max-width: 12rem;
    min-width: 0;
    margin-top: 0.45rem;
}

.api-access-date-shell[b-f8dmedm16g]  .api-access-date-input {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    min-height: 2.35rem;
    padding: 0.35rem 2.45rem 0.35rem 0.65rem;
    border: 1px solid var(--acme-color-border-strong);
    border-radius: 0.45rem;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    text-align: left !important;
}

.api-access-date-shell[b-f8dmedm16g]  .api-access-date-input:hover {
    border-color: var(--acme-color-primary-action);
}

.api-access-date-shell[b-f8dmedm16g]  .api-access-date-input:focus {
    border-color: var(--acme-color-primary-action);
    box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--acme-color-primary-action) 18%, transparent);
}

.api-access-date-shell[b-f8dmedm16g]  .date-field-trigger {
    border-radius: 0.35rem;
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-soft);
}

.api-access-date-shell[b-f8dmedm16g]  .date-field-trigger:hover {
    color: var(--acme-color-on-primary, var(--acme-color-surface));
    background: var(--acme-color-primary-action);
}

.api-access-control:focus-visible[b-f8dmedm16g],
.api-key-result__value:focus-visible[b-f8dmedm16g],
.api-access-refresh:focus-visible[b-f8dmedm16g],
.api-access-action:focus-visible[b-f8dmedm16g],
.api-access-revoke:focus-visible[b-f8dmedm16g],
.api-access-permission .form-check-input:focus-visible[b-f8dmedm16g] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 2px;
}

.api-access-badge[b-f8dmedm16g] {
    flex: 0 0 auto;
    width: fit-content;
    gap: 0.3rem;
    padding: 0.28rem 0.55rem;
    border: 1px solid var(--acme-color-border);
    border-radius: 999px;
    background: var(--acme-color-surface);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.api-access-badge--active[b-f8dmedm16g] {
    color: var(--acme-color-success);
}

.api-access-badge--inactive[b-f8dmedm16g],
.api-access-badge--warning[b-f8dmedm16g] {
    color: var(--acme-color-text-muted);
}

.api-access-badge--revoked[b-f8dmedm16g] {
    color: var(--acme-color-danger);
}

.api-access-badge--expired[b-f8dmedm16g] {
    color: var(--acme-color-text-muted);
}

.api-access-message[b-f8dmedm16g] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--acme-color-border);
    border-radius: 0.55rem;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface-muted);
    font-size: 0.75rem;
}

.api-access-message > i[b-f8dmedm16g] {
    margin-top: 0.08rem;
    color: var(--acme-color-primary-action);
}

.api-access-message strong[b-f8dmedm16g],
.api-access-message span[b-f8dmedm16g] {
    display: block;
}

.api-access-message span[b-f8dmedm16g] {
    margin-top: 0.15rem;
    color: var(--acme-color-text-muted);
}

.api-access-message--danger[b-f8dmedm16g] {
    border-color: var(--acme-color-danger);
    background: var(--acme-color-danger-soft);
}

.api-access-message--danger > i[b-f8dmedm16g] {
    color: var(--acme-color-danger);
}

.api-key-result[b-f8dmedm16g] {
    padding: 0.9rem;
    border: 1px solid var(--acme-color-success);
    border-radius: 0.7rem;
    background: var(--acme-color-surface-soft);
}

.api-key-result__header[b-f8dmedm16g] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.7rem;
}

.api-key-result__actions[b-f8dmedm16g] {
    gap: 0.5rem;
}

.api-key-copy[b-f8dmedm16g] {
    justify-content: center;
    min-height: 2.25rem;
    gap: 0.35rem;
    white-space: nowrap;
}

.api-key-result__header h6[b-f8dmedm16g] {
    margin-top: 0.18rem;
    font-size: 0.9rem;
    font-weight: 700;
}

.api-key-result__success[b-f8dmedm16g] {
    gap: 0.35rem;
    color: var(--acme-color-success);
    font-size: 0.7rem;
    font-weight: 700;
}

.api-key-result__value[b-f8dmedm16g] {
    resize: vertical;
    color: var(--acme-color-text-default);
    border-color: var(--acme-color-border-strong);
    background: var(--acme-color-surface);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.74rem;
    line-height: 1.45;
}

.api-key-result p[b-f8dmedm16g] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    margin-top: 0.55rem;
    color: var(--acme-color-text-muted);
    font-size: 0.7rem;
}

.api-key-result p i[b-f8dmedm16g] {
    color: var(--acme-color-danger);
}

.api-access-state[b-f8dmedm16g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 9rem;
    gap: 0.4rem;
    padding: 1.5rem;
    border: 1px dashed var(--acme-color-border-strong);
    border-radius: 0.7rem;
    color: var(--acme-color-text-muted);
    text-align: center;
}

.api-access-state > i[b-f8dmedm16g],
.api-access-state > .spinner-border[b-f8dmedm16g] {
    margin-bottom: 0.25rem;
    color: var(--acme-color-primary-action);
    font-size: 1.2rem;
}

.api-access-state strong[b-f8dmedm16g] {
    color: var(--acme-color-text-default);
    font-size: 0.82rem;
}

.api-access-state span[b-f8dmedm16g] {
    font-size: 0.72rem;
}

.api-access-state--compact[b-f8dmedm16g] {
    min-height: 7rem;
    border: 0;
    border-radius: 0;
}

.api-access-table[b-f8dmedm16g] {
    margin: 0;
    color: var(--acme-color-text-default);
    font-size: 0.74rem;
}

.api-access-table thead th[b-f8dmedm16g] {
    padding: 0.6rem 0.75rem;
    border-bottom-color: var(--acme-color-border);
    color: var(--acme-color-text-muted);
    background: var(--acme-color-surface-soft);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.api-access-table tbody td[b-f8dmedm16g] {
    padding: 0.65rem 0.75rem;
    border-bottom-color: var(--acme-color-border-light);
    white-space: nowrap;
}

.api-access-table tbody tr:last-child td[b-f8dmedm16g] {
    border-bottom: 0;
}

.api-access-token-identity[b-f8dmedm16g] {
    display: flex;
    align-items: center;
    min-width: 12rem;
    gap: 0.6rem;
}

.api-access-token-icon[b-f8dmedm16g] {
    display: inline-flex;
    flex: 0 0 2rem;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--acme-color-border);
    border-radius: 0.5rem;
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-soft);
}

.api-access-token-identity strong[b-f8dmedm16g],
.api-access-token-identity code[b-f8dmedm16g] {
    display: block;
}

.api-access-token-identity strong[b-f8dmedm16g] {
    overflow: hidden;
    max-width: 16rem;
    color: var(--acme-color-text-default);
    font-size: 0.76rem;
    font-weight: 700;
    text-overflow: ellipsis;
}

.api-access-token-identity code[b-f8dmedm16g] {
    margin-top: 0.18rem;
    color: var(--acme-color-text-muted);
    font-size: 0.68rem;
    letter-spacing: 0.03em;
}

.api-access-revoke[b-f8dmedm16g] {
    width: 2.25rem;
    min-width: 2.25rem;
    padding-inline: 0;
}

@media (max-width: 1100px) {
    .api-access-user-grid[b-f8dmedm16g],
    .api-access-create-grid[b-f8dmedm16g] {
        grid-template-columns: 1fr 1fr;
    }

    .api-access-action[b-f8dmedm16g] {
        justify-self: end;
    }
}

@media (max-width: 640px) {
    .api-access-header[b-f8dmedm16g],
    .api-access-card__header[b-f8dmedm16g],
    .api-key-result__header[b-f8dmedm16g] {
        align-items: stretch;
        flex-direction: column;
    }

    .api-access-refresh[b-f8dmedm16g],
    .api-access-action[b-f8dmedm16g],
    .api-key-copy[b-f8dmedm16g] {
        width: 100%;
    }

    .api-key-result__actions[b-f8dmedm16g] {
        align-items: stretch;
        flex-direction: column;
    }

    .api-access-user-grid[b-f8dmedm16g],
    .api-access-create-grid[b-f8dmedm16g] {
        grid-template-columns: 1fr;
    }

    .api-access-action[b-f8dmedm16g] {
        justify-self: stretch;
    }

    .api-access-generate-wrap[b-f8dmedm16g] {
        padding-top: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .api-access-refresh[b-f8dmedm16g],
    .api-access-action[b-f8dmedm16g],
    .api-access-control[b-f8dmedm16g],
    .api-access-revoke[b-f8dmedm16g] {
        transition: none;
    }
}
/* /Pages/CompanySetup/SystemSetting/Sections/GeneralSection.razor.rz.scp.css */
.general-settings[b-wniz0vlhpv] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(28rem, 1.35fr);
    gap: 1rem;
    padding: 1rem;
}

.general-settings-column[b-wniz0vlhpv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.settings-card[b-wniz0vlhpv] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    border-radius: var(--acme-radius-md, 0.5rem);
    background: var(--acme-color-surface, var(--bs-body-bg));
}

.settings-card-heading[b-wniz0vlhpv] {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--acme-color-border-light, var(--bs-border-color));
}

.settings-card-heading h2[b-wniz0vlhpv] {
    margin: 0;
    color: var(--acme-color-text-default, var(--bs-body-color));
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.4;
}

.settings-card-heading p[b-wniz0vlhpv] {
    margin: 0.2rem 0 0;
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    font-size: 0.8125rem;
    line-height: 1.45;
}

.format-grid[b-wniz0vlhpv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.settings-field[b-wniz0vlhpv] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.settings-field > label[b-wniz0vlhpv],
.settings-choice-label[b-wniz0vlhpv],
.back-date-days > label[b-wniz0vlhpv] {
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    font-size: 0.8125rem;
    font-weight: 600;
}

.settings-field .form-control[b-wniz0vlhpv],
.settings-field .form-select[b-wniz0vlhpv],
.back-date-days .form-control[b-wniz0vlhpv] {
    min-height: 2.25rem;
    border-color: var(--acme-color-border-soft, var(--bs-border-color));
}

.settings-field .form-control:focus[b-wniz0vlhpv],
.settings-field .form-select:focus[b-wniz0vlhpv],
.back-date-days .form-control:focus[b-wniz0vlhpv] {
    border-color: var(--acme-color-primary-action, var(--bs-primary));
    box-shadow: var(--acme-focus-ring, 0 0 0 0.2rem rgb(25 135 84 / 15%));
}

.settings-choice-block[b-wniz0vlhpv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.settings-choice-group[b-wniz0vlhpv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
}

.settings-checkbox-grid[b-wniz0vlhpv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 1rem;
}

.settings-checkbox-grid--two[b-wniz0vlhpv] {
    margin-bottom: 1rem;
}

[b-wniz0vlhpv] .settings-checkbox-grid .my-checkbox,
[b-wniz0vlhpv] .settings-checkbox-grid .my-switch {
    width: 100%;
    min-height: 2rem;
}

.back-date-setting[b-wniz0vlhpv] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(12rem, 1fr) 8rem;
    align-items: end;
    gap: 1rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    border-radius: var(--acme-radius-sm, 0.25rem);
    background: var(--acme-color-surface-soft, var(--bs-tertiary-bg));
}

.back-date-days[b-wniz0vlhpv] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.settings-field--database[b-wniz0vlhpv] {
    max-width: 22rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--acme-color-border-light, var(--bs-border-color));
}

.settings-field--database small[b-wniz0vlhpv] {
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    font-size: 0.75rem;
}

@media (max-width: 1199.98px) {
    .general-settings[b-wniz0vlhpv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .general-settings[b-wniz0vlhpv] {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .settings-card[b-wniz0vlhpv] {
        padding: 0.85rem;
    }

    .format-grid[b-wniz0vlhpv],
    .settings-checkbox-grid[b-wniz0vlhpv] {
        grid-template-columns: 1fr;
    }

    .back-date-setting[b-wniz0vlhpv] {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .settings-choice-group[b-wniz0vlhpv] {
        flex-direction: column;
        gap: 0.65rem;
    }
}
/* /Pages/CompanySetup/SystemSetting/SystemSetting.razor.rz.scp.css */
.system-settings-page[b-wal4ugs1ta] {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--acme-color-text-default, var(--bs-body-color));
    background: var(--acme-color-surface-soft, var(--bs-tertiary-bg));
}

.system-settings-page[b-wal4ugs1ta]  .system-settings-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    border-radius: var(--acme-radius-md, 0.5rem);
    background: var(--acme-color-surface, var(--bs-body-bg));
    box-shadow: var(--acme-shadow-sm, 0 2px 6px rgb(0 0 0 / 10%));
}

.system-settings-content[b-wal4ugs1ta] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.system-settings-tabs[b-wal4ugs1ta] {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.4rem 0.5rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--acme-color-surface, var(--bs-body-bg));
    border-bottom: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    scrollbar-width: thin;
}

.system-settings-tab-panel[b-wal4ugs1ta] {
    /* The only scroll container on the page. */
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.system-settings-tab-scroll[b-wal4ugs1ta] {
    width: 100%;
    min-width: 0;
    padding-bottom: 1rem;
}

/* ---------- Shared section layout (Finance, Purchase, Sales, Inventory, Restaurant) ---------- */

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-section {
    padding: 1rem;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-card {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    border-radius: var(--acme-radius-md, 0.5rem);
    background: var(--acme-color-surface, var(--bs-body-bg));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-card-heading {
    margin-bottom: 0.875rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--acme-color-border-light, var(--bs-border-color));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-card-heading h2 {
    margin: 0;
    color: var(--acme-color-text-default, var(--bs-body-color));
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.4;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-card-heading p {
    margin: 0.2rem 0 0;
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    font-size: 0.8125rem;
    line-height: 1.45;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.75rem 1rem;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field-grid--compact {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field-grid--spaced,
.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-toggle-grid--spaced {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed var(--acme-color-border-light, var(--bs-border-color));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field > label {
    margin: 0;
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    font-size: 0.8125rem;
    font-weight: 600;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field .form-control,
.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field .form-select {
    min-height: 2.25rem;
    border-color: var(--acme-color-border-soft, var(--bs-border-color));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field .form-control:focus,
.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field .form-select:focus {
    border-color: var(--acme-color-primary-action, var(--bs-primary));
    box-shadow: var(--acme-focus-ring, 0 0 0 0.2rem rgb(25 135 84 / 15%));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-field .form-control:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-lookup {
    display: flex;
    min-width: 0;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-lookup .form-control {
    flex: 1 1 auto;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--acme-color-surface, var(--bs-body-bg));
    cursor: pointer;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-lookup .form-control::placeholder {
    color: var(--acme-color-text-disabled, var(--bs-secondary-color));
    font-style: italic;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-lookup-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    border: 1px solid var(--acme-color-border-soft, var(--bs-border-color));
    border-left: 0;
    border-radius: 0 var(--acme-radius-sm, 0.25rem) var(--acme-radius-sm, 0.25rem) 0;
    color: var(--acme-color-primary-action, var(--bs-primary));
    background: var(--acme-color-surface-soft, var(--bs-tertiary-bg));
    transition: background-color var(--acme-transition-fast, 150ms ease);
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-lookup-button:hover {
    background: var(--acme-color-surface-hover, var(--bs-secondary-bg));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-lookup-button:focus-visible {
    outline: 2px solid var(--acme-color-primary-action, var(--bs-primary));
    outline-offset: -2px;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-toggle-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.25rem 1.5rem;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-toggle-grid .my-switch,
.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-table .my-switch {
    min-height: 2rem;
    margin: 0;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .settings-toggle-grid .my-switch .form-check-label {
    font-size: 0.8125rem;
}

/* Entry fields: one row per field with "show" and "mandatory" switches side by side. */
.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-table {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    border-radius: var(--acme-radius-sm, 0.25rem);
    overflow: hidden;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.5rem 5.5rem;
    align-items: center;
    min-height: 2.35rem;
    padding: 0 0.75rem;
    border-top: 1px solid var(--acme-color-border-light, var(--bs-border-color));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-row:hover:not(.entry-control-row--head) {
    background: var(--acme-color-surface-hover, var(--bs-tertiary-bg));
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-row--head {
    min-height: 2rem;
    border-top: 0;
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    background: var(--acme-color-surface-soft, var(--bs-tertiary-bg));
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-row > :not(:first-child) {
    display: flex;
    justify-content: center;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-row .my-switch {
    justify-content: center;
    width: auto;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-name {
    min-width: 0;
    font-size: 0.8125rem;
}

.system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-na {
    color: var(--acme-color-text-disabled, var(--bs-secondary-color));
}

@media (max-width: 1199.98px) {
    .system-settings-tab-scroll[b-wal4ugs1ta]  .settings-columns {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    .system-settings-tab-scroll[b-wal4ugs1ta]  .settings-section {
        padding: 0.75rem;
    }

    .system-settings-tab-scroll[b-wal4ugs1ta]  .settings-card {
        padding: 0.85rem;
    }

    .system-settings-tab-scroll[b-wal4ugs1ta]  .entry-control-row {
        grid-template-columns: minmax(0, 1fr) 4.25rem 4.25rem;
        padding: 0 0.5rem;
    }
}

.system-settings-tab[b-wal4ugs1ta] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.75rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid transparent;
    border-bottom: 0;
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    background: transparent;
    border-radius: var(--acme-radius-sm, 0.25rem) var(--acme-radius-sm, 0.25rem) 0 0;
    font: inherit;
    white-space: nowrap;
    transition: color var(--acme-transition-fast, 150ms ease),
    background-color var(--acme-transition-fast, 150ms ease);
}

.system-settings-tab:hover[b-wal4ugs1ta] {
    color: var(--acme-color-primary-action, var(--bs-primary));
    background: var(--acme-color-surface-hover, var(--bs-tertiary-bg));
}

.system-settings-tab.is-active[b-wal4ugs1ta] {
    margin-bottom: -1px;
    border-color: var(--acme-color-border-light, var(--bs-border-color));
    color: var(--acme-color-primary-action, var(--bs-primary));
    background: var(--acme-color-surface, var(--bs-body-bg));
    font-weight: 600;
}

.system-settings-tab:focus-visible[b-wal4ugs1ta] {
    outline: 2px solid var(--acme-color-primary-action, var(--bs-primary));
    outline-offset: -2px;
}

.system-settings-footer[b-wal4ugs1ta] {
    z-index: 3;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 3.5rem;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    background: var(--acme-color-surface, var(--bs-body-bg));
    box-shadow: 0 -2px 8px var(--acme-overlay-05, rgb(0 0 0 / 5%));
}

[b-wal4ugs1ta] .app-version {
    color: var(--acme-color-text-muted, var(--bs-secondary-color));
    font-size: 0.8125rem;
}

@media (max-width: 768px) {
    .system-settings-page[b-wal4ugs1ta] {
        padding: 0.5rem;
    }

}

@media (prefers-reduced-motion: reduce) {
    .system-settings-tab[b-wal4ugs1ta] {
        transition: none;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-shell[b-51nmpndat3],
.dashboard-view-content[b-51nmpndat3],
.dashboard-view-panel[b-51nmpndat3] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.dashboard-shell[b-51nmpndat3] {
    display: flex;
    height: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    container-type: inline-size;
    background: var(--acme-color-surface);
}

.dashboard-view-content[b-51nmpndat3] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-view-panel[b-51nmpndat3] {
    display: flex;
    height: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-view-panel[b-51nmpndat3]  > .dashboard-shell,
.dashboard-view-panel[b-51nmpndat3]  > .admin-dashboard {
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
}
/* /Pages/DataManage/FrmDataBackup.razor.rz.scp.css */
/* /Pages/DataManage/FrmDataRestore.razor.rz.scp.css */
/* /Pages/Master/ChartOfAccount/AccountGroup/ListAccountGroup.razor.rz.scp.css */
.highlight-row[b-20t1g1j0la] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}
/* /Pages/Master/ChartOfAccount/AccountSubGroup/ListAccountSubGroup.razor.rz.scp.css */
/* /Pages/Master/ChartOfAccount/GeneralLedger/ListOnlineCustomer.razor.rz.scp.css */

.accordion-button[b-visgksa6nx] {
    background: linear-gradient(90deg, #f8f9fa, var(--acme-color-surface));
}

.accordion-button:focus[b-visgksa6nx] {
    box-shadow: none;
    outline: none;
}

.accordion-button:not(.collapsed)[b-visgksa6nx] {
    box-shadow: none;
}
/* /Pages/Master/ChartOfAccount/LedgerOpening/LedgerOpening.razor.rz.scp.css */
#ledger_opening[b-ygxb2vmba4] {
    --contentheader-height: 90px;
    --contentfooter-height: 85px;
    height: 100%;
}

.body-sticky-header[b-ygxb2vmba4] {
    margin-bottom: 5px;
    border-radius: .3rem;
}

.body-sticky-footer[b-ygxb2vmba4] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-ygxb2vmba4] {
    width: 100%;
    overflow: auto;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-ygxb2vmba4] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-ygxb2vmba4] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}

.table-container[b-ygxb2vmba4] {
    max-height: 60vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

th[b-ygxb2vmba4] {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}


th[b-ygxb2vmba4], td[b-ygxb2vmba4] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-ygxb2vmba4] {
    outline: none;
}

tr[b-ygxb2vmba4] {
    height: 25px;
}

td[b-ygxb2vmba4] {
    padding: 0.2rem 0.3rem;
}

.bg-light[b-ygxb2vmba4] {
    background-color: var(--acme-color-surface-subtle);
}

/* /Pages/Master/ChartOfAccount/SubLedger/ListSubLedger.razor.rz.scp.css */
.highlight-row[b-18jmwbcuur] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}
/* /Pages/Master/OtherMaster/CostCenter/FrmCostCenter.razor.rz.scp.css */
input.form-control-sm[b-zmukj4p1mz] {
    height: 25px;
}

select.form-control-sm[b-zmukj4p1mz] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-zmukj4p1mz] {
    height: 25px;
}

.table-container[b-zmukj4p1mz] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-zmukj4p1mz] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-zmukj4p1mz], td[b-zmukj4p1mz] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-zmukj4p1mz] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-zmukj4p1mz] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-zmukj4p1mz] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-zmukj4p1mz {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }

    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }

    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }

    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }

    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}


/* /Pages/Master/OtherMaster/CostCenter/ListCostCenter.razor.rz.scp.css */
.table-container[b-32ygzpjsxh] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-32ygzpjsxh], .table-sm th[b-32ygzpjsxh] {
    padding: 0.01rem 0.4rem;
}

th[b-32ygzpjsxh] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-32ygzpjsxh], .highlight-row:focus[b-32ygzpjsxh] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-32ygzpjsxh] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-32ygzpjsxh], td[b-32ygzpjsxh] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-32ygzpjsxh] {
    outline: none;
}

.skeleton-loader[b-32ygzpjsxh] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-32ygzpjsxh] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-32ygzpjsxh] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-32ygzpjsxh 2.5s infinite linear;
}

@keyframes flow-b-32ygzpjsxh {
    0% {
        background-position: 200% 200%;
    }

    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Master/OtherMaster/CounterMaster/FrmCounterMaster.razor.rz.scp.css */
input.form-control-sm[b-a4n2riuypg] {
    height: 25px;
}

select.form-control-sm[b-a4n2riuypg] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-a4n2riuypg] {
    height: 25px;
}

.table-container[b-a4n2riuypg] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-a4n2riuypg] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-a4n2riuypg], td[b-a4n2riuypg] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-a4n2riuypg] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-a4n2riuypg] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-a4n2riuypg] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-a4n2riuypg {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }

    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }

    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }

    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }

    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}


/* /Pages/Master/OtherMaster/CounterMaster/ListCounterMaster.razor.rz.scp.css */
.table-container[b-6383oontv6] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-6383oontv6], .table-sm th[b-6383oontv6] {
    padding: 0.01rem 0.4rem;
}

th[b-6383oontv6] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-6383oontv6], .highlight-row:focus[b-6383oontv6] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-6383oontv6] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-6383oontv6], td[b-6383oontv6] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-6383oontv6] {
    outline: none;
}

.skeleton-loader[b-6383oontv6] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-6383oontv6] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-6383oontv6] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-6383oontv6 2.5s infinite linear;
}

@keyframes flow-b-6383oontv6 {
    0% {
        background-position: 200% 200%;
    }

    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Master/OtherMaster/Department/FrmDepartment.razor.rz.scp.css */
input.form-control-sm[b-0s56wzk9d6],
select.form-select-sm[b-0s56wzk9d6] {
    height: 25px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.department-form[b-0s56wzk9d6] {
    color: var(--acme-color-text-default);
}

.department-form__error[b-0s56wzk9d6] {
    color: var(--acme-color-danger);
}

/* /Pages/Master/OtherMaster/FloorMaster/FrmFloorMaster.razor.rz.scp.css */
input.form-control-sm[b-4dojligsb3] {
    height: 25px;
}

select.form-control-sm[b-4dojligsb3] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-4dojligsb3] {
    height: 25px;
}

.table-container[b-4dojligsb3] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-4dojligsb3] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-4dojligsb3], td[b-4dojligsb3] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-4dojligsb3] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-4dojligsb3] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-4dojligsb3] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-4dojligsb3 {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }

    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }

    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }

    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }

    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}


/* /Pages/Master/OtherMaster/FloorMaster/ListFloorMaster.razor.rz.scp.css */
.table-container[b-j55ny8ldli] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-j55ny8ldli], .table-sm th[b-j55ny8ldli] {
    padding: 0.01rem 0.4rem;
}

th[b-j55ny8ldli] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-j55ny8ldli], .highlight-row:focus[b-j55ny8ldli] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-j55ny8ldli] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-j55ny8ldli], td[b-j55ny8ldli] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-j55ny8ldli] {
    outline: none;
}

.skeleton-loader[b-j55ny8ldli] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-j55ny8ldli] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-j55ny8ldli] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-j55ny8ldli 2.5s infinite linear;
}

@keyframes flow-b-j55ny8ldli {
    0% {
        background-position: 200% 200%;
    }

    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Master/OtherMaster/Godown/FrmGodown.razor.rz.scp.css */
input.form-control-sm[b-k2cdq20nln] {
    height: 25px;
}

select.form-control-sm[b-k2cdq20nln] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-k2cdq20nln] {
    height: 25px;
}

.table-container[b-k2cdq20nln] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-k2cdq20nln] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-k2cdq20nln], td[b-k2cdq20nln] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-k2cdq20nln] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-k2cdq20nln] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-k2cdq20nln] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-k2cdq20nln {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }

    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }

    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }

    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }

    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}


/* /Pages/Master/OtherMaster/Godown/ListGodown.razor.rz.scp.css */
.table-container[b-7zy6yh13td] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-7zy6yh13td], .table-sm th[b-7zy6yh13td] {
    padding: 0.01rem 0.4rem;
}

th[b-7zy6yh13td] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-7zy6yh13td], .highlight-row:focus[b-7zy6yh13td] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-7zy6yh13td] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-7zy6yh13td], td[b-7zy6yh13td] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-7zy6yh13td] {
    outline: none;
}

.skeleton-loader[b-7zy6yh13td] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-7zy6yh13td] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-7zy6yh13td] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-7zy6yh13td 2.5s infinite linear;
}

@keyframes flow-b-7zy6yh13td {
    0% {
        background-position: 200% 200%;
    }

    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Master/OtherMaster/Narration/ListNarrationMaster.razor.rz.scp.css */
/* /Pages/Master/OtherMaster/Salesman/SubSalesman/ListSalesMan.razor.rz.scp.css */
.highlight-row[b-ld7fhunh6v] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}
/* /Pages/Master/OtherMaster/TableMaster/FrmTableMaster.razor.rz.scp.css */
input.form-control-sm[b-sca4z3hivj] {
    height: 25px;
}

select.form-control-sm[b-sca4z3hivj] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-sca4z3hivj] {
    height: 25px;
}

.table-container[b-sca4z3hivj] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-sca4z3hivj] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-sca4z3hivj], td[b-sca4z3hivj] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-sca4z3hivj] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-sca4z3hivj] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-sca4z3hivj] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

/*#myinitial-loading {*/
/*    animation: loadingAnimation 0ms 200ms forwards;*/
/*    visibility: visible;*/
/*}*/

@keyframes loadingAnimation-b-sca4z3hivj {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }

    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }

    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }

    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }

    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}
/* /Pages/Master/OtherMaster/TableMaster/ListTableMaster.razor.rz.scp.css */
.table-container[b-gq6gvoo0jm] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-gq6gvoo0jm], .table-sm th[b-gq6gvoo0jm] {
    padding: 0.01rem 0.4rem;
}

th[b-gq6gvoo0jm] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-gq6gvoo0jm], .highlight-row:focus[b-gq6gvoo0jm] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-gq6gvoo0jm] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-gq6gvoo0jm], td[b-gq6gvoo0jm] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-gq6gvoo0jm] {
    outline: none;
}

.skeleton-loader[b-gq6gvoo0jm] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-gq6gvoo0jm] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-gq6gvoo0jm] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-gq6gvoo0jm 2.5s infinite linear;
}

@keyframes flow-b-gq6gvoo0jm {
    0% {
        background-position: 200% 200%;
    }

    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Master/ProductMaster/ItemProduct/FrmProductMaster.razor.rz.scp.css */


legend[b-hhub3phlor] {
    /*background-color: gray;*/
    /*color: white;*/
    font-size: medium;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 2px;
}

fieldset[b-hhub3phlor] {
    border: #d7d7d7 solid thin;
    border-radius: 5px;
}
/* /Pages/Master/ProductMaster/ProductOpening/ProductOpening.razor.rz.scp.css */
#product_opening[b-xg4l77a7vk] {
    --contentheader-height: 80px;
    --contentfooter-height: 25px;
    scrollbar-width: thin;
    height: 100%;
}

#ledger-info div[b-xg4l77a7vk] {
    margin-right: 8px;
}

.body-sticky-header[b-xg4l77a7vk] {
    margin-bottom: 5px;
}

.body-sticky-footer[b-xg4l77a7vk] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-xg4l77a7vk] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-xg4l77a7vk] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-xg4l77a7vk] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}

.table-container[b-xg4l77a7vk] {
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

th[b-xg4l77a7vk] {
    position: sticky;
    top: 0;
    background: white; /* Keeps the header background when scrolling */
    z-index: 1;
}


th[b-xg4l77a7vk], td[b-xg4l77a7vk] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-xg4l77a7vk] {
    outline: none;
}

tr[b-xg4l77a7vk] {
    height: 25px;
}

td[b-xg4l77a7vk] {
    padding: 0.2rem 0.3rem;
}

.bg-light[b-xg4l77a7vk] {
    background-color: var(--acme-color-surface-subtle);
}
/* /Pages/Reports/FinanceReport/Confirmation/Widgets/FilterCustomerConfirmation.razor.rz.scp.css */
.confirmation-filter[b-nkj29b45ak] {
    min-width: 0;
    overflow: hidden;
    color: var(--acme-dialog-text);
    background: var(--acme-dialog-surface);
}

.filter-content[b-nkj29b45ak] {
    padding: 16px;
}

.filter-field label[b-nkj29b45ak] {
    display: block;
    margin-bottom: 6px;
    font-size: .8125rem;
    font-weight: 600;
}

.filter-field[b-nkj29b45ak]  .form-control {
    min-height: 40px;
    padding: 7px 10px;
    color: var(--acme-dialog-text);
    font-variant-numeric: tabular-nums;
    border-color: var(--acme-dialog-border);
    border-radius: var(--acme-radius-sm);
    background: var(--acme-dialog-surface);
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.filter-field[b-nkj29b45ak]  .form-control:focus {
    border-color: var(--acme-dialog-accent);
    box-shadow: var(--acme-focus-ring);
}

.filter-field[b-nkj29b45ak]  .form-control.invalid {
    border-color: var(--bs-danger);
}

.filter-field__validation[b-nkj29b45ak] {
    min-height: 17px;
    margin-top: 2px;
    font-size: .71875rem;
    line-height: 1.35;
}

.filter-field__validation[b-nkj29b45ak]  .validation-message {
    margin: 0;
}

.filter-actions[b-nkj29b45ak] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--acme-dialog-border);
    background: var(--acme-dialog-header-surface);
}

.filter-actions[b-nkj29b45ak]  .filter-action {
    min-width: 92px;
}

@media (max-width: 575.98px) {
    .filter-content[b-nkj29b45ak] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .filter-field[b-nkj29b45ak]  .form-control {
        min-height: 44px;
        font-size: 1rem;
    }

    .filter-actions[b-nkj29b45ak] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 12px 14px;
    }

    .filter-actions[b-nkj29b45ak]  .filter-action {
        width: 100%;
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .filter-field[b-nkj29b45ak]  .form-control {
        transition: none;
    }
}
/* /Pages/Reports/IrdReport/AuditTrialReport/RptAuditTrailReport.razor.rz.scp.css */
/* /Pages/Reports/IrdReport/MaterializedView/FilterMaterializedView.razor.rz.scp.css */
/* /Pages/Reports/IrdReport/MaterializedView/RptMaterializedView.razor.rz.scp.css */
/* /Pages/Reports/IrdReport/SyncToIrd/SyncToIrd.razor.rz.scp.css */
.table-container[b-vtakhnfeax] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}



th[b-vtakhnfeax] {
    white-space: nowrap;
    width: 100%;
}

th[b-vtakhnfeax] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-vtakhnfeax], td[b-vtakhnfeax] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-vtakhnfeax] {
    outline: none;
}

.skeleton-loader[b-vtakhnfeax] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-vtakhnfeax] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-vtakhnfeax] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-vtakhnfeax 2.5s infinite linear;
}

@keyframes flow-b-vtakhnfeax {
    0% {
        background-position: 200% 200%;
    }
    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/Reports/LiveReport/Widgets/PollingDataFetcher.razor.rz.scp.css */
.polling-container[b-e62rzyh9jf] {

    background: var(--clr-surface);
    border: 1px solid var(--clr-border);
    border-radius: var(--acme-radius-lg);
    overflow: hidden;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13px;
    color: var(--clr-text);
    box-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}

.polling-header[b-e62rzyh9jf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: rgba(255, 255, 255, .02);
    border-bottom: 1px solid var(--clr-border);
    gap: 12px;
    flex-wrap: wrap;
}

.polling-title-group[b-e62rzyh9jf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.polling-status-dot[b-e62rzyh9jf] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    transition: background .3s;
}

.polling-status-dot.active[b-e62rzyh9jf] {
    background: var(--clr-green);
    box-shadow: 0 0 6px var(--clr-green);
    animation: pulse-dot-b-e62rzyh9jf 2s infinite;
}

.polling-status-dot.error[b-e62rzyh9jf] {
    background: var(--clr-red);
}

.polling-status-dot.idle[b-e62rzyh9jf] {
    background: var(--clr-muted);
}

@keyframes pulse-dot-b-e62rzyh9jf {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .4;
    }
}

.polling-title[b-e62rzyh9jf] {
    font-weight: 600;
    letter-spacing: -.01em;
}

.polling-subtitle[b-e62rzyh9jf] {
    color: var(--clr-muted);
    font-size: 11px;
}

.polling-controls[b-e62rzyh9jf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.polling-meta[b-e62rzyh9jf] {
    color: var(--clr-muted);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    display: flex;
    gap: 4px;
}

.polling-count[b-e62rzyh9jf] {
    opacity: .6;
}

.polling-interval-select[b-e62rzyh9jf] {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    color: var(--clr-muted);
    font-size: 11px;
    border-radius: 5px;
    padding: 3px 6px;
    cursor: pointer;
    outline: none;
}

.polling-interval-select:focus[b-e62rzyh9jf] {
    border-color: var(--clr-accent);
    color: var(--clr-text);
}

.polling-btn[b-e62rzyh9jf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--clr-border);
    background: var(--clr-bg);
    color: var(--clr-muted);
    border-radius: 6px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    transition: all .15s;
    padding: 0;
    font-size: 11px;
}

.polling-btn:hover:not(:disabled)[b-e62rzyh9jf] {
    border-color: var(--clr-accent);
    color: var(--clr-accent);
}

.polling-btn:disabled[b-e62rzyh9jf] {
    opacity: .4;
    cursor: default;
}

.btn-pause:not(:hover)[b-e62rzyh9jf] {
    color: var(--clr-amber);
    border-color: rgba(251, 191, 36, .3);
}

.btn-play:not(:hover)[b-e62rzyh9jf] {
    color: var(--clr-green);
    border-color: rgba(62, 207, 142, .3);
}

.btn-refresh svg[b-e62rzyh9jf] {
    transition: transform .15s;
}

.btn-refresh.spinning svg[b-e62rzyh9jf] {
    animation: spin-b-e62rzyh9jf 0.7s linear infinite;
}

@keyframes spin-b-e62rzyh9jf {
    to {
        transform: rotate(360deg);
    }
}

/* Progress bar */
.polling-progress-track[b-e62rzyh9jf] {
    height: 2px;
    background: var(--clr-border);
    position: relative;
    overflow: hidden;
}

.polling-progress-fill[b-e62rzyh9jf] {
    height: 100%;
    background: linear-gradient(90deg, var(--clr-accent), var(--clr-green));
    width: 0;
}

.polling-progress-fill.running[b-e62rzyh9jf] {
    animation: progress-sweep-b-e62rzyh9jf linear infinite;
}

@keyframes progress-sweep-b-e62rzyh9jf {
    0% {
        width: 0;
        opacity: 1;
    }
    90% {
        width: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        opacity: 0;
    }
}

/* Body */
.polling-body[b-e62rzyh9jf] {
    padding: 14px;
    min-height: 80px;
}

/* Skeleton */
.polling-skeleton[b-e62rzyh9jf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skeleton-row[b-e62rzyh9jf] {
    display: flex;
    gap: 8px;
}

.skeleton-block[b-e62rzyh9jf] {
    height: 12px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--clr-border) 25%, rgba(255, 255, 255, .06) 50%, var(--clr-border) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-e62rzyh9jf 1.4s infinite;
}

.w-20[b-e62rzyh9jf] {
    width: 20%;
}

.w-30[b-e62rzyh9jf] {
    width: 30%;
}

.w-40[b-e62rzyh9jf] {
    width: 40%;
}

@keyframes shimmer-b-e62rzyh9jf {
    to {
        background-position: -200% 0;
    }
}

/* Refreshing fade */
.polling-data-wrapper[b-e62rzyh9jf] {
    transition: opacity .2s;
}

.polling-data-wrapper.refreshing[b-e62rzyh9jf] {
    opacity: .6;
}

/* Error */
.polling-error[b-e62rzyh9jf] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(248, 113, 113, .08);
    border: 1px solid rgba(248, 113, 113, .2);
    border-radius: 7px;
    padding: 10px 12px;
    color: var(--clr-red);
}

.polling-error-text[b-e62rzyh9jf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

.polling-error-text strong[b-e62rzyh9jf] {
    font-size: 13px;
}

.polling-error .polling-btn[b-e62rzyh9jf] {
    width: auto;
    padding: 0 10px;
    color: var(--clr-red);
    border-color: rgba(248, 113, 113, .3);
}

/* Empty */
.polling-empty[b-e62rzyh9jf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px;
    color: var(--clr-muted);
    text-align: center;
}

/* JSON fallback */
.polling-json[b-e62rzyh9jf] {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: 7px;
    padding: 12px;
    font-size: 12px;
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    color: var(--clr-green);
    overflow-x: auto;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-all;
}

.compact .polling-body[b-e62rzyh9jf] {
    padding: 10px;
}

.compact .polling-header[b-e62rzyh9jf] {
    padding: 7px 10px;
}
/* /Pages/Transaction/FinanceTransaction/CreditNote.razor.rz.scp.css */
#credit_note[b-uyxjiz5i1n] {
    --contentheader-height: 250px;
    --contentfooter-height: 110px;
    scrollbar-width: thin;
   height: 100%;
}


.body-sticky-header[b-uyxjiz5i1n] {
    margin-bottom: 5px;
}

.body-sticky-footer[b-uyxjiz5i1n] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-uyxjiz5i1n] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-uyxjiz5i1n] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-uyxjiz5i1n] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}

.form-control-disable:focus[b-uyxjiz5i1n] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.table-container[b-uyxjiz5i1n] {
    max-height: 60vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

th[b-uyxjiz5i1n] {
    position: sticky;
    top: 0;
    background: white; /* Keeps the header background when scrolling */
    z-index: 1;
}

[b-uyxjiz5i1n] 

th, td[b-uyxjiz5i1n] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-uyxjiz5i1n] {
    outline: none;
}

tr[b-uyxjiz5i1n] {
    height: 25px;
}

td[b-uyxjiz5i1n] {
    padding: 0.2rem 0.3rem;
}

.bg-light[b-uyxjiz5i1n] {
    background-color: var(--acme-color-surface-subtle);
}
/* /Pages/Transaction/FinanceTransaction/DebitNote.razor.rz.scp.css */
#debit_note[b-b5ssnptw8m] {
    --contentheader-height: 260px;
    --contentfooter-height: 120px;
    scrollbar-width: thin;
    height: 100%;
}

.body-sticky-header[b-b5ssnptw8m] {
    margin-bottom: 5px;
}

.body-sticky-footer[b-b5ssnptw8m] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-b5ssnptw8m] {
    width: 100%;
    overflow: auto;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-b5ssnptw8m] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-b5ssnptw8m] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}
/* /Pages/Transaction/FinanceTransaction/FrmCashBankVoucher.razor.rz.scp.css */
#cash_bank[b-qydob46prn] {
    --contentheader-height: 220px;
    --contentfooter-height: 100px;
    scrollbar-width: thin;
    height: 100%;
}

#ledger-info div[b-qydob46prn] {
    margin-right: 5px;
}

.body-sticky-header[b-qydob46prn] {
    margin-bottom: 5px;
}


.body-sticky-footer[b-qydob46prn] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-qydob46prn] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-qydob46prn] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-qydob46prn] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}

.table-container[b-qydob46prn] {
    max-height: 60vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

th[b-qydob46prn] {
    position: sticky;
    top: 0;
    background: white; /* Keeps the header background when scrolling */
    z-index: 1;
}


th[b-qydob46prn], td[b-qydob46prn] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-qydob46prn] {
    outline: none;
}

tr[b-qydob46prn] {
    height: 25px;
}

td[b-qydob46prn] {
    padding: 0.2rem 0.3rem;
}

.bg-light[b-qydob46prn] {
    background-color: var(--acme-color-surface-subtle);
}


.fixed-column[b-qydob46prn] {
    width: 6rem;
}
/* /Pages/Transaction/FinanceTransaction/FrmJournalVoucher.razor.rz.scp.css */
[b-l9judelv6g] form.transaction-shell > #journal.transaction-shell__frame {
    --contentheader-height: 120px;
    --contentfooter-height: 105px;
    --fixed-column-width: 8rem;
    scrollbar-width: thin;
    height: 100%;
}

[b-l9judelv6g] .transaction-shell {
    --fixed-column-width: 8rem;
}

.body-sticky-header[b-l9judelv6g] {
    margin-bottom: 5px;
}

.body-content[b-l9judelv6g] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.body-sticky-footer[b-l9judelv6g] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}
/* /Pages/Transaction/FinanceTransaction/PostDayCheque/FrmPostDayCheque.razor.rz.scp.css */
input.form-control-sm[b-7dg8uaxfv3] {
    height: 25px;
}

select.form-control-sm[b-7dg8uaxfv3] {
    height: 25px;
    padding-top: 1px;
}

.d-flex span[b-7dg8uaxfv3] {
    height: 25px;
}

.table-container[b-7dg8uaxfv3] {
    max-height: 82vh;
    overflow: scroll;
    border: 1px solid var(--acme-color-border);
}

th[b-7dg8uaxfv3] {
    position: sticky;
    top: 0;
    background: var(--acme-color-surface-muted);
    z-index: 1;
}

th[b-7dg8uaxfv3], td[b-7dg8uaxfv3] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

td[b-7dg8uaxfv3] {
    padding: 0.2rem 0.3rem;
}

.select-row[b-7dg8uaxfv3] {
    background: var(--acme-color-surface-muted);
    /*border: var(--acme-color-border-strong) solid 1.5px;*/
}

.highlight-row[b-7dg8uaxfv3] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

@keyframes loadingAnimation-b-7dg8uaxfv3 {
    0% {
        visibility: visible;
        display: block; /* Initially visible and displayed */
        opacity: 1; /* Fully opaque */
    }
    25% {
        visibility: visible;
        display: block;
        opacity: 0.75; /* Slightly transparent */
    }
    50% {
        visibility: visible;
        display: block;
        opacity: 0.5; /* More transparent */
    }
    75% {
        visibility: visible;
        display: block;
        opacity: 0.25; /* Almost transparent */
    }
    100% {
        visibility: hidden;
        display: none; /* Fully hidden and removed from layout */
        opacity: 0; /* Fully transparent */
    }
}



[b-7dg8uaxfv3] .autocomplete button {
    display: flex;  
    justify-content: space-between;
    right: 0;
    top:-2px !important;
}
/* /Pages/Transaction/FinanceTransaction/PostDayCheque/ListPostDayCheque.razor.rz.scp.css */
/* /Pages/Transaction/FinanceTransaction/PostDayCheque/RptPdcReportViewer.razor.rz.scp.css */
/*
 * PDC list. Grid, loading, empty states, and row colors come from the shared report viewer
 * (wwwroot/css/components/report-viewer.css: .report-viewer, .report-viewer__viewport, .report-viewer__table).
 * This file only adds the header layout, row actions, status pills, and column widths.
 */

.pdc-viewer[b-ubqjvh8p9m] {
    gap: 0.5rem;
    padding: 0.25rem;
}

/* ---------- Header (mirrors ReportHeader) ---------- */

.pdc-viewer__header[b-ubqjvh8p9m] {
    display: grid;
    grid-template-columns: minmax(13rem, 1fr) minmax(16rem, 2fr) minmax(13rem, 1fr);
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.5rem;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-md);
    background: var(--report-viewer-header-surface);
    color: var(--report-viewer-text);
}

.pdc-viewer__toolbar[b-ubqjvh8p9m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.pdc-viewer__identity[b-ubqjvh8p9m] {
    min-width: 0;
    text-align: center;
}

.pdc-viewer__company[b-ubqjvh8p9m] {
    margin: 0;
    overflow: hidden;
    color: var(--report-viewer-heading);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdc-viewer__title[b-ubqjvh8p9m] {
    margin-top: 0.125rem;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.35;
}

.pdc-viewer__meta[b-ubqjvh8p9m] {
    color: var(--report-viewer-text-muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

.pdc-viewer__search[b-ubqjvh8p9m] {
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.pdc-viewer__search[b-ubqjvh8p9m]  .search-container {
    width: min(100%, 20rem);
    min-height: 2rem;
    border-color: var(--report-viewer-control-border) !important;
    border-radius: var(--acme-radius-md) !important;
    background: var(--report-viewer-control-surface);
}

.pdc-viewer__search[b-ubqjvh8p9m]  .search-container:focus-within {
    border-color: var(--acme-color-primary-action) !important;
    box-shadow: var(--acme-focus-ring);
}

.pdc-viewer__search[b-ubqjvh8p9m]  .search-container > i {
    margin-inline: 0.65rem 0.15rem;
    color: var(--report-viewer-text-muted);
}

@media (max-width: 992px) {
    .pdc-viewer__header[b-ubqjvh8p9m] {
        grid-template-columns: 1fr;
    }

    .pdc-viewer__toolbar[b-ubqjvh8p9m],
    .pdc-viewer__search[b-ubqjvh8p9m] {
        justify-content: center;
    }
}

/* ---------- Summary chips ---------- */

.pdc-viewer__summary[b-ubqjvh8p9m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    padding-inline: 0.125rem;
}

.pdc-chip[b-ubqjvh8p9m] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.55rem;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-pill);
    background: var(--report-viewer-surface);
    color: var(--report-viewer-text-muted);
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.pdc-chip--due[b-ubqjvh8p9m] {
    color: var(--warning-bg);
    border-color: color-mix(in srgb, var(--warning-bg) 35%, transparent);
    background: color-mix(in srgb, var(--warning-bg) 8%, var(--report-viewer-surface));
}

.pdc-chip--deposit[b-ubqjvh8p9m] {
    color: var(--acme-color-success);
    border-color: color-mix(in srgb, var(--acme-color-success) 35%, transparent);
    background: color-mix(in srgb, var(--acme-color-success) 8%, var(--report-viewer-surface));
}

.pdc-chip--cancel[b-ubqjvh8p9m] {
    color: var(--acme-color-danger);
    border-color: color-mix(in srgb, var(--acme-color-danger) 35%, transparent);
    background: color-mix(in srgb, var(--acme-color-danger) 6%, var(--report-viewer-surface));
}

/* ---------- Column widths ---------- */

.pdc-col-actions[b-ubqjvh8p9m] { width: 8.25rem; }
.pdc-col-xs[b-ubqjvh8p9m] { width: 5.5rem; }
.pdc-col-sm[b-ubqjvh8p9m] { width: 6.5rem; }
.pdc-col-md[b-ubqjvh8p9m] { width: 8.5rem; }
.pdc-col-lg[b-ubqjvh8p9m] { width: 13rem; }

/* ---------- Row actions ---------- */

.pdc-actions[b-ubqjvh8p9m] {
    text-align: center;
    white-space: nowrap;
}

.pdc-action[b-ubqjvh8p9m] {
    display: inline-grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: 0;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    color: var(--report-viewer-text-muted);
    font-size: 0.9rem;
    cursor: pointer;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
    touch-action: manipulation;
}

.pdc-action--deposit[b-ubqjvh8p9m] { color: var(--acme-color-success); }
.pdc-action--cancel[b-ubqjvh8p9m],
.pdc-action--delete[b-ubqjvh8p9m] { color: var(--acme-color-danger); }
.pdc-action--edit[b-ubqjvh8p9m] { color: var(--acme-color-info-action); }

.pdc-action:hover:not(:disabled)[b-ubqjvh8p9m] {
    background: color-mix(in srgb, currentColor 14%, transparent);
}

.pdc-action:focus-visible[b-ubqjvh8p9m] {
    outline: 2px solid currentColor;
    outline-offset: 1px;
}

.pdc-action:disabled[b-ubqjvh8p9m] {
    color: var(--acme-color-text-disabled);
    cursor: not-allowed;
}

/* ---------- Status pills ---------- */

.pdc-status[b-ubqjvh8p9m] {
    display: inline-block;
    padding: 0.05rem 0.5rem;
    border-radius: var(--acme-radius-pill);
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1.5;
    color: var(--report-viewer-text-muted);
    background: var(--acme-color-surface-subtle);
}

.pdc-status--due[b-ubqjvh8p9m] {
    color: var(--warning-bg);
    background: color-mix(in srgb, var(--warning-bg) 12%, var(--report-viewer-surface));
}

.pdc-status--deposit[b-ubqjvh8p9m] {
    color: var(--acme-color-success);
    background: color-mix(in srgb, var(--acme-color-success) 12%, var(--report-viewer-surface));
}

.pdc-status--cancel[b-ubqjvh8p9m] {
    color: var(--acme-color-danger);
    background: color-mix(in srgb, var(--acme-color-danger) 10%, var(--report-viewer-surface));
}

/* Cancelled cheques: muted text so live ones stand out. */
.pdc-row--cancelled > td:not(.pdc-actions)[b-ubqjvh8p9m] {
    color: var(--report-viewer-text-muted);
    text-decoration: line-through;
    text-decoration-color: color-mix(in srgb, var(--acme-color-danger) 45%, transparent);
}

.pdc-row--cancelled .pdc-status[b-ubqjvh8p9m] {
    text-decoration: none;
}

@media print {
    .pdc-viewer__toolbar[b-ubqjvh8p9m],
    .pdc-viewer__search[b-ubqjvh8p9m],
    .pdc-viewer__summary[b-ubqjvh8p9m],
    .pdc-actions[b-ubqjvh8p9m],
    .pdc-col-actions[b-ubqjvh8p9m] {
        display: none;
    }
}
/* /Pages/Transaction/InventoryTransaction/BarCodePrint.razor.rz.scp.css */

[b-684iucd7ve] .sticky-header {
    position: sticky !important;
    top: 0;
    background: white;
    z-index: 10;
    border-bottom: solid 1px #eaacac;
}

.body-content[b-684iucd7ve] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
    height: 30vh;
}

.selected[b-684iucd7ve] {
    background-color: #757471a6;
    color: white;
}

[b-684iucd7ve] .highlight_row {
    outline: #e2a4a4 solid 1px;
    background: #f1f3f5;
    transition: background-color 0.2s ease-in-out;
}

[b-684iucd7ve] td.text-start:not(:has(input)) {
    padding: 0 .5rem 0 .5rem !important;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-684iucd7ve] td > input {
    border: none !important;
    border-radius: 0;
    text-align: start;
    padding: .1rem;
}

[b-684iucd7ve] input:focus {
    border-radius: 2px;
}

.table_disable tr[b-684iucd7ve] {
    background-color: #b6a4a4 !important;
}

.selected[b-684iucd7ve] {
    background-color: #757471a6;
    color: white;
}


th[b-684iucd7ve], td[b-684iucd7ve] {
    white-space: nowrap;
    color: var(--acme-color-text-default);
    padding: 0 5px;
    font-weight: 400 !important;
    vertical-align: middle;
}

tr:focus[b-684iucd7ve] {
    outline: none;
}

tr[b-684iucd7ve] {
    height: 25px;
    font-weight: normal;
}

table tbody tr td[b-684iucd7ve] {
    padding: 0 0 !important;
    font-weight: 400 !important;
}

tr[b-684iucd7ve] {
    height: 2px;
}


.collapse .show[b-684iucd7ve] {
    transition: all 2s ease-in-out;
}

button[aria-expanded="true"] .fa[b-684iucd7ve] {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

button[aria-expanded="false"] .fa[b-684iucd7ve] {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}
/* /Pages/Transaction/InventoryTransaction/FrmBoomRegistration.razor.rz.scp.css */
/* /Pages/Transaction/InventoryTransaction/FrmFinishedGoodsReceived.razor.rz.scp.css */
.fixed-label[b-sccz8hznzl] {
    width: 95px;
    white-space: nowrap;
}
/* /Pages/Transaction/InventoryTransaction/FrmInventoryIssue.razor.rz.scp.css */
.fixed-label[b-udhpna3v23] {
    width: 95px;
    white-space: nowrap;
}
/* /Pages/Transaction/PurchaseTransaction/FrmPurchaseInvoice.razor.rz.scp.css */
#purchase_invoice[b-sv37720mt8] {
    --contentheader-height: 310px;
    --contentfooter-height: 95px;
    scrollbar-width: thin;
    height: 100%;
}

#ledgerSummary div[b-sv37720mt8] {
    margin-right: 8px;
}

.fixed-column[b-sv37720mt8] {
    width: 6rem;
}

.payment-method-display[b-sv37720mt8] {
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #d9dee3;
    border-radius: .45rem;
    color: #495057;
    display: flex;
    gap: .45rem;
    min-height: 2rem;
    min-width: 8.75rem;
    padding: .25rem .55rem;
}

.payment-method-display__icon[b-sv37720mt8] {
    align-items: center;
    background: rgba(73, 80, 87, .1);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 1.45rem;
    height: 1.45rem;
    justify-content: center;
}

.payment-method-display__text[b-sv37720mt8] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    white-space: nowrap;
}

.payment-method-display__text > span[b-sv37720mt8] {
    font-size: .65rem;
    opacity: .78;
}

.payment-method-display__text > strong[b-sv37720mt8] {
    font-size: .78rem;
    font-weight: 700;
}

.payment-method-display--cash[b-sv37720mt8] {
    background: #edf8f1;
    border-color: #a8d8b9;
    color: #1e6b3a;
}

.payment-method-display--bank[b-sv37720mt8] {
    background: #eef5ff;
    border-color: #aecbf3;
    color: #245c9f;
}

.payment-method-display--credit[b-sv37720mt8] {
    background: #fff7e8;
    border-color: #edcf8f;
    color: #8a5a00;
}

.payment-method-display--empty[b-sv37720mt8] {
    color: #6c757d;
}

@media (max-width: 575.98px) {
    .payment-method-display[b-sv37720mt8] {
        min-width: 7.75rem;
    }
}

.body-sticky-footer[b-sv37720mt8] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-sv37720mt8] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.switch-slider[b-sv37720mt8] {
    display: inline-block;
    width: 16px;
    height: 10px;
    background-color: var(--acme-color-border-soft);
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.4s;
}

.switch-slider[b-sv37720mt8]::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 7px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.1s;
}

.switch-checkbox:checked + .switch-slider[b-sv37720mt8]::before {
    transform: translateX(7px);
}


[b-sv37720mt8] .grid_selected_row input {
    /*background-color: var(--acme-color-surface) !important;*/
}

[b-sv37720mt8] .table_disable {
    pointer-events: none;
    /*user-select: none;*/
}

.body-sticky-header[b-sv37720mt8] {
    display: flex;
    flex-direction: column;
    gap: .5rem !important
}
/* /Pages/Transaction/PurchaseTransaction/FrmPurchaseReturn.razor.rz.scp.css */
.Purchase_return[b-ww99kz89rp] {
    --contentheader-height: 280px;
    --contentfooter-height: 110px;
    scrollbar-width: thin;
   height: 100%;
}

#ledgerSummary div[b-ww99kz89rp] {
    margin-right: 8px;
}

.body-sticky-header[b-ww99kz89rp] {
    margin-bottom: 5px;
}

.body-sticky-footer[b-ww99kz89rp] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-ww99kz89rp] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-ww99kz89rp] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-ww99kz89rp] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}

.body-content .form-control input:focus[b-ww99kz89rp] {
    height: 23px;
    padding: 0.25rem 0.2rem;
    color: #495057;
    background-color: var(--acme-color-surface);
    border-radius: 0;
    border: black 2px solid;
    outline: black 1px solid;
    box-shadow: 0 0 0 0 black !important;
}

th[b-ww99kz89rp], td[b-ww99kz89rp] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-ww99kz89rp] {
    outline: none;
}

tr[b-ww99kz89rp] {
    height: 25px;
}

td[b-ww99kz89rp] {
    padding: 0.2rem 0.3rem;
}

input[disabled][b-ww99kz89rp] {
    background-color: #F9F9F9 !important;
    color: #928989 !important;
}

.switch-slider[b-ww99kz89rp] {
    display: inline-block;
    width: 16px;
    height: 10px;
    background-color: var(--acme-color-border-soft);
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.4s;
}

.switch-slider[b-ww99kz89rp]::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 7px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.1s;
}

.switch-checkbox:checked + .switch-slider[b-ww99kz89rp]::before {
    transform: translateX(7px);
}

.body-sticky-header[b-ww99kz89rp] {
    display: flex;
    flex-direction: column;
    gap: .5rem !important
}
/* /Pages/Transaction/PurchaseTransaction/InterBranchIn/FrmInterBranchIn.razor.rz.scp.css */
/* /Pages/Transaction/SalesTransaction/Challan/FrmSalesChallan.razor.rz.scp.css */
#sales_challan[b-b98d6ji4et] {
    --contentheader-height: 310px;
    --contentfooter-height: 95px;
    scrollbar-width: thin;
    height: 100%;
    min-height: 100%;
}

#ledgerSummary div[b-b98d6ji4et] {
    margin-right: 8px;
}

.fixed-column[b-b98d6ji4et] {
    width: 6rem;
}

.body-sticky-footer[b-b98d6ji4et] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-b98d6ji4et] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

/* /Pages/Transaction/SalesTransaction/Hospitality/BanquetManagement.razor.rz.scp.css */
.banquet-page[b-ryz9mmfana] { --surface:var(--acme-color-surface,#fff); --soft:var(--acme-color-surface-soft,#f9f9f9); --border:var(--acme-color-border,#ddd); --text:var(--acme-color-text-default,#3c4044); --muted:var(--acme-color-text-muted,#6c757d); width:100%; height:100vh; height:100dvh; min-height:0; padding:1rem; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; -webkit-overflow-scrolling:touch; background:var(--soft); color:var(--text); }
.banquet-header[b-ryz9mmfana],.header-copy[b-ryz9mmfana],.header-actions[b-ryz9mmfana],.header-summary[b-ryz9mmfana],.control-heading[b-ryz9mmfana],.controls[b-ryz9mmfana],.status-card[b-ryz9mmfana],.hall-top[b-ryz9mmfana],.detail-heading[b-ryz9mmfana] { display:flex; align-items:center; }
.banquet-header[b-ryz9mmfana] { gap:1rem; padding:1rem 1.2rem; border:1px solid var(--border); border-left:4px solid var(--brand-accent,#531213); border-radius:var(--acme-radius-lg,10px); background:linear-gradient(110deg,var(--surface),var(--surface) 60%,var(--brand-dark-10,rgba(11,31,47,.1))); box-shadow:0 2px 10px var(--acme-overlay-05,rgba(0,0,0,.05)); }
.header-copy[b-ryz9mmfana] { min-width:0; gap:.75rem; }
.back-button[b-ryz9mmfana] { display:grid; flex:0 0 34px; width:34px; height:34px; place-items:center; border:1px solid var(--border); border-radius:50%; color:var(--muted); text-decoration:none; }
.back-button:hover[b-ryz9mmfana] { color:var(--brand-accent,#531213); border-color:var(--brand-accent,#531213); }
.header-icon[b-ryz9mmfana] { display:grid; flex:0 0 46px; width:46px; height:46px; place-items:center; border-radius:10px; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); font-size:1.15rem; }
.header-copy small[b-ryz9mmfana] { color:var(--brand-accent,#531213); font-size:.65rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.header-copy h1[b-ryz9mmfana] { margin:.05rem 0; color:var(--text-primary,#1e293b); font-size:1.3rem; }
.header-copy p[b-ryz9mmfana] { margin:0; color:var(--muted); font-size:.75rem; }
.header-summary[b-ryz9mmfana] { gap:1.25rem; margin-left:auto; padding:.55rem .75rem; border:1px solid var(--border); border-radius:8px; background:var(--soft); }
.header-summary span[b-ryz9mmfana] { display:flex; flex-direction:column; color:var(--muted); font-size:.58rem; text-transform:uppercase; }
.header-summary strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.75rem; text-transform:none; }
.header-actions[b-ryz9mmfana] { gap:.45rem; }
.header-actions .btn[b-ryz9mmfana] { white-space:nowrap; font-size:.78rem; }
.card[b-ryz9mmfana] { border:1px solid var(--border); border-radius:var(--acme-radius-lg,10px); background:var(--surface); box-shadow:0 2px 10px var(--acme-overlay-05,rgba(0,0,0,.05)); }
.control-card[b-ryz9mmfana] { margin:.75rem 0; padding:.75rem; }
.control-heading[b-ryz9mmfana] { gap:.55rem; }
.control-heading > span[b-ryz9mmfana] { display:grid; width:32px; height:32px; place-items:center; border-radius:7px; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); }
.control-heading > div[b-ryz9mmfana] { display:flex; flex-direction:column; }
.control-heading strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.8rem; }
.control-heading small[b-ryz9mmfana] { color:var(--muted); font-size:.64rem; }
.controls[b-ryz9mmfana] { gap:.45rem; flex-wrap:wrap; margin-top:.7rem; padding-top:.7rem; border-top:1px solid var(--border); }
.controls .form-select[b-ryz9mmfana],.controls .form-control[b-ryz9mmfana] { height:35px; font-size:.76rem; }
.controls > .form-select[b-ryz9mmfana] { width:130px; }
.search-wrap[b-ryz9mmfana] { position:relative; width:220px; }
.search-wrap i[b-ryz9mmfana] { position:absolute; z-index:1; top:50%; left:.65rem; transform:translateY(-50%); color:var(--muted); font-size:.68rem; }
.search-wrap input[b-ryz9mmfana] { padding-left:1.8rem; }
.sort-control[b-ryz9mmfana] { display:flex; width:175px; }
.sort-control select[b-ryz9mmfana] { border-radius:4px 0 0 4px; }
.sort-control button[b-ryz9mmfana] { width:36px; border:1px solid var(--border); border-left:0; border-radius:0 4px 4px 0; color:var(--muted); font-size:.68rem; }
.clear-filters[b-ryz9mmfana] { display:flex; align-items:center; gap:.3rem; border:1px solid color-mix(in srgb, var(--bs-primary, #198754) 22%, transparent); color:var(--bs-primary,#198754); font-size:.68rem; }
.clear-filters span[b-ryz9mmfana] { display:grid; width:17px; height:17px; place-items:center; border-radius:50%; background:var(--bs-primary,#198754); color:#fff; font-size:.58rem; }
.view-switch[b-ryz9mmfana] { margin-left:auto; }
.view-switch .btn[b-ryz9mmfana] { display:flex; align-items:center; gap:.25rem; font-size:.74rem; }
.status-grid[b-ryz9mmfana] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; margin-bottom:.75rem; }
.status-card[b-ryz9mmfana] { gap:.6rem; min-width:0; padding:.7rem; border-left:3px solid var(--status); text-align:left; }
.status-card.active[b-ryz9mmfana] { outline:2px solid color-mix(in srgb,var(--status) 30%,transparent); background:var(--status-bg); }
.status-icon[b-ryz9mmfana] { display:grid; width:34px; height:34px; place-items:center; border-radius:8px; background:var(--status-bg); color:var(--status); }
.status-card > span:nth-child(2)[b-ryz9mmfana] { display:flex; min-width:0; flex:1; flex-direction:column; }
.status-card strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.76rem; }
.status-card small[b-ryz9mmfana] { color:var(--muted); font-size:.63rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.status-card b[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:1.35rem; }
.available[b-ryz9mmfana] { --status:#198754; --status-bg:#eaf7f0; }.booked[b-ryz9mmfana] { --status:#b7791f; --status-bg:#fff7e3; }.checkedin[b-ryz9mmfana] { --status:#2563a9; --status-bg:#eaf2fb; }.dirty[b-ryz9mmfana] { --status:#a44a3f; --status-bg:#faecea; }
.banquet-content[b-ryz9mmfana] { display:grid; min-width:0; min-height:0; grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr); gap:.75rem; padding-bottom:1rem; }
.hall-panel[b-ryz9mmfana],.event-panel[b-ryz9mmfana] { overflow:hidden; }
.hall-panel > header[b-ryz9mmfana] { display:flex; align-items:center; justify-content:space-between; padding:.75rem 1rem; border-bottom:1px solid var(--border); }
.hall-panel h2[b-ryz9mmfana],.event-panel h2[b-ryz9mmfana] { margin:0; color:var(--text-primary,#1e293b); font-size:.92rem; }
.hall-panel header span[b-ryz9mmfana] { color:var(--muted); font-size:.65rem; }
.hall-grid[b-ryz9mmfana] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; max-height:600px; padding:.75rem; overflow:auto; }
.hall-card[b-ryz9mmfana] { display:flex; min-width:0; flex-direction:column; padding:.8rem; border:1px solid var(--border); border-radius:9px; background:var(--surface); color:var(--text); text-align:left; transition:transform .15s ease,box-shadow .15s ease; }
.hall-card:hover[b-ryz9mmfana] { transform:translateY(-2px); box-shadow:0 5px 14px var(--acme-overlay-10,rgba(0,0,0,.1)); }.hall-card.selected[b-ryz9mmfana] { border-color:var(--status); box-shadow:inset 3px 0 var(--status); }
.hall-top[b-ryz9mmfana] { justify-content:space-between; color:var(--status); }.status-pill[b-ryz9mmfana] { padding:.22rem .42rem; border-radius:999px; background:var(--status-bg); color:var(--status); font-size:.58rem; font-weight:700; }
.hall-card > strong[b-ryz9mmfana] { margin-top:.55rem; color:var(--text-primary,#1e293b); font-size:.86rem; }.hall-card > small[b-ryz9mmfana],.capacity[b-ryz9mmfana] { color:var(--muted); font-size:.65rem; }.capacity[b-ryz9mmfana] { margin-top:.35rem; }.event-name[b-ryz9mmfana] { display:flex; margin-top:.5rem; padding:.35rem .45rem; flex-direction:column; border-radius:5px; background:var(--status-bg); color:var(--status); font-size:.67rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.event-name small[b-ryz9mmfana] { margin-bottom:.08rem; font-size:.55rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; opacity:.75; }.hall-rate[b-ryz9mmfana] { margin-top:.6rem; color:var(--text-primary,#1e293b); font-size:.78rem; font-weight:700; }.hall-rate small[b-ryz9mmfana] { color:var(--muted); font-weight:400; }
.empty-grid[b-ryz9mmfana] { grid-column:1/-1; display:flex; min-height:260px; align-items:center; justify-content:center; flex-direction:column; color:var(--muted); }.empty-grid i[b-ryz9mmfana] { margin-bottom:.6rem; font-size:1.6rem; }.empty-grid strong[b-ryz9mmfana] { color:var(--text); font-size:.8rem; }.empty-grid span[b-ryz9mmfana] { font-size:.68rem; }
.empty-selection[b-ryz9mmfana] { display:flex; min-height:360px; align-items:center; justify-content:center; flex-direction:column; padding:2rem; text-align:center; }.empty-selection > span[b-ryz9mmfana] { display:grid; width:48px; height:48px; margin-bottom:.7rem; place-items:center; border-radius:50%; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); }.empty-selection p[b-ryz9mmfana] { max-width:280px; margin:.35rem 0 0; color:var(--muted); font-size:.72rem; }
.event-details[b-ryz9mmfana] { padding:1rem; }.detail-heading[b-ryz9mmfana] { align-items:flex-start; justify-content:space-between; }.detail-heading h2[b-ryz9mmfana] { margin:.45rem 0 .1rem; font-size:1.25rem; }.detail-heading p[b-ryz9mmfana] { margin:0; color:var(--muted); font-size:.7rem; }.detail-heading > strong[b-ryz9mmfana] { display:flex; align-items:flex-end; flex-direction:column; color:var(--text-primary,#1e293b); font-size:.85rem; }.detail-heading > strong small[b-ryz9mmfana] { color:var(--muted); font-size:.58rem; font-weight:400; }
.event-identity[b-ryz9mmfana] { position:relative; margin-top:.85rem; padding:.75rem; border:1px solid var(--border); border-radius:8px; background:var(--soft); }.event-identity small[b-ryz9mmfana],dt[b-ryz9mmfana] { color:var(--muted); font-size:.6rem; font-weight:600; letter-spacing:.05em; }.event-identity h3[b-ryz9mmfana] { margin:.15rem 0; color:var(--text-primary,#1e293b); font-size:.95rem; }.event-identity span[b-ryz9mmfana] { color:var(--muted); font-size:.68rem; }.event-identity .event-type-label[b-ryz9mmfana] { position:absolute; top:.65rem; right:.65rem; padding:.2rem .4rem; border-radius:999px; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); font-size:.58rem; font-weight:700; }
.event-details dl[b-ryz9mmfana] { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin:.75rem 0; }.event-details dl div[b-ryz9mmfana] { padding:.55rem; border-radius:6px; background:var(--soft); }.event-details dd[b-ryz9mmfana] { margin:.12rem 0 0; color:var(--text-primary,#1e293b); font-size:.72rem; font-weight:600; }.remarks[b-ryz9mmfana] { padding:.55rem .65rem; border-left:3px solid #b7791f; background:#fff9e9; font-size:.68rem; }.event-actions[b-ryz9mmfana] { display:grid; grid-template-columns:1fr 1fr; gap:.45rem; margin-top:.75rem; }.event-actions .btn[b-ryz9mmfana] { font-size:.72rem; }
.event-menu-summary[b-ryz9mmfana] { margin:.75rem 0; padding:.65rem; border:1px solid var(--border); border-radius:8px; background:var(--soft); }.event-menu-summary header[b-ryz9mmfana],.event-menu-summary>div[b-ryz9mmfana] { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; }.event-menu-summary header[b-ryz9mmfana] { margin-bottom:.45rem; padding-bottom:.4rem; border-bottom:1px solid var(--border); color:var(--brand-accent,#531213); font-size:.68rem; }.event-menu-summary header strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); }.event-menu-summary>div[b-ryz9mmfana] { padding:.24rem 0; color:var(--muted); font-size:.61rem; }.event-menu-summary>div>span:first-child[b-ryz9mmfana] { display:flex; min-width:0; flex-direction:column; }.event-menu-summary>div strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.65rem; }.event-menu-summary>div small[b-ryz9mmfana] { color:var(--muted); font-size:.56rem; }
.alert[b-ryz9mmfana] { display:flex; align-items:center; justify-content:space-between; }.modal[b-ryz9mmfana] { background:var(--acme-overlay-20,rgba(0,0,0,.2)); }.modal-content[b-ryz9mmfana] { overflow:hidden; border-color:var(--border); border-radius:10px; }.modal-header[b-ryz9mmfana],.modal-footer[b-ryz9mmfana] { background:var(--soft); }.modal-title[b-ryz9mmfana] { font-size:.95rem; font-weight:700; }
.banquet-booking-dialog[b-ryz9mmfana] { width:min(1140px,calc(100vw - 1.5rem)); max-width:1140px; }.banquet-booking-dialog .modal-content[b-ryz9mmfana] { max-height:calc(100dvh - 2rem); }.banquet-booking-dialog .modal-body[b-ryz9mmfana] { overflow-y:auto; }.banquet-booking-dialog .form-label[b-ryz9mmfana] { margin-bottom:.25rem; font-size:.68rem; font-weight:600; }.banquet-booking-dialog .form-control[b-ryz9mmfana],.banquet-booking-dialog .form-select[b-ryz9mmfana] { font-size:.75rem; }
.booking-menu-payment[b-ryz9mmfana] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:.65rem; padding:.6rem .7rem; border:1px solid var(--border); border-radius:8px; background:var(--soft); }.booking-menu-payment>span[b-ryz9mmfana] { display:flex; align-items:center; gap:.55rem; color:var(--brand-accent,#531213); }.booking-menu-payment>span>span[b-ryz9mmfana] { display:flex; align-items:flex-start; flex-direction:column; }.booking-menu-payment strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.68rem; }.booking-menu-payment small[b-ryz9mmfana] { color:var(--muted); font-size:.56rem; }.booking-menu-payment>.input-group[b-ryz9mmfana] { width:280px; }.booking-menu-payment .form-control[b-ryz9mmfana] { background:var(--surface); }.booking-menu-payment .form-select[b-ryz9mmfana],.payment-method-select[b-ryz9mmfana] { max-width:95px; }
.banquet-detail-dialog .modal-content[b-ryz9mmfana] { max-height:calc(100dvh - 2rem); }.banquet-detail-dialog .modal-body[b-ryz9mmfana] { overflow-y:auto; }.calendar-booking-detail>header[b-ryz9mmfana],.calendar-order-heading[b-ryz9mmfana],.calendar-order-heading>span[b-ryz9mmfana],.calendar-order-heading>span>span[b-ryz9mmfana],.calendar-order-lines article[b-ryz9mmfana],.calendar-order-lines article>span:first-child[b-ryz9mmfana] { display:flex; }.calendar-booking-detail>header[b-ryz9mmfana] { align-items:center; gap:.7rem; padding:.75rem; border:1px solid var(--border); border-radius:9px; background:var(--soft); }.booking-detail-icon[b-ryz9mmfana] { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border-radius:9px; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); }.calendar-booking-detail>header>div[b-ryz9mmfana] { min-width:0; flex:1; }.calendar-booking-detail header small[b-ryz9mmfana] { color:var(--brand-accent,#531213); font-size:.58rem; font-weight:700; text-transform:uppercase; }.calendar-booking-detail h3[b-ryz9mmfana] { margin:.08rem 0; color:var(--text-primary,#1e293b); font-size:1rem; }.calendar-booking-detail header p[b-ryz9mmfana] { margin:0; color:var(--muted); font-size:.65rem; }.booking-detail-total[b-ryz9mmfana] { display:flex; align-items:flex-end; flex-direction:column; }.booking-detail-total strong[b-ryz9mmfana] { color:var(--brand-accent,#531213); font-size:.9rem; }.booking-facts[b-ryz9mmfana] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin:.7rem 0; }.booking-facts>div[b-ryz9mmfana] { display:flex; min-width:0; padding:.55rem; flex-direction:column; border:1px solid var(--border); border-radius:7px; }.booking-facts small[b-ryz9mmfana] { color:var(--muted); font-size:.56rem; text-transform:uppercase; }.booking-facts strong[b-ryz9mmfana] { margin-top:.1rem; color:var(--text-primary,#1e293b); font-size:.65rem; }
.order-payment-summary[b-ryz9mmfana] { --payment-color:#b42318; --payment-bg:#fff1f0; display:grid; grid-template-columns:1.15fr repeat(3,1fr) auto; gap:.45rem; margin-bottom:.7rem; padding:.55rem; border:1px solid color-mix(in srgb,var(--payment-color) 22%,transparent); border-radius:8px; background:var(--payment-bg); }.order-payment-summary.partially-received[b-ryz9mmfana] { --payment-color:#b7791f; --payment-bg:#fff8e7; }.order-payment-summary.fully-received[b-ryz9mmfana] { --payment-color:#198754; --payment-bg:#eaf7f0; }.order-payment-summary.no-order[b-ryz9mmfana] { --payment-color:#6c757d; --payment-bg:#f3f4f6; }.order-payment-summary>div[b-ryz9mmfana] { display:flex; padding:.25rem .35rem; flex-direction:column; }.order-payment-summary small[b-ryz9mmfana] { color:var(--muted); font-size:.54rem; text-transform:uppercase; }.order-payment-summary strong[b-ryz9mmfana] { color:var(--payment-color); font-size:.68rem; }.order-payment-summary button[b-ryz9mmfana] { align-self:center; padding:.35rem .5rem; border:0; border-radius:5px; background:var(--payment-color); color:#fff; font-size:.6rem; font-weight:700; white-space:nowrap; }
.calendar-order-detail[b-ryz9mmfana] { overflow:hidden; border:1px solid var(--border); border-radius:9px; }.calendar-order-heading[b-ryz9mmfana] { align-items:center; justify-content:space-between; padding:.65rem .75rem; border-bottom:1px solid var(--border); background:var(--soft); }.calendar-order-heading>span[b-ryz9mmfana] { align-items:center; gap:.5rem; color:var(--brand-accent,#531213); }.calendar-order-heading>span>span[b-ryz9mmfana] { align-items:flex-start; flex-direction:column; }.calendar-order-heading strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.72rem; }.calendar-order-heading small[b-ryz9mmfana] { color:var(--muted); font-size:.56rem; }.calendar-order-actions[b-ryz9mmfana] { display:flex; align-items:center; gap:.65rem; }.calendar-order-actions button[b-ryz9mmfana] { padding:.25rem .45rem; border:1px solid var(--brand-accent,#531213); border-radius:5px; background:var(--surface); color:var(--brand-accent,#531213); font-size:.6rem; font-weight:700; }.calendar-order-actions button:hover[b-ryz9mmfana] { background:var(--brand-accent,#531213); color:#fff; }.calendar-order-lines[b-ryz9mmfana] { max-height:270px; padding:.35rem .7rem; overflow-y:auto; }.calendar-order-lines article[b-ryz9mmfana] { align-items:center; gap:.65rem; padding:.48rem 0; border-bottom:1px solid var(--border); }.calendar-order-lines article:last-child[b-ryz9mmfana] { border-bottom:0; }.calendar-order-lines article>span:first-child[b-ryz9mmfana] { min-width:0; flex:1; flex-direction:column; }.calendar-order-lines article>span strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.67rem; }.calendar-order-lines article small[b-ryz9mmfana] { color:var(--muted); font-size:.56rem; }.calendar-order-lines .order-quantity[b-ryz9mmfana] { color:var(--muted); font-size:.62rem; white-space:nowrap; }.calendar-order-lines article>strong[b-ryz9mmfana] { min-width:90px; color:var(--text-primary,#1e293b); font-size:.67rem; text-align:right; }.calendar-order-empty[b-ryz9mmfana] { display:flex; min-height:150px; align-items:center; justify-content:center; gap:.4rem; flex-direction:column; color:var(--muted); font-size:.65rem; }.calendar-order-empty i[b-ryz9mmfana] { color:var(--brand-accent,#531213); font-size:1.2rem; }.calendar-order-edit-notice[b-ryz9mmfana],.calendar-order-edit-notice>span[b-ryz9mmfana],.calendar-order-edit-notice>span>span[b-ryz9mmfana] { display:flex; }.calendar-order-edit-notice[b-ryz9mmfana] { align-items:center; justify-content:space-between; gap:.65rem; padding:.55rem .65rem; border:1px solid rgba(37,99,169,.24); border-radius:8px; background:#eef5fc; color:#1e4f88; }.calendar-order-edit-notice>span[b-ryz9mmfana] { align-items:center; gap:.5rem; }.calendar-order-edit-notice>span>span[b-ryz9mmfana] { align-items:flex-start; flex-direction:column; }.calendar-order-edit-notice strong[b-ryz9mmfana] { font-size:.68rem; }.calendar-order-edit-notice small[b-ryz9mmfana] { color:#486b8f; font-size:.56rem; }.calendar-order-edit-notice button[b-ryz9mmfana] { border:0; background:transparent; color:#1e4f88; font-size:.6rem; font-weight:700; }.booking-remarks[b-ryz9mmfana] { margin:.65rem 0 0; padding:.55rem .65rem; border-left:3px solid #b7791f; background:#fff9e9; color:var(--text); font-size:.65rem; }
.receive-order-payment .payment-due[b-ryz9mmfana] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin-bottom:.8rem; }.receive-order-payment .payment-due>span[b-ryz9mmfana] { display:flex; padding:.55rem; flex-direction:column; border:1px solid var(--border); border-radius:7px; background:var(--soft); }.receive-order-payment small[b-ryz9mmfana],.payment-report-summary small[b-ryz9mmfana] { color:var(--muted); font-size:.56rem; }.receive-order-payment strong[b-ryz9mmfana],.payment-report-summary strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.68rem; }.receive-order-payment>.form-control[b-ryz9mmfana] { margin-bottom:.3rem; }
.banquet-report-dialog[b-ryz9mmfana] { width:min(1140px,calc(100vw - 1.5rem)); max-width:1140px; }.banquet-report-dialog .modal-content[b-ryz9mmfana] { max-height:calc(100dvh - 2rem); }.banquet-report-dialog .modal-body[b-ryz9mmfana] { overflow-y:auto; }.payment-report-summary[b-ryz9mmfana] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; margin-bottom:.8rem; }.payment-report-summary>div[b-ryz9mmfana] { display:flex; padding:.7rem; flex-direction:column; border:1px solid var(--border); border-radius:8px; background:var(--soft); }.payment-report-summary strong[b-ryz9mmfana] { margin-top:.1rem; font-size:.8rem; }.payment-report-table[b-ryz9mmfana] { overflow-x:auto; border:1px solid var(--border); border-radius:8px; }.payment-report-table table[b-ryz9mmfana] { min-width:760px; margin:0; font-size:.65rem; }.payment-report-table thead th[b-ryz9mmfana] { padding:.55rem; background:var(--soft); color:var(--muted); font-size:.56rem; text-transform:uppercase; }.payment-report-table td[b-ryz9mmfana] { padding:.55rem; }.payment-report-table td>strong[b-ryz9mmfana],.payment-report-table td>small[b-ryz9mmfana] { display:block; }.payment-report-table td>strong[b-ryz9mmfana] { color:var(--text-primary,#1e293b); font-size:.65rem; }.payment-report-table td>small[b-ryz9mmfana] { color:var(--muted); font-size:.55rem; }.received-amount[b-ryz9mmfana] { color:#198754!important; }.due-amount[b-ryz9mmfana] { color:#b42318!important; }.payment-status[b-ryz9mmfana] { display:inline-flex; padding:.24rem .4rem; border-radius:999px; background:#fff1f0; color:#b42318; font-size:.55rem; font-weight:700; white-space:nowrap; }.payment-status.partially-received[b-ryz9mmfana] { background:#fff8e7; color:#8b5b14; }.payment-status.fully-received[b-ryz9mmfana] { background:#eaf7f0; color:#146c43; }.report-empty[b-ryz9mmfana] { display:flex; min-height:170px; align-items:center; justify-content:center; gap:.45rem; flex-direction:column; color:var(--muted); }
@media(max-width:1199.98px){.banquet-header[b-ryz9mmfana]{flex-wrap:wrap}.header-summary[b-ryz9mmfana]{order:3;width:100%;justify-content:center;margin-left:0}.banquet-content[b-ryz9mmfana]{grid-template-columns:1fr}.event-panel[b-ryz9mmfana]{min-height:320px}}
@media(max-width:991.98px){.status-grid[b-ryz9mmfana]{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions[b-ryz9mmfana]{flex-wrap:wrap}}
@media(max-width:767.98px){.banquet-page[b-ryz9mmfana]{padding:.65rem}.banquet-header[b-ryz9mmfana]{align-items:stretch;flex-direction:column}.header-summary[b-ryz9mmfana]{order:initial}.header-actions .btn[b-ryz9mmfana]{flex:1}.search-wrap[b-ryz9mmfana]{width:100%}.controls>.form-select[b-ryz9mmfana],.sort-control[b-ryz9mmfana]{width:calc(50% - .25rem);flex:1}.view-switch[b-ryz9mmfana]{width:100%;margin-left:0}.view-switch .btn[b-ryz9mmfana]{flex:1;justify-content:center}.hall-grid[b-ryz9mmfana]{grid-template-columns:1fr}.order-payment-summary[b-ryz9mmfana]{grid-template-columns:1fr 1fr}.order-payment-summary button[b-ryz9mmfana]{grid-column:1/-1;width:100%}.payment-report-summary[b-ryz9mmfana]{grid-template-columns:1fr 1fr}.receive-order-payment .payment-due[b-ryz9mmfana]{grid-template-columns:1fr 1fr}}
@media(max-width:479.98px){.header-icon[b-ryz9mmfana]{display:none}.header-actions[b-ryz9mmfana]{align-items:stretch;flex-direction:column}.controls>.form-select[b-ryz9mmfana],.sort-control[b-ryz9mmfana],.clear-filters[b-ryz9mmfana]{width:100%;flex:0 0 100%}.status-grid[b-ryz9mmfana]{grid-template-columns:1fr}.event-actions[b-ryz9mmfana],.event-details dl[b-ryz9mmfana]{grid-template-columns:1fr}.calendar-booking-detail>header[b-ryz9mmfana]{align-items:flex-start;flex-wrap:wrap}.booking-detail-total[b-ryz9mmfana]{width:100%;align-items:flex-start;padding-left:49px}.booking-facts[b-ryz9mmfana]{grid-template-columns:1fr 1fr}.calendar-order-lines article[b-ryz9mmfana]{align-items:flex-start;flex-wrap:wrap}.calendar-order-lines .order-quantity[b-ryz9mmfana]{margin-left:auto}.calendar-order-lines article>strong[b-ryz9mmfana]{width:100%;text-align:right}}
/* /Pages/Transaction/SalesTransaction/Hospitality/BanquetMenuOrder.razor.rz.scp.css */
.banquet-menu[b-fsk20iqotj] { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border,#ddd); }
.menu-heading[b-fsk20iqotj],.menu-heading>div[b-fsk20iqotj],.menu-heading span[b-fsk20iqotj],.order-title[b-fsk20iqotj],.order-title span[b-fsk20iqotj],.line-main[b-fsk20iqotj],.line-main span[b-fsk20iqotj],.line-controls[b-fsk20iqotj],.order-builder footer[b-fsk20iqotj] { display:flex; align-items:center; }
.menu-heading[b-fsk20iqotj] { justify-content:space-between; gap:1rem; margin-bottom:.7rem; }
.menu-heading>div[b-fsk20iqotj] { gap:.55rem; }.menu-heading span[b-fsk20iqotj],.order-title span[b-fsk20iqotj],.line-main span[b-fsk20iqotj] { align-items:flex-start; flex-direction:column; }
.menu-icon[b-fsk20iqotj] { display:grid!important; width:34px; height:34px; place-items:center; border-radius:8px; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); }
.menu-heading strong[b-fsk20iqotj],.order-title strong[b-fsk20iqotj] { color:var(--text-primary,#1e293b); font-size:.8rem; }.menu-heading small[b-fsk20iqotj],.order-title small[b-fsk20iqotj] { color:var(--muted,#6c757d); font-size:.62rem; }
.menu-total[b-fsk20iqotj] { align-items:flex-end!important; }.menu-total strong[b-fsk20iqotj] { color:var(--brand-accent,#531213); font-size:.9rem; }
.menu-workspace[b-fsk20iqotj] { display:grid; min-height:330px; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:.75rem; }
.product-browser[b-fsk20iqotj],.order-builder[b-fsk20iqotj] { min-width:0; padding:.65rem; border:1px solid var(--border,#ddd); border-radius:9px; background:var(--soft,#f9f9f9); }
.product-search[b-fsk20iqotj] { position:relative; }.product-search i[b-fsk20iqotj] { position:absolute; z-index:1; top:50%; left:.65rem; transform:translateY(-50%); color:var(--muted,#6c757d); font-size:.68rem; }.product-search input[b-fsk20iqotj] { padding-left:1.85rem; background:var(--surface,#fff); }
.product-results[b-fsk20iqotj] { height:265px; margin-top:.55rem; overflow-y:auto; }.product-row[b-fsk20iqotj] { display:flex; width:100%; min-height:56px; align-items:center; gap:.55rem; margin-bottom:.35rem; padding:.5rem; border:1px solid var(--border,#ddd); border-radius:7px; background:var(--surface,#fff); color:inherit; text-align:left; }.product-row:hover[b-fsk20iqotj] { border-color:var(--brand-accent,#531213); box-shadow:0 2px 7px rgba(0,0,0,.06); }
.product-mark[b-fsk20iqotj] { display:grid; flex:0 0 31px; width:31px; height:31px; place-items:center; border-radius:7px; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); font-size:.7rem; }.product-copy[b-fsk20iqotj] { display:flex; min-width:0; flex:1; flex-direction:column; }.product-copy strong[b-fsk20iqotj] { overflow:hidden; color:var(--text-primary,#1e293b); font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }.product-copy small[b-fsk20iqotj],.result-count[b-fsk20iqotj] { color:var(--muted,#6c757d); font-size:.58rem; }.product-price[b-fsk20iqotj] { color:var(--text-primary,#1e293b); font-size:.67rem; font-weight:700; white-space:nowrap; }.add-icon[b-fsk20iqotj] { color:var(--brand-accent,#531213); font-size:.8rem; }
.product-placeholder[b-fsk20iqotj] { height:56px; margin-bottom:.35rem; padding:.6rem; border-radius:7px; background:var(--surface,#fff); }.product-placeholder span[b-fsk20iqotj] { display:block; width:65%; height:7px; margin:.25rem; border-radius:5px; background:var(--border,#ddd); }.product-placeholder span+span[b-fsk20iqotj] { width:35%; }.result-count[b-fsk20iqotj] { display:block; padding-top:.35rem; text-align:right; }
.order-builder[b-fsk20iqotj] { display:flex; flex-direction:column; }.order-title[b-fsk20iqotj] { min-height:31px; justify-content:space-between; }.order-title button[b-fsk20iqotj],.line-main button[b-fsk20iqotj] { padding:.15rem; border:0; background:transparent; color:var(--muted,#6c757d); font-size:.62rem; }.order-title button:hover[b-fsk20iqotj],.line-main button:hover[b-fsk20iqotj] { color:#b42318; }
.order-lines[b-fsk20iqotj] { flex:1; height:245px; margin-top:.45rem; overflow-y:auto; }.order-line[b-fsk20iqotj] { margin-bottom:.4rem; padding:.55rem; border:1px solid var(--border,#ddd); border-radius:7px; background:var(--surface,#fff); }.line-main[b-fsk20iqotj] { align-items:flex-start; justify-content:space-between; }.line-main strong[b-fsk20iqotj] { color:var(--text-primary,#1e293b); font-size:.68rem; }.line-main small[b-fsk20iqotj] { color:var(--muted,#6c757d); font-size:.56rem; }.line-controls[b-fsk20iqotj] { justify-content:space-between; margin:.42rem 0; }.line-controls>strong[b-fsk20iqotj] { color:var(--text-primary,#1e293b); font-size:.68rem; }
.quantity-stepper[b-fsk20iqotj] { display:flex; height:27px; }.quantity-stepper button[b-fsk20iqotj] { width:27px; border:1px solid var(--border,#ddd); background:var(--soft,#f9f9f9); color:var(--text,#3c4044); font-size:.55rem; }.quantity-stepper button:first-child[b-fsk20iqotj] { border-radius:5px 0 0 5px; }.quantity-stepper button:last-child[b-fsk20iqotj] { border-radius:0 5px 5px 0; }.quantity-stepper input[b-fsk20iqotj] { width:52px; height:27px; padding:.15rem; border-right:0; border-left:0; border-radius:0; font-size:.65rem; text-align:center; }.note-input[b-fsk20iqotj] { height:27px; font-size:.61rem; }
.order-builder footer[b-fsk20iqotj] { justify-content:space-between; padding:.55rem .2rem 0; border-top:1px solid var(--border,#ddd); color:var(--text-primary,#1e293b); font-size:.72rem; }.order-builder footer strong[b-fsk20iqotj] { color:var(--brand-accent,#531213); }.menu-empty[b-fsk20iqotj] { display:flex; height:100%; align-items:center; justify-content:center; gap:.35rem; flex-direction:column; color:var(--muted,#6c757d); font-size:.65rem; }.empty-plate[b-fsk20iqotj] { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--brand-gradient-subtle,rgba(83,18,19,.1)); color:var(--brand-accent,#531213); }.menu-empty strong[b-fsk20iqotj] { color:var(--text-primary,#1e293b); font-size:.72rem; }
@media(max-width:767.98px){.menu-workspace[b-fsk20iqotj]{grid-template-columns:1fr}.product-results[b-fsk20iqotj]{height:210px}.order-lines[b-fsk20iqotj]{height:auto;max-height:280px}}
/* /Pages/Transaction/SalesTransaction/Hospitality/CalendarComponent.razor.rz.scp.css */
/* Scoped FullCalendar presentation for CalendarComponent. */
.calendar-plugin-card[b-mjcln7e9nu] {
    overflow: hidden;
    border: 1px solid var(--acme-color-border, #ddd);
    border-radius: var(--acme-radius-lg, 10px);
    background: var(--acme-color-surface, #fff);
    box-shadow: 0 2px 10px var(--acme-overlay-05, rgba(0, 0, 0, .05));
}

.calendar-context-bar[b-mjcln7e9nu],
.calendar-heading[b-mjcln7e9nu],
.calendar-legend[b-mjcln7e9nu],
.quick-book[b-mjcln7e9nu] {
    display: flex;
    align-items: center;
}

.calendar-context-bar[b-mjcln7e9nu] {
    gap: .75rem;
    padding: .55rem .75rem;
    border-bottom: 1px solid var(--acme-color-border, #ddd);
    background: var(--acme-color-surface-soft, #f9f9f9);
}

.calendar-heading[b-mjcln7e9nu] {
    gap: .6rem;
}

.calendar-heading > span[b-mjcln7e9nu] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: var(--acme-radius-md, 8px);
    background: var(--brand-gradient-subtle, rgba(83, 18, 19, .1));
    color: var(--brand-accent, #531213);
}

.calendar-heading > div[b-mjcln7e9nu] {
    display: flex;
    flex-direction: column;
}

.calendar-heading strong[b-mjcln7e9nu] {
    color: var(--text-primary, #1e293b);
    font-size: .75rem;
}

.calendar-heading small[b-mjcln7e9nu],
.quick-book small[b-mjcln7e9nu] {
    color: var(--acme-color-text-muted, #6c757d);
    font-size: .58rem;
}

.calendar-legend[b-mjcln7e9nu] {
    gap: .75rem;
    margin-left: auto;
}

.calendar-legend > span[b-mjcln7e9nu] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: var(--acme-color-text-muted, #6c757d);
    font-size: .64rem;
    white-space: nowrap;
}

.legend-dot[b-mjcln7e9nu] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.legend-dot.booked[b-mjcln7e9nu] { background: #b7791f; }
.legend-dot.checkedin[b-mjcln7e9nu] { background: #2563a9; }

.quick-book[b-mjcln7e9nu] {
    min-width: 220px;
    align-items: flex-start;
    flex-direction: column;
}

.quick-book label[b-mjcln7e9nu] {
    margin-bottom: .15rem;
    color: var(--acme-color-text-default, #3c4044);
    font-size: .63rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.quick-book .form-select[b-mjcln7e9nu] {
    min-height: 29px;
    padding-block: .2rem;
    font-size: .67rem;
}

.hospitality-fullcalendar[b-mjcln7e9nu] {
    padding: .65rem .75rem .75rem;
    --fc-border-color: var(--acme-color-border-light, #dee2e6);
    --fc-page-bg-color: var(--acme-color-surface, #fff);
    --fc-neutral-bg-color: var(--acme-color-surface-soft, #f9f9f9);
    --fc-neutral-text-color: var(--acme-color-text-muted, #6c757d);
    --fc-button-bg-color: var(--acme-color-surface, #fff);
    --fc-button-border-color: var(--acme-color-border, #ddd);
    --fc-button-text-color: var(--acme-color-text-default, #3c4044);
    --fc-button-hover-bg-color: var(--acme-color-surface-subtle, #e9ecef);
    --fc-button-hover-border-color: var(--acme-color-border-strong, #a7a5a5);
    --fc-button-active-bg-color: var(--bs-primary, #198754);
    --fc-button-active-border-color: var(--bs-primary, #198754);
    --fc-today-bg-color: rgba(79, 70, 229, .07);
    --fc-event-border-color: transparent;
}

[b-mjcln7e9nu] .fc {
    color: var(--acme-color-text-default, #3c4044);
    font-size: .7rem;
}

[b-mjcln7e9nu] .fc .fc-toolbar {
    gap: .5rem;
    margin-bottom: .55rem;
}

[b-mjcln7e9nu] .fc .fc-toolbar-title {
    color: var(--text-primary, #1e293b);
    font-size: .88rem;
    font-weight: 700;
}

[b-mjcln7e9nu] .fc .fc-button {
    padding: .28rem .5rem;
    border-radius: var(--acme-radius-sm, 4px);
    box-shadow: none !important;
    font-size: .64rem;
    font-weight: 600;
    text-transform: capitalize;
}

[b-mjcln7e9nu] .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
}

[b-mjcln7e9nu] .fc .fc-col-header-cell {
    background: var(--acme-color-surface-soft, #f9f9f9);
}

[b-mjcln7e9nu] .fc .fc-col-header-cell-cushion {
    padding: .38rem .2rem;
    color: var(--acme-color-text-muted, #6c757d);
    font-size: .62rem;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
}

[b-mjcln7e9nu] .fc .fc-daygrid-day-number {
    display: grid;
    width: 23px;
    height: 23px;
    margin: .2rem;
    place-items: center;
    border-radius: 50%;
    color: var(--acme-color-text-default, #3c4044);
    font-size: .63rem;
    font-weight: 600;
    text-decoration: none;
}

[b-mjcln7e9nu] .fc .fc-day-today .fc-daygrid-day-number {
    background: var(--bs-primary, #198754);
    color: #fff;
}

[b-mjcln7e9nu] .fc .fc-daygrid-day-frame {
    min-height: 72px;
}

[b-mjcln7e9nu] .fc .fc-day-sat,
[b-mjcln7e9nu] .fc .fc-day-sun {
    background: color-mix(in srgb, var(--acme-color-surface-soft, #f9f9f9) 80%, var(--acme-color-surface-subtle, #e9ecef));
}

[b-mjcln7e9nu] .fc .fc-event {
    margin: 1px 2px;
    padding: .12rem .22rem;
    border-left-width: 3px;
    border-radius: 5px;
    box-shadow: 0 1px 3px var(--acme-overlay-05, rgba(0, 0, 0, .05));
    cursor: pointer;
    font-size: .59rem;
    font-weight: 650;
}

[b-mjcln7e9nu] .fc .fc-event:hover {
    filter: brightness(.97);
    box-shadow: 0 3px 8px var(--acme-overlay-10, rgba(0, 0, 0, .1));
}

[b-mjcln7e9nu] .fc .hospitality-event-content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .05rem;
    line-height: 1.15;
}

[b-mjcln7e9nu] .fc .hospitality-event-name {
    overflow: hidden;
    font-size: .59rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mjcln7e9nu] .fc .hospitality-event-meta {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: .25rem;
    font-size: .52rem;
    font-weight: 600;
    opacity: .88;
}

[b-mjcln7e9nu] .fc .hospitality-event-space {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mjcln7e9nu] .fc .hospitality-event-amount {
    flex: 0 0 auto;
    font-weight: 800;
}

[b-mjcln7e9nu] .fc .fc-daygrid-more-link {
    color: var(--bs-primary, #198754);
    font-size: .58rem;
    font-weight: 700;
}

[b-mjcln7e9nu] .fc .fc-list {
    border-radius: var(--acme-radius-md, 8px);
}

[b-mjcln7e9nu] .fc .fc-list-day-cushion {
    background: var(--acme-color-surface-soft, #f9f9f9);
}

[b-mjcln7e9nu] .fc .fc-list-event:hover td {
    background: color-mix(in srgb, var(--bs-primary, #198754) 4%, var(--acme-color-surface, #fff));
}

.calendar-no-results[b-mjcln7e9nu] {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--acme-color-text-muted, #6c757d);
}

.calendar-no-results > i[b-mjcln7e9nu] { margin-bottom: .65rem; font-size: 1.8rem; }
.calendar-no-results strong[b-mjcln7e9nu] { color: var(--acme-color-text-default, #3c4044); font-size: .85rem; }
.calendar-no-results span[b-mjcln7e9nu] { margin: .2rem 0 .75rem; font-size: .7rem; }

@media (max-width: 991.98px) {
    .calendar-context-bar[b-mjcln7e9nu] { flex-wrap: wrap; }
    .calendar-legend[b-mjcln7e9nu] { margin-left: 0; }
    .quick-book[b-mjcln7e9nu] { width: 100%; }
}

@media (max-width: 767.98px) {
    .hospitality-fullcalendar[b-mjcln7e9nu] { padding: .65rem; }
    [b-mjcln7e9nu] .fc .fc-toolbar { align-items: stretch; flex-direction: column; }
    [b-mjcln7e9nu] .fc .fc-toolbar-chunk { display: flex; justify-content: center; }
    [b-mjcln7e9nu] .fc .fc-toolbar-title { font-size: .92rem; }
    .calendar-heading[b-mjcln7e9nu] { width: 100%; }
}
/* /Pages/Transaction/SalesTransaction/Hospitality/HospitalityDashboard.razor.rz.scp.css */
.hospitality-page[b-794wbnizak] {
    --hospitality-primary: var(--bs-primary, #198754);
    --hospitality-surface: var(--acme-color-surface, #fff);
    --hospitality-surface-soft: var(--acme-color-surface-soft, #f9f9f9);
    --hospitality-border: var(--acme-color-border, #ddd);
    --hospitality-text: var(--acme-color-text-default, #3c4044);
    --hospitality-muted: var(--acme-color-text-muted, #6c757d);
    height: 100vh;
    min-height: 640px;
    overflow: auto;
    padding: 1rem;
    background: var(--hospitality-surface-soft);
    color: var(--hospitality-text);
}

.page-heading[b-794wbnizak],
.heading-copy[b-794wbnizak],
.heading-summary[b-794wbnizak],
.heading-actions[b-794wbnizak],
.toolbar .card-body[b-794wbnizak],
.toolbar-controls[b-794wbnizak],
.toolbar-title[b-794wbnizak],
.stat[b-794wbnizak],
.section-header[b-794wbnizak],
.calendar-header[b-794wbnizak],
.calendar-title[b-794wbnizak],
.calendar-navigation[b-794wbnizak],
.calendar-legend[b-794wbnizak] {
    display: flex;
    align-items: center;
}

.page-heading[b-794wbnizak] {
    position: relative;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--hospitality-border);
    border-left: 4px solid var(--brand-accent, #531213);
    border-radius: var(--acme-radius-lg, 10px);
    background: linear-gradient(110deg, var(--hospitality-surface) 0%, var(--hospitality-surface) 62%, var(--brand-dark-10, rgba(11, 31, 47, .1)) 160%);
    box-shadow: 0 2px 10px var(--acme-overlay-05, rgba(0, 0, 0, .05));
}

.heading-copy[b-794wbnizak] {
    min-width: 0;
    gap: .9rem;
}

.workspace-home[b-794wbnizak] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid var(--hospitality-border);
    border-radius: 50%;
    background: var(--hospitality-surface);
    color: var(--hospitality-muted);
    text-decoration: none;
    transition: color var(--acme-transition-fast, 150ms ease), border-color var(--acme-transition-fast, 150ms ease), transform var(--acme-transition-fast, 150ms ease);
}

.workspace-home:hover[b-794wbnizak] {
    transform: translateX(-2px);
    border-color: var(--brand-accent, #531213);
    color: var(--brand-accent, #531213);
}

.heading-icon[b-794wbnizak] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: var(--acme-radius-md, 8px);
    background: var(--brand-gradient-subtle, rgba(83, 18, 19, .1));
    color: var(--brand-accent, #531213);
    font-size: 1.25rem;
}

.eyebrow[b-794wbnizak] {
    margin-bottom: .15rem;
    color: var(--brand-accent, #531213);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.page-heading h1[b-794wbnizak] {
    margin: 0;
    color: var(--text-primary, #1e293b);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.page-heading p[b-794wbnizak] {
    margin: .25rem 0 0;
    color: var(--hospitality-muted);
    font-size: .82rem;
}

.heading-summary[b-794wbnizak] {
    flex: 0 0 auto;
    gap: 1rem;
    margin-left: auto;
    padding: .55rem .8rem;
    border: 1px solid var(--hospitality-border);
    border-radius: var(--acme-radius-md, 8px);
    background: color-mix(in srgb, var(--hospitality-surface) 88%, var(--brand-dark, #021320));
}

.heading-summary > div[b-794wbnizak] {
    display: flex;
    flex-direction: column;
}

.heading-summary span:not(.summary-divider)[b-794wbnizak] {
    color: var(--hospitality-muted);
    font-size: .62rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.heading-summary strong[b-794wbnizak] {
    color: var(--text-primary, #1e293b);
    font-size: .76rem;
    white-space: nowrap;
}

.summary-divider[b-794wbnizak] {
    align-self: stretch;
    width: 1px;
    background: var(--hospitality-border);
}

.heading-actions[b-794wbnizak] {
    flex: 0 0 auto;
    gap: .5rem;
}

.heading-actions .btn[b-794wbnizak] {
    white-space: nowrap;
}

.card[b-794wbnizak] {
    overflow: hidden;
    border: 1px solid var(--hospitality-border);
    border-radius: var(--acme-radius-lg, 10px);
    background: var(--hospitality-surface);
    box-shadow: 0 2px 10px var(--acme-overlay-05, rgba(0, 0, 0, .05));
}

.toolbar .card-body[b-794wbnizak] {
    align-items: stretch;
    flex-direction: column;
    gap: 1rem;
    padding: .75rem;
}

.toolbar-title[b-794wbnizak] {
    min-width: 0;
    gap: .65rem;
}

.toolbar-title-icon[b-794wbnizak] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: var(--acme-radius-md, 8px);
    background: var(--brand-gradient-subtle, rgba(83, 18, 19, .1));
    color: var(--brand-accent, #531213);
}

.toolbar-title > div[b-794wbnizak] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.toolbar-title strong[b-794wbnizak] {
    color: var(--text-primary, #1e293b);
    font-size: .82rem;
}

.toolbar-title small[b-794wbnizak] {
    color: var(--hospitality-muted);
    font-size: .67rem;
}

.toolbar-controls[b-794wbnizak] {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .5rem;
    min-width: 0;
    padding-top: .75rem;
    border-top: 1px solid var(--acme-color-border-light, #dee2e6);
}

.search-wrap[b-794wbnizak] {
    position: relative;
}

.search-wrap > i[b-794wbnizak] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: .75rem;
    transform: translateY(-50%);
    color: var(--hospitality-muted);
    font-size: .75rem;
    pointer-events: none;
}

.search[b-794wbnizak] {
    width: 230px;
    padding-left: 2rem;
}

.toolbar-select[b-794wbnizak] {
    width: 130px;
}

.search[b-794wbnizak],
.toolbar-select[b-794wbnizak],
.sort-select[b-794wbnizak],
.view-switch .btn[b-794wbnizak] {
    font-size: .8rem;
}

.sort-control[b-794wbnizak] {
    position: relative;
    display: flex;
    width: 176px;
}

.sort-control > i[b-794wbnizak] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: .65rem;
    transform: translateY(-50%);
    color: var(--hospitality-muted);
    font-size: .68rem;
    pointer-events: none;
}

.sort-select[b-794wbnizak] {
    padding-left: 1.75rem;
    border-radius: var(--acme-radius-sm, 4px) 0 0 var(--acme-radius-sm, 4px);
}

.sort-direction[b-794wbnizak] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    padding: 0;
    place-items: center;
    border: 1px solid var(--hospitality-border);
    border-left: 0;
    border-radius: 0 var(--acme-radius-sm, 4px) var(--acme-radius-sm, 4px) 0;
    background: var(--hospitality-surface-soft);
    color: var(--hospitality-muted);
    font-size: .7rem;
}

.sort-direction:hover[b-794wbnizak] {
    background: var(--acme-color-surface-subtle, #e9ecef);
    color: var(--hospitality-primary);
}

.active-filters[b-794wbnizak] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid color-mix(in srgb, var(--hospitality-primary) 25%, var(--hospitality-border));
    background: color-mix(in srgb, var(--hospitality-primary) 6%, var(--hospitality-surface));
    color: var(--hospitality-primary);
    font-size: .7rem;
    font-weight: 600;
}

.active-filters span[b-794wbnizak] {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: var(--hospitality-primary);
    color: #fff;
    font-size: .6rem;
}

.view-switch .btn[b-794wbnizak] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.view-switch[b-794wbnizak] {
    margin-left: auto;
}

.stats[b-794wbnizak] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: .75rem 0;
}

.stat[b-794wbnizak] {
    position: relative;
    min-width: 0;
    padding: .8rem .8rem 1rem;
    border-left: 3px solid var(--status-color);
    text-align: left;
    transition: transform var(--acme-transition-fast, 150ms ease), border-color var(--acme-transition-fast, 150ms ease), box-shadow var(--acme-transition-fast, 150ms ease);
}

.stat:hover[b-794wbnizak] {
    transform: translateY(-2px);
    border-color: var(--status-color);
    box-shadow: var(--acme-shadow-md, 0 4px 16px rgba(0, 0, 0, .15));
}

.stat.active[b-794wbnizak] {
    outline: 2px solid color-mix(in srgb, var(--status-color) 35%, transparent);
    outline-offset: -2px;
    background: var(--status-bg);
}

.stat-icon[b-794wbnizak] {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    margin-right: .65rem;
    place-items: center;
    border-radius: var(--acme-radius-md, 8px);
    background: var(--status-bg);
    color: var(--status-color);
}

.stat-copy[b-794wbnizak] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.stat-copy > span[b-794wbnizak] {
    color: var(--hospitality-text);
    font-size: .8rem;
    font-weight: 700;
}

.stat-copy small[b-794wbnizak] {
    overflow: hidden;
    color: var(--hospitality-muted);
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-value[b-794wbnizak] {
    display: flex;
    margin-left: .5rem;
    align-items: flex-end;
    flex-direction: column;
}

.stat-value strong[b-794wbnizak] {
    margin-left: .5rem;
    color: var(--text-primary, #1e293b);
    font-size: 1.5rem;
    line-height: 1;
}

.stat-value small[b-794wbnizak] {
    margin-top: .15rem;
    color: var(--hospitality-muted);
    font-size: .62rem;
    line-height: 1;
}

.stat-meter[b-794wbnizak] {
    position: absolute;
    right: .8rem;
    bottom: .38rem;
    left: .8rem;
    height: 2px;
    overflow: hidden;
    border-radius: var(--acme-radius-pill, 999px);
    background: var(--acme-color-surface-subtle, #e9ecef);
}

.stat-meter > span[b-794wbnizak] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--status-color);
}

.available[b-794wbnizak] {
    --status-color: #198754;
    --status-bg: #eaf7f0;
}

.booked[b-794wbnizak] {
    --status-color: #b7791f;
    --status-bg: #fff7e3;
}

.checkedin[b-794wbnizak] {
    --status-color: #2563a9;
    --status-bg: #eaf2fb;
}

.dirty[b-794wbnizak] {
    --status-color: #a44a3f;
    --status-bg: #faecea;
}

.section-header[b-794wbnizak] {
    min-height: 57px;
    justify-content: space-between;
    padding: .75rem 1rem;
    border-bottom-color: var(--hospitality-border);
    background: var(--hospitality-surface);
}

.section-header h2[b-794wbnizak],
.calendar-header h2[b-794wbnizak],
.details h2[b-794wbnizak],
.empty-details h2[b-794wbnizak] {
    margin: 0;
    color: var(--text-primary, #1e293b);
    font-size: .95rem;
    font-weight: 700;
}

.section-header span[b-794wbnizak],
.calendar-header span[b-794wbnizak] {
    display: block;
    margin-top: .1rem;
    color: var(--hospitality-muted);
    font-size: .7rem;
}

.clear-filter[b-794wbnizak] {
    padding-right: 0;
    color: var(--hospitality-primary);
    font-size: .72rem;
    text-decoration: none;
}

.resource-list[b-794wbnizak] {
    max-height: 610px;
    overflow: auto;
}

.resource-row[b-794wbnizak] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .8rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--acme-color-border-light, #dee2e6);
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background: var(--hospitality-surface);
    color: inherit;
    cursor: pointer;
    transition: background var(--acme-transition-fast, 150ms ease), box-shadow var(--acme-transition-fast, 150ms ease);
}

.resource-row:last-child[b-794wbnizak] {
    border-bottom: 0;
}

.resource-row:hover[b-794wbnizak],
.resource-row.selected[b-794wbnizak] {
    background: var(--acme-color-surface-soft, #f9f9f9);
}

.resource-row.selected[b-794wbnizak] {
    box-shadow: inset 3px 0 var(--hospitality-primary);
}

.resource-icon[b-794wbnizak] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: var(--acme-radius-md, 8px);
    background: var(--status-bg);
    color: var(--status-color);
    font-size: 1rem;
}

.resource-main[b-794wbnizak] {
    min-width: 0;
    flex: 1;
}

.resource-main h3[b-794wbnizak] {
    margin: 0;
    color: var(--text-primary, #1e293b);
    font-size: .88rem;
    font-weight: 700;
}

.resource-main small[b-794wbnizak],
.rate small[b-794wbnizak],
.detail-rate small[b-794wbnizak] {
    display: block;
    color: var(--hospitality-muted);
    font-size: .7rem;
}

.guest-line[b-794wbnizak] {
    overflow: hidden;
    margin-top: .2rem;
    color: var(--hospitality-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rate[b-794wbnizak] {
    display: grid;
    grid-template-columns: auto 12px;
    text-align: right;
}

.rate span[b-794wbnizak] {
    color: var(--text-primary, #1e293b);
    font-size: .82rem;
    font-weight: 700;
}

.rate small[b-794wbnizak] {
    grid-column: 1;
}

.rate i[b-794wbnizak] {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    margin-left: .45rem;
    color: var(--acme-color-border-strong, #a7a5a5);
    font-size: .65rem;
}

.status-badge[b-794wbnizak] {
    padding: .3rem .5rem;
    border: 1px solid color-mix(in srgb, var(--status-color) 22%, transparent);
    background: var(--status-bg);
    color: var(--status-color);
    font-size: .64rem;
    font-weight: 700;
}

.details[b-794wbnizak],
.empty-details[b-794wbnizak] {
    min-height: 360px;
}

.details[b-794wbnizak] {
    position: sticky;
    top: 0;
}

.details .card-body[b-794wbnizak] {
    padding: 1.1rem;
}

.details h2[b-794wbnizak] {
    margin: .55rem 0 .1rem;
    font-size: 1.3rem;
}

.details p[b-794wbnizak] {
    margin-bottom: 0;
    color: var(--hospitality-muted);
    font-size: .8rem;
}

.detail-rate[b-794wbnizak] {
    text-align: right;
}

.detail-rate strong[b-794wbnizak] {
    color: var(--text-primary, #1e293b);
    font-size: .95rem;
}

.guest-card[b-794wbnizak] {
    padding: .85rem;
    border: 1px solid var(--hospitality-border);
    border-radius: var(--acme-radius-md, 8px);
    background: var(--hospitality-surface-soft);
}

.guest-card small[b-794wbnizak],
dt[b-794wbnizak] {
    color: var(--hospitality-muted);
    font-size: .65rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.guest-card h3[b-794wbnizak] {
    margin: .2rem 0;
    color: var(--text-primary, #1e293b);
    font-size: 1rem;
}

.guest-card div[b-794wbnizak] {
    color: var(--hospitality-muted);
    font-size: .75rem;
}

.detail-grid[b-794wbnizak] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
    margin: .85rem 0;
}

.detail-grid > div[b-794wbnizak] {
    padding: .65rem;
    border-radius: var(--acme-radius-sm, 4px);
    background: var(--hospitality-surface-soft);
}

.detail-grid dd[b-794wbnizak] {
    margin: .15rem 0 0;
    color: var(--text-primary, #1e293b);
    font-size: .78rem;
    font-weight: 600;
}

.remarks[b-794wbnizak] {
    padding: .6rem .75rem;
    border-left: 3px solid #b7791f;
    border-radius: 0 var(--acme-radius-sm, 4px) var(--acme-radius-sm, 4px) 0;
    background: #fff9e9;
    color: var(--hospitality-text);
    font-size: .75rem;
}

.action-grid[b-794wbnizak] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}

.action-grid .btn[b-794wbnizak] {
    font-size: .78rem;
}

.empty-details[b-794wbnizak] {
    display: grid;
    place-items: center;
    text-align: center;
}

.empty-details .card-body[b-794wbnizak] {
    max-width: 330px;
}

.empty-details p[b-794wbnizak] {
    margin: .4rem 0 0;
    color: var(--hospitality-muted);
    font-size: .78rem;
}

.empty-mark[b-794wbnizak] {
    display: grid;
    width: 50px;
    height: 50px;
    margin: 0 auto .75rem;
    place-items: center;
    border-radius: 50%;
    background: var(--brand-gradient-subtle, rgba(83, 18, 19, .1));
    color: var(--brand-accent, #531213);
    font-size: 1rem;
}

.no-results[b-794wbnizak] {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem;
    color: var(--hospitality-muted);
    text-align: center;
}

.no-results i[b-794wbnizak] {
    margin-bottom: .65rem;
    font-size: 1.5rem;
    opacity: .55;
}

.no-results strong[b-794wbnizak] {
    color: var(--hospitality-text);
    font-size: .85rem;
}

.no-results span[b-794wbnizak] {
    margin-top: .2rem;
    font-size: .72rem;
}

.calendar-header[b-794wbnizak] {
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border-bottom-color: var(--hospitality-border);
    background: var(--hospitality-surface);
    text-align: left;
}

.calendar-title[b-794wbnizak] {
    gap: .65rem;
}

.calendar-title-icon[b-794wbnizak] {
    display: grid !important;
    width: 36px;
    height: 36px;
    margin: 0 !important;
    place-items: center;
    border-radius: var(--acme-radius-md, 8px);
    background: var(--brand-gradient-subtle, rgba(83, 18, 19, .1));
    color: var(--brand-accent, #531213) !important;
    font-size: .9rem !important;
}

.calendar-title > div > span[b-794wbnizak] {
    margin: 0 0 .1rem;
    color: var(--hospitality-muted);
    font-size: .62rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.calendar-legend[b-794wbnizak] {
    justify-content: center;
    gap: .8rem;
    margin-left: auto;
}

.calendar-legend > span[b-794wbnizak] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0;
    color: var(--hospitality-muted);
    font-size: .65rem;
    white-space: nowrap;
}

.legend-dot[b-794wbnizak] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--status-color);
}

.calendar-navigation[b-794wbnizak] {
    gap: .35rem;
}

.calendar-navigation .btn[b-794wbnizak] {
    display: grid;
    min-width: 34px;
    height: 32px;
    place-items: center;
    border-color: var(--hospitality-border);
    background: var(--hospitality-surface);
}

.calendar-navigation .today-button[b-794wbnizak] {
    display: inline-flex;
    padding-inline: .75rem;
    font-size: .72rem;
}

.calendar-scroll[b-794wbnizak] {
    overflow: auto;
    background: var(--hospitality-surface);
}

.calendar-table[b-794wbnizak] {
    min-width: 980px;
    table-layout: fixed;
    color: var(--hospitality-text);
}

.calendar-table th[b-794wbnizak],
.calendar-table td[b-794wbnizak] {
    height: 88px;
    padding: .45rem;
    border-color: var(--acme-color-border-light, #dee2e6);
    text-align: center;
    vertical-align: middle;
}

.calendar-table thead th[b-794wbnizak] {
    position: sticky;
    z-index: 3;
    top: 0;
    height: 66px;
    background: var(--acme-color-surface-subtle, #e9ecef);
}

.calendar-table thead th:first-child[b-794wbnizak],
.calendar-table tbody th[b-794wbnizak] {
    position: sticky;
    z-index: 2;
    left: 0;
    width: 180px;
    padding-left: .9rem;
    border-right: 1px solid var(--hospitality-border);
    background: var(--hospitality-surface);
    text-align: left;
}

.calendar-table thead th:first-child[b-794wbnizak] {
    z-index: 4;
    background: var(--acme-color-surface-subtle, #e9ecef);
}

.calendar-table thead span[b-794wbnizak],
.calendar-table thead small[b-794wbnizak],
.calendar-table tbody th small[b-794wbnizak] {
    display: block;
    color: var(--hospitality-muted);
    font-size: .64rem;
}

.calendar-table thead strong[b-794wbnizak] {
    display: grid;
    width: 30px;
    height: 30px;
    margin: .2rem auto .05rem;
    place-items: center;
    border-radius: 50%;
    color: var(--text-primary, #1e293b);
    font-size: .9rem;
}

.calendar-table thead .today strong[b-794wbnizak] {
    background: var(--hospitality-primary);
    color: #fff;
    box-shadow: 0 3px 8px color-mix(in srgb, var(--hospitality-primary) 28%, transparent);
}

.calendar-table .today[b-794wbnizak] {
    background: color-mix(in srgb, var(--hospitality-primary) 6%, var(--hospitality-surface));
}

.calendar-table .weekend:not(.today)[b-794wbnizak] {
    background: color-mix(in srgb, var(--hospitality-surface-soft) 72%, var(--acme-color-surface-subtle, #e9ecef));
}

.calendar-table td.past:not(.today)[b-794wbnizak] {
    background-image: linear-gradient(rgba(255, 255, 255, .28), rgba(255, 255, 255, .28));
}

.calendar-table tbody tr:hover td:not(.today)[b-794wbnizak],
.calendar-table tbody tr:hover th[b-794wbnizak] {
    background-color: color-mix(in srgb, var(--hospitality-primary) 3%, var(--hospitality-surface));
}

.calendar-resource-name[b-794wbnizak] {
    display: flex !important;
    align-items: center;
    gap: .45rem;
    color: var(--text-primary, #1e293b) !important;
    font-size: .76rem !important;
    font-weight: 700;
}

.calendar-resource-name i[b-794wbnizak] {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: var(--acme-radius-sm, 4px);
    background: var(--brand-gradient-subtle, rgba(83, 18, 19, .1));
    color: var(--brand-accent, #531213);
    font-size: .68rem;
}

.calendar-event[b-794wbnizak] {
    display: flex;
    width: 100%;
    min-height: 56px;
    overflow: hidden;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: .5rem .55rem;
    border: 1px solid color-mix(in srgb, var(--status-color) 25%, transparent);
    border-left: 3px solid var(--status-color);
    border-radius: var(--acme-radius-md, 8px);
    background: var(--status-bg);
    color: var(--status-color);
    text-align: left;
    transition: transform var(--acme-transition-fast, 150ms ease), box-shadow var(--acme-transition-fast, 150ms ease);
}

.calendar-event:hover[b-794wbnizak] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px var(--acme-overlay-10, rgba(0, 0, 0, .1));
}

.calendar-event > span[b-794wbnizak] {
    width: 100%;
    overflow: hidden;
    font-size: .7rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-event small[b-794wbnizak] {
    margin-top: .15rem;
    color: inherit;
    font-size: .6rem;
    opacity: .78;
}

.calendar-empty[b-794wbnizak] {
    display: flex;
    width: 100%;
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    border: 1px dashed transparent;
    border-radius: var(--acme-radius-md, 8px);
    background: transparent;
    color: var(--acme-color-border-strong, #a7a5a5);
    font-size: .67rem;
    font-weight: 600;
}

.calendar-empty:hover[b-794wbnizak] {
    border-color: color-mix(in srgb, var(--hospitality-primary) 35%, var(--hospitality-border));
    background: color-mix(in srgb, var(--hospitality-primary) 5%, var(--hospitality-surface));
    color: var(--hospitality-primary);
}

.calendar-empty i[b-794wbnizak] {
    font-size: .58rem;
}

.calendar-empty-row td[b-794wbnizak] {
    height: 300px;
    background: var(--hospitality-surface) !important;
}

.calendar-no-results[b-794wbnizak] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--hospitality-muted);
}

.calendar-no-results > i[b-794wbnizak] {
    margin-bottom: .65rem;
    color: var(--acme-color-border-strong, #a7a5a5);
    font-size: 1.8rem;
}

.calendar-no-results strong[b-794wbnizak] {
    color: var(--hospitality-text);
    font-size: .85rem;
}

.calendar-no-results span[b-794wbnizak] {
    margin: .2rem 0 .75rem;
    font-size: .7rem;
}

.alert[b-794wbnizak] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal[b-794wbnizak] {
    background: var(--acme-overlay-20, rgba(0, 0, 0, .2));
}

.modal-content[b-794wbnizak] {
    overflow: hidden;
    border-color: var(--hospitality-border);
    border-radius: var(--acme-radius-lg, 10px);
}

.modal-header[b-794wbnizak],
.modal-footer[b-794wbnizak] {
    background: var(--hospitality-surface-soft);
}

.modal-title[b-794wbnizak] {
    color: var(--text-primary, #1e293b);
    font-size: 1rem;
    font-weight: 700;
}

@media (max-width: 1199.98px) {
    .page-heading[b-794wbnizak] {
        flex-wrap: wrap;
    }

    .heading-summary[b-794wbnizak] {
        order: 3;
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .toolbar .card-body[b-794wbnizak] {
        align-items: stretch;
        flex-direction: column;
    }

    .toolbar-controls[b-794wbnizak] {
        justify-content: flex-start;
    }

    .details[b-794wbnizak] {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .stats[b-794wbnizak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .calendar-header[b-794wbnizak] {
        flex-wrap: wrap;
    }

    .calendar-legend[b-794wbnizak] {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
        padding-top: .65rem;
        border-top: 1px solid var(--hospitality-border);
    }
}

@media (max-width: 767.98px) {
    .hospitality-page[b-794wbnizak] {
        padding: .65rem;
    }

    .page-heading[b-794wbnizak] {
        align-items: stretch;
        flex-direction: column;
    }

    .heading-summary[b-794wbnizak] {
        order: initial;
        justify-content: flex-start;
    }

    .heading-actions .btn[b-794wbnizak] {
        flex: 1;
    }

    .heading-actions[b-794wbnizak] {
        flex-wrap: wrap;
    }

    .toolbar-controls[b-794wbnizak] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .search-wrap[b-794wbnizak] {
        width: 100%;
    }

    .search[b-794wbnizak] {
        width: 100%;
    }

    .toolbar-select[b-794wbnizak] {
        width: auto;
        min-width: 135px;
        flex: 1;
    }

    .sort-control[b-794wbnizak] {
        min-width: 180px;
        flex: 1;
    }

    .view-switch[b-794wbnizak] {
        width: 100%;
        margin-left: 0;
    }

    .view-switch .btn[b-794wbnizak] {
        flex: 1;
        justify-content: center;
    }

    .resource-row[b-794wbnizak] {
        padding: .75rem;
    }

    .action-grid[b-794wbnizak] {
        grid-template-columns: 1fr;
    }

    .calendar-title[b-794wbnizak] {
        min-width: 0;
    }

    .calendar-navigation[b-794wbnizak] {
        margin-left: auto;
    }

    .toolbar-select[b-794wbnizak],
    .sort-control[b-794wbnizak],
    .active-filters[b-794wbnizak] {
        width: 100%;
        min-width: 0;
        flex: 0 0 100%;
    }
}

@media (max-width: 479.98px) {
    .heading-icon[b-794wbnizak] {
        display: none;
    }

    .heading-actions[b-794wbnizak] {
        width: 100%;
    }

    .heading-actions[b-794wbnizak] {
        align-items: stretch;
        flex-direction: column;
    }

    .calendar-title[b-794wbnizak] {
        width: 100%;
    }

    .calendar-navigation[b-794wbnizak] {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .stats[b-794wbnizak] {
        grid-template-columns: 1fr;
    }

    .stat[b-794wbnizak] {
        padding: .65rem .75rem;
    }

    .resource-icon[b-794wbnizak] {
        display: none;
    }

    .rate i[b-794wbnizak] {
        display: none;
    }

    .rate[b-794wbnizak] {
        grid-template-columns: auto;
    }

    .detail-grid[b-794wbnizak] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Transaction/SalesTransaction/InterBranchOut/FrmInterBranchOut.razor.rz.scp.css */

.body-sticky-header[b-mjfo8eo9js] {
    margin-bottom: 5px;
}

.body-sticky-footer[b-mjfo8eo9js] {
    background-color: white;
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-mjfo8eo9js] {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.form-control-disable:focus[b-mjfo8eo9js] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-mjfo8eo9js] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}
/* /Pages/Transaction/SalesTransaction/Invoice/FrmSalesInvoice.razor.rz.scp.css */
#sales_invoice[b-m51z4wzswh] {
    --contentheader-height: 310px;
    --contentfooter-height: 95px;
    scrollbar-width: thin;
    height: 100%;
    min-height: 100%;
}

#ledgerSummary div[b-m51z4wzswh] {
    margin-right: 8px;
}

.fixed-column[b-m51z4wzswh] {
    width: 6rem;
}

.payment-method-display[b-m51z4wzswh] {
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #d9dee3;
    border-radius: .45rem;
    color: #495057;
    display: flex;
    gap: .45rem;
    min-height: 2rem;
    min-width: 8.75rem;
    padding: .25rem .55rem;
}

.payment-method-display__icon[b-m51z4wzswh] {
    align-items: center;
    background: rgba(73, 80, 87, .1);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 1.45rem;
    height: 1.45rem;
    justify-content: center;
}

.payment-method-display__text[b-m51z4wzswh] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    white-space: nowrap;
}

.payment-method-display__text > span[b-m51z4wzswh] {
    font-size: .65rem;
    opacity: .78;
}

.payment-method-display__text > strong[b-m51z4wzswh] {
    font-size: .78rem;
    font-weight: 700;
}

.payment-method-display--cash[b-m51z4wzswh] {
    background: #edf8f1;
    border-color: #a8d8b9;
    color: #1e6b3a;
}

.payment-method-display--bank[b-m51z4wzswh] {
    background: #eef5ff;
    border-color: #aecbf3;
    color: #245c9f;
}

.payment-method-display--credit[b-m51z4wzswh] {
    background: #fff7e8;
    border-color: #edcf8f;
    color: #8a5a00;
}

.payment-method-display--empty[b-m51z4wzswh] {
    color: #6c757d;
}

@media (max-width: 575.98px) {
    .payment-method-display[b-m51z4wzswh] {
        min-width: 7.75rem;
    }
}

.body-sticky-footer[b-m51z4wzswh] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-m51z4wzswh] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

.excel-btn-inline[b-m51z4wzswh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    background-color: var(--acme-color-success, #107c41);
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    border-radius: 12px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
    white-space: nowrap;
    max-width: 200px;
}

.excel-btn-inline:hover[b-m51z4wzswh] {
    background-color: #0b5c30;
}

.excel-btn-inline span[b-m51z4wzswh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.excel-icon[b-m51z4wzswh] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

/* Bootstrap `col-lg-*` / `col-md-*` follow the viewport; inside a narrow WinBox window (or a narrow tab) stack the header
   columns by the transaction form's width instead (container defined in TransactionBaseUi.razor.css). */
@container transaction-shell (max-width: 991.98px) {
    .col-lg-6[b-m51z4wzswh] {
        flex: 0 0 auto;
        width: 100%;
    }
}

@container transaction-shell (max-width: 767.98px) {
    .col-md-4[b-m51z4wzswh] {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}
/* /Pages/Transaction/SalesTransaction/Invoice/SalesOtherDetails.razor.rz.scp.css */
.multi-columns[b-ofdc8j676l] {
    column-count: 2; /* or 3, or auto with min-width using column-width */
    column-gap: 2rem; /* space between columns */
}

.item[b-ofdc8j676l] {
    break-inside: avoid;
    margin-bottom: 1rem;
}
/* /Pages/Transaction/SalesTransaction/Order/FrmSalesOrder.razor.rz.scp.css */
#sales_order[b-ix0etsa92l] {
    --contentheader-height: 265px;
    --contentfooter-height: 95px;
    scrollbar-width: thin;
   height: 100%;
}

#ledgerSummary div[b-ix0etsa92l] {
    margin-right: 8px;
}

.body-sticky-header[b-ix0etsa92l] {
    margin-bottom: 5px;
}

.body-sticky-footer[b-ix0etsa92l] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-ix0etsa92l] {
    width: 100%;
    overflow: auto;
    overscroll-behavior: none;
}

.form-control-disable:focus[b-ix0etsa92l] {
    background-color: var(--acme-color-surface-subtle) !important;
}

.body-content .form-control:not(:focus)[b-ix0etsa92l] {
    border: none;
    border-radius: 2px;
    height: 23px;
    padding: 0.25rem 0.2rem;
}

th[b-ix0etsa92l], td[b-ix0etsa92l] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-ix0etsa92l] {
    outline: none;
}

tr[b-ix0etsa92l] {
    height: 25px;
}

td[b-ix0etsa92l] {
    padding: 0.2rem 0.3rem;
}

input[disabled][b-ix0etsa92l] {
    background-color: #F9F9F9 !important;
    color: #928989 !important;
}


.switch-slider[b-ix0etsa92l] {
    display: inline-block;
    width: 16px;
    height: 10px;
    background-color: var(--acme-color-border-soft);
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.4s;
}

.switch-slider[b-ix0etsa92l]::before {
    content: "";
    position: absolute;
    height: 8px;
    width: 7px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.1s;
}

.switch-checkbox:checked + .switch-slider[b-ix0etsa92l]::before {
    transform: translateX(7px);
}

[b-ix0etsa92l] .sales-taxable-cell {
    background: var(--brand-accent-10) !important;
    box-shadow: inset 3px 0 0 var(--brand-accent);
}

[b-ix0etsa92l] .sales-nontaxable-cell {
    background: var(--acme-color-surface-soft);
}
/* /Pages/Transaction/SalesTransaction/PosBilling/PosBilling.razor.rz.scp.css */
:root[b-jfb7kzm0iy] {
    --pos-ink: #182130;
    --pos-muted: #6B7686;
    --pos-border: #E4E8F0;
    --pos-surface: #FFFFFF;
    --pos-bg: #F2F4F8;
    --pos-primary: #2A4CD6;
    --pos-primary-soft: #EDF1FE;
    --pos-cash: #0E9F6E;
    --pos-cash-soft: #E7F8F1;
    --pos-danger: #E5484D;
    --pos-danger-soft: #FDECEC;
    --pos-warn-soft: #FFF6E5;
    --pos-radius: 12px;
    --pos-radius-sm: 8px;
    --pos-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --pos-mono: 'IBM Plex Mono', 'SFMono-Regular', Menlo, Consolas, monospace;
}

.pos-page[b-jfb7kzm0iy] {
    background: var(--pos-bg);
    font-family: var(--pos-font);
    color: var(--pos-ink);
    min-height: 100vh;
}

.pos-page .card[b-jfb7kzm0iy] {
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius);
    background: var(--pos-surface);
}

.pos-page .card-header[b-jfb7kzm0iy] {
    background: transparent;
    border-bottom: 1px solid var(--pos-border);
    font-size: 0.8rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--pos-muted);
    font-weight: 600;
}

.pos-page label.form-label[b-jfb7kzm0iy] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--pos-muted);
    margin-bottom: 0.2rem;
}

.pos-page .form-control[b-jfb7kzm0iy],
.pos-page .form-select[b-jfb7kzm0iy] {
    border-color: var(--pos-border);
    border-radius: var(--pos-radius-sm);
}

.pos-page .form-control:focus[b-jfb7kzm0iy],
.pos-page .form-select:focus[b-jfb7kzm0iy] {
    border-color: var(--pos-primary);
    box-shadow: 0 0 0 3px var(--pos-primary-soft);
}

/* ---------- Top bar ---------- */

.pos-topbar[b-jfb7kzm0iy] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius);
}

.pos-logo[b-jfb7kzm0iy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(155deg, var(--pos-primary), #5A7BFF);
    color: #fff;
    font-family: var(--pos-mono);
    font-weight: 700;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    box-shadow: 0 4px 10px rgba(42, 76, 214, 0.25);
}

.pos-topbar h1[b-jfb7kzm0iy] {
    letter-spacing: -0.01em;
}

.pos-topbar .btn[b-jfb7kzm0iy] {
    border-radius: var(--pos-radius-sm);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

/* ---------- Barcode / search ---------- */

.barcode-input[b-jfb7kzm0iy] {
    font-family: var(--pos-mono);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.barcode-input:focus[b-jfb7kzm0iy] {
    background: var(--pos-primary-soft);
}

.product-results[b-jfb7kzm0iy] {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-sm);
    box-shadow: 0 8px 20px rgba(20, 30, 60, 0.08);
}

.product-results .list-group-item[b-jfb7kzm0iy] {
    border-left: none;
    border-right: none;
    transition: background 0.12s ease;
}

.product-results .list-group-item:hover[b-jfb7kzm0iy] {
    background: var(--pos-primary-soft);
}

.product-results strong[b-jfb7kzm0iy] {
    font-variant-numeric: tabular-nums;
}

/* ---------- Product grid ---------- */

.product-grid[b-jfb7kzm0iy] {
    max-height: 360px;
    overflow-y: auto;
}

.product-grid table thead th[b-jfb7kzm0iy] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--pos-muted);
    font-weight: 700;
    border-bottom: 2px solid var(--pos-border);
}

.product-grid td[b-jfb7kzm0iy] {
    font-variant-numeric: tabular-nums;
    vertical-align: middle;
}

.product-grid tbody tr[b-jfb7kzm0iy] {
    cursor: pointer;
}

.product-grid tbody tr:hover[b-jfb7kzm0iy] {
    background: #FAFBFD;
}

.product-grid tbody tr.table-primary[b-jfb7kzm0iy] {
    --bs-table-bg: var(--pos-primary-soft);
}

.grid-input[b-jfb7kzm0iy] {
    min-width: 72px;
    font-variant-numeric: tabular-nums;
    text-align: right;
    font-family: var(--pos-mono);
    font-size: 0.82rem;
}

/* ---------- Selected product stats ---------- */

.selected-stats > div[b-jfb7kzm0iy] {
    background: var(--pos-bg);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-sm);
    padding: 0.45rem 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.selected-stats span[b-jfb7kzm0iy] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--pos-muted);
}

.selected-stats strong[b-jfb7kzm0iy] {
    font-family: var(--pos-mono);
    font-variant-numeric: tabular-nums;
    font-size: 0.95rem;
}

/* ---------- Summary strip ---------- */

.summary-box[b-jfb7kzm0iy] {
    background: var(--pos-bg);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-sm);
    padding: 0.5rem 0.6rem;
    font-family: var(--pos-mono);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    text-align: right;
    font-size: 0.95rem;
}

.summary-box.total-net[b-jfb7kzm0iy] {
    background: linear-gradient(160deg, #0B3B2E, #0E5C46);
    color: #7CFFC4;
    border: none;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-shadow: 0 0 12px rgba(124, 255, 196, 0.35);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* ---------- Payment panel ---------- */

.pos-page .nav-tabs[b-jfb7kzm0iy] {
    border-bottom: none;
    background: var(--pos-bg);
    border-radius: var(--pos-radius-sm);
    padding: 0.25rem;
    gap: 0.25rem;
}

.pos-page .nav-tabs .nav-link[b-jfb7kzm0iy] {
    border: none;
    border-radius: 6px;
    color: var(--pos-muted);
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    padding: 0.5rem 0.5rem;
}

.pos-page .nav-tabs .nav-link.active[b-jfb7kzm0iy] {
    background: var(--pos-surface);
    color: var(--pos-primary);
    box-shadow: 0 1px 4px rgba(20, 30, 60, 0.12);
}

.payment-total[b-jfb7kzm0iy] {
    font-family: var(--pos-mono);
    font-variant-numeric: tabular-nums;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--pos-ink);
    background: var(--pos-bg);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-sm);
    padding: 0.55rem 0.7rem;
    text-align: right;
}

.pos-page .btn-primary[b-jfb7kzm0iy] {
    background: var(--pos-primary);
    border-color: var(--pos-primary);
    border-radius: var(--pos-radius-sm);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.pos-page .btn-primary:hover[b-jfb7kzm0iy] {
    background: #2140B8;
    border-color: #2140B8;
}

/* ---------- Today status ---------- */

.status-list > div[b-jfb7kzm0iy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.1rem;
    border-bottom: 1px dashed var(--pos-border);
    font-size: 0.85rem;
}

.status-list > div:last-child[b-jfb7kzm0iy] {
    border-bottom: none;
}

.status-list span[b-jfb7kzm0iy] {
    color: var(--pos-muted);
}

.status-list strong[b-jfb7kzm0iy] {
    font-family: var(--pos-mono);
    font-variant-numeric: tabular-nums;
}

.status-list .total[b-jfb7kzm0iy] {
    margin-top: 0.3rem;
    padding-top: 0.6rem;
    border-top: 2px solid var(--pos-border);
    border-bottom: none;
}

.status-list .total span[b-jfb7kzm0iy] {
    color: var(--pos-ink);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
}

.status-list .total strong[b-jfb7kzm0iy] {
    font-size: 1.05rem;
    color: var(--pos-cash);
}

/* ---------- Terms accordion ---------- */

.pos-page .accordion-item[b-jfb7kzm0iy] {
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius);
    overflow: hidden;
}

.pos-page .accordion-button[b-jfb7kzm0iy] {
    font-size: 0.82rem;
    font-weight: 600;
    background: var(--pos-surface);
}

.pos-page .accordion-button:not(.collapsed)[b-jfb7kzm0iy] {
    background: var(--pos-primary-soft);
    color: var(--pos-primary);
    box-shadow: none;
}

/* ---------- Alerts ---------- */

.pos-page .alert[b-jfb7kzm0iy] {
    border: none;
    border-radius: var(--pos-radius-sm);
    font-weight: 500;
}

.pos-page .alert-success[b-jfb7kzm0iy] {
    background: var(--pos-cash-soft);
    color: #0A6A4C;
}

.pos-page .alert-danger[b-jfb7kzm0iy] {
    background: var(--pos-danger-soft);
    color: #A61E24;
}

/* ---------- Responsive ---------- */

@media (max-width: 768px) {
    .pos-topbar .me-auto[b-jfb7kzm0iy] {
        width: 100%;
    }

    .payment-total[b-jfb7kzm0iy], .summary-box.total-net[b-jfb7kzm0iy] {
        font-size: 1.1rem;
    }
}
/* /Pages/Transaction/SalesTransaction/RestaurantBilling/KitchenDisplayPage.razor.rz.scp.css */
/* ==========================================================================
   Kitchen display (KDS)
   Design tokens map onto the application theme (wwwroot/css/theme.css) so the
   screen follows the app: slate header, light surfaces, green primary action.
   Status colours are one system used everywhere (tabs, pills, blocks, items):
     New / Waiting  -> blue      Preparing / Cooking -> amber
     Ready          -> green     Redo                -> red
   ========================================================================== */

.kds-shell[b-2cj3gjv65f] {
    /* Surfaces & text */
    --kds-header: var(--bg-color);
    --kds-bg: color-mix(in srgb, var(--acme-color-surface-subtle) 65%, var(--acme-color-surface));
    --kds-chrome: var(--acme-color-surface);
    --kds-surface: var(--acme-color-surface);
    --kds-surface-raised: color-mix(in srgb, var(--acme-color-surface-subtle) 70%, var(--acme-color-surface));
    --kds-surface-sunken: color-mix(in srgb, var(--acme-color-surface-subtle) 38%, var(--acme-color-surface));
    --kds-border: var(--acme-color-border);
    --kds-border-soft: var(--acme-color-border-light);
    --kds-text: var(--acme-color-text-default);
    --kds-muted: var(--acme-color-text-muted);
    --kds-faint: color-mix(in srgb, var(--acme-color-text-muted) 72%, var(--acme-color-surface));

    /* Brand action */
    --kds-accent: var(--acme-color-primary-action);
    --kds-accent-hover: var(--acme-color-primary-action-hover);
    --kds-accent-soft: color-mix(in srgb, var(--acme-color-primary-action) 11%, var(--acme-color-surface));
    --kds-accent-line: color-mix(in srgb, var(--acme-color-primary-action) 42%, var(--acme-color-surface));
    --kds-focus: color-mix(in srgb, var(--acme-color-primary-action) 55%, var(--acme-color-surface));

    /* Status palette (darkened for contrast on white) */
    --kds-blue: color-mix(in srgb, var(--acme-color-info-action) 78%, black);
    --kds-blue-solid: var(--acme-color-info-action);
    --kds-blue-soft: color-mix(in srgb, var(--acme-color-info-action) 11%, var(--acme-color-surface));
    --kds-amber: #b45309;
    --kds-amber-solid: #d97706;
    --kds-amber-soft: color-mix(in srgb, #f59e0b 15%, var(--acme-color-surface));
    --kds-green: var(--acme-color-success);
    --kds-green-solid: var(--acme-color-primary-action);
    --kds-green-soft: color-mix(in srgb, var(--acme-color-success) 11%, var(--acme-color-surface));
    --kds-red: var(--acme-color-danger);
    --kds-red-soft: color-mix(in srgb, var(--acme-color-danger) 9%, var(--acme-color-surface));
    --kds-orange: #c2410c;
    --kds-orange-soft: color-mix(in srgb, #f97316 13%, var(--acme-color-surface));

    /* Shape, depth, type */
    --kds-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 12px rgba(16, 24, 40, .06);
    --kds-shadow-raised: 0 2px 4px rgba(16, 24, 40, .08), 0 12px 28px rgba(16, 24, 40, .12);
    --kds-radius-sm: var(--acme-radius-md, 8px);
    --kds-radius: var(--acme-radius-lg, 10px);
    --kds-radius-lg: calc(var(--acme-radius-lg, 10px) + 6px);
    --kds-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --kds-ease: cubic-bezier(.16, 1, .3, 1);

    min-height: 100dvh;
    max-height: 100dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--kds-text);
    background: var(--kds-bg);
    font-family: var(--adt-font-family, system-ui, -apple-system, "Segoe UI", sans-serif);
    -webkit-font-smoothing: antialiased;
}

button[b-2cj3gjv65f] { font: inherit; }

.kds-brand[b-2cj3gjv65f], .kds-topbar-right[b-2cj3gjv65f], .kds-summary[b-2cj3gjv65f], .kds-stat[b-2cj3gjv65f], .kds-brand-sub[b-2cj3gjv65f], .kds-top-actions[b-2cj3gjv65f],
.kds-stations[b-2cj3gjv65f], .kds-station[b-2cj3gjv65f], .kds-tabs[b-2cj3gjv65f], .kds-sla-legend[b-2cj3gjv65f], .kds-queue-title[b-2cj3gjv65f], .kds-card-foot[b-2cj3gjv65f],
.kds-completed-message[b-2cj3gjv65f], .kds-toast[b-2cj3gjv65f] {
    display: flex;
    align-items: center;
}

/* ---------- Top bar (dark) ---------- */

.kds-topbar[b-2cj3gjv65f] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto minmax(240px, 1fr);
    align-items: center;
    gap: 16px;
    padding: 8px 18px;
    background: var(--kds-header);
    color: var(--text-light);
    border-bottom: 1px solid var(--kds-border-soft);
    /* Re-map tokens for the dark background */
    --kds-text: var(--text-light);
    --kds-muted: var(--text-muted);
    --kds-faint: color-mix(in srgb, var(--text-muted) 70%, var(--bg-color));
    --kds-surface: color-mix(in srgb, white 6%, var(--bg-color));
    --kds-surface-raised: color-mix(in srgb, white 12%, var(--bg-color));
    --kds-border: color-mix(in srgb, var(--text-light) 18%, transparent);
    --kds-border-soft: color-mix(in srgb, var(--text-light) 10%, transparent);
    --kds-blue: #74b3ff;
    --kds-blue-soft: color-mix(in srgb, #74b3ff 16%, transparent);
    --kds-amber: var(--clr-amber, #fbbf24);
    --kds-amber-soft: color-mix(in srgb, var(--clr-amber, #fbbf24) 16%, transparent);
    --kds-orange: #fb923c;
    --kds-orange-soft: color-mix(in srgb, #fb923c 16%, transparent);
    --kds-green: var(--clr-green, #3ecf8e);
    --kds-green-soft: color-mix(in srgb, var(--clr-green, #3ecf8e) 16%, transparent);
    --kds-red: #f87171;
    --kds-red-soft: color-mix(in srgb, #f87171 16%, transparent);
}

.kds-brand[b-2cj3gjv65f] { gap: 10px; }

.kds-brand-icon[b-2cj3gjv65f] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--kds-amber) 30%, transparent);
    border-radius: 11px;
    color: var(--kds-amber);
    background: linear-gradient(145deg, color-mix(in srgb, var(--kds-amber) 20%, transparent), color-mix(in srgb, var(--kds-orange) 6%, transparent));
    font-size: 17px;
}

.kds-brand-name[b-2cj3gjv65f] { font-size: 16px; font-weight: 800; letter-spacing: -.01em; }

.kds-brand-sub[b-2cj3gjv65f] {
    gap: 7px;
    margin-top: 2px;
    color: var(--kds-muted);
    font-size: 11px;
    font-weight: 600;
}

.kds-live-dot[b-2cj3gjv65f] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kds-green);
    box-shadow: 0 0 0 4px var(--kds-green-soft);
    animation: kds-live-b-2cj3gjv65f 2s ease-in-out infinite;
}

.kds-live-dot--warn[b-2cj3gjv65f] { background: var(--kds-amber); box-shadow: 0 0 0 4px var(--kds-amber-soft); }
.kds-live-dot--off[b-2cj3gjv65f] { background: var(--kds-red); box-shadow: 0 0 0 4px var(--kds-red-soft); animation: none; }

.kds-summary[b-2cj3gjv65f] {
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--kds-border-soft);
    border-radius: var(--kds-radius);
    background: rgba(255, 255, 255, .02);
}

.kds-stat[b-2cj3gjv65f] {
    gap: 8px;
    padding: 4px 12px;
    border-right: 1px solid var(--kds-border-soft);
}

.kds-stat:last-child[b-2cj3gjv65f] { border-right: 0; }

.kds-stat-icon[b-2cj3gjv65f] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    font-size: 13px;
}

.kds-stat-icon--new[b-2cj3gjv65f] { color: var(--kds-blue); background: var(--kds-blue-soft); }
.kds-stat-icon--prep[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); }
.kds-stat-icon--items[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); }
.kds-stat-icon--late[b-2cj3gjv65f] { color: var(--kds-orange); background: var(--kds-orange-soft); }

.kds-stat-copy[b-2cj3gjv65f] { display: flex; align-items: baseline; gap: 6px; line-height: 1.1; }
.kds-stat-copy strong[b-2cj3gjv65f] { font-size: 19px; font-weight: 850; font-variant-numeric: tabular-nums; }
.kds-stat-copy small[b-2cj3gjv65f] { color: var(--kds-muted); font-size: 11px; font-weight: 600; white-space: nowrap; }

.kds-topbar-right[b-2cj3gjv65f] { justify-content: flex-end; gap: 12px; }

.kds-clock[b-2cj3gjv65f] { display: flex; align-items: baseline; gap: 8px; }
.kds-clock-date[b-2cj3gjv65f] { color: var(--kds-muted); font-size: 11px; font-weight: 600; }
.kds-clock strong[b-2cj3gjv65f] { font: 800 18px/1.1 var(--kds-mono); font-variant-numeric: tabular-nums; }

.kds-top-actions[b-2cj3gjv65f] { gap: 8px; }

/* ---------- Buttons ---------- */

.kds-btn[b-2cj3gjv65f],
.kds-act[b-2cj3gjv65f] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: var(--kds-radius-sm);
    color: var(--kds-text);
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 80ms ease;
}

.kds-btn:active[b-2cj3gjv65f],
.kds-act:active[b-2cj3gjv65f] { transform: scale(.98); }

.kds-top-actions .kds-btn[b-2cj3gjv65f] { min-height: 36px; padding: 6px 12px; font-size: 12px; }

.kds-btn--ghost[b-2cj3gjv65f] { color: var(--kds-muted); background: var(--kds-surface); border-color: var(--kds-border); }
.kds-btn--ghost:hover[b-2cj3gjv65f] { color: var(--kds-text); background: var(--kds-surface-raised); }

.kds-sound-btn--blocked[b-2cj3gjv65f] {
    color: #1f1600;
    background: var(--clr-amber, #fbbf24);
    border-color: var(--clr-amber, #fbbf24);
    animation: kds-sound-nudge-b-2cj3gjv65f 2.4s ease-in-out infinite;
}

.kds-sound-btn--blocked:hover[b-2cj3gjv65f] { color: #1f1600; background: color-mix(in srgb, var(--clr-amber, #fbbf24) 85%, white); }
.kds-sound-btn--off[b-2cj3gjv65f] { opacity: .75; }

/* ---------- Station strip ---------- */

.kds-station-strip[b-2cj3gjv65f] {
    flex-shrink: 0;
    padding: 8px 18px;
    background: var(--kds-chrome);
    border-bottom: 1px solid var(--kds-border-soft);
}

.kds-station-strip .kds-section-heading[b-2cj3gjv65f] { display: none; }

.kds-stations[b-2cj3gjv65f] {
    gap: 6px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.kds-stations[b-2cj3gjv65f]::-webkit-scrollbar,
.kds-filterbar[b-2cj3gjv65f]::-webkit-scrollbar { display: none; }

.kds-station[b-2cj3gjv65f] {
    flex: 0 0 auto;
    min-height: 42px;
    gap: 8px;
    padding: 4px 6px 4px 5px;
    color: var(--kds-muted);
    background: var(--kds-surface);
    border: 1px solid var(--kds-border-soft);
    border-radius: 999px;
    text-align: left;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.kds-station:hover[b-2cj3gjv65f] { color: var(--kds-text); background: var(--kds-surface-raised); border-color: var(--kds-border); }

.kds-station--on[b-2cj3gjv65f] {
    color: var(--kds-text);
    background: var(--kds-accent-soft);
    border-color: var(--kds-accent-line);
}

.kds-stn-icon[b-2cj3gjv65f] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    color: var(--kds-accent-hover);
    background: var(--kds-accent-soft);
    font-size: 12px;
}

.kds-station--on .kds-stn-icon[b-2cj3gjv65f] { color: #fff; background: var(--kds-accent); }

.kds-stn-copy[b-2cj3gjv65f] { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.kds-stn-copy strong[b-2cj3gjv65f] { color: inherit; font-size: 14px; white-space: nowrap; }
.kds-stn-copy small[b-2cj3gjv65f] { color: var(--kds-faint); font-size: 11px; white-space: nowrap; }

.kds-stn-badge[b-2cj3gjv65f] {
    min-width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    color: var(--kds-faint);
    background: var(--kds-surface-raised);
    font-size: 12px;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.kds-stn-badge--live[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); }

/* ---------- Filter bar ---------- */

.kds-filterbar[b-2cj3gjv65f] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: minmax(150px, 1fr) auto minmax(220px, 1fr);
    align-items: center;
    gap: 12px;
    padding: 8px 18px;
    overflow-x: auto;
    border-bottom: 1px solid var(--kds-border-soft);
    background: var(--kds-bg);
}

.kds-queue-title[b-2cj3gjv65f] { gap: 8px; }
.kds-queue-icon[b-2cj3gjv65f] { display: none; }
.kds-queue-title > span:last-child[b-2cj3gjv65f] { display: flex; align-items: baseline; gap: 8px; }
.kds-queue-title strong[b-2cj3gjv65f] { font-size: 14px; }
.kds-queue-title small[b-2cj3gjv65f] { color: var(--kds-muted); font-size: 11px; font-weight: 600; white-space: nowrap; }

.kds-tabs[b-2cj3gjv65f] {
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--kds-border-soft);
    border-radius: 12px;
    background: var(--kds-chrome);
}

.kds-tab[b-2cj3gjv65f] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px;
    border: 0;
    border-radius: 9px;
    color: var(--kds-muted);
    background: transparent;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    transition: color 150ms ease, background-color 150ms ease;
}

.kds-tab span[b-2cj3gjv65f] {
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--kds-text) 8%, transparent);
    font-size: 11px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.kds-tab:hover[b-2cj3gjv65f],
.kds-tab.kds-tab--on[b-2cj3gjv65f] { color: var(--kds-text); background: var(--kds-surface-raised); }
.kds-tab--new.kds-tab--on[b-2cj3gjv65f] { color: var(--kds-blue); background: var(--kds-blue-soft); }
.kds-tab--prep.kds-tab--on[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); }
.kds-tab--redo.kds-tab--on[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); }
.kds-tab--done.kds-tab--on[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); }

.kds-sla-legend[b-2cj3gjv65f] {
    justify-content: flex-end;
    gap: 13px;
    color: var(--kds-muted);
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

.kds-sla-legend span[b-2cj3gjv65f] { display: inline-flex; align-items: center; gap: 5px; }
.kds-sla-dot[b-2cj3gjv65f] { width: 8px; height: 8px; border-radius: 50%; }
.kds-sla-dot--ok[b-2cj3gjv65f] { background: var(--kds-green); }
.kds-sla-dot--warn[b-2cj3gjv65f] { background: var(--kds-amber-solid); }
.kds-sla-dot--late[b-2cj3gjv65f] { background: var(--kds-red); }

/* ==========================================================================
   Order grid & cards
   ========================================================================== */

.kds-grid[b-2cj3gjv65f] {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    grid-auto-rows: max-content;
    align-content: start;
    align-items: stretch;
    gap: 16px;
    padding: 16px 18px 28px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.kds-grid[b-2cj3gjv65f]::-webkit-scrollbar { width: 8px; }
.kds-grid[b-2cj3gjv65f]::-webkit-scrollbar-thumb { border-radius: 10px; background: var(--kds-border); }

.kds-card[b-2cj3gjv65f] {
    /* Card state colour: drives the table icon */
    --kds-state: var(--kds-blue);
    --kds-state-soft: var(--kds-blue-soft);
    position: relative;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--kds-surface);
    border: 1px solid var(--kds-border-soft);
    border-radius: var(--kds-radius-lg);
    box-shadow: var(--kds-shadow);
    animation: kds-card-in-b-2cj3gjv65f 260ms var(--kds-ease) both;
    transition: border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.kds-s-accepted[b-2cj3gjv65f] { --kds-state: var(--kds-amber-solid); --kds-state-soft: var(--kds-amber-soft); }
.kds-s-completed[b-2cj3gjv65f] { --kds-state: var(--kds-green); --kds-state-soft: var(--kds-green-soft); opacity: .78; }
.kds-s-redo[b-2cj3gjv65f] { --kds-state: var(--kds-red); --kds-state-soft: var(--kds-red-soft); border-color: color-mix(in srgb, var(--kds-red) 40%, transparent); }

.kds-card:hover[b-2cj3gjv65f] { border-color: var(--kds-border); box-shadow: var(--kds-shadow-raised); }
.kds-s-completed:hover[b-2cj3gjv65f] { opacity: 1; }

/* Late orders get a coloured frame so they stand out across the room. */
.kds-card.age-warn:not(.kds-s-completed)[b-2cj3gjv65f] { border-color: color-mix(in srgb, var(--kds-orange) 50%, transparent); }
.kds-card.age-crit:not(.kds-s-completed)[b-2cj3gjv65f] {
    border-color: color-mix(in srgb, var(--kds-red) 65%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kds-red) 25%, transparent), var(--kds-shadow);
}

/* --- Card header --- */

.kds-card-head[b-2cj3gjv65f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 14px 8px;
}

.kds-card-title[b-2cj3gjv65f] { display: flex; align-items: center; gap: 11px; min-width: 0; }

.kds-table-icon[b-2cj3gjv65f] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: var(--kds-radius);
    color: var(--kds-state);
    background: var(--kds-state-soft);
    font-size: 16px;
}

.kds-card-title-copy[b-2cj3gjv65f] { display: grid; min-width: 0; }

.kds-table-name[b-2cj3gjv65f] {
    overflow: hidden;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kds-order-no[b-2cj3gjv65f] {
    margin-top: 2px;
    color: var(--kds-muted);
    font: 650 12px/1.2 var(--kds-mono);
}

.kds-card-timer[b-2cj3gjv65f] {
    display: grid;
    justify-items: end;
    flex-shrink: 0;
    padding: 5px 10px;
    border-radius: var(--kds-radius);
    color: var(--kds-green);
    background: var(--kds-green-soft);
}

.kds-card-timer strong[b-2cj3gjv65f] { font: 850 21px/1 var(--kds-mono); font-variant-numeric: tabular-nums; }
.kds-card-timer small[b-2cj3gjv65f] { margin-top: 3px; font-size: 10px; font-weight: 750; letter-spacing: .02em; }

.kds-card-timer.age-attn[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); }
.kds-card-timer.age-warn[b-2cj3gjv65f] { color: var(--kds-orange); background: var(--kds-orange-soft); }
.kds-card-timer.age-crit[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); animation: kds-urgent-b-2cj3gjv65f 1.8s ease-in-out infinite; }

/* --- Meta chips --- */

.kds-card-meta[b-2cj3gjv65f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 0 14px 10px;
}

.kds-pill[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.kds-pill--new[b-2cj3gjv65f] { color: var(--kds-blue); background: var(--kds-blue-soft); border-color: color-mix(in srgb, var(--kds-blue) 28%, transparent); }
.kds-pill--accepted[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); border-color: color-mix(in srgb, var(--kds-amber) 28%, transparent); }
.kds-pill--completed[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); border-color: color-mix(in srgb, var(--kds-green) 28%, transparent); }
.kds-pill--redo[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); border-color: color-mix(in srgb, var(--kds-red) 28%, transparent); }

.kds-chip[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    color: var(--kds-muted);
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
    background: var(--kds-surface-raised);
    border-radius: 999px;
}

.kds-chip--addon[b-2cj3gjv65f] { color: var(--kds-accent-hover); background: var(--kds-accent-soft); }

/* --- Item progress --- */

.kds-progress[b-2cj3gjv65f] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 14px 12px;
}

.kds-progress-track[b-2cj3gjv65f] {
    position: relative;
    flex: 1;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--kds-surface-raised);
}

.kds-progress-fill[b-2cj3gjv65f] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--kds-green), color-mix(in srgb, var(--kds-green) 70%, #34d399));
    transition: width 420ms var(--kds-ease);
}

.kds-progress-label[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--kds-muted);
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.kds-progress-label strong[b-2cj3gjv65f] { color: var(--kds-text); font: 800 14px/1 var(--kds-mono); }

.kds-progress-cooking[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    color: var(--kds-amber);
    background: var(--kds-amber-soft);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 750;
}

/* --- Station blocks --- */

.kds-blocks[b-2cj3gjv65f] {
    flex: 1;
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 0 10px 12px;
}

.kds-block[b-2cj3gjv65f] {
    overflow: hidden;
    border: 1px solid var(--kds-border-soft);
    border-radius: var(--kds-radius);
    background: var(--kds-surface);
}

.kds-block-head[b-2cj3gjv65f] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 4px 6px 4px 12px;
    border-bottom: 1px solid var(--kds-border-soft);
    background: var(--kds-surface-sunken);
}

.kds-block-name[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    overflow: hidden;
    color: var(--kds-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .09em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.kds-block-count[b-2cj3gjv65f] {
    margin-right: auto;
    padding: 1px 7px;
    color: var(--kds-muted);
    background: var(--kds-surface-raised);
    border-radius: 999px;
    font: 750 11px/1.5 var(--kds-mono);
}

.kds-block--completed .kds-block-count[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); }

.kds-block-flag[b-2cj3gjv65f] {
    padding: 2px 8px;
    color: var(--kds-accent-hover);
    background: var(--kds-accent-soft);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
}

.kds-block-state[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 2px 10px;
    color: var(--kds-blue);
    background: var(--kds-blue-soft);
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    touch-action: manipulation;
    transition: filter 140ms ease, transform 80ms ease;
}

.kds-block-state:hover[b-2cj3gjv65f] { filter: brightness(.96); }
.kds-block-state:active[b-2cj3gjv65f] { transform: scale(.96); }
.kds-block-state--accepted[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); }
.kds-block-state--completed[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); }
.kds-block-state--redo[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); }

/* --- Items: one row per dish with its own status and action --- */

.kds-items[b-2cj3gjv65f] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kds-item[b-2cj3gjv65f] {
    /* Item state colour */
    --kds-item: var(--kds-faint);
    --kds-item-soft: transparent;
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 8px 9px 12px;
    border-bottom: 1px solid var(--kds-border-soft);
    background: var(--kds-item-soft);
    transition: background-color 220ms ease;
}

.kds-item:last-child[b-2cj3gjv65f] { border-bottom: 0; }

/* Status rail on the left of each item */
.kds-item[b-2cj3gjv65f]::before {
    content: "";
    position: absolute;
    inset: 6px auto 6px 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--kds-item);
}

.kds-item--new[b-2cj3gjv65f] { --kds-item: color-mix(in srgb, var(--kds-blue) 55%, var(--acme-color-surface)); }
.kds-item--accepted[b-2cj3gjv65f] { --kds-item: var(--kds-amber-solid); --kds-item-soft: color-mix(in srgb, #f59e0b 7%, var(--acme-color-surface)); }
.kds-item--completed[b-2cj3gjv65f] { --kds-item: var(--kds-green); --kds-item-soft: color-mix(in srgb, var(--acme-color-success) 6%, var(--acme-color-surface)); }
.kds-item--redo[b-2cj3gjv65f] { --kds-item: var(--kds-red); --kds-item-soft: color-mix(in srgb, var(--acme-color-danger) 6%, var(--acme-color-surface)); }

.kds-item-qty[b-2cj3gjv65f] {
    min-width: 38px;
    height: 34px;
    display: grid;
    place-items: center;
    padding: 0 6px;
    color: var(--kds-text);
    background: var(--kds-surface-raised);
    border-radius: var(--kds-radius-sm);
    font: 900 17px/1 var(--kds-mono);
}

.kds-item--accepted .kds-item-qty[b-2cj3gjv65f] { color: var(--kds-amber); background: var(--kds-amber-soft); }
.kds-item--completed .kds-item-qty[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); }
.kds-item--redo .kds-item-qty[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); }

.kds-item-copy[b-2cj3gjv65f] { display: grid; gap: 3px; min-width: 0; }

.kds-item-name[b-2cj3gjv65f] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.kds-item-name strong[b-2cj3gjv65f] {
    font-size: 16px;
    font-weight: 750;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.kds-item--completed .kds-item-name strong[b-2cj3gjv65f] { color: var(--kds-muted); }

.kds-item-note[b-2cj3gjv65f] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    width: fit-content;
    padding: 2px 7px;
    color: var(--kds-amber);
    background: var(--kds-amber-soft);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
}

.kds-item-track[b-2cj3gjv65f] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    color: var(--kds-muted);
    font-size: 11px;
    font-weight: 650;
}

.kds-item-dot[b-2cj3gjv65f] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kds-item);
}

.kds-item--accepted .kds-item-dot[b-2cj3gjv65f] { animation: kds-cooking-b-2cj3gjv65f 1.4s ease-in-out infinite; }

.kds-item-state[b-2cj3gjv65f] {
    color: var(--kds-item);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kds-item--new .kds-item-state[b-2cj3gjv65f] { color: var(--kds-blue); }

.kds-item-time[b-2cj3gjv65f] {
    min-width: 0;
    overflow: hidden;
    font-family: var(--kds-mono);
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kds-item-tag[b-2cj3gjv65f] {
    padding: 2px 7px;
    color: var(--kds-accent-hover);
    background: var(--kds-accent-soft);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.kds-item-tag--cancel[b-2cj3gjv65f] { align-self: center; color: var(--kds-red); background: var(--kds-red-soft); }

/* Per-item action button: Start (blue) -> Done (green) -> Undo (quiet); Restart (red) */
.kds-item-act[b-2cj3gjv65f] {
    min-width: 84px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 80ms ease;
}

.kds-item-act:active[b-2cj3gjv65f] { transform: scale(.96); }

.kds-item-act--new[b-2cj3gjv65f] {
    color: var(--kds-blue);
    background: var(--kds-blue-soft);
    border-color: color-mix(in srgb, var(--kds-blue) 30%, transparent);
}

.kds-item-act--new:hover[b-2cj3gjv65f] { color: #fff; background: var(--kds-blue-solid); }

.kds-item-act--accepted[b-2cj3gjv65f] {
    color: #fff;
    background: var(--kds-green-solid);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--kds-green-solid) 28%, transparent);
}

.kds-item-act--accepted:hover[b-2cj3gjv65f] { background: var(--kds-accent-hover); }

.kds-item-act--completed[b-2cj3gjv65f] {
    min-width: 72px;
    color: var(--kds-muted);
    background: transparent;
    border-color: var(--kds-border-soft);
    font-size: 12px;
}

.kds-item-act--completed:hover[b-2cj3gjv65f] { color: var(--kds-text); background: var(--kds-surface-raised); }

.kds-item-act--redo[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); border-color: color-mix(in srgb, var(--kds-red) 30%, transparent); }
.kds-item-act--redo:hover[b-2cj3gjv65f] { color: #fff; background: var(--kds-red); }

/* Items fired after the station started: highlighted until the cook acknowledges them. */
.kds-item--addon[b-2cj3gjv65f] { --kds-item-soft: color-mix(in srgb, var(--kds-accent) 8%, var(--acme-color-surface)); }
.kds-item--addon[b-2cj3gjv65f]::before { background: var(--kds-accent); }

/* Cancelled items stay visible (struck through) for a short while so nobody keeps cooking them. */
.kds-item--cancelled[b-2cj3gjv65f] { --kds-item: var(--kds-red); --kds-item-soft: var(--kds-red-soft); }

.kds-item--cancelled .kds-item-name strong[b-2cj3gjv65f],
.kds-item--cancelled .kds-item-qty[b-2cj3gjv65f] {
    color: var(--kds-faint);
    text-decoration: line-through;
    text-decoration-color: var(--kds-red);
    text-decoration-thickness: 2px;
}

/* --- Card footer --- */

.kds-card-foot[b-2cj3gjv65f] {
    gap: 8px;
    margin-top: auto;
    padding: 10px;
    border-top: 1px solid var(--kds-border-soft);
    background: var(--kds-surface-sunken);
}

.kds-act[b-2cj3gjv65f] { flex: 1; min-width: 0; min-height: 48px; font-size: 14px; }

.kds-act--accept[b-2cj3gjv65f] { color: #fff; background: var(--kds-blue-solid); }
.kds-act--accept:hover[b-2cj3gjv65f] { background: var(--kds-blue); }
.kds-act--complete[b-2cj3gjv65f] { color: #fff; background: var(--kds-green-solid); box-shadow: 0 4px 14px color-mix(in srgb, var(--kds-green-solid) 25%, transparent); }
.kds-act--complete:hover[b-2cj3gjv65f] { background: var(--kds-accent-hover); }
.kds-act--secondary[b-2cj3gjv65f] { color: var(--kds-blue); background: var(--kds-blue-soft); border-color: color-mix(in srgb, var(--kds-blue) 28%, transparent); }
.kds-act--secondary:hover[b-2cj3gjv65f] { color: #fff; background: var(--kds-blue-solid); }
.kds-act--redo[b-2cj3gjv65f] { flex: 0 0 auto; color: var(--kds-red); background: transparent; border-color: color-mix(in srgb, var(--kds-red) 36%, transparent); }
.kds-act--redo:hover[b-2cj3gjv65f] { background: var(--kds-red-soft); }

.kds-completed-message[b-2cj3gjv65f] {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    gap: 8px;
    color: var(--kds-green);
    font-size: 13px;
    font-weight: 700;
}

.kds-completed-message span[b-2cj3gjv65f] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--kds-green);
    font-size: 12px;
}

/* ---------- Empty state ---------- */

.kds-empty[b-2cj3gjv65f] {
    grid-column: 1 / -1;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.kds-empty-icon[b-2cj3gjv65f] {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border: 1px solid var(--kds-border);
    border-radius: 22px;
    color: var(--kds-muted);
    background: var(--kds-surface);
    box-shadow: var(--kds-shadow);
    font-size: 26px;
}

.kds-empty-title[b-2cj3gjv65f] { margin: 0; font-size: 18px; font-weight: 800; }
.kds-empty-sub[b-2cj3gjv65f] { max-width: 360px; margin: 6px 0 16px; color: var(--kds-muted); font-size: 13px; }

/* ---------- Toasts ---------- */

.kds-toast-stack[b-2cj3gjv65f] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 50;
    display: grid;
    gap: 10px;
    width: min(380px, calc(100vw - 32px));
    pointer-events: none;
}

.kds-toast[b-2cj3gjv65f] {
    gap: 12px;
    padding: 13px 15px;
    color: var(--kds-text);
    background: var(--kds-surface);
    border: 1px solid var(--kds-border);
    border-left: 4px solid var(--kds-accent);
    border-radius: var(--kds-radius);
    box-shadow: var(--kds-shadow-raised);
    animation: kds-toast-in-b-2cj3gjv65f 240ms var(--kds-ease);
}

.kds-toast-icon[b-2cj3gjv65f] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: var(--kds-radius-sm);
    color: var(--kds-accent-hover);
    background: var(--kds-accent-soft);
    font-size: 16px;
}

.kds-toast--new[b-2cj3gjv65f] { border-left-color: var(--kds-blue); }
.kds-toast--new .kds-toast-icon[b-2cj3gjv65f] { color: var(--kds-blue); background: var(--kds-blue-soft); }
.kds-toast--danger[b-2cj3gjv65f] { border-left-color: var(--kds-red); }
.kds-toast--danger .kds-toast-icon[b-2cj3gjv65f] { color: var(--kds-red); background: var(--kds-red-soft); }
.kds-toast--success[b-2cj3gjv65f] { border-left-color: var(--kds-green); }
.kds-toast--success .kds-toast-icon[b-2cj3gjv65f] { color: var(--kds-green); background: var(--kds-green-soft); }

.kds-toast-title[b-2cj3gjv65f] { font-size: 15px; font-weight: 800; }
.kds-toast-sub[b-2cj3gjv65f] { margin-top: 3px; color: var(--kds-muted); font-size: 12px; }

/* ---------- Focus & disabled ---------- */

.kds-btn:focus-visible[b-2cj3gjv65f],
.kds-act:focus-visible[b-2cj3gjv65f],
.kds-item-act:focus-visible[b-2cj3gjv65f],
.kds-block-state:focus-visible[b-2cj3gjv65f],
.kds-station:focus-visible[b-2cj3gjv65f],
.kds-tab:focus-visible[b-2cj3gjv65f] {
    outline: 3px solid var(--kds-focus);
    outline-offset: 2px;
}

.kds-btn:disabled[b-2cj3gjv65f],
.kds-act:disabled[b-2cj3gjv65f],
.kds-item-act:disabled[b-2cj3gjv65f],
.kds-block-state:disabled[b-2cj3gjv65f] {
    opacity: .55;
    cursor: wait;
}

/* ---------- Card life cycle ---------- */

.kds-card--fresh[b-2cj3gjv65f] {
    animation: kds-card-in-b-2cj3gjv65f 260ms var(--kds-ease) both, kds-fresh-b-2cj3gjv65f 1.6s ease-in-out 260ms 3;
}

.kds-card--closing[b-2cj3gjv65f] {
    pointer-events: none;
    animation: kds-card-out-b-2cj3gjv65f 600ms ease forwards;
}

/* ---------- Animations ---------- */

@keyframes kds-live-b-2cj3gjv65f {
    0%, 100% { box-shadow: 0 0 0 3px var(--kds-green-soft); }
    50% { box-shadow: 0 0 0 7px transparent; }
}

@keyframes kds-cooking-b-2cj3gjv65f {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .45; transform: scale(.75); }
}

@keyframes kds-toast-in-b-2cj3gjv65f {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@keyframes kds-card-in-b-2cj3gjv65f {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: none; }
}

@keyframes kds-card-out-b-2cj3gjv65f {
    to { opacity: 0; transform: scale(.94); filter: grayscale(1); }
}

@keyframes kds-fresh-b-2cj3gjv65f {
    0%, 100% { box-shadow: var(--kds-shadow); }
    50% { box-shadow: 0 0 0 3px var(--kds-accent), 0 0 32px color-mix(in srgb, var(--kds-accent) 45%, transparent); }
}

@keyframes kds-urgent-b-2cj3gjv65f {
    0%, 100% { filter: none; }
    50% { filter: brightness(1.2) saturate(1.2); }
}

@keyframes kds-sound-nudge-b-2cj3gjv65f {
    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--clr-amber, #fbbf24) 55%, transparent); }
    50% { box-shadow: 0 0 0 6px transparent; }
}

/* ---------- Responsive ---------- */

@media (max-width: 1180px) {
    .kds-topbar[b-2cj3gjv65f] { grid-template-columns: 1fr auto; }
    .kds-summary[b-2cj3gjv65f] { display: none; }
    .kds-filterbar[b-2cj3gjv65f] { grid-template-columns: auto 1fr; }
    .kds-tabs[b-2cj3gjv65f] { justify-self: end; }
    .kds-sla-legend[b-2cj3gjv65f] { display: none; }
    .kds-sound-btn .kds-sound-label[b-2cj3gjv65f] { display: none; }
}

@media (max-width: 760px) {
    .kds-shell[b-2cj3gjv65f] { max-height: none; overflow: auto; }
    .kds-topbar[b-2cj3gjv65f] { gap: 12px; padding: 10px 14px; }
    .kds-top-actions[b-2cj3gjv65f] { display: none; }
    .kds-clock-date[b-2cj3gjv65f] { display: none; }
    .kds-clock strong[b-2cj3gjv65f] { font-size: 16px; }
    .kds-station-strip[b-2cj3gjv65f] { padding: 8px 14px; }
    .kds-filterbar[b-2cj3gjv65f] { grid-template-columns: 1fr; padding: 8px 14px; }
    .kds-queue-title[b-2cj3gjv65f] { display: none; }
    .kds-tabs[b-2cj3gjv65f] { width: max-content; justify-self: start; }
    .kds-grid[b-2cj3gjv65f] { flex: none; grid-template-columns: 1fr; padding: 12px 14px 24px; overflow: visible; }
    .kds-table-name[b-2cj3gjv65f] { font-size: 20px; }
    .kds-card-timer small[b-2cj3gjv65f] { display: none; }
    .kds-toast-stack[b-2cj3gjv65f] { right: 14px; bottom: 14px; left: 14px; width: auto; }
}

@media (max-width: 420px) {
    .kds-brand-sub[b-2cj3gjv65f] { display: none; }
    .kds-tab[b-2cj3gjv65f] { padding: 4px 9px; }
    .kds-tab span[b-2cj3gjv65f] { display: none; }
    .kds-item[b-2cj3gjv65f] { gap: 8px; padding-right: 6px; }
    .kds-item-qty[b-2cj3gjv65f] { min-width: 32px; }
    .kds-item-act[b-2cj3gjv65f] { min-width: 64px; padding: 6px 10px; }
    .kds-item-act--completed[b-2cj3gjv65f] { min-width: 56px; }
    .kds-act--redo[b-2cj3gjv65f] { flex: 1; }
    .kds-card-foot[b-2cj3gjv65f] { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
    .kds-live-dot[b-2cj3gjv65f],
    .kds-toast[b-2cj3gjv65f],
    .kds-card[b-2cj3gjv65f],
    .kds-card--fresh[b-2cj3gjv65f],
    .kds-card--closing[b-2cj3gjv65f],
    .kds-card-timer.age-crit[b-2cj3gjv65f],
    .kds-item--accepted .kds-item-dot[b-2cj3gjv65f],
    .kds-sound-btn--blocked[b-2cj3gjv65f] { animation: none; }

    .kds-card[b-2cj3gjv65f], .kds-btn[b-2cj3gjv65f], .kds-act[b-2cj3gjv65f], .kds-item-act[b-2cj3gjv65f], .kds-station[b-2cj3gjv65f], .kds-tab[b-2cj3gjv65f], .kds-progress-fill[b-2cj3gjv65f], .kds-item[b-2cj3gjv65f] { transition: none; }
    .kds-card--fresh[b-2cj3gjv65f] { outline: 2px solid var(--kds-accent); }
    .kds-card--closing[b-2cj3gjv65f] { opacity: .3; }
}
/* /Pages/Transaction/SalesTransaction/RestaurantBilling/NewRestaurantBilling.razor.rz.scp.css */
.oderSection[b-yrvhaq5s4y] {
    transition: height 0.01s ease-in-out;
    max-height: 70vh;
}

.collapse-transition[b-yrvhaq5s4y] {
    transition: height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
}

.collapse-transition:not(.show)[b-yrvhaq5s4y] {
    opacity: 0;
}

.collapse-transition.show[b-yrvhaq5s4y] {
    opacity: 1;
}

.menu-card[b-yrvhaq5s4y] {
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.menu-card:hover[b-yrvhaq5s4y] {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px var(--acme-overlay-30) !important;
}

.list-group-item span[b-yrvhaq5s4y] {
    font-weight: 500;
}

.menu-scrollable[b-yrvhaq5s4y] {
    max-height: 75vh; /* Adjust as needed */
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px; /* space for scrollbar */
    scrollbar-width: thin;
}

.order-scrollable[b-yrvhaq5s4y] {
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    scrollbar-width: thin;
}

.menu-scrollable[b-yrvhaq5s4y]::-webkit-scrollbar {
    width: 0;
}

.menu-scrollable[b-yrvhaq5s4y]::-webkit-scrollbar-thumb {
    background-color: var(--acme-overlay-20);
    border-radius: 4px;
}

.menu-scrollable[b-yrvhaq5s4y]::-webkit-scrollbar-track {
    background-color: transparent;
}

@media (max-width: 768px) {
    .col-md-8[b-yrvhaq5s4y], .col-md-4[b-yrvhaq5s4y] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.list-group-item .btn[b-yrvhaq5s4y] {
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 0.9rem;
    line-height: 1;
}

.collapse .show[b-yrvhaq5s4y] {
    transition: all 2s ease-in-out;
}

li[aria-expanded="true"] .fa[b-yrvhaq5s4y] {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

li[aria-expanded="false"] .fa[b-yrvhaq5s4y] {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.category-scroll[b-yrvhaq5s4y] {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.category-scroll[b-yrvhaq5s4y]::-webkit-scrollbar {
    height: 6px;
}

.category-scroll[b-yrvhaq5s4y]::-webkit-scrollbar-thumb {
    background-color: var(--acme-overlay-20);
    border-radius: 3px;
}

/* Default: no border */
.list-item-wrapper[b-yrvhaq5s4y] {
    border-left: 0;
    transition: border-left 0.3s ease;
}

/* When collapse is open → add left border */
.list-item-wrapper:has(.collapse.show)[b-yrvhaq5s4y] {
    border-left: 4px solid #bd2727;
    border-radius: 4px 0 0 4px;
}
/* /Pages/Transaction/SalesTransaction/RestaurantBilling/RestaurantBilling.razor.rz.scp.css */

#restaurantBilling[b-j65zf8k6y5] {
    height: 100vh;
    overflow: hidden;
    scrollbar-width: thin;
    -ms-overflow-style: none;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface-soft);
}

#restaurantBilling[b-j65zf8k6y5]::-webkit-scrollbar {
    display: none;
}

.restaurant-billing__shell[b-j65zf8k6y5] {
    min-width: 0;
    overflow: hidden;
    border-color: var(--acme-color-border-light);
    background: var(--acme-color-surface);
    box-shadow: var(--acme-shadow-sm);
}

.restaurant-billing__header[b-j65zf8k6y5] {
    border-bottom: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface-muted);
}

.restaurant-billing__title[b-j65zf8k6y5],
.restaurant-billing__home[b-j65zf8k6y5],
.restaurant-billing__compact-home[b-j65zf8k6y5] {
    color: var(--acme-color-text-default);
}

.restaurant-billing__home[b-j65zf8k6y5],
.restaurant-billing__compact-home[b-j65zf8k6y5],
.restaurant-billing__context-action[b-j65zf8k6y5] {
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast);
}

.restaurant-billing__home:focus-visible[b-j65zf8k6y5],
.restaurant-billing__compact-home:focus-visible[b-j65zf8k6y5],
.restaurant-billing__context-action:focus-visible[b-j65zf8k6y5] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 2px;
}

.restaurant-billing__context-list[b-j65zf8k6y5] {
    flex-wrap: wrap;
}

.restaurant-billing__context-chip[b-j65zf8k6y5] {
    color: var(--acme-color-text-default);
    border: 1px solid var(--acme-color-border-light);
    background: var(--acme-color-surface);
    box-shadow: var(--acme-shadow-sm);
}

.restaurant-billing__context-chip--accent[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action);
    border-color: color-mix(in srgb, var(--acme-color-primary-action) 28%, var(--acme-color-border-light));
    background: color-mix(in srgb, var(--acme-color-primary-action) 9%, var(--acme-color-surface));
}

.restaurant-billing__context-action[b-j65zf8k6y5],
.restaurant-billing__compact-home[b-j65zf8k6y5] {
    cursor: pointer;
}

.restaurant-billing__context-action[b-j65zf8k6y5] {
    font: inherit;
}

.restaurant-billing__context-action:hover[b-j65zf8k6y5],
.restaurant-billing__compact-home:hover[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-hover);
}

.restaurant-billing__compact-home[b-j65zf8k6y5] {
    display: inline-grid;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-sm);
}

.restaurant-billing__entry-panel[b-j65zf8k6y5],
.restaurant-billing__summary-panel[b-j65zf8k6y5] {
    background: var(--acme-color-surface);
}

.restaurant-billing__selected-table[b-j65zf8k6y5] {
    color: var(--acme-color-text-default) !important;
    border-color: color-mix(in srgb, var(--bs-warning) 45%, var(--acme-color-border-light)) !important;
    background: color-mix(in srgb, var(--bs-warning) 50%, var(--acme-color-surface)) !important;
    opacity: 1 !important;
}

[b-j65zf8k6y5] .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast);
}

.btn-table-active[b-j65zf8k6y5] {
    color: var(--acme-color-surface);
    background: var(--acme-color-primary-action);
}

.btn-order-printed[b-j65zf8k6y5] {
    color: var(--acme-color-text-default);
    background-color: color-mix(in srgb, var(--bs-warning) 22%, var(--acme-color-surface));
}

.btn-table-dirty[b-j65zf8k6y5] {
    color: var(--acme-color-text-default);
    background-color: var(--acme-color-surface-muted);
}

[b-j65zf8k6y5] #restaurant-tables::-webkit-scrollbar {
    display: none;
}

[b-j65zf8k6y5] #restaurant-tables {
    margin: 0;
    width: var(--res-table-side-width, 22rem);
    scrollbar-width: thin;
    -ms-overflow-style: none;
    transition: width 0.6ms ease-in-out;
}

#restaurant-tables.hide[b-j65zf8k6y5] {
    width: 0;
}

[b-j65zf8k6y5] .footerButton {
    height: auto;
    overflow-y: hidden;
    overflow-x: auto;
}

[b-j65zf8k6y5] .footerButton button {
    white-space: nowrap;
    text-overflow: fade;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast);
    min-width: fit-content;
    max-height: fit-content;
}

.btn-occupied[b-j65zf8k6y5] {
    color: var(--acme-color-surface);
    background-color: var(--acme-color-danger);
}

.btn-occupied:hover[b-j65zf8k6y5] {
    color: var(--acme-color-surface);
}

[b-j65zf8k6y5] .selected-table {
    box-shadow: none;
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 1px;
    background-image: none;
}

[b-j65zf8k6y5] .selected-table[table-status="P"] {
    outline-color: var(--acme-color-border-strong) !important;
}

.form-control[b-j65zf8k6y5] {
    height: 26px;
}

.col[b-j65zf8k6y5] {
    padding-left: 10px;
    padding-right: 10px;
}

#product-table[b-j65zf8k6y5] {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full viewport height */
    /*width: calc(100vw - 330px);*/
}

#product-table .sticky-header[b-j65zf8k6y5] {
    flex: 0 0 140px;
}

#restaurant-tables .sticky-header[b-j65zf8k6y5] {
    flex: 0 0 32px;
    margin-bottom: 5px;
}


#product-table .sticky-footer[b-j65zf8k6y5] {
    flex: 0 0 195px;
}

#restaurant-tables .sticky-footer[b-j65zf8k6y5] {
    flex: 0 0 40px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: thin;
}

#restaurant-tables[b-j65zf8k6y5]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

#restaurant-tables .content[b-j65zf8k6y5] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
}

#product-table .content[b-j65zf8k6y5] {
    flex: 1 1 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#product-table tr:focus-visible[b-j65zf8k6y5] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: -2px;
}

table .selected-table tr[b-j65zf8k6y5] {
    height: 45px;
}

.restaurant-billing__order-region-shell[b-j65zf8k6y5] {
    position: relative;
    min-height: 0;
    margin-inline: 0.75rem;
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-md);
    background: var(--acme-color-surface);
    overflow: hidden;
}

.restaurant-billing__order-region[b-j65zf8k6y5] {
    min-height: 0;
    border-radius: inherit;
    overscroll-behavior: none;
}

.restaurant-billing__order-details[b-j65zf8k6y5] {
    min-width: 100%;
}

#orderTable[b-j65zf8k6y5] {
    --restaurant-billing-action-column-width: 3rem;
    min-width: 100%;
    margin: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
}

#orderTable th[b-j65zf8k6y5],
#orderTable td[b-j65zf8k6y5] {
    height: 1.75rem !important;
    max-height: 1.75rem !important;
    padding: 0.2rem 0.45rem !important;
    overflow: hidden;
    color: var(--acme-color-text-default);
    border-right: 1px solid var(--acme-color-border-soft);
    border-bottom: 1px solid var(--acme-color-border-soft);
    line-height: 1.25rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#orderTable th[b-j65zf8k6y5] {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 2rem !important;
    max-height: 2rem !important;
    padding-inline-end: 0.7rem !important;
    background: var(--acme-color-surface-muted);
    box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--acme-color-primary-action) 24%, var(--acme-color-border-light));
    font-size: var(--table-header-font-size);
    font-weight: 700;
}

#orderTable tbody tr > td[b-j65zf8k6y5] {
    background: var(--acme-color-surface);
    transition: background-color var(--acme-transition-fast), color var(--acme-transition-fast);
}

#orderTable tbody tr:nth-child(even) > td[b-j65zf8k6y5] {
    background: var(--acme-color-surface-soft);
}

#orderTable tbody tr:hover > td[b-j65zf8k6y5] {
    background: var(--acme-color-surface-hover);
}

#orderTable tbody tr.selected-row > td[b-j65zf8k6y5] {
    color: var(--acme-color-text-default);
    background: color-mix(in srgb, var(--acme-color-primary-action) 12%, var(--acme-color-surface));
}

#orderTable tbody tr.selected-row > td:first-child[b-j65zf8k6y5] {
    box-shadow: inset 3px 0 0 var(--acme-color-primary-action);
}

#orderTable tbody tr[b-j65zf8k6y5] {
    height: 1.75rem !important;
    cursor: pointer;
}

#orderTable tbody tr:focus-visible[b-j65zf8k6y5] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: -2px;
}

.order-column--serial[b-j65zf8k6y5] {
    width: 4rem;
}

.order-column--code[b-j65zf8k6y5] {
    width: 6rem;
}

.order-column--item[b-j65zf8k6y5] {
    width: 18rem;
}

.order-column--qty[b-j65zf8k6y5],
.order-column--unit[b-j65zf8k6y5] {
    width: 5rem;
}

.order-column--rate[b-j65zf8k6y5] {
    width: 6rem;
}

.order-column--amount[b-j65zf8k6y5] {
    width: 8rem;
}

.order-column--member[b-j65zf8k6y5] {
    width: 9rem;
}

.order-column--time[b-j65zf8k6y5] {
    width: 7rem;
}

.order-column--action[b-j65zf8k6y5] {
    width: var(--restaurant-billing-action-column-width);
    min-width: var(--restaurant-billing-action-column-width);
    max-width: var(--restaurant-billing-action-column-width);
}

#orderTable .restaurant-billing__sticky-action[b-j65zf8k6y5] {
    position: sticky;
    z-index: 1;
    padding: 0.1rem !important;
    text-align: center;
}

#orderTable th.restaurant-billing__sticky-action[b-j65zf8k6y5] {
    z-index: 3;
    padding: 0.1rem !important;
    color: var(--acme-color-text-muted);
    background: color-mix(in srgb, var(--acme-color-primary-action) 5%, var(--acme-color-surface-muted));
}

#orderTable .restaurant-billing__sticky-action--cancel[b-j65zf8k6y5],
#orderTable:not(.restaurant-billing__order-table--has-cancel) .restaurant-billing__sticky-action--print[b-j65zf8k6y5] {
    right: 0;
}

#orderTable.restaurant-billing__order-table--has-cancel .restaurant-billing__sticky-action--print[b-j65zf8k6y5],
#orderTable:not(.restaurant-billing__order-table--has-cancel) .restaurant-billing__sticky-action--notes[b-j65zf8k6y5] {
    right: var(--restaurant-billing-action-column-width);
}

#orderTable.restaurant-billing__order-table--has-cancel .restaurant-billing__sticky-action--notes[b-j65zf8k6y5] {
    right: calc(var(--restaurant-billing-action-column-width) * 2);
}

#orderTable .restaurant-billing__sticky-action--notes[b-j65zf8k6y5] {
    box-shadow: -0.35rem 0 0.65rem color-mix(in srgb, var(--acme-color-text-default) 10%, transparent),
    inset 2px 0 0 var(--acme-color-border-light);
}

#orderTable th.restaurant-billing__sticky-action--notes[b-j65zf8k6y5] {
    box-shadow: -0.35rem 0 0.65rem color-mix(in srgb, var(--acme-color-text-default) 10%, transparent),
    inset 2px 0 0 var(--acme-color-border-light),
    inset 0 -2px 0 color-mix(in srgb, var(--acme-color-primary-action) 24%, var(--acme-color-border-light));
}

.restaurant-billing__action-header > i[b-j65zf8k6y5] {
    font-size: 0.8rem;
}

.restaurant-billing__table-action[b-j65zf8k6y5] {
    display: inline-grid;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    place-items: center;
    color: var(--acme-color-text-muted);
    border: 0;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    font-size: 0.78rem;
    line-height: 1;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

button.restaurant-billing__table-action:hover[b-j65zf8k6y5],
button.restaurant-billing__table-action:focus-visible[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-hover);
}

button.restaurant-billing__table-action:focus-visible[b-j65zf8k6y5] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 0;
}

.restaurant-billing__table-action--accent[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action);
}

.restaurant-billing__table-action--danger[b-j65zf8k6y5] {
    color: var(--acme-color-danger);
}

.restaurant-billing__table-action--complete[b-j65zf8k6y5] {
    color: var(--acme-color-success, var(--bs-success));
}

.restaurant-billing__table-action--locked[b-j65zf8k6y5],
.restaurant-billing__table-action:disabled[b-j65zf8k6y5] {
    color: var(--acme-color-text-muted);
    opacity: 0.45;
    cursor: not-allowed;
}

.restaurant-billing__column-resizer[b-j65zf8k6y5] {
    position: absolute;
    top: 0;
    right: -0.2rem;
    bottom: 0;
    width: 0.7rem;
    cursor: col-resize;
    touch-action: none;
}

.restaurant-billing__column-resizer[b-j65zf8k6y5]::after {
    position: absolute;
    top: 20%;
    right: 0.3rem;
    bottom: 20%;
    width: 2px;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    content: "";
    transition: background-color var(--acme-transition-fast);
}

.restaurant-billing__column-resizer:hover[b-j65zf8k6y5]::after,
.restaurant-billing__column-resizer:focus-visible[b-j65zf8k6y5]::after,
.restaurant-billing__column-resizer.is-resizing[b-j65zf8k6y5]::after {
    background: var(--acme-color-primary-action);
}

.restaurant-billing__column-resizer:focus-visible[b-j65zf8k6y5] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: -2px;
}

.restaurant-billing__table-toolbar[b-j65zf8k6y5] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.restaurant-billing__utility-actions[b-j65zf8k6y5] {
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.2rem;
    white-space: nowrap;
}

.restaurant-billing__table-toolbar > .btn-group[b-j65zf8k6y5],
.restaurant-billing__table-toolbar > .restaurant-billing__utility-actions[b-j65zf8k6y5] {
    flex-shrink: 0;
}

.restaurant-billing__column-save[b-j65zf8k6y5] {
    display: inline-grid;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: var(--acme-radius-sm);
    color: var(--acme-color-text-muted);
    background: transparent;
    font-size: 0.875rem;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.restaurant-billing__column-save:hover:not(:disabled)[b-j65zf8k6y5],
.restaurant-billing__column-save:focus-visible[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-hover);
}

.restaurant-billing__column-save:disabled[b-j65zf8k6y5] {
    opacity: 0.65;
    cursor: wait;
}

/* "No of Packs": read-only value that opens the packs sheet (same look as a small input). */
.restaurant-billing__packs-button[b-j65zf8k6y5] {
    display: inline-flex;
    min-width: 3.4rem;
    height: calc(1.5em + .5rem + 2px);
    padding: 0 .5rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border: 1px solid var(--acme-color-border-light, #dee2e6);
    border-radius: var(--acme-radius-sm, .25rem);
    color: var(--acme-color-text-default, #3c4044);
    background: var(--acme-color-surface, #fff);
    font-size: .875rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

.restaurant-billing__packs-button > i[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action, #198754);
    font-size: .75rem;
}

.restaurant-billing__packs-button:hover:not(:disabled)[b-j65zf8k6y5],
.restaurant-billing__packs-button:focus-visible[b-j65zf8k6y5] {
    border-color: color-mix(in srgb, var(--acme-color-primary-action, #198754) 45%, var(--acme-color-border-light, #dee2e6));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--acme-color-primary-action, #198754) 12%, transparent);
    outline: none;
}

.restaurant-billing__packs-button:disabled[b-j65zf8k6y5] {
    color: var(--acme-color-text-muted, #6c757d);
    background: var(--acme-color-surface-subtle, #e9ecef);
    cursor: not-allowed;
}

.restaurant-billing__packs-button:disabled > i[b-j65zf8k6y5] {
    color: inherit;
}

.restaurant-billing__previous-amount[b-j65zf8k6y5] {
    width: 7.5rem;
}

.restaurant-billing__net-amount[b-j65zf8k6y5] {
    width: 9.375rem;
    color: var(--acme-color-text-default) !important;
    border-color: color-mix(in srgb, var(--bs-warning) 45%, var(--acme-color-border-light)) !important;
    background: color-mix(in srgb, var(--bs-warning) 14%, var(--acme-color-surface)) !important;
    opacity: 1 !important;
}

.restaurant-billing__icon-action[b-j65zf8k6y5] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    padding: 0;
    place-items: center;
    color: var(--acme-color-text-muted);
    border: 0;
    border-radius: var(--acme-radius-sm);
    background: transparent;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

.restaurant-billing__icon-action:hover[b-j65zf8k6y5],
.restaurant-billing__icon-action:focus-visible[b-j65zf8k6y5] {
    color: var(--acme-color-primary-action);
    background: var(--acme-color-surface-hover);
}

.restaurant-billing__checkout-bar[b-j65zf8k6y5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.restaurant-billing__payment-actions[b-j65zf8k6y5],
.restaurant-billing__order-actions[b-j65zf8k6y5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

[b-j65zf8k6y5] .restaurant-billing__checkout-action {
    min-height: 2.2rem;
    padding-inline: 1rem !important;
    border-radius: var(--acme-radius-md) !important;
    box-shadow: var(--acme-shadow-sm);
    font-weight: 600;
}

[b-j65zf8k6y5] .restaurant-billing__checkout-action--primary {
    border-color: var(--acme-color-primary-action) !important;
    background: var(--acme-color-primary-action) !important;
}

[b-j65zf8k6y5] .restaurant-billing__checkout-action--danger {
    border-color: var(--acme-color-danger) !important;
}

[b-j65zf8k6y5] .restaurant-billing__checkout-action:focus-visible {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 2px;
}

.restaurant-billing__icon-action:focus-visible[b-j65zf8k6y5] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 1px;
}

.scrollable-content[b-j65zf8k6y5] {
    height: auto; /* Adjust content dynamically */
}

.btn-group .btn[b-j65zf8k6y5] {
    margin-right: 0.12rem;
}

.btn-table[b-j65zf8k6y5] {
    width: 80px !important;
}

input[type=number][b-j65zf8k6y5]::-webkit-outer-spin-button, input[type=number][b-j65zf8k6y5]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number][b-j65zf8k6y5] {
    -moz-appearance: textfield;
}

[b-j65zf8k6y5] .btn-danger {
    background: var(--acme-color-danger) !important;
}

.time-ago[b-j65zf8k6y5] {
    font-size: 0.875rem;
    font-style: italic;
    display: inline-block;
    text-align: center;

}

.table-loading-blur[b-j65zf8k6y5] {
    filter: blur(1px);
    pointer-events: none;
}

.restaurant-billing__summary-panel[b-j65zf8k6y5] {
    border-top: 1px solid var(--acme-color-border-light);
    box-shadow: 0 -0.25rem 0.75rem color-mix(in srgb, var(--acme-color-text-default) 6%, transparent);
}

.restaurant-billing__summary-panel .bg-secondary[b-j65zf8k6y5] {
    color: var(--acme-color-surface) !important;
    border-color: var(--acme-color-primary-action) !important;
    background: var(--acme-color-primary-action) !important;
}

.restaurant-billing__summary-panel .bg-danger[b-j65zf8k6y5] {
    color: var(--acme-color-surface) !important;
    border-color: var(--acme-color-danger) !important;
    background: var(--acme-color-danger) !important;
}

@media (max-width: 900px) {
    .restaurant-billing__context-list[b-j65zf8k6y5] {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .restaurant-billing__order-region-shell[b-j65zf8k6y5] {
        margin-inline: 0.5rem;
    }

    .restaurant-billing__checkout-bar[b-j65zf8k6y5] {
        align-items: stretch;
        flex-direction: column;
    }

    .restaurant-billing__payment-actions[b-j65zf8k6y5],
    .restaurant-billing__order-actions[b-j65zf8k6y5] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-j65zf8k6y5] .restaurant-billing__checkout-action {
        width: 100%;
    }
}

@media (pointer: coarse) {
    .restaurant-billing__column-resizer[b-j65zf8k6y5] {
        right: -0.35rem;
        width: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .restaurant-billing *[b-j65zf8k6y5],
    .restaurant-billing *[b-j65zf8k6y5]::before,
    .restaurant-billing *[b-j65zf8k6y5]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Pages/Transaction/SalesTransaction/RestaurantBilling/RestaurantTabOrder.razor.rz.scp.css */
body[b-e0ryh6g3tu] {
    background: var(--body-background-color);

}


.content[b-e0ryh6g3tu] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.scrollable-content[b-e0ryh6g3tu] {
    height: 100%;
}

.sticky-footer[b-e0ryh6g3tu] {
    flex: 0 0 auto;
    padding: 0.5rem 0;
    background-color: transparent;
}

button.btn[b-e0ryh6g3tu] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toast button[b-e0ryh6g3tu] {
    display: none;
}

[b-e0ryh6g3tu] .btn-order-printed {
    background-color: #FFA07A !important;
    color: black;
}

[b-e0ryh6g3tu] .btn-table-dirty {
    background-color: #445464 !important;
    color: white;
}

[b-e0ryh6g3tu] .btn-danger {
    background-color: #9e3f32 !important;
    border-color: #9e3f32 !important;
}

.btn-group .btn[b-e0ryh6g3tu] {
    padding: 3px 7px;
}

/* ---------- Table cards ----------
 * Same shape as the header and RestaurantWaiterRing (1px border, soft shadow, 10px corners).
 * Each state keeps the app's own table colours (--res-table-*, same as Restaurant Billing):
 *   A = empty (green) · O = current order (red) · P = bill printed (orange) · free pack = amber.
 * Status is shown by colour + the corner dot only (no text); the tooltip carries the status name.
 */
.table-grid[b-e0ryh6g3tu] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    width: 100%;
}

.table-card[b-e0ryh6g3tu] {
    --tc-accent: var(--res-table-available, #16a34a);
    --tc-bg: var(--res-table-available-bg, #abd4b8);
    --tc-border: var(--res-table-available-border, #86b797);
    --tc-surface: var(--acme-color-surface, #fff);
    position: relative;
    display: flex;
    min-height: 64px;
    padding: 9px 12px 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    overflow: visible;
    color: var(--res-table-text, #1a1d23);
    background: var(--tc-bg);
    border: 1px solid var(--tc-border);
    border-radius: var(--acme-radius-lg, 10px);
    box-shadow: 0 2px 8px rgba(20, 28, 24, .06);
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.table-card:hover[b-e0ryh6g3tu] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--tc-accent) 55%, var(--tc-border));
    box-shadow: 0 8px 20px rgba(20, 28, 24, .12);
}

.table-card:active[b-e0ryh6g3tu] {
    transform: translateY(0) scale(.98);
}

.table-card[table-status='A'][b-e0ryh6g3tu] {
    --tc-accent: var(--res-table-available, #16a34a);
    --tc-bg: var(--res-table-available-bg, #abd4b8);
    --tc-border: var(--res-table-available-border, #86b797);
}

.table-card[table-status='O'][b-e0ryh6g3tu] {
    --tc-accent: var(--res-table-occupied, #dc2626);
    --tc-bg: var(--res-table-occupied-bg, #ffdede);
    --tc-border: var(--res-table-occupied-border, #d4acac);
}

.table-card[table-status='P'][b-e0ryh6g3tu] {
    --tc-accent: var(--res-table-printed, #b54a03);
    --tc-bg: var(--res-table-printed-bg, #f2bf79);
    --tc-border: var(--res-table-printed-border, #d39a36);
}

/* Free pack tables keep their amber identity; current-order / printed colours still win. */
.table-card[table-type='Packing'][table-status='A'][b-e0ryh6g3tu] {
    --tc-accent: var(--res-table-pack, #d97706);
    --tc-bg: var(--res-table-pack-bg, #fffbeb);
    --tc-border: var(--res-table-pack-border, #fde68a);
}

/* Status dot in the top-right corner */
.status-dot[b-e0ryh6g3tu] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tc-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--tc-surface) 65%, transparent);
}

.table-desc[b-e0ryh6g3tu] {
    display: block;
    max-width: 100%;
    color: var(--res-table-text, #1a1d23);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    word-break: break-word;
}

.table-amount[b-e0ryh6g3tu] {
    align-self: center;
    max-width: 100%;
    overflow: hidden;
    padding: 2px 9px;
    color: color-mix(in srgb, var(--tc-accent) 85%, #000);
    background: var(--tc-surface);
    border: 1px solid var(--tc-border);
    border-radius: var(--acme-radius-pill, 999px);
    font-size: .72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Kitchen-ready badge: top-left edge, so it never covers the status dot (top-right);
   ringed with the card surface instead of the dark app bar. */
.table-card[b-e0ryh6g3tu]  .kitchen-ready-badge {
    top: -10px;
    left: 6px;
    right: auto;
    border-color: var(--tc-surface);
}

@media (max-width: 576px) {
    .table-grid[b-e0ryh6g3tu] {
        gap: 8px;
        grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    }

    .table-card[b-e0ryh6g3tu] {
        min-height: 58px;
        padding: 9px 6px 7px;
    }

    .table-desc[b-e0ryh6g3tu] {
        font-size: .92rem;
    }

    /* Full amount must fit on narrow cards (e.g. "Rs 12,980.50"). */
    .table-amount[b-e0ryh6g3tu] {
        padding: 2px 6px;
        font-size: .66rem;
        letter-spacing: -.01em;
    }
}

@media (min-width: 992px) {
    .table-grid[b-e0ryh6g3tu] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .table-card[b-e0ryh6g3tu],
    .table-card:hover[b-e0ryh6g3tu],
    .table-card:active[b-e0ryh6g3tu] {
        transition: none;
        transform: none;
    }
}

/* ---------- Header: company + branch / counter + waiter ring + user ----------
 * Same visual language as RestaurantWaiterRing (wr-*): 32px controls, light 1px borders,
 * --acme-radius-md corners, soft primary tint, round initials avatars.
 */
.tab-order-header[b-e0ryh6g3tu] {
    --tab-primary: var(--acme-color-primary-action, #198754);
    --tab-primary-hover: var(--acme-color-primary-action-hover, #157347);
    --tab-surface: var(--acme-color-surface, #fff);
    --tab-surface-soft: var(--acme-color-surface-soft, #f9f9f9);
    --tab-soft: color-mix(in srgb, var(--tab-primary) 9%, var(--tab-surface));
    --tab-border: var(--acme-color-border-light, #dee2e6);
    --tab-text: var(--acme-color-text-default, #3c4044);
    --tab-muted: var(--acme-color-text-muted, #6c757d);
    --tab-radius: var(--acme-radius-md, 8px);
    --tab-height: 32px;
    --tab-ease: 140ms ease;
    /* Grid, not wrapping flex: user menu always stays top-right, branch/counter shrink with an
       ellipsis before anything wraps, and the waiter alert gets its own full-width row. */
    display: grid;
    grid-template-columns: minmax(9rem, 1fr) minmax(0, auto) auto auto;
    align-items: center;
    gap: 8px 10px;
    padding: 8px 10px;
    color: var(--tab-text);
    background: var(--tab-surface);
    border: 1px solid var(--tab-border);
    border-radius: var(--tab-radius);
    box-shadow: 0 4px 14px rgba(20, 28, 24, .08);
}

/* Company */
.tab-company[b-e0ryh6g3tu] {
    display: flex;
    grid-row: 1;
    grid-column: 1;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.tab-avatar[b-e0ryh6g3tu] {
    display: grid;
    width: var(--tab-height);
    height: var(--tab-height);
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: var(--tab-primary);
    background: var(--tab-soft);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.tab-avatar--sm[b-e0ryh6g3tu] {
    width: 22px;
    height: 22px;
    font-size: .58rem;
}

.tab-company-copy[b-e0ryh6g3tu] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.tab-company-name[b-e0ryh6g3tu] {
    overflow: hidden;
    color: var(--tab-text);
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-company-meta[b-e0ryh6g3tu] {
    overflow: hidden;
    color: var(--tab-muted);
    font-size: .68rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Branch / counter: read-only fields shaped like the waiter picker (wr-split / wr-select). */
.tab-session[b-e0ryh6g3tu] {
    display: flex;
    grid-row: 1;
    grid-column: 2;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.tab-field[b-e0ryh6g3tu] {
    display: inline-flex;
    flex: 0 1 auto;
    height: var(--tab-height);
    max-width: 210px;
    min-width: 0;
    padding: 0 10px 0 6px;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--tab-border);
    border-radius: var(--tab-radius);
    background: var(--tab-surface);
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
}

.tab-field-icon[b-e0ryh6g3tu] {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border-radius: 50%;
    color: var(--tab-primary);
    background: var(--tab-soft);
    font-size: .66rem;
}

.tab-field-label[b-e0ryh6g3tu] {
    color: var(--tab-muted);
    font-size: .7rem;
    font-weight: 500;
}

.tab-field-value[b-e0ryh6g3tu] {
    min-width: 0;
    overflow: hidden;
    color: var(--tab-text);
    font-weight: 600;
    text-overflow: ellipsis;
}

/* Actions: waiter ring + user menu become direct grid items of the header
   (the ring's own root is display: contents too). */
.tab-actions[b-e0ryh6g3tu] {
    display: contents;
}

/* Cashier mode: call split button in column 3. */
.tab-order-header[b-e0ryh6g3tu]  .wr-control {
    grid-row: 1;
    grid-column: 3;
}

.tab-order-header[b-e0ryh6g3tu]  .tab-user {
    grid-row: 1;
    grid-column: 4;
}

/* Waiter mode: the call alert is the card's last, full-width row. */
.tab-order-header[b-e0ryh6g3tu]  .wr-alert {
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
    margin: 2px 0 0;
    border-color: color-mix(in srgb, var(--tab-primary) 25%, var(--tab-border));
    background: var(--tab-soft);
    box-shadow: none;
}

/* User menu toggle styled like wr-select */
[b-e0ryh6g3tu] .tab-user-toggle {
    display: inline-flex !important;
    height: var(--tab-height);
    padding: 0 10px 0 5px !important;
    align-items: center;
    gap: 7px;
    border: 1px solid var(--tab-border) !important;
    border-radius: var(--tab-radius) !important;
    color: var(--tab-text) !important;
    background: var(--tab-surface) !important;
    font-size: .8rem !important;
    font-weight: 600;
    line-height: 1;
    box-shadow: none !important;
    transition: border-color var(--tab-ease), background-color var(--tab-ease), box-shadow var(--tab-ease);
}

[b-e0ryh6g3tu] .tab-user-toggle:hover {
    background: var(--tab-surface-soft) !important;
    border-color: color-mix(in srgb, var(--tab-primary) 45%, var(--tab-border)) !important;
}

[b-e0ryh6g3tu] .tab-user-toggle.show,
[b-e0ryh6g3tu] .tab-user-toggle:focus-visible {
    border-color: color-mix(in srgb, var(--tab-primary) 45%, var(--tab-border)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tab-primary) 12%, transparent) !important;
}

[b-e0ryh6g3tu] .tab-user-toggle::after {
    margin-left: 2px;
    color: var(--tab-muted);
}

.tab-user-name[b-e0ryh6g3tu] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-e0ryh6g3tu] .tab-user .dropdown-menu {
    padding: 6px;
    border: 1px solid var(--acme-color-border-light, #dee2e6);
    border-radius: var(--acme-radius-lg, 10px);
    box-shadow: 0 12px 32px rgba(20, 28, 24, .14), 0 2px 6px rgba(20, 28, 24, .06);
    font-size: .8rem;
}

[b-e0ryh6g3tu] .tab-user .dropdown-item {
    border-radius: var(--acme-radius-md, 8px);
    padding: 6px 10px;
}

[b-e0ryh6g3tu] .tab-user .dropdown-item:hover {
    background: color-mix(in srgb, var(--acme-color-primary-action, #198754) 9%, var(--acme-color-surface, #fff));
}

/* ---------- Segmented controls: status filter + floor bar (wr-split look) ---------- */
.tab-segment[b-e0ryh6g3tu] {
    height: var(--tab-height, 32px);
    overflow: hidden;
    border: 1px solid var(--acme-color-border-light, #dee2e6);
    border-radius: var(--acme-radius-md, 8px);
    background: var(--acme-color-surface, #fff);
    box-shadow: 0 2px 8px rgba(20, 28, 24, .06);
}

.tab-segment .btn[b-e0ryh6g3tu] {
    height: 100%;
    padding: 0 12px;
    border: 0;
    border-radius: 0 !important;
    color: var(--acme-color-text-default, #3c4044);
    background: transparent;
    font-size: .8rem;
    font-weight: 500;
    transition: background-color 140ms ease, color 140ms ease;
}

.tab-segment .btn + .btn[b-e0ryh6g3tu] {
    border-left: 1px solid var(--acme-color-border-light, #dee2e6);
}

.tab-segment .btn-outline-secondary:hover[b-e0ryh6g3tu] {
    color: var(--acme-color-text-default, #3c4044);
    background: var(--acme-color-surface-soft, #f9f9f9);
}

.tab-segment .btn-secondary[b-e0ryh6g3tu] {
    color: var(--bs-component-active-color, #fff);
    background: var(--acme-color-primary-action, #198754);
    font-weight: 700;
}

.tab-segment .btn-secondary:hover[b-e0ryh6g3tu] {
    background: var(--acme-color-primary-action-hover, #157347);
}

.tab-status-filter[b-e0ryh6g3tu] {
    align-self: flex-start;
    max-width: 100%;
    overflow-x: auto;
}

/* Tablets: keep branch / counter compact (icon + value; full text in the tooltip). */
@media (max-width: 991.98px) {
    .tab-field-label[b-e0ryh6g3tu] {
        display: none;
    }
}

/* Phones / portrait tablets: company + user on the first row, fields on their own row. */
@media (max-width: 576px) {
    .tab-order-header[b-e0ryh6g3tu] {
        padding: 7px 8px;
    }

    /* Row 1: company + user · row 2: branch/counter · row 3: call button (cashier) or alert (waiter);
       the two never show together, so no empty row is left behind. */
    .tab-order-header[b-e0ryh6g3tu] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .tab-order-header[b-e0ryh6g3tu]  .tab-user {
        grid-column: 2;
    }

    .tab-order-header[b-e0ryh6g3tu]  .wr-control {
        grid-row: 3;
        grid-column: 1 / -1;
    }

    .tab-order-header[b-e0ryh6g3tu]  .wr-control .wr-split,
    .tab-order-header[b-e0ryh6g3tu]  .wr-control .wr-select {
        width: 100%;
    }

    .tab-session[b-e0ryh6g3tu] {
        grid-row: 2;
        grid-column: 1 / -1;
    }

    .tab-order-header[b-e0ryh6g3tu]  .wr-alert {
        grid-row: 3;
    }

    .tab-field[b-e0ryh6g3tu] {
        flex: 1 1 0;
        max-width: none;
    }

    .tab-field-label[b-e0ryh6g3tu],
    .tab-user-name[b-e0ryh6g3tu] {
        display: none;
    }

    .tab-segment .btn[b-e0ryh6g3tu] {
        padding: 0 9px;
    }
}
/* /Pages/Transaction/SalesTransaction/Return/FrmSalesInvoiceReturn.razor.rz.scp.css */
#sales_return[b-l7a75xhwre] {
    --contentheader-height: 310px;
    --contentfooter-height: 95px;
    scrollbar-width: thin;
    height: 100%;
    min-height: 100%;
}

#ledgerSummary div[b-l7a75xhwre] {
    margin-right: 8px;
}

.fixed-column[b-l7a75xhwre] {
    width: 6rem;
}

.body-sticky-footer[b-l7a75xhwre] {
    border-top: 1px solid var(--acme-color-border-light);
    padding: 5px;
    z-index: 10;
}

.body-content[b-l7a75xhwre] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior: none;
}

/* /Pages/Transaction/TransactionLockUnLock.razor.rz.scp.css */
/* /Pages/Transaction/Widgets/TransactionBaseUi.razor.rz.scp.css */

/* `.transaction-shell` (the EditForm <form>) is styled globally in wwwroot/css/app.css: scoped CSS cannot reach the
   element rendered by EditForm. */

.transaction-shell__frame[b-9mhf8q4yqu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    /* Responsive rules follow the form's own width (tab page or WinBox window), not the browser viewport. */
    container: transaction-shell / inline-size;
}

.transaction-shell__header[b-9mhf8q4yqu] {
    flex: 0 0 auto;
    background: var(--acme-color-surface, var(--bs-body-bg));
    border-color: var(--acme-color-border-light, var(--bs-border-color));
    z-index: 10;
}

.transaction-shell__header[b-9mhf8q4yqu] {
    border-bottom: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    background-color: rgb(210, 211, 213);
}

.transaction-shell__title[b-9mhf8q4yqu] {
    display: flex;
    gap: .35rem;
    padding: .2rem .5rem;
    color: var(--bs-danger);
    font-size: .875rem;
    font-weight: 700;
}

.transaction-shell__action[b-9mhf8q4yqu] {
    white-space: nowrap;
}

.transaction-shell__toolbar[b-9mhf8q4yqu],
.transaction-shell__primary-actions[b-9mhf8q4yqu],
.transaction-shell__secondary-actions[b-9mhf8q4yqu] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.transaction-shell__toolbar[b-9mhf8q4yqu] {
    min-height: 2.5rem;
    padding: .25rem .5rem;
    flex-wrap: wrap;
}

.transaction-shell__status[b-9mhf8q4yqu] {
    min-width: 0;
    margin-left: .5rem;
}

.transaction-shell__secondary-actions[b-9mhf8q4yqu] {
    margin-left: auto;
}

.transaction-shell__content[b-9mhf8q4yqu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.transaction-shell__form-header[b-9mhf8q4yqu],
.transaction-shell__summary[b-9mhf8q4yqu] {
    flex: 0 0 auto;
    padding: .25rem .5rem;
}

.transaction-shell__form-header[b-9mhf8q4yqu] {
    border-bottom: 1px solid var(--acme-color-border-light, var(--bs-border-color));
}

.transaction-shell__body[b-9mhf8q4yqu] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}

.transaction-shell__body-content[b-9mhf8q4yqu] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow: auto;
    overscroll-behavior: none;
}

.transaction-shell__responsive-fields[b-9mhf8q4yqu] {
    --transaction-control-max-width: clamp(12rem, 30cqi, 28rem);
}

.transaction-shell__responsive-fields[b-9mhf8q4yqu]  .textbox-wrapper,
.transaction-shell__responsive-fields[b-9mhf8q4yqu]  .form-control {
    width: 100%;
    max-width: var(--transaction-control-max-width);
}

/* Transaction grids own their cell geometry and must continue using full column width. */
.transaction-shell__responsive-fields[b-9mhf8q4yqu]  .dgx-shell .textbox-wrapper,
.transaction-shell__responsive-fields[b-9mhf8q4yqu]  .dgx-shell .form-control,
.transaction-shell__responsive-fields[b-9mhf8q4yqu]  table .textbox-wrapper,
.transaction-shell__responsive-fields[b-9mhf8q4yqu]  table .form-control {
    max-width: none;
}

.transaction-shell__summary[b-9mhf8q4yqu] {
    border-top: 1px solid var(--acme-color-border-light, var(--bs-border-color));
}

.transaction-shell__footer[b-9mhf8q4yqu] {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
    border-top: 1px solid var(--acme-color-border-light, var(--bs-border-color));
    background: var(--bs-secondary-bg);
}

.transaction-shell__footer-bar[b-9mhf8q4yqu],
.transaction-shell__footer-actions[b-9mhf8q4yqu] {
    display: flex;
    align-items: center;
}

.transaction-shell__footer-bar[b-9mhf8q4yqu] {
    width: 100%;
    min-width: 0;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
}

.transaction-shell__footer-actions[b-9mhf8q4yqu] {
    flex: 0 0 auto;
    gap: 0.35rem;
    margin-left: auto;
}

@container transaction-shell (max-width: 991.98px) {
    .transaction-shell__responsive-fields[b-9mhf8q4yqu] {
        --transaction-control-max-width: 100%;
    }
}

@container transaction-shell (max-width: 767.98px) {
    .transaction-shell__status[b-9mhf8q4yqu] {
        order: 3;
        width: 100%;
        margin-left: 0;
    }

    .transaction-shell__footer-bar[b-9mhf8q4yqu] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .transaction-shell__footer-actions[b-9mhf8q4yqu] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Pages/UserMaster/PermissionAndRights/BranchRights.razor.rz.scp.css */
/* Styles for this page live in Component/Common/UserRightsEditor.razor.css. */
/* /Pages/UserMaster/PermissionAndRights/ButtonPermissionRights.razor.rz.scp.css */
/* Permission rights page: follows the shared master-list look (theme tokens from wwwroot/css/theme.css). */
.perm-page[b-3qzq8cb819] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.1rem 0.5rem 0.5rem;
    color: var(--report-viewer-text);
}

.perm-page__header[b-3qzq8cb819] {
    display: grid;
    gap: 0.5rem;
}

.perm-page__title[b-3qzq8cb819] {
    margin: 0;
    color: var(--report-viewer-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.perm-page__toolbar[b-3qzq8cb819] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-md);
    background: var(--report-viewer-header-surface);
}

.perm-page__filters[b-3qzq8cb819] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
}

.perm-page__field[b-3qzq8cb819] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.perm-page__field label[b-3qzq8cb819] {
    margin: 0;
    color: var(--report-viewer-text-muted);
    font-size: var(--font-size);
    font-weight: 500;
    white-space: nowrap;
}

.perm-page__field[b-3qzq8cb819]  .perm-page__picker {
    width: 14rem;
    flex: 0 0 auto;
}

.perm-page__field[b-3qzq8cb819]  .perm-page__picker--wide {
    width: 20rem;
}

.perm-page__body[b-3qzq8cb819] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.perm-page__body[b-3qzq8cb819]  .tab-content {
    padding-top: 0.5rem;
}

.perm-table-region[b-3qzq8cb819] {
    max-height: calc(100dvh - 15.5rem);
    min-height: 10rem;
    overflow: auto;
    overscroll-behavior: none;
    scrollbar-width: thin;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-md);
    background: var(--report-viewer-surface);
}

.perm-table[b-3qzq8cb819] {
    width: 100%;
    margin: 0;
    color: var(--report-viewer-text);
    font-size: var(--table-content-font-size);
    border-spacing: 0;
}

.perm-table th[b-3qzq8cb819],
.perm-table td[b-3qzq8cb819] {
    height: 2rem;
    padding: 0.2rem 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
    border-color: var(--report-viewer-border);
    color: inherit;
    cursor: default;
}

.perm-table thead th[b-3qzq8cb819] {
    position: sticky;
    top: 0;
    z-index: var(--report-viewer-sticky-z-index);
    background: var(--report-viewer-table-header);
    font-size: var(--table-header-font-size);
    font-weight: 700;
}

.perm-table tbody tr:hover td[b-3qzq8cb819] {
    background: var(--report-viewer-row-hover);
}

.perm-table__sno[b-3qzq8cb819] {
    width: 3.5rem;
    text-align: end;
    color: var(--report-viewer-text-muted);
}

.perm-table__toggle[b-3qzq8cb819] {
    width: 5.5rem;
    text-align: center;
}

.perm-table__toggle--all[b-3qzq8cb819] {
    background: var(--report-viewer-table-footer);
}

.perm-table__toggle-head[b-3qzq8cb819] {
    display: flex;
    justify-content: center;
}

/* Header "toggle all" switches: label and switch side by side, centred in the column. */
.perm-table__toggle-head[b-3qzq8cb819]  .my-switch {
    justify-content: center;
    gap: 0.4rem;
    width: auto;
    min-height: 0;
    font-weight: 600;
}

/* Per-cell checkboxes and the row "All" switch: centre the control, drop Bootstrap's left gutter. */
.perm-table__toggle[b-3qzq8cb819]  .form-check {
    display: flex;
    justify-content: center;
    min-height: 0;
    margin: 0;
    padding-left: 0;
}

.perm-table__toggle[b-3qzq8cb819]  .form-check-input {
    float: none;
    margin: 0;
    cursor: pointer;
}

.perm-page__empty[b-3qzq8cb819] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 12rem;
    padding: 2rem 1rem;
    border: 1px dashed var(--empty-state-border);
    border-radius: var(--acme-radius-md);
    background: var(--empty-state-surface);
    color: var(--empty-state-description);
    font-size: var(--font-size);
}

.perm-page__empty i[b-3qzq8cb819] {
    font-size: 1.5rem;
    color: var(--empty-state-icon);
}

.perm-page__footer[b-3qzq8cb819] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.perm-page__body[b-3qzq8cb819] {
    position: relative;
}

.perm-page__body--busy[b-3qzq8cb819]  .tab-content,
.perm-page__body--busy .perm-table-region[b-3qzq8cb819] {
    opacity: 0.55;
    pointer-events: none;
    cursor: progress;
    transition: opacity var(--acme-transition-fast);
}

.perm-page__progress[b-3qzq8cb819] {
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    z-index: calc(var(--report-viewer-sticky-z-index) + 2);
    overflow: hidden;
    border-radius: var(--acme-radius-pill);
    background: color-mix(in srgb, var(--acme-color-primary-action) 15%, transparent);
}

.perm-page__progress[b-3qzq8cb819]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 35%;
    border-radius: inherit;
    background: var(--acme-color-primary-action);
    animation: perm-progress-b-3qzq8cb819 1.1s ease-in-out infinite;
}

@keyframes perm-progress-b-3qzq8cb819 {
    from { transform: translateX(-100%); }
    to { transform: translateX(300%); }
}

@media (prefers-reduced-motion: reduce) {
    .perm-page__progress[b-3qzq8cb819]::after {
        animation: none;
        width: 100%;
    }
}

.perm-table tbody tr:focus-within td[b-3qzq8cb819] {
    background: var(--report-viewer-row-hover);
}
/* /Pages/UserMaster/PermissionAndRights/CompanyRight.razor.rz.scp.css */
/* Styles for this page live in Component/Common/UserRightsEditor.razor.css. */
/* /Pages/UserMaster/PermissionAndRights/CounterRights.razor.rz.scp.css */
/* Styles for this page live in Component/Common/UserRightsEditor.razor.css. */
/* /Pages/UserMaster/PermissionAndRights/DepartmentRights.razor.rz.scp.css */
/* Styles for this page live in Component/Common/UserRightsEditor.razor.css. */
/* /Pages/UserMaster/PermissionAndRights/GodownRights.razor.rz.scp.css */
/* Styles for this page live in Component/Common/UserRightsEditor.razor.css. */
/* /Pages/UserMaster/PermissionAndRights/MenuPermissionRights.razor.rz.scp.css */
/* Permission rights page: follows the shared master-list look (theme tokens from wwwroot/css/theme.css). */
.perm-page[b-hditke8e60] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0.1rem 0.5rem 0.5rem;
    color: var(--report-viewer-text);
}

.perm-page__header[b-hditke8e60] {
    display: grid;
    gap: 0.5rem;
}

.perm-page__title[b-hditke8e60] {
    margin: 0;
    color: var(--report-viewer-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

.perm-page__toolbar[b-hditke8e60] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-md);
    background: var(--report-viewer-header-surface);
}

.perm-page__filters[b-hditke8e60] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1.25rem;
}

.perm-page__field[b-hditke8e60] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.perm-page__field label[b-hditke8e60] {
    margin: 0;
    color: var(--report-viewer-text-muted);
    font-size: var(--font-size);
    font-weight: 500;
    white-space: nowrap;
}

.perm-page__field[b-hditke8e60]  .perm-page__picker {
    width: 14rem;
    flex: 0 0 auto;
}

.perm-page__field[b-hditke8e60]  .perm-page__picker--wide {
    width: 20rem;
}

.perm-page__body[b-hditke8e60] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.perm-page__body[b-hditke8e60]  .tab-content {
    padding-top: 0.5rem;
}

.perm-table-region[b-hditke8e60] {
    max-height: calc(100dvh - 15.5rem);
    min-height: 10rem;
    overflow: auto;
    overscroll-behavior: none;
    scrollbar-width: thin;
    border: 1px solid var(--report-viewer-border);
    border-radius: var(--acme-radius-md);
    background: var(--report-viewer-surface);
}

.perm-table[b-hditke8e60] {
    width: 100%;
    margin: 0;
    color: var(--report-viewer-text);
    font-size: var(--table-content-font-size);
    border-spacing: 0;
}

.perm-table th[b-hditke8e60],
.perm-table td[b-hditke8e60] {
    height: 2rem;
    padding: 0.2rem 0.5rem;
    vertical-align: middle;
    white-space: nowrap;
    border-color: var(--report-viewer-border);
    color: inherit;
    cursor: default;
}

.perm-table thead th[b-hditke8e60] {
    position: sticky;
    top: 0;
    z-index: var(--report-viewer-sticky-z-index);
    background: var(--report-viewer-table-header);
    font-size: var(--table-header-font-size);
    font-weight: 700;
}

.perm-table tbody tr:hover td[b-hditke8e60] {
    background: var(--report-viewer-row-hover);
}

.perm-table__sno[b-hditke8e60] {
    width: 3.5rem;
    text-align: end;
    color: var(--report-viewer-text-muted);
}

.perm-table__toggle[b-hditke8e60] {
    width: 5.5rem;
    text-align: center;
}

.perm-table__toggle--all[b-hditke8e60] {
    background: var(--report-viewer-table-footer);
}

.perm-table__toggle-head[b-hditke8e60] {
    display: flex;
    justify-content: center;
}

/* Header "toggle all" switches: label and switch side by side, centred in the column. */
.perm-table__toggle-head[b-hditke8e60]  .my-switch {
    justify-content: center;
    gap: 0.4rem;
    width: auto;
    min-height: 0;
    font-weight: 600;
}

/* Per-cell checkboxes and the row "All" switch: centre the control, drop Bootstrap's left gutter. */
.perm-table__toggle[b-hditke8e60]  .form-check {
    display: flex;
    justify-content: center;
    min-height: 0;
    margin: 0;
    padding-left: 0;
}

.perm-table__toggle[b-hditke8e60]  .form-check-input {
    float: none;
    margin: 0;
    cursor: pointer;
}

.perm-page__empty[b-hditke8e60] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 12rem;
    padding: 2rem 1rem;
    border: 1px dashed var(--empty-state-border);
    border-radius: var(--acme-radius-md);
    background: var(--empty-state-surface);
    color: var(--empty-state-description);
    font-size: var(--font-size);
}

.perm-page__empty i[b-hditke8e60] {
    font-size: 1.5rem;
    color: var(--empty-state-icon);
}

.perm-page__footer[b-hditke8e60] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.perm-page__body[b-hditke8e60] {
    position: relative;
}

.perm-page__body--busy[b-hditke8e60]  .tab-content,
.perm-page__body--busy .perm-table-region[b-hditke8e60] {
    opacity: 0.55;
    pointer-events: none;
    cursor: progress;
    transition: opacity var(--acme-transition-fast);
}

.perm-page__progress[b-hditke8e60] {
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    z-index: calc(var(--report-viewer-sticky-z-index) + 2);
    overflow: hidden;
    border-radius: var(--acme-radius-pill);
    background: color-mix(in srgb, var(--acme-color-primary-action) 15%, transparent);
}

.perm-page__progress[b-hditke8e60]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 35%;
    border-radius: inherit;
    background: var(--acme-color-primary-action);
    animation: perm-progress-b-hditke8e60 1.1s ease-in-out infinite;
}

@keyframes perm-progress-b-hditke8e60 {
    from { transform: translateX(-100%); }
    to { transform: translateX(300%); }
}

@media (prefers-reduced-motion: reduce) {
    .perm-page__progress[b-hditke8e60]::after {
        animation: none;
        width: 100%;
    }
}

.perm-table tbody tr:focus-within td[b-hditke8e60] {
    background: var(--report-viewer-row-hover);
}
/* /Pages/UserMaster/UserMaster/FrmUserMaster.razor.rz.scp.css */
.user-master-form-shell[b-us7f8crsm9] {
    color: var(--master-form-text);
    background: var(--master-form-surface);
}

.user-master-form[b-us7f8crsm9] {
    display: grid;
    gap: 0.75rem;
    padding: 0.75rem;
}

.user-master-form__message[b-us7f8crsm9],
.user-master-form__notice[b-us7f8crsm9],
.user-master-token-result[b-us7f8crsm9] {
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--master-form-border);
    border-radius: var(--acme-radius-md);
}

.user-master-form__message[b-us7f8crsm9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--acme-color-danger);
    border-color: color-mix(in srgb, var(--acme-color-danger) 35%, var(--master-form-border));
    background: var(--acme-color-danger-soft);
}

.user-master-form__notice[b-us7f8crsm9] {
    margin-bottom: 0.75rem;
    color: var(--master-form-text);
    border-color: color-mix(in srgb, var(--acme-color-info-action) 35%, var(--master-form-border));
    background: color-mix(in srgb, var(--acme-color-info-action) 8%, var(--master-form-surface));
    font-size: 0.82rem;
}

.user-master-section[b-us7f8crsm9] {
    min-width: 0;
    margin: 0;
    padding: 0.75rem;
    border: 1px solid var(--master-form-border);
    border-radius: var(--acme-radius-md);
    background: var(--master-form-surface);
}

.user-master-section__header[b-us7f8crsm9] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--master-form-border);
}

.user-master-section__header h2[b-us7f8crsm9],
.user-master-section legend[b-us7f8crsm9] {
    margin: 0;
    color: var(--master-form-heading);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.35;
}

.user-master-section__header p[b-us7f8crsm9] {
    margin: 0.1rem 0 0;
    color: var(--master-form-text-muted);
    font-size: 0.72rem;
    line-height: 1.3;
}

.user-master-section__icon[b-us7f8crsm9] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    color: var(--acme-color-primary-action);
    border-radius: var(--acme-radius-sm);
    background: var(--master-form-header-surface);
}

.user-master-grid[b-us7f8crsm9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem 0.85rem;
}

.user-master-field[b-us7f8crsm9] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 0.35rem;
}

.user-master-field > label[b-us7f8crsm9] {
    color: var(--master-form-text);
    font-size: 0.78rem;
    font-weight: 700;
}

.user-master-field :is(input, select, textarea)[b-us7f8crsm9],
.user-master-token-result textarea[b-us7f8crsm9] {
    min-width: 0;
    min-height: 2.5rem;
    color: var(--master-form-text) !important;
    border: 1px solid var(--master-form-border) !important;
    border-radius: var(--acme-radius-sm) !important;
    background: var(--master-form-surface) !important;
    font-size: 0.85rem;
}

.user-master-field :is(input, select, textarea):disabled[b-us7f8crsm9],
.user-master-field input[readonly][b-us7f8crsm9] {
    color: var(--master-form-text-muted) !important;
    background: var(--master-form-header-surface) !important;
    opacity: 1;
}

.user-master-field[b-us7f8crsm9]  .form-control {
    min-height: 2.5rem;
}

.user-master-toggles[b-us7f8crsm9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.user-master-toggle[b-us7f8crsm9] {
    display: grid;
    min-height: 3.25rem;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0.5rem 0.65rem;
    color: var(--master-form-text);
    border: 1px solid var(--master-form-border);
    border-radius: var(--acme-radius-md);
    background: var(--master-form-header-surface);
    cursor: pointer;
    touch-action: manipulation;
}

.user-master-toggle input[b-us7f8crsm9] {
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    accent-color: var(--acme-color-primary-action);
}

.user-master-toggle span[b-us7f8crsm9] {
    display: grid;
    min-width: 0;
}

.user-master-toggle strong[b-us7f8crsm9] {
    color: var(--master-form-text);
    font-size: 0.8rem;
}

.user-master-toggle small[b-us7f8crsm9] {
    color: var(--master-form-text-muted);
    font-size: 0.68rem;
    line-height: 1.3;
}

.user-master-toggle:has(input:focus-visible)[b-us7f8crsm9] {
    outline: 2px solid var(--acme-color-primary-action);
    outline-offset: 2px;
}

.user-master-toggle:has(input:disabled)[b-us7f8crsm9] {
    cursor: not-allowed;
    opacity: 0.58;
}

.user-master-permissions[b-us7f8crsm9] {
    padding-top: 0.45rem;
}

.user-master-permissions legend[b-us7f8crsm9] {
    width: auto;
    padding-inline: 0.3rem;
}

.user-master-toggles--permissions[b-us7f8crsm9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.25rem;
}

.user-master-section__actions[b-us7f8crsm9] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.user-master-touch-button[b-us7f8crsm9] {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: var(--acme-radius-sm);
    touch-action: manipulation;
}

.user-master-token-result[b-us7f8crsm9] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.75rem;
    color: var(--master-form-text);
    border-color: color-mix(in srgb, var(--acme-color-warning) 40%, var(--master-form-border));
    background: color-mix(in srgb, var(--acme-color-warning) 8%, var(--master-form-surface));
}

.user-master-token-result strong[b-us7f8crsm9] {
    font-size: 0.8rem;
}

.user-master-token-result textarea[b-us7f8crsm9] {
    resize: vertical;
    font-family: var(--bs-font-monospace);
}

@media (hover: hover) and (pointer: fine) {
    .user-master-toggle:hover[b-us7f8crsm9] {
        border-color: var(--acme-color-border-strong);
        background: var(--acme-color-surface-hover);
    }
}

@media (max-width: 767.98px) {
    .user-master-form[b-us7f8crsm9] {
        gap: 0.6rem;
        padding: 0.5rem;
    }

    .user-master-section[b-us7f8crsm9] {
        padding: 0.65rem;
    }

    .user-master-grid[b-us7f8crsm9],
    .user-master-toggles[b-us7f8crsm9],
    .user-master-toggles--permissions[b-us7f8crsm9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .user-master-section__actions .user-master-touch-button[b-us7f8crsm9] {
        width: 100%;
    }
}

@media (pointer: coarse) {
    .user-master-field :is(input, select, textarea)[b-us7f8crsm9],
    .user-master-field[b-us7f8crsm9]  .form-control,
    .user-master-touch-button[b-us7f8crsm9] {
        min-height: 3rem;
        font-size: 1rem;
    }

    .user-master-toggle[b-us7f8crsm9] {
        min-height: 3.5rem;
    }

    .user-master-toggle input[b-us7f8crsm9] {
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .user-master-form-shell *[b-us7f8crsm9],
    .user-master-form-shell *[b-us7f8crsm9]::before,
    .user-master-form-shell *[b-us7f8crsm9]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Pages/UserMaster/UserMaster/ListUserLoginHistory.razor.rz.scp.css */
.user-image[b-doecron7nb] {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    border: #d9d9da 1px solid;
    object-fit: cover;
}

.table-container[b-doecron7nb] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
}

.table-sm td[b-doecron7nb], .table-sm th[b-doecron7nb] {
    padding: 0.01rem 0.4rem;
}

th[b-doecron7nb] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}



.highlight-row[b-doecron7nb], .highlight-row:focus[b-doecron7nb] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-doecron7nb] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

tr[b-doecron7nb] {
    height: 30px;
}

th[b-doecron7nb], td[b-doecron7nb] {
    height: 30px;
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
    align-items: center;
    align-self: center;
}

tr:focus[b-doecron7nb] {
    outline: none;
}

.skeleton-loader[b-doecron7nb] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-doecron7nb] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-doecron7nb] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-doecron7nb 2.5s infinite linear;
}

@keyframes flow-b-doecron7nb {
    0% {
        background-position: 200% 200%;
    }
    100% {
        background-position: -200% -200%;
    }
}
/* /Pages/UserMaster/UserMaster/ListUserMaster.razor.rz.scp.css */
.user-image[b-1j192vqd09] {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    border: #d9d9da 1px solid;
    object-fit: cover;
}

.table-container[b-1j192vqd09] {
    position: relative;
    max-height: 82vh;
    overflow: scroll;
    border: 1px hidden var(--acme-color-border);
    font-size: 0.9rem;
    scrollbar-width: thin;
    -ms-overflow-style: none;
    outline: none;
    --animate-duration: 0.5s;
    overscroll-behavior: none;

}

.table-sm td[b-1j192vqd09], .table-sm th[b-1j192vqd09] {
    padding: 0.01rem 0.4rem;
}

th[b-1j192vqd09], td[b-1j192vqd09] {
    white-space: nowrap;
}

th[b-1j192vqd09] {
    position: sticky;
    top: 0;
    /*background: white; !* Keeps the header background when scrolling *!*/
    z-index: 1;
}


.highlight-row[b-1j192vqd09], .highlight-row:focus[b-1j192vqd09] {
    outline: var(--acme-color-danger) solid 1px;
    background: var(--acme-color-danger-soft);
}

.fixed-column[b-1j192vqd09] {
    position: -webkit-sticky;
    position: sticky;
    background-color: white;
    width: 30px;
    left: 0;
}

th[b-1j192vqd09], td[b-1j192vqd09] {
    white-space: nowrap; /* Prevent text from wrapping */
    color: var(--acme-color-text-default);
}

tr:focus[b-1j192vqd09] {
    outline: none;
}

.skeleton-loader[b-1j192vqd09] {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.skeleton-row[b-1j192vqd09] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    border-bottom: 1px solid var(--acme-color-border-muted);
    position: relative;
    overflow: hidden;
}

.skeleton-cell[b-1j192vqd09] {
    width: 100px;
    height: 20px;
    margin: 2px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--acme-color-skeleton-start) 25%, var(--acme-color-skeleton-mid) 50%, var(--acme-color-skeleton-start) 75%);
    background-size: 200% 200%;
    animation: flow-b-1j192vqd09 2.5s infinite linear;
}

input[type=checkbox]:disabled[b-1j192vqd09] {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    cursor: not-allowed;
    background-color: var(--acme-color-primary-action);
    border-color: var(--acme-color-primary-action);
    background-repeat: no-repeat;
    background-position: center;
}


@keyframes flow-b-1j192vqd09 {
    0% {
        background-position: 200% 200%;
    }
    100% {
        background-position: -200% -200%;
    }
}

[b-1j192vqd09] #report_pagination {
    display: flex;
    gap: 0.3rem;
    align-items: center;
}

[b-1j192vqd09] #report_pagination .page-item {
    display: flex;
}

[b-1j192vqd09] #report_pagination .page-link {
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: all 0.2s ease;
}

[b-1j192vqd09] #report_pagination .page-link:hover {
    background-color: color-mix(in srgb, var(--acme-color-primary-action) 10%, transparent);
}

[b-1j192vqd09] #report_pagination .page-item.active .page-link {
    background-color: #48494b;
    color: var(--acme-color-surface);
    border-color: #cad8ec;
}

/* Disabled */
[b-1j192vqd09] #report_pagination .page-item.disabled .page-link {
    opacity: 0.45;
    pointer-events: none;
}

/* Icons */
[b-1j192vqd09] #report_pagination i {
    font-size: 0.9rem;
}

.online-customer td[b-1j192vqd09] {
    background-color: #e1f5e8 !important;
}
/* /Static/AcmeLogoLoading.razor.rz.scp.css */
.logo-card[b-xdc7ty7qst] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.svg-container[b-xdc7ty7qst] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 10px;
}
/* /Static/CompanySupport.razor.rz.scp.css */
.support-page[b-spcavuigh9] {
    --support-accent: var(--bs-primary, var(--acme-color-primary-action));
    --support-success: var(--bs-IsSuccess, var(--acme-color-success));
    display: flex;
    flex-direction: column;
    gap: .75rem;
    width: 100%;
    min-height: 100%;
    padding: .8rem;
    overflow: auto;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface-muted);
}

.support-hero[b-spcavuigh9],
.company-panel[b-spcavuigh9],
.request-panel[b-spcavuigh9] {
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border-light);
    border-radius: var(--acme-radius-md);
    box-shadow: 0 2px 8px var(--acme-overlay-10);
}

.support-hero[b-spcavuigh9] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1rem 0.8rem;
}

.hero-copy[b-spcavuigh9] {
    min-width: 0;
}

.eyebrow[b-spcavuigh9] {
    display: block;
    margin-bottom: .2rem;
    color: var(--support-accent);
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.support-hero h1[b-spcavuigh9] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 750;
    line-height: 1.25;
}

.support-hero p[b-spcavuigh9] {
    max-width: 42rem;
    margin: .25rem 0 0;
    color: var(--acme-color-text-muted);
    font-size: .78rem;
    line-height: 1.5;
}

.hero-actions[b-spcavuigh9] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
}

.support-button[b-spcavuigh9],
.submit-button[b-spcavuigh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    gap: .45rem;
    padding: .45rem .8rem;
    border-radius: var(--acme-radius-sm);
    font-size: .75rem;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    transition: transform var(--acme-transition-fast), color var(--acme-transition-fast), background-color var(--acme-transition-fast), border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast);
}

.support-button.secondary[b-spcavuigh9] {
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border);
}

.support-button.primary[b-spcavuigh9],
.submit-button[b-spcavuigh9] {
    color: var(--bs-white, white);
    background: var(--support-accent);
    border: 1px solid var(--support-accent);
}

.support-button:hover[b-spcavuigh9],
.submit-button:hover:not(:disabled)[b-spcavuigh9] {
    box-shadow: 0 4px 10px var(--acme-overlay-15);
    transform: translateY(-1px);
}

.support-button.secondary:hover[b-spcavuigh9] {
    color: var(--support-accent);
    background: color-mix(in srgb, var(--support-accent) 7%, var(--acme-color-surface));
    border-color: color-mix(in srgb, var(--support-accent) 35%, var(--acme-color-border));
}

.support-button.primary:hover[b-spcavuigh9],
.submit-button:hover:not(:disabled)[b-spcavuigh9] {
    color: var(--bs-white, white);
    background: color-mix(in srgb, var(--support-accent) 84%, black);
    border-color: color-mix(in srgb, var(--support-accent) 84%, black);
}

.support-button:active[b-spcavuigh9],
.submit-button:active:not(:disabled)[b-spcavuigh9] {
    box-shadow: none;
    transform: translateY(0);
}

.support-layout[b-spcavuigh9] {
    display: grid;
    grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.5fr);
    flex: 1 1 auto;
    align-items: stretch;
    gap: .75rem;
    min-height: 0;
}

.company-panel[b-spcavuigh9],
.request-panel[b-spcavuigh9] {
    min-width: 0;
    overflow: hidden;
}

.company-panel[b-spcavuigh9] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
}

.company-brand[b-spcavuigh9] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid var(--acme-color-border-light);
}

.logo-shell[b-spcavuigh9] {
    display: grid;
    place-items: center;
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    overflow: hidden;
    background: color-mix(in srgb, var(--support-accent) 7%, var(--acme-color-surface));
    border: 1px solid color-mix(in srgb, var(--support-accent) 22%, var(--acme-color-border-light));
    border-radius: var(--acme-radius-md);
}

.logo-shell img[b-spcavuigh9] {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.company-brand h2[b-spcavuigh9] {
    margin: 0;
    font-size: .95rem;
    font-weight: 750;
    line-height: 1.35;
}

.company-brand p[b-spcavuigh9] {
    margin: .15rem 0 0;
    color: var(--acme-color-text-muted);
    font-size: .7rem;
}

.support-availability[b-spcavuigh9] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: .8rem 0;
    padding: .65rem .7rem;
    background: color-mix(in srgb, var(--support-success) 8%, var(--acme-color-surface));
    border: 1px solid color-mix(in srgb, var(--support-success) 22%, var(--acme-color-border-light));
    border-radius: var(--acme-radius-sm);
}

.availability-dot[b-spcavuigh9] {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    background: var(--support-success);
    border: 2px solid var(--acme-color-surface);
    border-radius: 50%;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--support-success) 18%, transparent);
}

.support-availability strong[b-spcavuigh9],
.support-availability span[b-spcavuigh9] {
    display: block;
}

.support-availability strong[b-spcavuigh9] {
    font-size: .73rem;
}

.support-availability span[b-spcavuigh9] {
    margin-top: .08rem;
    color: var(--acme-color-text-muted);
    font-size: .65rem;
}

.contact-list[b-spcavuigh9] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: 0;
    font-style: normal;
}

.contact-item[b-spcavuigh9] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 48px;
    padding: .45rem .5rem;
    color: var(--acme-color-text-default);
    border-radius: var(--acme-radius-sm);
    text-decoration: none;
    transition: color var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

a.contact-item:hover[b-spcavuigh9] {
    color: var(--support-accent);
    background: color-mix(in srgb, var(--support-accent) 6%, var(--acme-color-surface));
}

.contact-icon[b-spcavuigh9],
.section-icon[b-spcavuigh9] {
    display: grid;
    place-items: center;
    color: var(--support-accent);
    background: color-mix(in srgb, var(--support-accent) 9%, var(--acme-color-surface));
    border-radius: var(--acme-radius-sm);
}

.contact-icon[b-spcavuigh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    font-size: .76rem;
    line-height: 1;
}

.contact-icon i[b-spcavuigh9],
.contact-icon .fa-solid[b-spcavuigh9],
.contact-icon [class^="fa-"][b-spcavuigh9],
.contact-icon [class*=" fa-"][b-spcavuigh9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    margin: 0;
    line-height: 1;
    vertical-align: middle;
}

.contact-item div[b-spcavuigh9] {
    min-width: 0;
}

.contact-item span[b-spcavuigh9],
.contact-item strong[b-spcavuigh9] {
    /*display: block;*/
}

.contact-item div > span[b-spcavuigh9] {
    color: var(--acme-color-text-muted);
    font-size: .62rem;
    font-weight: 650;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.contact-item strong[b-spcavuigh9] {
    margin-top: .08rem;
    overflow-wrap: anywhere;
    font-size: .72rem;
    font-weight: 600;
}

.item-arrow[b-spcavuigh9] {
    margin-left: auto;
    color: var(--acme-color-text-muted);
    font-size: .7rem;
    opacity: .7;
}

.hours-section[b-spcavuigh9] {
    margin-top: auto;
    padding-top: .9rem;
    border-top: 1px solid var(--acme-color-border-light);
}

.section-heading[b-spcavuigh9] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.section-heading.compact[b-spcavuigh9] {
    gap: .55rem;
}

.section-icon[b-spcavuigh9] {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-size: .8rem;
}

.section-heading.compact .section-icon[b-spcavuigh9] {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
    font-size: .7rem;
}

.section-heading h2[b-spcavuigh9],
.section-heading h3[b-spcavuigh9] {
    margin: 0;
    font-weight: 750;
}

.section-heading h2[b-spcavuigh9] {
    font-size: 1rem;
}

.section-heading h3[b-spcavuigh9] {
    font-size: .78rem;
}

.hours-list[b-spcavuigh9] {
    margin: .55rem 0 0;
}

.hours-list > div[b-spcavuigh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .38rem .2rem;
    border-bottom: 1px solid color-mix(in srgb, var(--acme-color-border-light) 70%, transparent);
}

.hours-list > div:last-child[b-spcavuigh9] {
    border-bottom: 0;
}

.hours-list dt[b-spcavuigh9],
.hours-list dd[b-spcavuigh9] {
    margin: 0;
    font-size: .69rem;
}

.hours-list dt[b-spcavuigh9] {
    color: var(--acme-color-text-muted);
    font-weight: 500;
}

.hours-list dd[b-spcavuigh9] {
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.hours-list .closed dd[b-spcavuigh9] {
    color: var(--acme-color-danger);
}

.request-panel[b-spcavuigh9] {
    display: flex;
    flex-direction: column;
}

.request-header[b-spcavuigh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem 1rem;
    background: var(--acme-color-surface-soft);
    border-bottom: 1px solid var(--acme-color-border-light);
}

.request-header .eyebrow[b-spcavuigh9] {
    margin-bottom: .08rem;
}

.required-note[b-spcavuigh9] {
    flex: 0 0 auto;
    color: var(--acme-color-text-muted);
    font-size: .65rem;
}

.required-note span[b-spcavuigh9],
.field-group label span[b-spcavuigh9] {
    color: var(--acme-color-danger);
}

.request-tip[b-spcavuigh9] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin: .8rem 1rem 0;
    padding: .6rem .7rem;
    color: var(--acme-color-text-default);
    background: color-mix(in srgb, var(--acme-color-info-action) 7%, var(--acme-color-surface));
    border: 1px solid color-mix(in srgb, var(--acme-color-info-action) 20%, var(--acme-color-border-light));
    border-radius: var(--acme-radius-sm);
}

.request-tip > i[b-spcavuigh9] {
    margin-top: .15rem;
    color: var(--acme-color-info-action);
}

.request-tip p[b-spcavuigh9] {
    margin: 0;
    font-size: .69rem;
    line-height: 1.5;
}

[b-spcavuigh9] .support-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: .9rem 1rem 0;
}

.form-grid[b-spcavuigh9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem .8rem;
}

.field-group[b-spcavuigh9] {
    min-width: 0;
}

.field-group.full-width[b-spcavuigh9] {
    grid-column: 1 / -1;
}

.field-group label[b-spcavuigh9] {
    display: block;
    margin-bottom: .3rem;
    color: var(--acme-color-text-default);
    font-size: .69rem;
    font-weight: 650;
}

[b-spcavuigh9] .support-input {
    display: block;
    width: 100%;
    min-height: 30px;
    padding: .48rem .65rem;
    color: var(--acme-color-text-default);
    background: var(--acme-color-surface);
    border: 1px solid var(--acme-color-border);
    border-radius: var(--acme-radius-sm);
    font: inherit;
    font-size: .74rem;
    transition: border-color var(--acme-transition-fast), box-shadow var(--acme-transition-fast), background-color var(--acme-transition-fast);
}

[b-spcavuigh9] .support-input::placeholder {
    color: var(--acme-color-text-muted);
    opacity: .8;
}

[b-spcavuigh9] .support-textarea {
    min-height: 8rem;
    resize: vertical;
    line-height: 1.5;
}

[b-spcavuigh9] .support-input:hover:not(:disabled) {
    border-color: var(--acme-color-border-strong);
}

[b-spcavuigh9] .support-input:focus-visible {
    outline: 2px solid var(--support-accent);
    outline-offset: 1px;
    border-color: var(--support-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--support-accent) 12%, transparent);
}

[b-spcavuigh9] .support-input.invalid {
    border-color: var(--acme-color-danger);
}

[b-spcavuigh9] .support-input:disabled {
    opacity: .6;
    cursor: not-allowed;
    background: var(--acme-color-surface-muted);
}

[b-spcavuigh9] .validation-message {
    display: block;
    margin-top: .22rem;
    color: var(--acme-color-danger);
    font-size: .64rem;
    line-height: 1.35;
}

.field-meta[b-spcavuigh9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.field-meta > span[b-spcavuigh9] {
    margin-top: .22rem;
    color: var(--acme-color-text-muted);
    font-size: .62rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.form-footer[b-spcavuigh9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding: .85rem 0;
}

.form-footer p[b-spcavuigh9] {
    margin: 0;
    color: var(--acme-color-text-muted);
    font-size: .64rem;
    line-height: 1.45;
}

.form-footer p i[b-spcavuigh9] {
    margin-right: .25rem;
}

.submit-button[b-spcavuigh9] {
    flex: 0 0 auto;
    min-width: 9rem;
}

.submit-button:disabled[b-spcavuigh9] {
    opacity: .6;
    cursor: wait;
}

.alternate-contact[b-spcavuigh9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .65rem 1rem;
    color: var(--acme-color-text-muted);
    background: var(--acme-color-surface-soft);
    border-top: 1px solid var(--acme-color-border-light);
    font-size: .68rem;
}

.alternate-contact a[b-spcavuigh9] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--support-success);
    font-weight: 650;
    text-decoration: none;
}

.alternate-contact a:hover[b-spcavuigh9] {
    text-decoration: underline;
}

.support-button:focus-visible[b-spcavuigh9],
.contact-item:focus-visible[b-spcavuigh9],
.submit-button:focus-visible[b-spcavuigh9],
.alternate-contact a:focus-visible[b-spcavuigh9] {
    outline: 2px solid var(--support-accent);
    outline-offset: 2px;
}

@media (max-width: 991.98px) {
    .support-layout[b-spcavuigh9] {
        grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr);
    }

    .form-grid[b-spcavuigh9] {
        grid-template-columns: 1fr;
    }

    .field-group.full-width[b-spcavuigh9] {
        grid-column: auto;
    }
}

@media (max-width: 768px) {
    .support-page[b-spcavuigh9] {
        padding: .5rem;
        overflow: visible;
    }

    .support-hero[b-spcavuigh9] {
        align-items: stretch;
        flex-direction: column;
        padding: .85rem;
    }

    .hero-actions[b-spcavuigh9] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .support-button[b-spcavuigh9],
    .submit-button[b-spcavuigh9],
    [b-spcavuigh9] .support-input {
        min-height: 44px;
    }

    .support-layout[b-spcavuigh9] {
        grid-template-columns: 1fr;
    }

    .company-panel[b-spcavuigh9] {
        padding: .85rem;
    }

    .contact-item[b-spcavuigh9] {
        min-height: 52px;
    }

    .hours-section[b-spcavuigh9] {
        margin-top: .9rem;
    }

    .request-tip[b-spcavuigh9] {
        margin-inline: .75rem;
    }

    [b-spcavuigh9] .support-form {
        padding-inline: .75rem;
    }

    .form-footer[b-spcavuigh9] {
        align-items: stretch;
        flex-direction: column;
    }

    .submit-button[b-spcavuigh9] {
        width: 100%;
    }
}

@media (max-width: 399.98px) {
    .hero-actions[b-spcavuigh9] {
        grid-template-columns: 1fr;
    }

    .request-header[b-spcavuigh9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-brand[b-spcavuigh9] {
        align-items: flex-start;
    }

    .alternate-contact[b-spcavuigh9] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (hover: none) {
    .support-button:hover[b-spcavuigh9],
    .submit-button:hover[b-spcavuigh9] {
        box-shadow: none;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .support-button[b-spcavuigh9],
    .submit-button[b-spcavuigh9],
    .contact-item[b-spcavuigh9],
    [b-spcavuigh9] .support-input {
        transition: none;
    }
}
/* /Static/NumberToWords.razor.rz.scp.css */
.number-words[b-ibd4kbbws6] {
    display: flex;
    width: auto;
    min-width: 0;
    padding: 0.35rem 0.5rem;
    align-items: center;
    flex: 1 1 24rem;
    gap: 0.5rem;
    border: 1px solid var(--empty-state-border);
    border-radius: var(--acme-radius-sm);
    color: var(--empty-state-text);
    background: var(--empty-state-surface);
}

.number-words__icon[b-ibd4kbbws6] {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: var(--acme-color-primary-action);
    background: color-mix(in srgb, var(--acme-color-primary-action) 10%, var(--empty-state-surface));
    font-size: 0.7rem;
}

.number-words__content[b-ibd4kbbws6] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.15rem 0.4rem;
}

.number-words__label[b-ibd4kbbws6] {
    color: var(--empty-state-description);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.35;
    text-transform: uppercase;
}

.number-words__label[b-ibd4kbbws6]::after {
    content: ":";
}

.number-words__value[b-ibd4kbbws6] {
    overflow-wrap: anywhere;
    color: var(--empty-state-text);
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
}

@media (max-width: 575.98px) {
    .number-words[b-ibd4kbbws6] {
        width: 100%;
        flex-basis: 100%;
    }
}
/* /Static/PageNotFound.razor.rz.scp.css */
.not-found[b-z097mhkdvj] {
    display: grid;
    width: 100%;
    min-height: clamp(24rem, 70dvh, 42rem);
    padding: clamp(1rem, 4vw, 2rem);
    place-items: center;
    color: var(--empty-state-text);
}

.not-found__panel[b-z097mhkdvj] {
    display: flex;
    width: min(100%, 36rem);
    padding: clamp(1.5rem, 5vw, 3rem);
    align-items: center;
    flex-direction: column;
    border: 1px solid var(--empty-state-border);
    border-radius: var(--acme-radius-lg);
    background: var(--empty-state-surface);
    text-align: center;
}

.not-found__icon[b-z097mhkdvj] {
    position: relative;
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1rem;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--acme-color-primary-action) 22%, var(--empty-state-border));
    border-radius: 50%;
    color: var(--acme-color-primary-action);
    background: color-mix(in srgb, var(--acme-color-primary-action) 9%, var(--empty-state-surface));
    font-size: 1.75rem;
}

.not-found__icon-mark[b-z097mhkdvj] {
    position: absolute;
    right: -0.15rem;
    bottom: -0.15rem;
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border: 2px solid var(--empty-state-surface);
    border-radius: 50%;
    color: var(--acme-color-surface);
    background: var(--acme-color-primary-action);
    font-size: 0.8rem;
    font-weight: 700;
}

.not-found__code[b-z097mhkdvj],
.not-found__title[b-z097mhkdvj],
.not-found__description[b-z097mhkdvj] {
    margin: 0;
}

.not-found__code[b-z097mhkdvj] {
    margin-bottom: 0.35rem;
    color: var(--acme-color-primary-action);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.not-found__title[b-z097mhkdvj] {
    color: var(--empty-state-text);
    font-size: clamp(1.4rem, 4vw, 2rem);
    font-weight: 700;
    line-height: 1.25;
}

.not-found__description[b-z097mhkdvj] {
    max-width: 29rem;
    margin-top: 0.75rem;
    color: var(--empty-state-description);
    font-size: 0.95rem;
    line-height: 1.6;
}

.not-found__action[b-z097mhkdvj] {
    display: inline-flex;
    min-height: 2.75rem;
    margin-top: 1.5rem;
    padding-inline: 1.1rem;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: var(--acme-radius-sm);
    font-weight: 600;
}

.not-found__action:focus-visible[b-z097mhkdvj] {
    outline: none;
    box-shadow: var(--acme-focus-ring);
}

@media (max-width: 575.98px) {
    .not-found[b-z097mhkdvj] {
        min-height: 28rem;
        padding: 0.75rem;
    }

    .not-found__panel[b-z097mhkdvj] {
        padding: 1.5rem 1rem;
    }

    .not-found__action[b-z097mhkdvj] {
        width: 100%;
    }
}
/* /Static/ShortCutKeyComponent.razor.rz.scp.css */
.shortcut-overlay[b-sofopn4i1j] {
    position: fixed;
    inset: 0;
    z-index: 99999;

    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--brand-dark-80);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    padding: var(--adt-spacing-xl);
    outline: none;
}

.shortcut-modal[b-sofopn4i1j] {
    width: min(1100px, 100%);
    max-height: min(800px, 90vh);

    display: flex;
    flex-direction: column;

    /* Applied your centralized slate dark context */
    background: var(--bg-dark);
    border-radius: var(--adt-border-radius-lg);
    border: var(--brand-border);
    box-shadow: var(--shadow-elevated);
    overflow: hidden;
}

/* HEADER */
.shortcut-header[b-sofopn4i1j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--adt-spacing-xl) var(--adt-spacing-2xl);
    border-bottom: 1px solid var(--navbar-border);
}

.shortcut-title[b-sofopn4i1j] {
    font-family: var(--adt-font-family), serif;
    margin: 0;
    font-size: var(--adt-font-size-lg);
    font-weight: var(--adt-font-weight-bold);
    color: var(--text-light);
    display: flex;
    align-items: center;
    gap: var(--adt-spacing-sm);
}

.title-icon[b-sofopn4i1j] {
    background: var(--brand-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.shortcut-subtitle[b-sofopn4i1j] {
    margin-top: var(--adt-spacing-xs);
    color: var(--text-muted);
    font-size: var(--adt-font-size-sm);
}

.close-btn[b-sofopn4i1j] {
    width: 36px;
    height: 36px;
    border: var(--brand-border-light);
    border-radius: var(--adt-border-radius-sm);
    background: var(--hover-bg);
    color: var(--text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--acme-transition-fast);
}

.close-btn:hover[b-sofopn4i1j] {
    color: var(--text-light);
    background: var(--active-bg);
    border-color: var(--brand-border-hover);
    transform: scale(1.05);
}

/* SEARCH */
.shortcut-search-wrapper[b-sofopn4i1j] {
    position: relative;
    padding: var(--adt-spacing-xl) var(--adt-spacing-2xl) var(--adt-spacing-sm) var(--adt-spacing-2xl);
}

.shortcut-search[b-sofopn4i1j] {
    width: 100%;
    height: 48px;
    border: 1px solid var(--navbar-border);
    border-radius: var(--adt-border-radius);
    background: var(--dropdown-bg);
    color: var(--bs-body-color);
    padding-left: 46px;
    padding-right: var(--adt-spacing-lg);
    font-size: var(--adt-font-size-base);
    font-family: var(--adt-font-family);
    outline: none;
    transition: all var(--acme-transition-fast);
}

.shortcut-search:focus[b-sofopn4i1j] {
    border-color: var(--accent-primary);
    background: var(--bs-dropdown-bg);
    box-shadow: var(--brand-shadow-glow);
}

.search-icon[b-sofopn4i1j] {
    position: absolute;
    left: 48px;
    top: 60%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: var(--adt-font-size-base);
    pointer-events: none;
}

.shortcut-grid[b-sofopn4i1j] {
    flex: 1;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    align-content: start;
    gap: var(--adt-spacing-md);
    padding: var(--adt-spacing-md) var(--adt-spacing-2xl) var(--adt-spacing-2xl) var(--adt-spacing-2xl);
}

.shortcut-card[b-sofopn4i1j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--adt-spacing-lg);
    padding: var(--adt-spacing-md) var(--adt-spacing-lg);
    border-radius: var(--adt-border-radius);
    background: var(--brand-dark-30);
    border: var(--brand-border-light);
    transition: background var(--adt-transition-fast), border-color var(--adt-transition-fast);
}

.shortcut-card:hover[b-sofopn4i1j] {
    background: var(--brand-dark-50);
    border-color: var(--brand-border-hover);
}

.shortcut-command[b-sofopn4i1j] {
    font-family: var(--adt-font-family);
    color: var(--text-light);
    font-weight: var(--adt-font-weight-medium);
    font-size: var(--adt-font-size-base);
    line-height: var(--adt-line-height-base);
}

.shortcut-keys[b-sofopn4i1j] {
    display: flex;
    align-items: center;
    gap: var(--adt-spacing-xs);
    flex-shrink: 0;
}

kbd[b-sofopn4i1j] {
    min-width: 28px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 var(--adt-spacing-sm);
    border-radius: var(--acme-radius-sm);
    background: var(--brand-gradient);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--bs-body-color);
    font-family: var(--adt-font-family);
    font-size: var(--table-content-font-size);
    font-weight: var(--adt-font-weight-bold);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.5),
    var(--brand-shadow-sm);
}

/* FOOTER */
.shortcut-footer[b-sofopn4i1j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--adt-spacing-lg) var(--adt-spacing-2xl);
    border-top: 1px solid var(--navbar-border);
    background: var(--brand-dark);
    color: var(--text-muted);
    font-size: var(--adt-font-size-sm);
}

.footer-kbd[b-sofopn4i1j] {
    height: 20px;
    min-width: 22px;
    font-size: 0.7rem;
    padding: 0 5px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.5);
}

/* CUSTOM SCROLLBARS */
.shortcut-grid[b-sofopn4i1j]::-webkit-scrollbar {
    width: 8px;
}

.shortcut-grid[b-sofopn4i1j]::-webkit-scrollbar-track {
    background: transparent;
}

.shortcut-grid[b-sofopn4i1j]::-webkit-scrollbar-thumb {
    background: var(--brand-dark-50);
    border-radius: var(--acme-radius-pill);
}

.shortcut-grid[b-sofopn4i1j]::-webkit-scrollbar-thumb:hover {
    background: var(--brand-dark-80);
}

@media (max-width: 768px) {
    .shortcut-modal[b-sofopn4i1j] {
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        border: none;
    }

    .shortcut-header[b-sofopn4i1j],
    .shortcut-search-wrapper[b-sofopn4i1j],
    .shortcut-footer[b-sofopn4i1j],
    .shortcut-grid[b-sofopn4i1j] {
        padding-left: var(--adt-spacing-lg);
        padding-right: var(--adt-spacing-lg);
    }

    .shortcut-grid[b-sofopn4i1j] {
        grid-template-columns: 1fr;
    }
}
/* /Static/TextSliding.razor.rz.scp.css */
.counter[b-f8a3cfbjhc] {
    display: flex;
    font-family: monospace;
    font-size: 3rem;
}

.digit-wrapper[b-f8a3cfbjhc] {
    overflow: hidden;
    height: 1em;
    width: 0.6em;
}

.digit[b-f8a3cfbjhc] {
    transform: translateY(0%);
    animation: slide-b-f8a3cfbjhc 1s cubic-bezier(.17,.67,.83,.67) forwards;
}

.digit:nth-child(1)[b-f8a3cfbjhc] { animation-delay: 0s; }
.digit:nth-child(2)[b-f8a3cfbjhc] { animation-delay: 0.1s; }
.digit:nth-child(3)[b-f8a3cfbjhc] { animation-delay: 0.2s; }

@keyframes slide-b-f8a3cfbjhc {
    0% { transform: translateY(0%); }
    100% { transform: translateY(calc(var(--target) * -100%)); }
}