/* /Components/Dialogs/CalendarEventDialog.razor.rz.scp.css */
.event-date-banner[b-8k6k3tnshq] { display:flex; align-items:center; gap:12px; padding:14px; margin-bottom:18px; border-radius:8px; background:color-mix(in srgb,var(--mud-palette-primary) 9%,transparent); }
/* /Components/Dialogs/PaymentMethodDialog.razor.rz.scp.css */
.payment-method-dialog .payment-total-panel[b-d6dhdz9qgb] {
    align-items: center;
    background: #f7fbff;
    border: 1px solid rgba(25, 118, 210, .16);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 16px;
}

.payment-highlight-card[b-d6dhdz9qgb] {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    padding: 12px;
}

.payment-highlight-card.paid[b-d6dhdz9qgb] {
    background: #f8fbff;
    color: #0f2742;
}

.payment-highlight-card.return[b-d6dhdz9qgb] {
    background: #f0fdf4;
    color: #166534;
}

.advance-panel[b-d6dhdz9qgb] {
    border: 1px solid rgba(2, 132, 199, .2);
    border-radius: 8px;
    padding: 12px;
}

.advance-summary[b-d6dhdz9qgb] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

@media (max-width: 600px) {
    .advance-summary[b-d6dhdz9qgb] {
        flex-direction: column;
        gap: 4px;
    }
}
/* /Components/Dialogs/ProductDialog.razor.rz.scp.css */
.product-image-editor[b-8g0f734iha] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    padding: .875rem;
}

.product-image-preview[b-8g0f734iha],
.product-image-placeholder[b-8g0f734iha] {
    align-items: center;
    aspect-ratio: 1;
    border: 1px solid rgba(25, 118, 210, .18);
    border-radius: 8px;
    display: flex;
    height: 96px;
    justify-content: center;
    object-fit: cover;
    width: 96px;
}

.product-image-placeholder[b-8g0f734iha] {
    background: #f5f7fa;
    color: #6b7c93;
}

.product-image-upload[b-8g0f734iha] {
    display: grid;
    gap: .35rem;
}

.product-image-button[b-8g0f734iha] {
    align-items: center;
    background: #1976d2;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    gap: .35rem;
    min-height: 36px;
    padding: 0 .85rem;
    width: fit-content;
}

.product-image-button[b-8g0f734iha]  .product-image-file-input {
    display: none;
}

.package-editor-list[b-8g0f734iha] {
    display: grid;
    gap: 12px;
}

.package-editor-row[b-8g0f734iha] {
    background: #fbfdff;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.package-primary-grid[b-8g0f734iha] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(130px, 1.1fr) minmax(130px, 1fr) 112px minmax(120px, .8fr) minmax(120px, .8fr);
}

.package-secondary-grid[b-8g0f734iha] {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(160px, 1fr) minmax(140px, 1fr) auto 36px;
}

.package-use-controls[b-8g0f734iha] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 900px) {
    .package-primary-grid[b-8g0f734iha] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .package-secondary-grid[b-8g0f734iha] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .package-primary-grid[b-8g0f734iha],
    .package-secondary-grid[b-8g0f734iha] {
        grid-template-columns: 1fr;
    }

    .package-secondary-grid[b-8g0f734iha]  .mud-icon-button {
        justify-self: end;
    }

    .product-image-editor[b-8g0f734iha] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Dialogs/ProfileDialog.razor.rz.scp.css */
.profile-picture-editor[b-xs1j54ffui] {
    display:flex;
    align-items:center;
    gap:14px;
}

.profile-picture-preview[b-xs1j54ffui] {
    width:64px;
    height:64px;
    border-radius:50%;
    object-fit:cover;
    border:1px solid var(--mud-palette-divider);
}
/* /Components/Dialogs/PurchaseReturnDialog.razor.rz.scp.css */
.return-package-grid[b-1b5tatgqqh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    min-width: min(520px, 48vw);
}

.return-package-quantity[b-1b5tatgqqh] {
    min-width: 0;
}

.return-impact[b-1b5tatgqqh] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
}

@media (max-width: 700px) {
    .return-package-grid[b-1b5tatgqqh] {
        grid-template-columns: 1fr;
        min-width: 0;
    }

    .return-impact[b-1b5tatgqqh] {
        display: grid;
        gap: 2px;
    }
}
/* /Components/Dialogs/SaleDetailsDialog.razor.rz.scp.css */
.sale-detail-totals[b-t1gg54vkm1] {
    margin-left: auto;
    max-width: 420px;
}
/* /Components/Dialogs/SaleReturnDialog.razor.rz.scp.css */
.return-product-row[b-epm9udgski] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto 140px;
    gap: 12px;
    align-items: center;
}

.return-quantity[b-epm9udgski] {
    width: 140px;
}

@media (max-width: 600px) {
    .return-product-row[b-epm9udgski] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .return-quantity[b-epm9udgski] {
        width: 100%;
    }
}
/* /Components/Dialogs/StockCountDialog.razor.rz.scp.css */
.stock-count-difference[b-ilcqalh5v5] {
    align-items: center;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    min-height: 56px;
    padding: 8px 12px;
}

.stock-count-difference.is-matched[b-ilcqalh5v5] {
    background: color-mix(in srgb, var(--mud-palette-success) 6%, var(--mud-palette-surface));
}

.stock-count-difference.has-difference[b-ilcqalh5v5] {
    background: color-mix(in srgb, var(--mud-palette-warning) 7%, var(--mud-palette-surface));
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-cjwt358ny4] {
    background: #eef3f8 url("/images/login-medical-bg.svg") center/cover no-repeat fixed;
    display: grid;
    min-height: 100vh;
    overflow: auto;
    padding: 24px;
    place-items: center;
}

@media (max-width: 600px) {
    .auth-shell[b-cjwt358ny4] {
        padding: 16px;
        place-items: center;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.CureBucket-appbar[b-gr46xn9zgk] { color:var(--mud-palette-text-primary)!important; border-bottom: 1px solid var(--mud-palette-divider); }
.drawer-shell[b-gr46xn9zgk] { min-height:100%; display:flex; flex-direction:column; }
.brand-panel[b-gr46xn9zgk] { height: 72px; display: flex; align-items: center; gap: 12px; padding: 12px 20px; color: white; border-bottom: 1px solid rgba(255,255,255,.08); }
.sidebar-brand-logo[b-gr46xn9zgk] { border-radius:8px; display:block; height:44px; object-fit:cover; width:44px; }
.content-shell[b-gr46xn9zgk] { min-height: calc(100vh - 128px); padding: 22px 28px 32px; }
.content-shell-pos[b-gr46xn9zgk] { display:flex; flex-direction:column; }
.content-shell-pos[b-gr46xn9zgk]  .pos-shell { flex:1 0 auto; }
.page-shortcut-strip[b-gr46xn9zgk] { align-items:center; background:#fff; border:1px solid var(--mud-palette-divider); border-radius:8px; display:flex; gap:14px; justify-content:space-between; margin-bottom:14px; overflow:hidden; padding:9px 12px; }
.page-shortcut-title[b-gr46xn9zgk] { align-items:center; color:var(--mud-palette-primary); display:flex; flex:0 0 auto; font-size:.78rem; font-weight:800; gap:6px; text-transform:uppercase; }
.page-shortcut-list[b-gr46xn9zgk] { align-items:center; display:flex; flex:1 1 auto; flex-wrap:wrap; gap:6px; justify-content:flex-start; min-width:0; overflow:visible; padding:1px 0; }
.pos-shortcut-list-collapsed[b-gr46xn9zgk] { flex-wrap:nowrap; overflow:hidden; }
.page-shortcut-strip-dense[b-gr46xn9zgk] { align-items:flex-start; display:grid; grid-template-columns:auto minmax(0,1fr) auto; }
.page-shortcut-strip-dense .page-shortcut-title[b-gr46xn9zgk] { padding-top:5px; }
.page-shortcut-strip-dense .page-shortcut-list[b-gr46xn9zgk] { padding-bottom:1px; }
.shortcut-toggle[b-gr46xn9zgk] { align-items:center; background:transparent; border:0; border-radius:50%; color:var(--mud-palette-primary); cursor:pointer; display:flex; height:32px; justify-content:center; padding:0; width:32px; }
.shortcut-toggle:hover[b-gr46xn9zgk] { background:var(--mud-palette-action-default-hover); }
.shortcut-toggle:focus-visible[b-gr46xn9zgk] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.app-footer[b-gr46xn9zgk] { min-height: 56px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 28px; color:var(--mud-palette-text-secondary); border-top:1px solid var(--mud-palette-divider); font-size:.78rem; }
.subscription-chip[b-gr46xn9zgk] { margin-right:8px; white-space:nowrap; }
.profile-avatar[b-gr46xn9zgk] { cursor:pointer; }
.profile-anchor[b-gr46xn9zgk] { position:relative; display:flex; align-items:center; }
.profile-button[b-gr46xn9zgk] { width:40px; height:40px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; overflow:hidden; }
.profile-button:hover[b-gr46xn9zgk] { background:var(--mud-palette-action-default-hover); }
.profile-button[b-gr46xn9zgk]  .mud-avatar { font-size:.82rem; font-weight:800; letter-spacing:0; }
.user-menu[b-gr46xn9zgk] { min-width:220px; }
.notification-anchor[b-gr46xn9zgk] { position:relative; display:flex; align-items:center; }
.notification-menu[b-gr46xn9zgk] { width:320px; max-width:calc(100vw - 32px); }
.notification-menu-header[b-gr46xn9zgk] { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.notification-list[b-gr46xn9zgk] { display:flex; flex-direction:column; gap:6px; }
.notification-item[b-gr46xn9zgk] { width:100%; display:flex; align-items:flex-start; gap:10px; padding:10px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.notification-item:hover[b-gr46xn9zgk] { background:var(--mud-palette-action-default-hover); }
.logout-form[b-gr46xn9zgk] { padding:6px; }
.mobile-app-title[b-gr46xn9zgk] { display:none; }
@media (min-width: 601px) and (max-width: 1300px) {
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-search { order:1; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-new-invoice { order:2; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-add-product { order:3; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-discount-value { order:4; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-close-invoice { order:5; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-customer { order:6; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-select-package { order:7; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-discount-type { order:8; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-new-customer { order:9; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-bill-counter { order:10; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-pay-here { order:11; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-walk-in { order:12; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-select-product { order:13; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-select-cart { order:14; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-change-quantity { order:15; }
    .pos-shortcut-list-expanded[b-gr46xn9zgk]  .pos-shortcut-remove-item { order:16; }
}
@media (max-width: 600px) {
    .content-shell[b-gr46xn9zgk] { padding:14px 12px 24px; }
    .page-shortcut-strip[b-gr46xn9zgk] { gap:10px; }
    .page-shortcut-list[b-gr46xn9zgk] { justify-content:flex-start; }
    .page-shortcut-strip-dense[b-gr46xn9zgk] { align-items:center; grid-template-columns:minmax(0,1fr) auto; }
    .page-shortcut-strip-dense .page-shortcut-title[b-gr46xn9zgk] { padding-top:0; }
    .page-shortcut-strip-dense .page-shortcut-list[b-gr46xn9zgk] { grid-column:1/-1; padding-top:4px; }
    .page-shortcut-strip-dense .pos-shortcut-list-collapsed[b-gr46xn9zgk] { grid-column:1/-1; flex-wrap:nowrap; overflow:hidden; }
    .pos-shortcut-list-collapsed[b-gr46xn9zgk]  .pos-shortcut-add-product,
    .pos-shortcut-list-collapsed[b-gr46xn9zgk]  .pos-shortcut-pay-here { display:none; }
    .page-shortcut-strip-dense .shortcut-toggle[b-gr46xn9zgk] { grid-column:2; grid-row:1; }
    .app-footer[b-gr46xn9zgk] { padding:12px 16px; flex-direction:column; }
    .desktop-app-title[b-gr46xn9zgk] { display:none; }
    .mobile-app-title[b-gr46xn9zgk] { display:block; }
    .profile-avatar[b-gr46xn9zgk] { margin-left:2px!important; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.CureBucket-nav[b-a5b25jcbfl] { height:calc(100vh - 72px); overflow-y:auto; scrollbar-width:thin; }
[b-a5b25jcbfl] .mud-nav-link { border-radius:8px; margin:2px 0; }
[b-a5b25jcbfl] .mud-nav-link.active { background:rgba(38,166,154,.2); color:#fff; }
[b-a5b25jcbfl] .mud-nav-link.mud-nav-link-disabled { color:#B8C8D8!important; opacity:.78; }
[b-a5b25jcbfl] .mud-nav-link.mud-nav-link-disabled .mud-nav-link-icon { color:#8FA8BF!important; opacity:1; }
.nav-section-label[b-a5b25jcbfl] { display:block; margin:18px 10px 5px; color:#8FA8BF; font-size:.68rem; font-weight:700; letter-spacing:0; }
.reports-nav-section[b-a5b25jcbfl] { border-top:1px solid rgba(143,168,191,.16); margin-top:12px; padding-top:10px; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2nv29u57i1],
.components-reconnect-repeated-attempt-visible[b-2nv29u57i1],
.components-reconnect-failed-visible[b-2nv29u57i1],
.components-pause-visible[b-2nv29u57i1],
.components-resume-failed-visible[b-2nv29u57i1],
.components-rejoining-animation[b-2nv29u57i1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-retrying[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-failed[b-2nv29u57i1],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-2nv29u57i1] {
    display: block;
}


#components-reconnect-modal[b-2nv29u57i1] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2nv29u57i1 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-2nv29u57i1 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-2nv29u57i1 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-2nv29u57i1]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-2nv29u57i1 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-2nv29u57i1 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-2nv29u57i1 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-2nv29u57i1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-2nv29u57i1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-2nv29u57i1] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-2nv29u57i1] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2nv29u57i1] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-2nv29u57i1] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-2nv29u57i1] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-2nv29u57i1] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-2nv29u57i1 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-2nv29u57i1] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-2nv29u57i1 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Calendar.razor.rz.scp.css */
.calendar-shell[b-sudgxvif55] { border:1px solid var(--mud-palette-divider); overflow:hidden; }
.calendar-toolbar[b-sudgxvif55] { min-height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding:12px 18px; border-bottom:1px solid var(--mud-palette-divider); }
.calendar-navigation[b-sudgxvif55] { display:flex; align-items:center; gap:4px; }
.calendar-toolbar > :last-child[b-sudgxvif55] { justify-self:end; }
.calendar-toolbar-actions[b-sudgxvif55] { align-items:center; display:flex; gap:8px; justify-self:end; }
.calendar-month-title[b-sudgxvif55] { font-weight:700; letter-spacing:0; text-align:center; }
.calendar-weekdays[b-sudgxvif55],.calendar-grid[b-sudgxvif55] { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.calendar-weekdays[b-sudgxvif55] { background:color-mix(in srgb,var(--mud-palette-primary) 5%,var(--mud-palette-surface)); border-bottom:1px solid var(--mud-palette-divider); }
.calendar-weekdays > div[b-sudgxvif55] { padding:10px 8px; color:var(--mud-palette-text-secondary); font-size:.76rem; font-weight:700; text-align:center; text-transform:uppercase; letter-spacing:0; }
.weekday-short[b-sudgxvif55] { display:none; }
.calendar-day[b-sudgxvif55] { min-width:0; min-height:118px; padding:8px; border-right:1px solid var(--mud-palette-divider); border-bottom:1px solid var(--mud-palette-divider); background:var(--mud-palette-surface); cursor:pointer; transition:background .15s,box-shadow .15s; }
.calendar-day:nth-child(7n)[b-sudgxvif55] { border-right:0; }
.calendar-day:hover[b-sudgxvif55] { background:color-mix(in srgb,var(--mud-palette-primary) 5%,var(--mud-palette-surface)); }
.calendar-day:focus-visible[b-sudgxvif55] { outline:2px solid var(--mud-palette-primary); outline-offset:-3px; }
.calendar-day.past-date[b-sudgxvif55] { background:color-mix(in srgb,var(--mud-palette-background) 72%,var(--mud-palette-surface)); color:var(--mud-palette-text-secondary); }
.calendar-day.future-date[b-sudgxvif55] { background:color-mix(in srgb,var(--mud-palette-success) 7%,var(--mud-palette-surface)); }
.calendar-day.outside-month[b-sudgxvif55] { opacity:.72; color:var(--mud-palette-text-disabled); }
.calendar-day.current-day[b-sudgxvif55] { background:color-mix(in srgb,var(--mud-palette-primary) 10%,var(--mud-palette-surface)); box-shadow:inset 0 0 0 2px var(--mud-palette-primary); }
.calendar-day-header[b-sudgxvif55] { height:24px; display:flex; align-items:center; justify-content:space-between; gap:4px; }
.day-number[b-sudgxvif55] { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; font-size:.8rem; font-weight:600; }
.current-day .day-number[b-sudgxvif55] { color:var(--mud-palette-primary-text); background:var(--mud-palette-primary); }
.today-label[b-sudgxvif55] { color:var(--mud-palette-primary); font-size:.65rem; font-weight:700; }
.calendar-events[b-sudgxvif55] { display:flex; flex-direction:column; gap:4px; margin-top:5px; }
.event-pill[b-sudgxvif55] { width:100%; min-width:0; display:block; padding:4px 7px; overflow:hidden; color:var(--mud-palette-primary-darken); background:color-mix(in srgb,var(--mud-palette-primary) 16%,var(--mud-palette-surface)); border-left:3px solid var(--mud-palette-primary); border-radius:5px; font-size:.72rem; font-weight:600; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.event-title[b-sudgxvif55] { display:block; overflow:hidden; text-overflow:ellipsis; }
.more-events[b-sudgxvif55] { color:var(--mud-palette-text-secondary); font-size:.68rem; font-weight:600; padding-left:6px; }

@media(max-width:700px) {
    .calendar-toolbar[b-sudgxvif55] { grid-template-columns:minmax(0, 1fr); padding:10px; }
    .calendar-month-title[b-sudgxvif55] { grid-column:1/-1; grid-row:1; }
    .calendar-navigation[b-sudgxvif55] { grid-column:1; grid-row:2; justify-self:center; }
    .calendar-toolbar > :last-child[b-sudgxvif55] { grid-column:1; grid-row:3; justify-self:stretch; }
    .calendar-toolbar-actions[b-sudgxvif55] { flex-wrap:wrap; justify-content:center; }
    .weekday-full[b-sudgxvif55] { display:none; }
    .weekday-short[b-sudgxvif55] { display:inline; }
    .calendar-weekdays > div[b-sudgxvif55] { padding:8px 2px; }
    .calendar-day[b-sudgxvif55] { min-height:76px; padding:4px; }
    .calendar-day-header[b-sudgxvif55] { height:21px; }
    .today-label[b-sudgxvif55] { display:none; }
    .calendar-events[b-sudgxvif55] { flex-flow:row wrap; gap:3px; margin-top:6px; }
    .event-pill[b-sudgxvif55] { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:var(--mud-palette-primary); }
    .event-title[b-sudgxvif55],.more-events[b-sudgxvif55] { display:none; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-shell[b-ed2symosgm] {
    display: grid;
    gap: 28px;
    padding-bottom: 24px;
}

.dashboard-header[b-ed2symosgm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 4px 0 2px;
}

.dashboard-heading[b-ed2symosgm] {
    min-width: 0;
}

.dashboard-date[b-ed2symosgm],
.section-kicker[b-ed2symosgm] {
    display: block;
    color: var(--mud-palette-primary);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

.dashboard-heading h1[b-ed2symosgm] {
    margin: 3px 0 2px;
    color: var(--mud-palette-text-primary);
    font-size: 1.75rem;
    font-weight: 750;
    line-height: 1.2;
}

.dashboard-heading p[b-ed2symosgm],
.panel-title p[b-ed2symosgm],
.queue-empty p[b-ed2symosgm] {
    margin: 0;
    color: var(--mud-palette-text-secondary);
}

.quick-actions[b-ed2symosgm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.quick-action[b-ed2symosgm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: .875rem;
    font-weight: 650;
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.quick-action:hover[b-ed2symosgm] {
    border-color: rgba(25, 118, 210, .4);
    background: rgba(25, 118, 210, .04);
    color: var(--mud-palette-primary);
}

.quick-action-primary[b-ed2symosgm] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    box-shadow: 0 6px 14px rgba(25, 118, 210, .16);
}

.quick-action-primary:hover[b-ed2symosgm] {
    border-color: var(--mud-palette-primary-darken);
    background: var(--mud-palette-primary-darken);
    color: var(--mud-palette-primary-text);
}

.dashboard-section[b-ed2symosgm] {
    display: grid;
    gap: 12px;
}

.section-heading[b-ed2symosgm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.section-heading h2[b-ed2symosgm] {
    margin: 1px 0 0;
    color: var(--mud-palette-text-primary);
    font-size: 1.15rem;
    font-weight: 720;
    line-height: 1.3;
}

.section-context[b-ed2symosgm] {
    color: var(--mud-palette-text-secondary);
    font-size: .82rem;
    font-weight: 600;
}

.kpi-grid[b-ed2symosgm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-kpi[b-ed2symosgm] {
    --kpi-color: #1976d2;
    --kpi-bg: rgba(25, 118, 210, .1);
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 12px;
    min-height: 116px;
    padding: 16px;
    border: 1px solid var(--mud-palette-divider);
    border-top: 3px solid var(--kpi-color);
    border-radius: 8px;
    background: var(--mud-palette-surface);
    color: inherit;
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.dashboard-kpi:hover[b-ed2symosgm] {
    border-color: color-mix(in srgb, var(--kpi-color) 38%, transparent);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07);
    color: inherit;
}

.tone-sales[b-ed2symosgm] {
    --kpi-color: #1976d2;
    --kpi-bg: rgba(25, 118, 210, .1);
}

.tone-profit[b-ed2symosgm] {
    --kpi-color: #2e7d32;
    --kpi-bg: rgba(46, 125, 50, .1);
}

.tone-purchase[b-ed2symosgm] {
    --kpi-color: #6d4c9f;
    --kpi-bg: rgba(109, 76, 159, .1);
}

.tone-expense[b-ed2symosgm],
.tone-danger[b-ed2symosgm] {
    --kpi-color: #d84343;
    --kpi-bg: rgba(216, 67, 67, .09);
}

.kpi-icon[b-ed2symosgm] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 8px;
    background: var(--kpi-bg);
    color: var(--kpi-color);
}

.kpi-content[b-ed2symosgm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.kpi-label[b-ed2symosgm] {
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    font-weight: 650;
}

.kpi-content strong[b-ed2symosgm] {
    margin-top: 2px;
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    font-size: 1.38rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-content small[b-ed2symosgm] {
    margin-top: 3px;
    overflow: hidden;
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-arrow[b-ed2symosgm],
.risk-arrow[b-ed2symosgm],
.activity-arrow[b-ed2symosgm] {
    display: grid;
    place-items: center;
    color: var(--mud-palette-text-disabled);
}

.operations-grid[b-ed2symosgm],
.insight-grid[b-ed2symosgm],
.activity-grid[b-ed2symosgm] {
    display: grid;
    gap: 16px;
}

.operations-grid[b-ed2symosgm] {
    grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr);
}

.insight-grid[b-ed2symosgm] {
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.2fr);
}

.activity-grid[b-ed2symosgm] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-panel[b-ed2symosgm] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
}

.risk-panel[b-ed2symosgm] {
    display: flex;
    flex-direction: column;
}

.panel-header[b-ed2symosgm] {
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.panel-title[b-ed2symosgm] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.panel-title h3[b-ed2symosgm] {
    margin: 0;
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 720;
    line-height: 1.35;
}

.panel-title p[b-ed2symosgm] {
    margin-top: 2px;
    font-size: .78rem;
    line-height: 1.35;
}

.panel-title-icon[b-ed2symosgm],
.queue-empty > span[b-ed2symosgm] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 8px;
}

.tone-blue[b-ed2symosgm] {
    background: rgba(25, 118, 210, .1);
    color: #1976d2;
}

.tone-green[b-ed2symosgm] {
    background: rgba(46, 125, 50, .1);
    color: #2e7d32;
}

.tone-amber[b-ed2symosgm] {
    background: rgba(245, 124, 0, .11);
    color: #e56f00;
}

.tone-purple[b-ed2symosgm] {
    background: rgba(109, 76, 159, .1);
    color: #6d4c9f;
}

.queue-status[b-ed2symosgm] {
    flex: 0 0 auto;
    font-size: .76rem;
    font-weight: 700;
}

.status-attention[b-ed2symosgm] {
    color: #b45309;
}

.status-clear[b-ed2symosgm] {
    color: #2e7d32;
}

.queue-empty[b-ed2symosgm] {
    display: flex;
    min-height: 176px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 28px 20px;
    text-align: left;
}

.queue-empty > span[b-ed2symosgm] {
    background: rgba(46, 125, 50, .1);
    color: #2e7d32;
}

.queue-empty strong[b-ed2symosgm] {
    color: var(--mud-palette-text-primary);
    font-size: .94rem;
}

.queue-empty p[b-ed2symosgm] {
    max-width: 390px;
    margin-top: 3px;
    font-size: .8rem;
}

.cash-position[b-ed2symosgm] {
    display: flex;
    min-height: 176px;
    flex-direction: column;
    padding: 20px;
}

.cash-label[b-ed2symosgm],
.balance-grid span[b-ed2symosgm],
.inventory-summary span[b-ed2symosgm],
.month-summary span[b-ed2symosgm] {
    color: var(--mud-palette-text-secondary);
    font-size: .76rem;
    font-weight: 600;
}

.cash-value[b-ed2symosgm] {
    margin-top: 2px;
    color: var(--mud-palette-text-primary);
    font-size: 1.7rem;
    line-height: 1.3;
}

.balance-grid[b-ed2symosgm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 16px 0;
    padding: 13px 0;
    border-top: 1px solid var(--mud-palette-divider);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.balance-grid > div[b-ed2symosgm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.balance-grid > div + div[b-ed2symosgm] {
    padding-left: 16px;
    border-left: 1px solid var(--mud-palette-divider);
}

.balance-grid strong[b-ed2symosgm] {
    margin-top: 2px;
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    font-size: .98rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.closing-action[b-ed2symosgm] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin-top: auto;
    padding: 9px 12px;
    border-radius: 6px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.closing-action:hover[b-ed2symosgm] {
    background: var(--mud-palette-primary-darken);
    color: var(--mud-palette-primary-text);
}

.closing-complete[b-ed2symosgm] {
    background: #2e7d32;
}

.closing-complete:hover[b-ed2symosgm] {
    background: #256829;
}

.panel-link[b-ed2symosgm] {
    flex: 0 0 auto;
    color: var(--mud-palette-primary);
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
}

.panel-link:hover[b-ed2symosgm] {
    text-decoration: underline;
}

.risk-row[b-ed2symosgm] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 11px;
    min-height: 75px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
    color: inherit;
    text-decoration: none;
    transition: background .14s ease;
}

.risk-row:hover[b-ed2symosgm] {
    background: rgba(15, 23, 42, .025);
    color: inherit;
}

.risk-icon[b-ed2symosgm] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 8px;
}

.risk-warning .risk-icon[b-ed2symosgm] {
    background: rgba(245, 124, 0, .11);
    color: #e56f00;
}

.risk-danger .risk-icon[b-ed2symosgm] {
    background: rgba(216, 67, 67, .09);
    color: #d84343;
}

.risk-expiry .risk-icon[b-ed2symosgm] {
    background: rgba(0, 137, 123, .1);
    color: #00897b;
}

.risk-copy[b-ed2symosgm],
.risk-value[b-ed2symosgm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.risk-copy strong[b-ed2symosgm],
.risk-value strong[b-ed2symosgm] {
    color: var(--mud-palette-text-primary);
    font-size: .86rem;
}

.risk-copy small[b-ed2symosgm],
.risk-value small[b-ed2symosgm] {
    margin-top: 1px;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.risk-value[b-ed2symosgm] {
    align-items: flex-end;
}

.inventory-summary[b-ed2symosgm],
.month-summary[b-ed2symosgm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inventory-summary[b-ed2symosgm] {
    margin-top: auto;
    background: rgba(15, 23, 42, .025);
}

.inventory-summary > div[b-ed2symosgm],
.month-summary > div[b-ed2symosgm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 14px 16px;
}

.inventory-summary > div + div[b-ed2symosgm],
.month-summary > div + div[b-ed2symosgm] {
    border-left: 1px solid var(--mud-palette-divider);
}

.inventory-summary strong[b-ed2symosgm],
.month-summary strong[b-ed2symosgm] {
    margin-top: 3px;
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.month-summary[b-ed2symosgm] {
    margin: 0 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.month-summary > div:first-child[b-ed2symosgm] {
    padding-left: 0;
}

.trend-chart[b-ed2symosgm] {
    min-height: 300px;
    padding: 8px 14px 8px 8px;
}

.trend-empty[b-ed2symosgm] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 28px 20px;
    text-align: left;
}

.trend-empty > span[b-ed2symosgm] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 8px;
    background: rgba(109, 76, 159, .1);
    color: #6d4c9f;
}

.trend-empty strong[b-ed2symosgm] {
    color: var(--mud-palette-text-primary);
    font-size: .92rem;
}

.trend-empty p[b-ed2symosgm] {
    max-width: 330px;
    margin: 3px 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.activity-panel[b-ed2symosgm] {
    min-height: 286px;
}

.activity-list[b-ed2symosgm] {
    display: flex;
    flex-direction: column;
}

.activity-item[b-ed2symosgm] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 11px;
    min-height: 62px;
    padding: 11px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
    color: inherit;
    text-decoration: none;
}

.activity-item:last-child[b-ed2symosgm] {
    border-bottom: 0;
}

.activity-item:hover[b-ed2symosgm] {
    background: rgba(15, 23, 42, .025);
    color: inherit;
}

.activity-icon[b-ed2symosgm] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 8px;
}

.activity-icon.sale[b-ed2symosgm] {
    background: rgba(25, 118, 210, .1);
    color: #1976d2;
}

.activity-icon.purchase[b-ed2symosgm] {
    background: rgba(0, 137, 123, .1);
    color: #00897b;
}

.activity-main[b-ed2symosgm] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.activity-main strong[b-ed2symosgm],
.activity-main small[b-ed2symosgm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-main strong[b-ed2symosgm],
.activity-amount[b-ed2symosgm] {
    color: var(--mud-palette-text-primary);
    font-size: .84rem;
}

.activity-main small[b-ed2symosgm] {
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.empty-state-wrap[b-ed2symosgm] {
    display: grid;
    min-height: 205px;
    place-items: center;
    padding: 20px;
}

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

@media (max-width: 1100px) {
    .operations-grid[b-ed2symosgm],
    .insight-grid[b-ed2symosgm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .dashboard-header[b-ed2symosgm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quick-actions[b-ed2symosgm] {
        justify-content: flex-start;
    }

    .activity-grid[b-ed2symosgm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .dashboard-shell[b-ed2symosgm] {
        gap: 22px;
    }

    .dashboard-heading h1[b-ed2symosgm] {
        font-size: 1.5rem;
    }

    .quick-actions[b-ed2symosgm] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .quick-action[b-ed2symosgm] {
        min-width: 0;
        padding-inline: 8px;
        font-size: .78rem;
    }

    .kpi-grid[b-ed2symosgm] {
        grid-template-columns: 1fr;
    }

    .dashboard-kpi[b-ed2symosgm] {
        min-height: 104px;
    }

    .panel-header[b-ed2symosgm] {
        min-height: 72px;
        align-items: flex-start;
        padding: 14px 16px;
    }

    .panel-title-icon[b-ed2symosgm] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .queue-status[b-ed2symosgm],
    .panel-link[b-ed2symosgm] {
        padding-top: 6px;
    }

    .cash-position[b-ed2symosgm] {
        padding: 16px;
    }

    .risk-row[b-ed2symosgm],
    .activity-item[b-ed2symosgm] {
        padding-inline: 16px;
    }

    .risk-row[b-ed2symosgm] {
        min-height: 65px;
    }

    .risk-copy small[b-ed2symosgm] {
        overflow: hidden;
        max-width: 180px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inventory-summary[b-ed2symosgm],
    .month-summary[b-ed2symosgm] {
        grid-template-columns: 1fr;
    }

    .inventory-summary > div[b-ed2symosgm],
    .month-summary > div[b-ed2symosgm] {
        padding: 11px 16px;
    }

    .inventory-summary > div + div[b-ed2symosgm],
    .month-summary > div + div[b-ed2symosgm] {
        border-top: 1px solid var(--mud-palette-divider);
        border-left: 0;
    }

    .month-summary[b-ed2symosgm] {
        margin-inline: 16px;
    }

    .month-summary > div:first-child[b-ed2symosgm] {
        padding-left: 16px;
    }

    .activity-amount[b-ed2symosgm] {
        display: none;
    }

    .trend-empty[b-ed2symosgm] {
        min-height: 210px;
    }
}

@media (max-width: 400px) {
    .quick-actions[b-ed2symosgm] {
        grid-template-columns: 1fr;
    }

    .quick-action[b-ed2symosgm] {
        justify-content: flex-start;
        padding-inline: 12px;
    }

    .panel-title p[b-ed2symosgm] {
        display: none;
    }

    .risk-row[b-ed2symosgm] {
        grid-template-columns: 32px minmax(0, 1fr) auto;
    }

    .risk-arrow[b-ed2symosgm] {
        display: none;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-stage[b-beqd16avoj] {
    background: #fff;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    box-shadow: 0 20px 50px rgba(15, 39, 64, .12);
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(420px, 1.2fr);
    min-height: 560px;
    overflow: hidden;
    width: min(940px, 100%);
}

.login-brand-panel[b-beqd16avoj] {
    background: #0d2a42;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 44px 40px;
}

.login-brand-lockup[b-beqd16avoj],
.login-brand-footer[b-beqd16avoj],
.login-security-note[b-beqd16avoj],
.login-btn-label[b-beqd16avoj],
.login-btn-loading[b-beqd16avoj] {
    align-items: center;
    display: flex;
}

.login-brand-lockup[b-beqd16avoj] {
    gap: 14px;
}

.login-brand-logo[b-beqd16avoj] {
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    height: 58px;
    width: 58px;
}

[b-beqd16avoj] .login-brand-name {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
}

[b-beqd16avoj] .login-brand-subtitle,
.login-brand-footer[b-beqd16avoj]  .mud-typography {
    color: #b9cad8;
}

.login-brand-footer[b-beqd16avoj] {
    border-top: 1px solid rgba(255, 255, 255, .16);
    gap: 12px;
    padding-top: 22px;
}

.login-form-panel[b-beqd16avoj] {
    align-self: center;
    padding: 52px 64px;
}

[b-beqd16avoj] .login-heading {
    color: #16324a;
    font-weight: 700;
    letter-spacing: 0;
}

[b-beqd16avoj] .login-heading:focus {
    outline: 0;
}

[b-beqd16avoj] .login-intro {
    margin: 6px 0 30px;
}

.login-form[b-beqd16avoj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.login-form label:not(.remember)[b-beqd16avoj] {
    color: #334e68;
    font-size: .82rem;
    font-weight: 700;
    margin-top: 4px;
}

.input-wrap[b-beqd16avoj] {
    align-items: center;
    background: #fff;
    border: 1px solid #b9c8d6;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    height: 50px;
    padding: 0 14px;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.input-wrap:focus-within[b-beqd16avoj] {
    border-color: #1976d2;
    box-shadow: 0 0 0 3px rgba(25, 118, 210, .12);
}

.input-wrap input[b-beqd16avoj] {
    background: transparent;
    border: 0;
    color: #243b53;
    font: inherit;
    outline: 0;
    width: 100%;
}

.password-wrap[b-beqd16avoj] {
    padding-right: 8px;
}

.password-toggle[b-beqd16avoj] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #627d98;
    cursor: pointer;
    display: grid;
    flex: 0 0 36px;
    height: 36px;
    place-items: center;
    width: 36px;
}

.password-toggle:hover[b-beqd16avoj] {
    background: #eef5fb;
    color: #1976d2;
}

.password-toggle .password-eye-hide[b-beqd16avoj],
.login-btn-loading[b-beqd16avoj] {
    display: none;
}

.password-toggle[aria-pressed="true"] .password-eye-show[b-beqd16avoj] {
    display: none;
}

.password-toggle[aria-pressed="true"] .password-eye-hide[b-beqd16avoj] {
    display: inline-flex;
}

.login-options[b-beqd16avoj] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 8px 0 14px;
}

.remember[b-beqd16avoj] {
    align-items: center;
    color: #486581;
    display: flex;
    font-size: .85rem;
    gap: 8px;
    margin: 0;
}

.login-options a[b-beqd16avoj] {
    color: #1976d2;
    font-size: .85rem;
    font-weight: 700;
    text-decoration: none;
}

.login-options a:hover[b-beqd16avoj] {
    text-decoration: underline;
}

[b-beqd16avoj] .login-submit {
    border-radius: 8px;
    min-height: 48px;
}

.login-btn-label[b-beqd16avoj],
.login-btn-loading[b-beqd16avoj] {
    gap: 8px;
    justify-content: center;
}

.login-btn-spinner[b-beqd16avoj] {
    animation: login-spin-b-beqd16avoj .75s linear infinite;
    border: 2px solid rgba(255, 255, 255, .45);
    border-radius: 50%;
    border-top-color: #fff;
    height: 18px;
    width: 18px;
}

.login-form.is-submitting .login-btn-label[b-beqd16avoj] {
    display: none;
}

.login-form.is-submitting .login-btn-loading[b-beqd16avoj] {
    display: inline-flex;
}

.login-form.is-submitting[b-beqd16avoj]  .login-submit {
    cursor: wait;
    opacity: .86;
}

.login-inline-alert[b-beqd16avoj] {
    background: #fff5f5;
    border: 1px solid #efb7b7;
    border-radius: 8px;
    color: #9a1b1b;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.45;
    margin-bottom: 18px;
    padding: 11px 13px;
}

.login-inline-alert:not([hidden])[b-beqd16avoj] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.login-inline-alert[hidden][b-beqd16avoj] {
    display: none;
}

.login-refresh-button[b-beqd16avoj] {
    background: #fff;
    border: 1px solid rgba(154, 27, 27, .3);
    border-radius: 8px;
    color: #9a1b1b;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    padding: 7px 11px;
}

.login-security-note[b-beqd16avoj] {
    color: #6b7f90;
    font-size: .78rem;
    gap: 6px;
    justify-content: center;
    margin-top: 22px;
}

@keyframes login-spin-b-beqd16avoj {
    to { transform: rotate(360deg); }
}

@media (max-width: 720px) {
    .login-stage[b-beqd16avoj] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .login-brand-panel[b-beqd16avoj] {
        align-items: center;
        padding: 22px 24px;
    }

    .login-brand-footer[b-beqd16avoj] {
        display: none;
    }

    .login-brand-logo[b-beqd16avoj] {
        height: 48px;
        width: 48px;
    }

    [b-beqd16avoj] .login-brand-name {
        font-size: 1.45rem;
    }

    .login-form-panel[b-beqd16avoj] {
        padding: 34px 28px 28px;
    }
}

@media (max-width: 420px) {
    .login-options[b-beqd16avoj] {
        align-items: flex-start;
        flex-direction: column;
    }

    .login-form-panel[b-beqd16avoj] {
        padding: 30px 20px 24px;
    }
}
/* /Components/Pages/Payments.razor.rz.scp.css */
.payments-tab-body[b-i4gtlhl3mx] {
    padding: 0 12px 16px;
}

.payments-toolbar[b-i4gtlhl3mx] {
    display: grid;
    grid-template-columns: minmax(220px, 420px) minmax(max-content, 1fr);
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
}

.payments-toolbar-search[b-i4gtlhl3mx],
.payments-toolbar-filter[b-i4gtlhl3mx] {
    min-width: 0;
}

.payments-toolbar-search[b-i4gtlhl3mx]  .payment-search,
.payments-toolbar-filter[b-i4gtlhl3mx]  .payment-type {
    width: 100%;
}

.payments-toolbar-actions[b-i4gtlhl3mx] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
}

.payments-toolbar-search-only[b-i4gtlhl3mx] {
    grid-template-columns: minmax(0, 420px);
}

.payment-add[b-i4gtlhl3mx] {
    white-space: nowrap;
}

.payable-alert-row[b-i4gtlhl3mx],
.daily-closing-panel[b-i4gtlhl3mx],
.payment-data-section[b-i4gtlhl3mx] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
}

.payable-alert-row[b-i4gtlhl3mx] {
    margin-bottom: 16px;
    padding: 12px 16px;
}

.payable-alert-content[b-i4gtlhl3mx],
.payable-alert-chips[b-i4gtlhl3mx] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.payable-alert-content[b-i4gtlhl3mx] {
    justify-content: space-between;
}

.payable-alert-chips[b-i4gtlhl3mx] {
    min-width: 0;
    flex-wrap: wrap;
}

.payment-data-section[b-i4gtlhl3mx] {
    overflow: hidden;
}

.payment-data-section + .payment-data-section[b-i4gtlhl3mx],
.daily-closing-panel + .payment-data-section[b-i4gtlhl3mx] {
    margin-top: 18px;
}

.payment-section-header[b-i4gtlhl3mx] {
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: rgba(15, 23, 42, .018);
}

.payment-section-header h2[b-i4gtlhl3mx],
.daily-closing-copy h2[b-i4gtlhl3mx] {
    margin: 0;
    color: var(--mud-palette-text-primary);
    font-size: .98rem;
    font-weight: 720;
    line-height: 1.35;
}

.payment-section-header p[b-i4gtlhl3mx],
.daily-closing-copy p[b-i4gtlhl3mx] {
    margin: 2px 0 0;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
    line-height: 1.4;
}

.payment-section-icon[b-i4gtlhl3mx] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 8px;
}

.section-receivable[b-i4gtlhl3mx],
.section-account[b-i4gtlhl3mx] {
    background: rgba(25, 118, 210, .1);
    color: #1976d2;
}

.section-receipt[b-i4gtlhl3mx],
.section-handover[b-i4gtlhl3mx] {
    background: rgba(0, 137, 123, .1);
    color: #00897b;
}

.section-payable[b-i4gtlhl3mx],
.section-expense[b-i4gtlhl3mx] {
    background: rgba(245, 124, 0, .11);
    color: #e56f00;
}

.section-payment[b-i4gtlhl3mx],
.section-transfer[b-i4gtlhl3mx] {
    background: rgba(109, 76, 159, .1);
    color: #6d4c9f;
}

.section-closing[b-i4gtlhl3mx] {
    background: rgba(46, 125, 50, .1);
    color: #2e7d32;
}

.payment-data-section[b-i4gtlhl3mx]  .mud-table-root,
.payment-data-section[b-i4gtlhl3mx]  .mud-table-container {
    border-radius: 0;
}

.daily-closing-panel[b-i4gtlhl3mx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
}

.daily-closing-copy[b-i4gtlhl3mx] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.daily-closing-actions[b-i4gtlhl3mx] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 900px) {
    .daily-closing-panel[b-i4gtlhl3mx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .daily-closing-actions[b-i4gtlhl3mx] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .payments-tab-body[b-i4gtlhl3mx] {
        padding: 0 4px 12px;
    }

    .payments-toolbar[b-i4gtlhl3mx] {
        grid-template-columns: 1fr;
    }

    .payments-toolbar-actions[b-i4gtlhl3mx] {
        grid-column: 1;
    }

    .payable-alert-content[b-i4gtlhl3mx] {
        align-items: stretch;
        flex-direction: column;
    }

    .payable-review-button[b-i4gtlhl3mx] {
        width: 100%;
    }

    .payment-section-header[b-i4gtlhl3mx] {
        min-height: 66px;
        padding: 12px 14px;
    }

    .payment-section-icon[b-i4gtlhl3mx] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .daily-closing-panel[b-i4gtlhl3mx] {
        padding: 14px;
    }
}

@media (max-width: 520px) {
    .daily-closing-actions[b-i4gtlhl3mx] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .daily-closing-actions[b-i4gtlhl3mx]  .mud-button-root {
        width: 100%;
    }
}
/* /Components/Pages/Pos.razor.rz.scp.css */
.pos-shell[b-sx3ytxvefz] {
    background: transparent;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pos-shortcut-actions[b-sx3ytxvefz] {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.pos-shortcut-actions button[b-sx3ytxvefz] {
    border: 0;
    height: 0;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.pos-tabs[b-sx3ytxvefz] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem;
    overflow-x: auto;
    padding: .55rem .65rem;
}

.pos-tab[b-sx3ytxvefz] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 8px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    gap: .45rem;
    min-height: 46px;
    min-width: 168px;
    padding: .35rem .5rem .35rem .75rem;
}

.pos-tab.active[b-sx3ytxvefz] {
    border-color: #1976d2;
    color: #0f172a;
}

.pos-tab span[b-sx3ytxvefz],
.pos-tab strong[b-sx3ytxvefz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-new-tab[b-sx3ytxvefz] {
    flex: 0 0 auto;
}

.pos-workspace[b-sx3ytxvefz] {
    display: grid;
    flex: 1 0 auto;
    gap: .85rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(400px, .9fr);
    min-height: clamp(430px, 56vh, 600px);
    min-width: 0;
}

.pos-catalog[b-sx3ytxvefz],
.pos-cart[b-sx3ytxvefz] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 8px;
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
    padding: .85rem;
}

.pos-search-row[b-sx3ytxvefz],
.pos-customer-row[b-sx3ytxvefz],
.pos-payment-row[b-sx3ytxvefz] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.pos-search-row[b-sx3ytxvefz] {
    grid-template-columns: 1fr auto;
    margin-bottom: .75rem;
}

.pos-customer-row[b-sx3ytxvefz],
.pos-payment-row[b-sx3ytxvefz] {
    grid-template-columns: 1fr 1fr;
}

.pos-customer-row[b-sx3ytxvefz] {
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(0, 1fr) 112px 92px;
    min-width: 0;
}

.pos-customer-row .customer-search[b-sx3ytxvefz] {
    max-width: none;
    width: 100%;
}

.pos-customer-row[b-sx3ytxvefz]  .mud-button-root {
    min-height: 36px;
    min-width: 0;
    padding: 5px 10px;
    width: 100%;
}

.pos-payment-row[b-sx3ytxvefz] {
    justify-content: flex-end;
    margin-top: .75rem;
}

.pos-product-grid[b-sx3ytxvefz] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

.pos-product-empty[b-sx3ytxvefz] {
    grid-column: 1 / -1;
}

.pos-product-tile[b-sx3ytxvefz] {
    align-items: start;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 8px;
    color: #111827;
    cursor: pointer;
    display: grid;
    gap: .7rem;
    grid-template-columns: 82px minmax(0, 1fr);
    min-height: 166px;
    padding: .7rem;
    text-align: left;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
    width: 100%;
}

.pos-product-tile:hover:not(:disabled)[b-sx3ytxvefz] {
    background: #fbfdff;
    border-color: rgba(25, 118, 210, .35);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .07);
}

.pos-product-tile.selected[b-sx3ytxvefz] {
    background: #f0f7ff;
    border-color: #1976d2;
    box-shadow: inset 3px 0 0 #1976d2, 0 8px 20px rgba(25, 118, 210, .1);
}

.pos-product-media[b-sx3ytxvefz] {
    min-width: 0;
}

.pos-product-image[b-sx3ytxvefz] {
    aspect-ratio: 1;
    background: #f1f5f9;
    border-radius: 6px;
    height: 82px;
    object-fit: cover;
    width: 82px;
}

.pos-product-image-empty[b-sx3ytxvefz] {
    align-items: center;
    color: #94a3b8;
    display: flex;
    justify-content: center;
}

.pos-product-tile:disabled[b-sx3ytxvefz] {
    color: #94a3b8;
    cursor: not-allowed;
}

.pos-product-content[b-sx3ytxvefz] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.pos-product-heading[b-sx3ytxvefz] {
    align-items: start;
    display: flex;
    gap: .45rem;
    justify-content: space-between;
    min-width: 0;
}

.pos-product-heading strong[b-sx3ytxvefz] {
    color: #0f172a;
    font-size: .94rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-product-heading small[b-sx3ytxvefz] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    flex: 0 0 auto;
    font-size: .68rem;
    font-weight: 800;
    max-width: 82px;
    overflow: hidden;
    padding: .18rem .35rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-product-price-row[b-sx3ytxvefz] {
    align-items: center;
    display: flex;
    gap: .35rem;
    justify-content: space-between;
    min-width: 0;
}

.pos-product-price-row > strong[b-sx3ytxvefz] {
    color: #0f766e;
    font-size: .9rem;
}

.pos-product-discount[b-sx3ytxvefz] {
    color: #047857;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.2;
}

.pos-product-stock[b-sx3ytxvefz] {
    color: #334155;
    display: -webkit-box;
    font-size: .73rem;
    font-weight: 700;
    line-height: 1.25;
    min-height: 1.82em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pos-product-stock.out-of-stock[b-sx3ytxvefz] {
    color: #b91c1c;
}

.pos-product-meta[b-sx3ytxvefz] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #475569;
    display: grid;
    gap: .45rem;
    grid-template-columns: minmax(0, 1fr) minmax(88px, auto);
    padding: .4rem .45rem;
}

.pos-product-meta > div[b-sx3ytxvefz] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.pos-product-meta small[b-sx3ytxvefz] {
    color: #64748b;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.1;
}

.pos-product-meta span[b-sx3ytxvefz] {
    color: #334155;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-product-meta.near-expiry[b-sx3ytxvefz] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.pos-product-meta.near-expiry small[b-sx3ytxvefz],
.pos-product-meta.near-expiry span[b-sx3ytxvefz] {
    color: #c2410c;
}

.pos-product-tags[b-sx3ytxvefz] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    min-height: 22px;
}

.pos-product-tags span[b-sx3ytxvefz] {
    background: #eef6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    color: #1d4ed8;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    padding: .25rem .4rem;
}

.pos-product-tile small[b-sx3ytxvefz],
.pos-cart-name span[b-sx3ytxvefz],
.pos-product-result small[b-sx3ytxvefz] {
    color: #64748b;
}

.pos-product-result[b-sx3ytxvefz] {
    display: grid;
    line-height: 1.25;
}

.pos-cart-list[b-sx3ytxvefz] {
    display: grid;
    gap: .6rem;
    margin-top: .75rem;
    min-width: 0;
}

.pos-cart-row[b-sx3ytxvefz] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) auto minmax(72px, max-content) 28px;
    min-height: 80px;
    min-width: 0;
    padding: .55rem .5rem .55rem .7rem;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    width: 100%;
}

.pos-cart-row:hover[b-sx3ytxvefz] {
    background: #fbfdff;
    border-color: rgba(25, 118, 210, .28);
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}

.pos-cart-row.selected[b-sx3ytxvefz] {
    background: #f0f7ff;
    border-color: #1976d2;
    box-shadow: inset 3px 0 0 #1976d2, 0 8px 20px rgba(25, 118, 210, .1);
}

.pos-cart-name[b-sx3ytxvefz] {
    display: grid;
    gap: .18rem;
    line-height: 1.25;
    min-width: 0;
}

.pos-cart-name strong[b-sx3ytxvefz] {
    color: #0f172a;
    font-size: .92rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-cart-name span[b-sx3ytxvefz] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-package-select[b-sx3ytxvefz] {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #334155;
    font-size: .78rem;
    font-weight: 700;
    height: 30px;
    max-width: 180px;
    padding: 0 .45rem;
}

.pos-qty[b-sx3ytxvefz] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: inline-grid;
    gap: .28rem;
    grid-template-columns: 24px 44px 24px;
    min-width: 0;
    padding: .2rem;
}

.pos-qty-button[b-sx3ytxvefz] {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #0f172a;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 24px;
}

.pos-qty-button:hover[b-sx3ytxvefz] {
    background: #eef6ff;
    border-color: #1976d2;
    color: #1976d2;
}

.pos-qty-input[b-sx3ytxvefz] {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #0f172a;
    font-size: .85rem;
    font-weight: 700;
    height: 28px;
    line-height: 1;
    outline: none;
    padding: 0 2px;
    text-align: center;
    width: 44px;
}

.pos-qty-input:focus[b-sx3ytxvefz],
.pos-money-input:focus[b-sx3ytxvefz],
.pos-discount-mode:focus[b-sx3ytxvefz] {
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, .14);
}

.pos-product-search[b-sx3ytxvefz]  .mud-input-control {
    margin-top: 0;
}

.pos-product-search[b-sx3ytxvefz]  .mud-input-root {
    min-height: 38px;
}

.pos-product-search[b-sx3ytxvefz]  input {
    padding: 7px 6px;
}

.pos-line-total[b-sx3ytxvefz] {
    color: #0f172a;
    font-size: .94rem;
    font-weight: 900;
    min-width: 72px;
    text-align: right;
    white-space: nowrap;
}

.pos-remove-button[b-sx3ytxvefz] {
    align-items: center;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 7px;
    color: #dc2626;
    cursor: pointer;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    text-transform: uppercase;
    width: 28px;
    justify-self: end;
}

.pos-remove-button:hover[b-sx3ytxvefz] {
    background: #fee2e2;
    border-color: #f87171;
}

.pos-remove-icon[b-sx3ytxvefz] {
    border: 1.7px solid currentColor;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 10px;
}

.pos-remove-icon[b-sx3ytxvefz]::before {
    background: currentColor;
    border-radius: 999px;
    content: "";
    height: 1.7px;
    left: -2px;
    position: absolute;
    top: -4px;
    width: 14px;
}

.pos-remove-icon[b-sx3ytxvefz]::after {
    background: currentColor;
    border-radius: 999px;
    content: "";
    height: 1.7px;
    left: 2px;
    position: absolute;
    top: -7px;
    width: 6px;
}

.pos-summary[b-sx3ytxvefz] {
    border-top: 1px solid rgba(15, 23, 42, .08);
    display: grid;
    gap: .45rem;
    margin-top: .75rem;
    padding-top: .75rem;
}

.pos-summary > div[b-sx3ytxvefz] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.pos-discount-row[b-sx3ytxvefz] {
    gap: .75rem;
}

.pos-discount-controls[b-sx3ytxvefz] {
    align-items: center;
    gap: .4rem;
    grid-template-columns: 72px 76px;
}

.pos-discount-mode[b-sx3ytxvefz] {
    appearance: none;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    font-size: .86rem;
    font-weight: 700;
    height: 38px;
    outline: none;
    padding: 0 1.45rem 0 .65rem;
    width: 60px;
}

.pos-money-input[b-sx3ytxvefz] {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #0f172a;
    font-size: .86rem;
    font-weight: 700;
    height: 38px;
    outline: none;
    padding: 0 .45rem;
    text-align: right;
    width: 150px;
}

.pos-money-input[b-sx3ytxvefz]::-webkit-outer-spin-button,
.pos-money-input[b-sx3ytxvefz]::-webkit-inner-spin-button {
    margin: 0;
}

.pos-summary .total[b-sx3ytxvefz] {
    color: #111827;
    font-size: 1.2rem;
}

@media (max-width: 1320px) {
    .pos-shell[b-sx3ytxvefz] {
        padding: 0;
    }

    .pos-workspace[b-sx3ytxvefz] {
        gap: .7rem;
        grid-template-columns: minmax(0, 1fr) minmax(380px, .78fr);
    }

    .pos-catalog[b-sx3ytxvefz],
    .pos-cart[b-sx3ytxvefz] {
        padding: .7rem;
    }

    .pos-customer-row[b-sx3ytxvefz] {
        grid-template-columns: minmax(0, 1fr) 96px 86px;
    }

    .pos-cart-row[b-sx3ytxvefz] {
        gap: .42rem;
        grid-template-columns: minmax(0, 1fr) 28px;
        grid-template-areas:
            "name remove"
            "qty total";
        min-height: 80px;
        padding: .5rem;
        row-gap: .45rem;
    }

    .pos-cart-name strong[b-sx3ytxvefz] {
        font-size: .88rem;
    }

    .pos-cart-name span[b-sx3ytxvefz] {
        font-size: .74rem;
    }

    .pos-cart-name[b-sx3ytxvefz] {
        grid-area: name;
    }

    .pos-qty[b-sx3ytxvefz] {
        grid-area: qty;
        gap: .2rem;
        grid-template-columns: 22px 38px 22px;
        justify-self: start;
        padding: .16rem;
    }

    .pos-qty-button[b-sx3ytxvefz] {
        height: 22px;
        width: 22px;
    }

    .pos-qty-input[b-sx3ytxvefz] {
        height: 24px;
        width: 38px;
    }

    .pos-line-total[b-sx3ytxvefz] {
        grid-area: total;
        font-size: .88rem;
        justify-self: end;
        min-width: 0;
        text-align: right;
    }

    .pos-remove-button[b-sx3ytxvefz] {
        grid-area: remove;
        justify-self: end;
    }
}

@media (max-width: 1120px) {
    .pos-workspace[b-sx3ytxvefz] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .pos-product-grid[b-sx3ytxvefz] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    }
}

@media (max-width: 960px) {
    .pos-workspace[b-sx3ytxvefz] {
        grid-template-columns: 1fr;
    }

    .pos-payment-row[b-sx3ytxvefz] {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-cart-row[b-sx3ytxvefz] {
        grid-template-columns: minmax(0, 1fr) 28px;
        grid-template-areas:
            "name remove"
            "qty total";
        row-gap: .55rem;
    }

    .pos-cart-name[b-sx3ytxvefz] {
        grid-area: name;
    }

    .pos-qty[b-sx3ytxvefz] {
        grid-area: qty;
        justify-self: start;
    }

    .pos-line-total[b-sx3ytxvefz] {
        grid-area: total;
        justify-self: end;
        text-align: right;
    }

    .pos-remove-button[b-sx3ytxvefz] {
        grid-area: remove;
        justify-self: end;
    }
}

@media (max-width: 560px) {
    .pos-customer-row[b-sx3ytxvefz] {
        grid-template-columns: 1fr;
    }

    .pos-product-tile[b-sx3ytxvefz] {
        gap: .55rem;
        grid-template-columns: 68px minmax(0, 1fr);
        padding: .6rem;
    }

    .pos-product-image[b-sx3ytxvefz] {
        height: 68px;
        width: 68px;
    }

    .pos-product-meta[b-sx3ytxvefz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Products.razor.rz.scp.css */
.product-toolbar[b-gf2nx39cgd] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(220px, 420px) minmax(max-content, 1fr);
    margin-bottom: 16px;
    padding: 12px;
}

.product-toolbar-search[b-gf2nx39cgd] {
    min-width: 0;
}

.product-toolbar-search[b-gf2nx39cgd]  .product-search {
    max-width: 420px;
    width: 100%;
}

.product-toolbar-actions[b-gf2nx39cgd] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.product-add-button[b-gf2nx39cgd] {
    white-space: nowrap;
}

.product-image-column[b-gf2nx39cgd] {
    min-width: 72px;
    text-align: center;
    width: 72px;
}

.product-name-column[b-gf2nx39cgd] {
    min-width: 260px;
}

.product-table-image[b-gf2nx39cgd] {
    aspect-ratio: 1;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 6px;
    display: inline-flex;
    height: 40px;
    object-fit: cover;
    position: relative;
    transition: transform .16s ease, box-shadow .16s ease;
    width: 40px;
    z-index: 1;
}

.product-table-image:hover[b-gf2nx39cgd] {
    box-shadow: 0 10px 24px rgba(15, 23, 42, .24);
    transform: scale(2.1);
    z-index: 20;
}

.product-table-image-placeholder[b-gf2nx39cgd] {
    align-items: center;
    background: #f5f7fa;
    color: #6b7c93;
    justify-content: center;
}

.product-name-cell[b-gf2nx39cgd] {
    min-width: 260px;
}

.product-name-stack[b-gf2nx39cgd] {
    display: grid;
    gap: .2rem;
    line-height: 1.25;
    padding: .15rem 0;
}

.product-title[b-gf2nx39cgd] {
    color: #111827;
    font-size: .92rem;
    font-weight: 700;
    text-transform: none;
}

.product-meta[b-gf2nx39cgd] {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: .75rem;
    gap: .3rem;
}

.product-meta span[b-gf2nx39cgd] {
    align-items: center;
    background: #f1f5f9;
    border: 1px solid rgba(100, 116, 139, .16);
    border-radius: 999px;
    display: inline-flex;
    min-height: 22px;
    padding: 0 .45rem;
}

.product-soft-cell[b-gf2nx39cgd] {
    color: #334155;
    font-weight: 500;
    min-width: 104px;
}

.product-price-cell[b-gf2nx39cgd] {
    color: #0f766e;
    font-weight: 700;
    min-width: 112px;
    white-space: nowrap;
}

.product-stock-pill[b-gf2nx39cgd] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid rgba(79, 70, 229, .16);
    border-radius: 999px;
    color: #3730a3;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    justify-content: center;
    min-height: 24px;
    min-width: 34px;
    padding: 0 .5rem;
}

.product-active-column[b-gf2nx39cgd] {
    min-width: 92px;
    text-align: center;
}

.product-actions-column[b-gf2nx39cgd] {
    min-width: 116px;
    text-align: right;
}

.row-actions[b-gf2nx39cgd] {
    align-items: center;
    display: inline-flex;
    gap: .1rem;
    justify-content: flex-end;
}

@media (max-width: 560px) {
    .product-toolbar[b-gf2nx39cgd] {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-toolbar-search[b-gf2nx39cgd]  .product-search {
        max-width: none;
    }

    .product-toolbar-actions[b-gf2nx39cgd],
    .product-add-button[b-gf2nx39cgd] {
        width: 100%;
    }
}
/* /Components/Pages/Reports/ProductMovementReport.razor.rz.scp.css */
.product-history-identity[b-tp1x85lgf4] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.product-history-details[b-tp1x85lgf4] {
    color: var(--mud-palette-text-secondary);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    gap: 4px 16px;
    margin-top: 2px;
}

@media (max-width: 760px) {
    .product-history-identity[b-tp1x85lgf4] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-tabs[b-gupaw8fufd]  .mud-tabs-panels { padding-top:16px; }
.invoice-settings-layout[b-gupaw8fufd] { display:grid; gap:14px; min-width:0; }
.invoice-settings-section[b-gupaw8fufd] { border:1px solid var(--mud-palette-divider); border-radius:8px; box-sizing:border-box; max-width:100%; min-width:0; padding:16px; }
.invoice-settings-source[b-gupaw8fufd] { align-items:center; display:flex; gap:16px; justify-content:space-between; }
.invoice-switch[b-gupaw8fufd] { margin:0; }
.invoice-switch-grid[b-gupaw8fufd] { display:grid; gap:8px 18px; grid-template-columns:repeat(3, minmax(0, 1fr)); margin-top:10px; }
.invoice-logo-toggle[b-gupaw8fufd] { align-items:center; border:1px solid var(--mud-palette-divider); border-radius:8px; display:flex; min-height:56px; padding:0 12px; }
.invoice-logo-upload[b-gupaw8fufd] { align-items:center; border:1px dashed var(--mud-palette-divider); border-radius:8px; display:flex; gap:14px; padding:12px; }
.invoice-logo-preview[b-gupaw8fufd] { background:#fff; border:1px solid rgba(15,23,42,.12); border-radius:6px; max-height:64px; max-width:180px; padding:6px; }
.subscription-panel[b-gupaw8fufd] { display:grid; gap:4px; }
.subscription-status-block[b-gupaw8fufd] { align-items:center; display:flex; gap:14px; padding:4px 0; }
.subscription-status-block[b-gupaw8fufd]  .mud-icon-root { flex:0 0 auto; }

@media (max-width: 900px) {
    .invoice-settings-source[b-gupaw8fufd] { align-items:flex-start; flex-direction:column; }
    .invoice-switch-grid[b-gupaw8fufd] { grid-template-columns:1fr; }
}
/* /Components/Shared/CustomerSearchDropdown.razor.rz.scp.css */
.customer-search[b-2m9lb2jthd] {
    min-width: 0;
    position: relative;
    width: 100%;
}

.customer-search-box[b-2m9lb2jthd] {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    display: flex;
    height: 36px;
    overflow: hidden;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.customer-search-box.open[b-2m9lb2jthd],
.customer-search-box:focus-within[b-2m9lb2jthd] {
    border-color: #1976d2;
    box-shadow: 0 0 0 2px rgba(25, 118, 210, .14);
}

.customer-search-input[b-2m9lb2jthd] {
    background: transparent;
    border: 0;
    color: #0f172a;
    flex: 1 1 auto;
    font-size: .86rem;
    font-weight: 700;
    height: 100%;
    min-width: 0;
    outline: none;
    padding: 0 .65rem;
}

.customer-search-input[b-2m9lb2jthd]::placeholder {
    color: #94a3b8;
    font-weight: 600;
}

.customer-search-clear[b-2m9lb2jthd] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #64748b;
    cursor: pointer;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    height: 100%;
    justify-content: center;
    padding: 0;
    text-transform: uppercase;
    width: 30px;
}

.customer-search-clear:hover[b-2m9lb2jthd] {
    color: #dc2626;
}

.customer-search-menu[b-2m9lb2jthd] {
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .16);
    display: grid;
    left: 0;
    max-height: 260px;
    overflow-y: auto;
    padding: .25rem;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 30;
}

.customer-search-option[b-2m9lb2jthd] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #0f172a;
    cursor: pointer;
    font-size: .84rem;
    font-weight: 700;
    min-height: 32px;
    overflow: hidden;
    padding: .42rem .55rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-search-option:hover[b-2m9lb2jthd],
.customer-search-option.active[b-2m9lb2jthd] {
    background: #eef6ff;
    color: #1976d2;
}

.customer-search-option.empty[b-2m9lb2jthd] {
    color: #94a3b8;
    cursor: default;
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-meiiwuwe3c] { min-height:240px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; padding:32px; }
.empty-icon[b-meiiwuwe3c] { width:64px; height:64px; display:grid; place-items:center; border-radius:50%; color:var(--mud-palette-primary); background:color-mix(in srgb,var(--mud-palette-primary) 10%,transparent); margin-bottom:4px; }
/* /Components/Shared/InfoTile.razor.rz.scp.css */
.subscription-info-tile[b-jp3bt2uik6] {
    align-items: flex-start;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    min-height: 82px;
    padding: 14px;
}

.subscription-info-tile span[b-jp3bt2uik6] {
    min-width: 0;
}
/* /Components/Shared/InventoryStockTable.razor.rz.scp.css */
.inventory-toolbar[b-2j4tujqkr7] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(260px, 2fr) repeat(2, minmax(180px, 1fr)) auto;
    margin-bottom: 16px;
    padding: 12px;
}

.inventory-toolbar-search[b-2j4tujqkr7],
.inventory-toolbar-field[b-2j4tujqkr7],
.inventory-toolbar-actions[b-2j4tujqkr7] {
    min-width: 0;
}

.inventory-expiry-range[b-2j4tujqkr7] {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(190px, 260px)) minmax(220px, 1fr);
}

.inventory-expiry-error[b-2j4tujqkr7] {
    align-self: center;
}

.inventory-summary-strip[b-2j4tujqkr7] {
    background: #fff;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
    overflow: hidden;
}

.inventory-summary-strip > div[b-2j4tujqkr7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 12px 16px;
}

.inventory-summary-strip > div + div[b-2j4tujqkr7] {
    border-left: 1px solid var(--mud-palette-divider);
}

.inventory-summary-strip span[b-2j4tujqkr7] {
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
}

.inventory-summary-strip strong[b-2j4tujqkr7] {
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-toolbar-search[b-2j4tujqkr7]  .inventory-search {
    width: 100%;
}

.inventory-toolbar-field[b-2j4tujqkr7]  .mud-input-control {
    min-width: 0;
    width: 100%;
}

.inventory-toolbar-field[b-2j4tujqkr7]  .inventory-stock-filter {
    width: 100%;
}

.inventory-toolbar-actions[b-2j4tujqkr7] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.inventory-cell-stack[b-2j4tujqkr7] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

@media (max-width: 1100px) {
    .inventory-toolbar[b-2j4tujqkr7] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .inventory-toolbar-search[b-2j4tujqkr7] {
        grid-column: 1 / -1;
    }

    .inventory-toolbar-search[b-2j4tujqkr7]  .inventory-search {
        max-width: none;
    }

    .inventory-toolbar-actions[b-2j4tujqkr7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .inventory-toolbar[b-2j4tujqkr7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inventory-toolbar-search[b-2j4tujqkr7] {
        grid-column: auto;
    }

    .inventory-toolbar-actions[b-2j4tujqkr7] {
        grid-column: auto;
        justify-content: stretch;
    }

    .inventory-toolbar-actions[b-2j4tujqkr7]  .mud-button-root {
        flex: 1 1 0;
    }

    .inventory-expiry-range[b-2j4tujqkr7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inventory-summary-strip[b-2j4tujqkr7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventory-summary-strip > div:nth-child(3)[b-2j4tujqkr7] {
        border-left: 0;
        border-top: 1px solid var(--mud-palette-divider);
    }

    .inventory-summary-strip > div:nth-child(4)[b-2j4tujqkr7] {
        border-top: 1px solid var(--mud-palette-divider);
    }

    .inventory-cell-stack[b-2j4tujqkr7] {
        justify-items: end;
        max-width: 210px;
        text-align: right;
    }
}

@media (max-width: 420px) {
    .inventory-summary-strip[b-2j4tujqkr7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inventory-summary-strip > div + div[b-2j4tujqkr7] {
        border-left: 0;
        border-top: 1px solid var(--mud-palette-divider);
    }
}
/* /Components/Shared/PrintAgentSettings.razor.rz.scp.css */
.print-agent-card[b-jous2oea9g] { background:var(--mud-palette-surface); border:1px solid var(--mud-palette-divider); border-radius:16px; min-width:0; padding:20px; }
.print-agent-card h3[b-jous2oea9g], .print-agent-card h4[b-jous2oea9g] { font-size:1rem; font-weight:700; line-height:1.5; margin:0; }
.print-agent-card p[b-jous2oea9g] { font-size:.875rem; line-height:1.6; margin:4px 0 0; }
.agent-muted[b-jous2oea9g] { color:var(--mud-palette-text-secondary); }
.print-agent-heading[b-jous2oea9g], .agent-status-row[b-jous2oea9g], .agent-retry-heading[b-jous2oea9g], .agent-retry-row[b-jous2oea9g] { align-items:center; display:flex; gap:16px; justify-content:space-between; }
.print-agent-heading[b-jous2oea9g] { align-items:flex-start; padding-bottom:20px; }
.print-agent-card[b-jous2oea9g]  .agent-action { border-radius:999px; flex-shrink:0; text-transform:none; white-space:nowrap; }
.agent-status-row[b-jous2oea9g] { border-top:1px solid var(--mud-palette-divider); border-bottom:1px solid var(--mud-palette-divider); padding:18px 0; }
.agent-status-heading[b-jous2oea9g], .agent-actions[b-jous2oea9g] { align-items:center; display:flex; flex-wrap:wrap; gap:8px; }
.agent-actions[b-jous2oea9g] { flex-shrink:0; }
.agent-status-badge[b-jous2oea9g] { background:var(--mud-palette-background-grey); border:1px solid var(--mud-palette-divider); border-radius:999px; font-size:.75rem; font-weight:600; padding:2px 9px; }
.agent-status-badge.is-online[b-jous2oea9g] { background:#e8f5e9; border-color:#a5d6a7; color:#256029; }
.agent-status-badge.is-offline[b-jous2oea9g] { background:#fff1f0; border-color:#ffc9c5; color:#9b2c24; }
.agent-status-badge.is-checking[b-jous2oea9g] { background:#e8f2ff; border-color:#b7d6ff; color:#1858a8; }
.agent-printer-field[b-jous2oea9g] { margin:24px 0; max-width:calc(50% - 8px); }
.agent-field-hint[b-jous2oea9g] { font-size:.8rem !important; }
.agent-guides[b-jous2oea9g] { align-items:stretch; display:grid; gap:16px; grid-template-columns:repeat(2, minmax(0, 1fr)); }
.agent-guide[b-jous2oea9g] { border:1px solid; border-radius:14px; min-width:0; padding:16px; }
.agent-install[b-jous2oea9g] { background:color-mix(in srgb, var(--mud-palette-info) 12%, var(--mud-palette-surface)); border-color:color-mix(in srgb, var(--mud-palette-info) 40%, var(--mud-palette-divider)); }
.agent-install h4[b-jous2oea9g] { color:var(--mud-palette-primary); }
.agent-uninstall[b-jous2oea9g] { background:color-mix(in srgb, var(--mud-palette-text-primary) 10%, var(--mud-palette-surface)); border-color:var(--mud-palette-divider); }
.agent-guide ol[b-jous2oea9g] { font-size:.875rem; line-height:1.55; margin:8px 0 18px; padding-left:18px; }
.agent-guide a[b-jous2oea9g] { color:var(--mud-palette-primary); text-decoration:underline; }
.agent-command[b-jous2oea9g] { margin-top:12px; }
.agent-command strong[b-jous2oea9g] { font-size:.875rem; font-weight:600; }
.print-agent-card pre[b-jous2oea9g] { background:var(--mud-palette-surface); border:1px solid var(--mud-palette-divider); border-radius:12px; font-family:Consolas, "Courier New", monospace; font-size:.78rem; line-height:1.6; margin:5px 0 0; max-width:100%; overflow-wrap:anywhere; padding:10px 12px; user-select:all; white-space:pre-wrap; }
.agent-guide > p[b-jous2oea9g] { margin-top:14px; }
.agent-retry-panel[b-jous2oea9g] { border:1px solid var(--mud-palette-divider); border-radius:12px; margin-bottom:20px; padding:14px; }
.agent-retry-row[b-jous2oea9g] { border-top:1px solid var(--mud-palette-divider); margin-top:12px; padding-top:12px; }
.agent-retry-row > div[b-jous2oea9g] { min-width:0; overflow-wrap:anywhere; }
.agent-troubleshooting[b-jous2oea9g] { margin-top:16px; }
.agent-troubleshooting summary[b-jous2oea9g] { color:var(--mud-palette-primary); cursor:pointer; font-size:.875rem; font-weight:600; }
.agent-troubleshooting p[b-jous2oea9g] { margin-top:10px; }
@media (max-width: 1100px) {
    .agent-status-row[b-jous2oea9g] { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 700px) {
    .print-agent-card[b-jous2oea9g] { padding:16px; }
    .print-agent-heading[b-jous2oea9g] { flex-direction:column; }
    .agent-printer-field[b-jous2oea9g] { max-width:100%; }
    .agent-guides[b-jous2oea9g] { grid-template-columns:1fr; }
}
/* /Components/Shared/PurchaseOrderTable.razor.rz.scp.css */
.purchase-cell-stack[b-tymzgztijd] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

@media (max-width: 560px) {
    .purchase-cell-stack[b-tymzgztijd] {
        justify-items: end;
        max-width: 190px;
        text-align: right;
    }
}
/* /Components/Shared/QueueLink.razor.rz.scp.css */
.queue-item[b-tbn3pukrkh] {
    --queue-color: #1976d2;
    --queue-bg: rgba(25, 118, 210, .1);
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 12px;
    min-height: 66px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--mud-palette-divider);
    color: inherit;
    text-decoration: none;
    transition: background .14s ease;
}

.queue-item:last-child[b-tbn3pukrkh] {
    border-bottom: 0;
}

.queue-item:hover[b-tbn3pukrkh] {
    background: rgba(15, 23, 42, .025);
    color: inherit;
}

.queue-icon[b-tbn3pukrkh] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 8px;
    background: var(--queue-bg);
    color: var(--queue-color);
}

.queue-copy[b-tbn3pukrkh] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.queue-copy strong[b-tbn3pukrkh] {
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-copy small[b-tbn3pukrkh] {
    margin-top: 2px;
    overflow: hidden;
    color: var(--mud-palette-text-secondary);
    font-size: .73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-value[b-tbn3pukrkh] {
    color: var(--mud-palette-text-primary);
    font-size: .9rem;
    font-weight: 750;
    white-space: nowrap;
}

.queue-arrow[b-tbn3pukrkh] {
    display: grid;
    place-items: center;
    color: var(--mud-palette-text-disabled);
}

.queue-danger[b-tbn3pukrkh] {
    --queue-color: #d84343;
    --queue-bg: rgba(216, 67, 67, .09);
}

.queue-warning[b-tbn3pukrkh] {
    --queue-color: #e56f00;
    --queue-bg: rgba(245, 124, 0, .11);
}

.queue-success[b-tbn3pukrkh] {
    --queue-color: #2e7d32;
    --queue-bg: rgba(46, 125, 50, .1);
}

.queue-info[b-tbn3pukrkh] {
    --queue-color: #0288d1;
    --queue-bg: rgba(2, 136, 209, .1);
}

@media (max-width: 600px) {
    .queue-item[b-tbn3pukrkh] {
        padding-inline: 16px;
    }
}
/* /Components/Shared/SalesTable.razor.rz.scp.css */
.sales-toolbar[b-ocgwuyh595] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(220px, 420px) 180px minmax(max-content, 1fr);
    margin-bottom: 16px;
    padding: 12px;
}

.sales-toolbar-search[b-ocgwuyh595],
.sales-toolbar-filter[b-ocgwuyh595] {
    min-width: 0;
}

.sales-toolbar-search[b-ocgwuyh595]  .sales-search,
.sales-toolbar-filter[b-ocgwuyh595]  .sales-status {
    width: 100%;
}

.sales-toolbar-actions[b-ocgwuyh595] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.sales-add[b-ocgwuyh595] {
    white-space: nowrap;
}

.sales-cell-stack[b-ocgwuyh595] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

@media (max-width: 700px) {
    .sales-toolbar[b-ocgwuyh595] {
        grid-template-columns: minmax(0, 1fr) 160px;
    }

    .sales-toolbar-actions[b-ocgwuyh595] {
        grid-column: 2;
    }
}

@media (max-width: 560px) {
    .sales-toolbar[b-ocgwuyh595] {
        grid-template-columns: minmax(0, 1fr);
    }

    .sales-toolbar-actions[b-ocgwuyh595] {
        grid-column: 1;
        width: 100%;
    }

    .sales-add[b-ocgwuyh595] {
        width: 100%;
    }

    .sales-cell-stack[b-ocgwuyh595] {
        justify-items: end;
        max-width: 190px;
        text-align: right;
    }
}
/* /Components/Shared/SearchToolbar.razor.rz.scp.css */
.search-toolbar[b-ybukwlwxl6] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(220px, 420px) minmax(max-content, 1fr);
    margin-bottom: 16px;
    padding: 12px;
}

.search-toolbar-search[b-ybukwlwxl6] {
    min-width: 0;
}

.search-toolbar-search[b-ybukwlwxl6]  .search-box {
    max-width: 420px;
    width: 100%;
}

.search-toolbar-actions[b-ybukwlwxl6] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.search-toolbar-button[b-ybukwlwxl6] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.add-button[b-ybukwlwxl6] {
    white-space: nowrap;
}

@media (max-width: 560px) {
    .search-toolbar[b-ybukwlwxl6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-toolbar-search[b-ybukwlwxl6]  .search-box {
        max-width: none;
    }

    .search-toolbar-actions[b-ybukwlwxl6],
    .search-toolbar-button[b-ybukwlwxl6],
    .add-button[b-ybukwlwxl6] {
        width: 100%;
    }
}
/* /Components/Shared/ShortcutChip.razor.rz.scp.css */
.page-shortcut-chip[b-emdar2h019] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 7px;
    padding: 4px 7px;
    font-size: .78rem;
    white-space: nowrap;
}

.page-shortcut-keys[b-emdar2h019] {
    display: inline-flex;
    gap: 3px;
}

.page-shortcut-keys kbd[b-emdar2h019] {
    background: #fff;
    border: 1px solid var(--mud-palette-divider);
    border-bottom-width: 2px;
    border-radius: 5px;
    color: #0f172a;
    display: inline-block;
    font: 800 .66rem Inter, "Segoe UI", sans-serif;
    line-height: 1;
    min-width: 24px;
    padding: 4px 5px;
    text-align: center;
}
