/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tpsaj87tr4] {
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

main[b-tpsaj87tr4] {
    background: #f7f9fc;
    flex: 1;
    min-width: 0;
}

.sidebar[b-tpsaj87tr4] {
    background: #ffffff;
    border-right: 1px solid #d8dee8;
    box-shadow: none;
    position: relative;
}

.top-row[b-tpsaj87tr4] {
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid #d8dee8;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    min-height: 4.5rem;
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(12px);
}

.app-terminal-topbar[b-tpsaj87tr4] {
    gap: 1rem;
}

.topbar-title[b-tpsaj87tr4],
.topbar-title-copy[b-tpsaj87tr4],
.topbar-actions[b-tpsaj87tr4],
.user-chip[b-tpsaj87tr4],
.user-avatar[b-tpsaj87tr4],
.topbar-page-icon[b-tpsaj87tr4],
.terminal-chip[b-tpsaj87tr4],
.topbar-icon-button[b-tpsaj87tr4] {
    align-items: center;
    display: flex;
}

.topbar-title[b-tpsaj87tr4] {
    flex-direction: row;
    gap: .75rem;
    min-width: 0;
}

.topbar-title strong[b-tpsaj87tr4] {
    color: #172033;
    font-size: 1.08rem;
    font-weight: 900;
    line-height: 1.15;
    white-space: nowrap;
}

.topbar-title-copy[b-tpsaj87tr4] {
    align-items: flex-start;
    flex-direction: column;
    gap: .1rem;
    min-width: 0;
}

.topbar-title-copy small[b-tpsaj87tr4] {
    color: #667085;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.1;
}

.topbar-page-icon[b-tpsaj87tr4] {
    background: #e5f5ee;
    border-radius: .75rem;
    color: #07593d;
    flex: 0 0 auto;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.app-mode-badge[b-tpsaj87tr4] {
    align-items: center;
    background: #fff8e6;
    border: 1px solid #f1d58a;
    border-radius: 999px;
    color: #5f4300;
    display: inline-flex;
    font-family: var(--font-label);
    font-size: .76rem;
    font-weight: 800;
    gap: .4rem;
    line-height: 1;
    min-height: 2rem;
    padding: 0 .75rem;
    white-space: nowrap;
}

.topbar-actions[b-tpsaj87tr4] {
    gap: .8rem;
    min-width: 0;
}

.topbar-link[b-tpsaj87tr4] {
    color: #172033;
    font-size: .86rem;
    line-height: 1;
    text-decoration: none;
}

.terminal-chip[b-tpsaj87tr4] {
    background: #f2f7f4;
    border: 1px solid #bbd8cb;
    border-radius: 999px;
    color: #07593d;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1;
    min-height: 2.25rem;
    padding: 0 .9rem;
    text-decoration: none;
}

.contextual-help[b-tpsaj87tr4] { position: relative; }
.contextual-help summary[b-tpsaj87tr4] { list-style: none; }
.contextual-help summary[b-tpsaj87tr4]::-webkit-details-marker { display: none; }
.contextual-help-panel[b-tpsaj87tr4] { position: absolute; z-index: 20; top: calc(100% + .5rem); right: 0; width: min(22rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; background: var(--bs-body-bg); box-shadow: 0 .75rem 2rem rgba(0,0,0,.16); color: var(--bs-body-color); }
.contextual-help-panel p[b-tpsaj87tr4] { margin: .5rem 0; font-size: .875rem; }
.contextual-help-panel ul[b-tpsaj87tr4] { margin: .5rem 0 .75rem; padding-left: 1.2rem; font-size: .8125rem; }
.contextual-help-panel a[b-tpsaj87tr4] { font-size: .875rem; font-weight: 600; }

.terminal-chip.open[b-tpsaj87tr4] {
    background: #e5f5ee;
    color: #07593d;
}

.terminal-chip.closed[b-tpsaj87tr4] {
    background: #fff8e6;
    border-color: #f1d58a;
    color: #7a4f00;
}

.terminal-chip:hover[b-tpsaj87tr4] {
    box-shadow: 0 .35rem 1rem rgba(16, 24, 40, .08);
}

.user-chip[b-tpsaj87tr4] {
    background: #f7f9fc;
    border: 1px solid #d8dee8;
    border-radius: 999px;
    color: #172033;
    font-size: .9rem;
    gap: .5rem;
    min-height: 2.75rem;
    min-width: 0;
    padding: .25rem .75rem .25rem .25rem;
}

.user-chip > span:last-child[b-tpsaj87tr4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-avatar[b-tpsaj87tr4] {
    background: #e5f5ee;
    border-radius: 999px;
    color: #07593d;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 900;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.topbar-icon-button[b-tpsaj87tr4] {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #172033;
    height: 2.75rem;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    width: 2.75rem;
}

.topbar-icon-button:hover[b-tpsaj87tr4] {
    background: #eef3f8;
}

.sidebar-collapse-button[b-tpsaj87tr4] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d8dee8;
    border-radius: 999px;
    color: #172033;
    display: none;
    height: 2.25rem;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: -1.125rem;
    top: 5rem;
    width: 2rem;
    z-index: 20;
    box-shadow: 0 .35rem 1rem rgba(16, 24, 40, .08);
}

.sidebar-collapse-button:hover[b-tpsaj87tr4] {
    background: #e5f5ee;
    color: #073b2b;
}

.content[b-tpsaj87tr4] {
    padding: 1rem 1.25rem 1.25rem;
}

@media (max-width: 640.98px) {
    .top-row[b-tpsaj87tr4] {
        min-height: 4rem;
    }

    .app-mode-badge[b-tpsaj87tr4],
    .terminal-chip[b-tpsaj87tr4],
    .user-chip > span:last-child[b-tpsaj87tr4] {
        display: none;
    }

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

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

    .sidebar[b-tpsaj87tr4] {
        height: 100vh;
        position: sticky;
        top: 0;
        transition: width .18s ease;
        width: 15.25rem;
    }

    .sidebar-collapse-button[b-tpsaj87tr4] {
        display: flex;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4] {
        width: 5rem;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .navbar-brand {
        font-size: 0;
        gap: 0;
        justify-content: center;
        width: 100%;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .brand-icon {
        font-size: 1rem;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav {
        padding-left: .6rem;
        padding-right: .6rem;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-station-card {
        justify-content: center;
        margin-left: .6rem;
        margin-right: .6rem;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-station-copy {
        display: none;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-link {
        font-size: 0;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-icon {
        font-size: .95rem;
        margin-right: 0;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-section-toggle {
        font-size: 0;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-section-label {
        gap: 0;
        justify-content: center;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-section-label {
        font-size: 0;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-section-leading-icon {
        font-size: .95rem;
    }

    .page.nav-collapsed .sidebar[b-tpsaj87tr4]  .nav-section-icon {
        display: none;
    }

    .top-row[b-tpsaj87tr4] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-tpsaj87tr4] {
    background: #fff3cd;
    border-top: 1px solid #ffecb5;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #664d03;
    color-scheme: light only;
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-tpsaj87tr4] {
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-iyne5936e0] {
    appearance: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2823, 32, 51, 0.78%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.55rem #fff;
    border: 1px solid #d8dee8;
    border-radius: .75rem;
    color: #172033;
    cursor: pointer;
    height: var(--touch-target-min);
    position: absolute;
    right: 1rem;
    top: .5rem;
    width: 3.25rem;
}

.navbar-toggler:checked[b-iyne5936e0] {
    background-color: #eef3f8;
}

.top-row[b-iyne5936e0] {
    background: #ffffff;
    border-bottom: 1px solid #d8dee8;
    min-height: 4.5rem;
}

.app-nav-brand-row[b-iyne5936e0] {
    padding-left: 1rem !important;
}

.navbar-brand[b-iyne5936e0] {
    align-items: center;
    color: #172033;
    display: flex;
    font-size: 1.02rem;
    font-weight: 900;
    gap: .7rem;
    letter-spacing: 0;
    text-transform: none;
}

.brand-icon[b-iyne5936e0] {
    align-items: center;
    background: #0f7b56;
    border-radius: .75rem;
    color: #fff;
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    margin-right: 0;
    width: 2.5rem;
}

.nav-station-card[b-iyne5936e0] {
    align-items: flex-start;
    background: #f2f7f4;
    border: 1px solid #bbd8cb;
    border-radius: .75rem;
    color: inherit;
    display: flex;
    gap: .75rem;
    margin: 1rem 1rem .55rem;
    min-height: 3.5rem;
    min-width: 0;
    padding: .55rem .65rem;
    position: relative;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.nav-station-card:hover[b-iyne5936e0] {
    background: #e8f4ee;
    border-color: #8fc6ac;
    box-shadow: 0 .45rem 1.1rem rgba(16, 24, 40, .08);
    color: inherit;
}

.nav-station-card:focus-visible[b-iyne5936e0] {
    outline: 3px solid rgba(15, 123, 86, .22);
    outline-offset: 2px;
}

.nav-station-card.closed[b-iyne5936e0] {
    background: #fff8e6;
    border-color: #f1d58a;
}

.nav-station-icon[b-iyne5936e0] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #bbd8cb;
    border-radius: .65rem;
    color: #07593d;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.nav-station-card.closed .nav-station-icon[b-iyne5936e0] {
    border-color: #f1d58a;
    color: #7a4f00;
}

.nav-station-copy[b-iyne5936e0] {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    padding-right: .1rem;
}

.nav-station-copy strong[b-iyne5936e0],
.nav-station-copy small[b-iyne5936e0] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-station-copy strong[b-iyne5936e0] {
    color: #07593d;
    font-size: .9rem;
    font-weight: 900;
}

.nav-station-copy small[b-iyne5936e0] {
    color: #477260;
    font-size: .74rem;
    font-weight: 700;
}

.nav-station-card.closed .nav-station-copy strong[b-iyne5936e0] {
    color: #7a4f00;
}

.nav-station-card.closed .nav-station-copy small[b-iyne5936e0] {
    color: #805f12;
}

.nav-station-meta[b-iyne5936e0] {
    color: #667085;
    display: block;
    font-size: .68rem;
    font-weight: 700;
    margin-top: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-station-status[b-iyne5936e0] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #bbd8cb;
    border-radius: 999px;
    color: #07593d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .66rem;
    font-weight: 900;
    gap: .25rem;
    line-height: 1;
    margin-top: .1rem;
    padding: .18rem .38rem;
    white-space: nowrap;
}

.nav-station-card.closed .nav-station-status[b-iyne5936e0] {
    border-color: #f1d58a;
    color: #7a4f00;
}

.nav-search[b-iyne5936e0] {
    align-items: center;
    background: #f7f9fc;
    border: 1px solid #d8dee8;
    border-radius: .7rem;
    display: flex;
    gap: .45rem;
    margin: .7rem 1rem 0;
    min-height: 2.75rem;
    padding: 0 .65rem;
}

.nav-search > i[b-iyne5936e0] {
    color: #667085;
    flex: 0 0 auto;
}

.nav-search input[b-iyne5936e0] {
    background: transparent;
    border: 0;
    color: #172033;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.nav-search:focus-within[b-iyne5936e0] {
    background: #ffffff;
    border-color: #0f7b56;
    box-shadow: 0 0 0 3px rgba(15, 123, 86, .16);
}

.nav-search-clear[b-iyne5936e0] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #667085;
    display: inline-flex;
    flex: 0 0 2rem;
    height: 2rem;
    justify-content: center;
    min-height: 2rem;
    padding: 0;
    width: 2rem;
}

.nav-search-clear:hover[b-iyne5936e0] {
    background: #e8eef5;
    color: #172033;
}

.nav-search-clear:focus-visible[b-iyne5936e0] {
    outline: 3px solid rgba(15, 123, 86, .22);
    outline-offset: 1px;
}

.nav-icon[b-iyne5936e0] {
    display: inline-block;
    flex: 0 0 1rem;
    margin-right: .65rem;
    text-align: center;
    width: 1rem;
}

.nav[b-iyne5936e0] {
    gap: .12rem;
    padding: .75rem 1rem 1rem;
}

.nav-item[b-iyne5936e0] {
    font-size: .88rem;
    padding: 0;
}

.nav-item:first-of-type[b-iyne5936e0] {
    padding-top: 0;
}

.nav-item:last-of-type[b-iyne5936e0] {
    padding-bottom: 0;
}

.nav-item[b-iyne5936e0]  .nav-link {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .7rem;
    color: #344054;
    display: flex;
    font-weight: 700;
    line-height: 1;
    min-height: 2.75rem;
    padding: .55rem .7rem;
    text-decoration: none;
    width: 100%;
}

.nav-item[b-iyne5936e0]  a.active {
    background: #e5f5ee;
    color: #07593d;
    font-weight: 900;
    box-shadow: inset 3px 0 0 #0f7b56;
}

.nav-item[b-iyne5936e0]  .nav-link:hover {
    background: #eef3f8;
    color: #073b2b;
}

.nav-section[b-iyne5936e0] {
    margin: .75rem 0 0;
}

.nav-section-toggle[b-iyne5936e0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #667085;
    display: flex;
    font-family: var(--font-label);
    font-size: .73rem;
    font-weight: 900;
    justify-content: space-between;
    letter-spacing: 0;
    min-height: 2.25rem;
    padding: .55rem .45rem .45rem;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.nav-section-label[b-iyne5936e0] {
    align-items: center;
    display: inline-flex;
    gap: .65rem;
    min-width: 0;
}

.nav-section-leading-icon[b-iyne5936e0] {
    flex: 0 0 1rem;
    text-align: center;
    width: 1rem;
}

.nav-section-toggle:hover[b-iyne5936e0],
.nav-section-toggle:focus[b-iyne5936e0] {
    color: #172033;
}

.nav-section-toggle:focus-visible[b-iyne5936e0] {
    outline: 3px solid rgba(15, 123, 86, .18);
    outline-offset: 2px;
}

.nav-section-icon[b-iyne5936e0] {
    display: inline-block;
    height: 1rem;
    text-align: center;
    width: 1rem;
}

.nav-section-body[b-iyne5936e0] {
    display: grid;
    gap: .15rem;
    padding-bottom: .2rem;
}

hr[b-iyne5936e0] {
    border-color: #d8dee8;
    margin: .65rem 0;
}

.nav-scrollable[b-iyne5936e0] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-iyne5936e0] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-iyne5936e0] {
        display: none;
    }

    .nav-scrollable[b-iyne5936e0] {
        display: block;
        height: calc(100vh - 4.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-z4s8l5v10y],
.components-reconnect-repeated-attempt-visible[b-z4s8l5v10y],
.components-reconnect-failed-visible[b-z4s8l5v10y],
.components-pause-visible[b-z4s8l5v10y],
.components-resume-failed-visible[b-z4s8l5v10y],
.components-rejoining-animation[b-z4s8l5v10y] {
    display: none;
}

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


#components-reconnect-modal[b-z4s8l5v10y] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: .9rem;
    box-shadow: 0 1rem 3rem rgba(15, 23, 42, .18);
    color: #0b1c30;
    margin: 20vh auto;
    opacity: 0;
    padding: 1.5rem;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-z4s8l5v10y 0.5s both;
    width: min(22rem, calc(100vw - 2rem));
}

#components-reconnect-modal[open][b-z4s8l5v10y] {
    animation: components-reconnect-modal-slideUp-b-z4s8l5v10y .35s cubic-bezier(.2, 0, 0, 1), components-reconnect-modal-fadeInOpacity-b-z4s8l5v10y .25s ease-in-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-z4s8l5v10y]::backdrop {
    background-color: rgba(11, 28, 48, .42);
    animation: components-reconnect-modal-fadeInOpacity-b-z4s8l5v10y 0.5s ease-in-out;
    backdrop-filter: blur(8px);
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

#components-reconnect-modal p[b-z4s8l5v10y] {
    color: #424656;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.45;
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-z4s8l5v10y] {
    background: #0066ff;
    border: 0;
    border-radius: .75rem;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    min-height: 3rem;
    padding: 0 1.25rem;
}

#components-reconnect-modal button:hover[b-z4s8l5v10y] {
    background: #0050cb;
}

#components-reconnect-modal button:focus-visible[b-z4s8l5v10y] {
    outline: 3px solid rgba(0, 102, 255, .24);
    outline-offset: 2px;
}

.components-rejoining-animation[b-z4s8l5v10y] {
    background: #eff6ff;
    border-radius: 999px;
    height: 4.5rem;
    position: relative;
    width: 4.5rem;
}

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

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

@keyframes components-rejoining-animation-b-z4s8l5v10y {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/PaymentMethods/Components/PaymentMethodEditorModal.razor.rz.scp.css */
.payment-methods-form[b-xab5ctryu3] {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-methods-checks[b-xab5ctryu3] {
    display: grid;
    gap: .55rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 992px) {
    .payment-methods-form[b-xab5ctryu3] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .payment-methods-form[b-xab5ctryu3],
    .payment-methods-checks[b-xab5ctryu3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/PaymentMethods/Components/PaymentMethodsFilters.razor.rz.scp.css */
.payment-methods-filter-grid[b-qd6kcrdfxr] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(15rem, 1fr) minmax(13rem, auto) auto;
}

.payment-methods-search[b-qd6kcrdfxr] {
    position: relative;
}

.payment-methods-search i[b-qd6kcrdfxr] {
    color: var(--color-muted);
    left: .85rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.payment-methods-search input[b-qd6kcrdfxr] {
    padding-left: 2.4rem;
}

@media (max-width: 992px) {
    .payment-methods-filter-grid[b-qd6kcrdfxr] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .payment-methods-filter-grid[b-qd6kcrdfxr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/PaymentMethods/Components/PaymentMethodsList.razor.rz.scp.css */
.payment-methods-kpis[b-bz86zlqy7i] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.payment-methods-row-actions[b-bz86zlqy7i] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.payment-methods-action-cell[b-bz86zlqy7i] {
    text-align: center !important;
    vertical-align: middle;
}

.payment-methods-table-wrap[b-bz86zlqy7i] {
    overflow: auto;
}

.payment-methods-table[b-bz86zlqy7i] {
    font-size: .92rem;
}

.payment-methods-table caption[b-bz86zlqy7i] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.payment-methods-table th[b-bz86zlqy7i] {
    color: var(--color-muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.payment-methods-table td[b-bz86zlqy7i] {
    vertical-align: middle;
}

.payment-methods-table td small[b-bz86zlqy7i],
.payment-methods-table-actions span[b-bz86zlqy7i] {
    color: var(--color-muted);
    display: block;
    font-size: .85rem;
}

.payment-methods-identity[b-bz86zlqy7i] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.payment-methods-icon[b-bz86zlqy7i] {
    align-items: center;
    border-radius: .5rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.payment-methods-rules[b-bz86zlqy7i] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.payment-methods-rules span[b-bz86zlqy7i] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text);
    display: inline-flex;
    font-size: .76rem;
    padding: .2rem .45rem;
}

@media (max-width: 992px) {
    .payment-methods-kpis[b-bz86zlqy7i] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .payment-methods-kpis[b-bz86zlqy7i] {
        grid-template-columns: 1fr;
    }

    .payment-methods-table thead[b-bz86zlqy7i] {
        display: none;
    }

    .payment-methods-table tr[b-bz86zlqy7i] {
        border-bottom: 1px solid var(--color-border);
        display: grid;
        gap: .45rem;
        padding: .85rem 1rem;
    }

    .payment-methods-table td[b-bz86zlqy7i] {
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    .payment-methods-table td[b-bz86zlqy7i]::before {
        color: var(--color-muted);
        content: attr(data-label);
        font-weight: 800;
        text-align: left;
    }

    .payment-methods-row-actions[b-bz86zlqy7i] {
        justify-content: flex-end;
    }
}
/* /Components/Pages/Admin/PaymentMethods/PaymentMethods.razor.rz.scp.css */
.payment-methods-page[b-f3md6xb2yf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.payment-methods-actions[b-f3md6xb2yf] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .payment-methods-actions[b-f3md6xb2yf],
    .payment-methods-actions .icon-action-button[b-f3md6xb2yf] {
        width: 100%;
    }

    .payment-methods-actions[b-f3md6xb2yf] {
        justify-content: flex-start;
    }

}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
/* Settings page */
.settings-page[b-poqm6kpx67] {
    --settings-ink: #172033;
    --settings-muted: #667085;
    --settings-subtle: #eef3f8;
    --settings-subtle-strong: #e5f5ee;
    --settings-surface: #ffffff;
    --settings-border: #d8dee8;
    --settings-outline: #c4ccd8;
    --settings-green: #0f7b56;
    --settings-green-dark: #07593d;
    --settings-danger: #b42318;
    color: var(--settings-ink);
}

.settings-action-row[b-poqm6kpx67] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.settings-action-row span[b-poqm6kpx67] {
    color: var(--settings-muted);
    font-size: .85rem;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-save-button[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-green) !important;
    border: 0 !important;
    border-radius: .75rem !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 900;
    gap: .55rem;
    min-height: 3rem;
    padding: 0 1.15rem !important;
    white-space: nowrap;
}

.settings-save-button:hover:not(:disabled)[b-poqm6kpx67] {
    background: var(--settings-green-dark) !important;
}

.settings-alert[b-poqm6kpx67] {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

.settings-alert.success[b-poqm6kpx67] {
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    color: var(--settings-green-dark);
}

.settings-loading[b-poqm6kpx67] {
    background: var(--settings-surface);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
}

.settings-grid[b-poqm6kpx67] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.settings-workspace[b-poqm6kpx67] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
}

.settings-tabs[b-poqm6kpx67] {
    background: var(--settings-surface);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
    display: grid;
    gap: .25rem;
    padding: .4rem;
    position: sticky;
    top: 1rem;
}

.settings-tab[b-poqm6kpx67] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .55rem;
    color: var(--settings-muted);
    display: flex;
    font-family: var(--font-label);
    font-weight: 900;
    gap: .65rem;
    min-height: 2.65rem;
    padding: 0 .8rem;
    text-align: left;
    width: 100%;
}

.settings-tab i[b-poqm6kpx67] {
    flex: 0 0 1.1rem;
    text-align: center;
}

.settings-tab:hover[b-poqm6kpx67],
.settings-tab.active[b-poqm6kpx67] {
    background: #f2f7f4;
    color: var(--settings-ink);
}

.settings-tab.active[b-poqm6kpx67] {
    box-shadow: inset .2rem 0 0 var(--settings-green);
}

.settings-section[b-poqm6kpx67] {
    min-width: 0;
}

.settings-empty-panel[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-surface);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
    color: var(--settings-muted);
    display: flex;
    flex-direction: column;
    gap: .65rem;
    justify-content: center;
    min-height: 20rem;
    padding: 2rem;
    text-align: center;
}

.settings-empty-panel > i[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-subtle-strong);
    border-radius: .75rem;
    color: var(--settings-green-dark);
    display: inline-flex;
    font-size: 1.25rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.settings-empty-panel strong[b-poqm6kpx67] {
    color: var(--settings-ink);
    font-size: 1.05rem;
    font-weight: 900;
}

.settings-empty-panel span[b-poqm6kpx67] {
    max-width: 34rem;
}

.settings-link-button[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-green);
    border: 0;
    border-radius: .65rem;
    color: #fff;
    display: inline-flex;
    font-weight: 900;
    min-height: 2.75rem;
    padding: 0 1rem;
}

.settings-link-button:hover[b-poqm6kpx67] {
    background: var(--settings-green-dark);
}

.settings-note[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-subtle);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
    color: var(--settings-muted);
    display: flex;
    font-weight: 700;
    gap: .65rem;
    padding: .8rem;
}

.settings-card[b-poqm6kpx67] {
    background: var(--settings-surface);
    border: 1px solid var(--settings-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    height: 100%;
    overflow: hidden;
}

.settings-card-header[b-poqm6kpx67] {
    align-items: center;
    background: #f8fafc !important;
    border-bottom: 1px solid var(--settings-border);
    color: var(--settings-ink);
    display: flex;
    gap: .8rem;
    min-height: 3.75rem;
    padding: 1rem 1.15rem;
}

.settings-card-icon[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-subtle-strong);
    border-radius: .75rem;
    color: var(--settings-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.settings-card-header strong[b-poqm6kpx67] {
    display: block;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.settings-card-header small[b-poqm6kpx67] {
    color: var(--settings-muted);
    display: block;
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

.settings-card-body[b-poqm6kpx67] {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.15rem;
}

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

.settings-field[b-poqm6kpx67] {
    min-width: 0;
}

.settings-field-full[b-poqm6kpx67] {
    grid-column: 1 / -1;
}

.settings-card-body .mb-3[b-poqm6kpx67],
.settings-card-body .mb-0[b-poqm6kpx67] {
    margin-bottom: 0 !important;
}

.settings-card-body .form-label[b-poqm6kpx67],
.settings-card-body .form-check-label[b-poqm6kpx67] {
    color: var(--settings-ink);
    display: block;
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: .4rem;
}

.settings-card-body .form-control[b-poqm6kpx67],
.settings-card-body input:not(.form-check-input)[b-poqm6kpx67],
.settings-card-body textarea[b-poqm6kpx67] {
    background: var(--settings-surface);
    border: 1px solid var(--settings-outline);
    border-radius: .7rem;
    color: var(--settings-ink);
    min-height: 2.85rem;
}

.settings-card-body textarea[b-poqm6kpx67] {
    min-height: 6rem;
}

.settings-card-body .form-control:focus[b-poqm6kpx67],
.settings-card-body input:not(.form-check-input):focus[b-poqm6kpx67],
.settings-card-body textarea:focus[b-poqm6kpx67] {
    border-color: var(--settings-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
    outline: 0;
}

.settings-switch-list .form-check.form-switch[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-subtle);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0 !important;
    min-height: 3rem;
    padding: .65rem .8rem .65rem 1rem !important;
}

.settings-switch-list .form-check.form-switch:hover[b-poqm6kpx67] {
    background: #f6faf8;
    border-color: #b7d7c9;
}

.settings-switch-list .form-check-input[b-poqm6kpx67] {
    accent-color: var(--settings-green);
    cursor: pointer;
    flex: 0 0 auto;
    float: none;
    height: 1.35rem;
    margin: 0;
    order: 2;
    width: 2.55rem;
}

.settings-switch-list .form-check-label[b-poqm6kpx67] {
    cursor: pointer;
    margin: 0;
    padding-right: .8rem;
}

.settings-logo-preview[b-poqm6kpx67] {
    background: var(--settings-subtle);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
    flex-wrap: wrap;
    padding: .7rem;
}

.settings-logo-preview .btn[b-poqm6kpx67] {
    border-radius: .65rem;
    font-weight: 800;
    min-height: 2.5rem;
}

@media (max-width: 767.98px) {
    .settings-action-row[b-poqm6kpx67] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-save-button[b-poqm6kpx67] {
        justify-content: center;
        width: 100%;
    }

    .settings-form-grid[b-poqm6kpx67] {
        grid-template-columns: 1fr;
    }

    .settings-workspace[b-poqm6kpx67] {
        grid-template-columns: 1fr;
    }

    .settings-tabs[b-poqm6kpx67] {
        display: flex;
        overflow-x: auto;
        position: static;
    }

    .settings-tab[b-poqm6kpx67] {
        flex: 0 0 auto;
        white-space: nowrap;
        width: auto;
    }

    .settings-tab.active[b-poqm6kpx67] {
        box-shadow: inset 0 -.2rem 0 var(--settings-green);
    }

    .settings-empty-panel[b-poqm6kpx67] {
        min-height: 14rem;
        padding: 1.25rem;
    }
}

.receipt-logo-preview[b-poqm6kpx67] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.receipt-logo-preview img[b-poqm6kpx67] {
    background: var(--color-surface);
    border: 1px solid var(--color-surface-high);
    border-radius: .5rem;
    max-height: 64px;
    max-width: 140px;
    object-fit: contain;
    padding: .35rem;
}

.settings-card-body .form-select[b-poqm6kpx67] {
    background-color: var(--settings-surface);
    border: 1px solid var(--settings-outline);
    border-radius: .7rem;
    color: var(--settings-ink);
    min-height: 2.85rem;
}

.settings-card-body .form-select:focus[b-poqm6kpx67] {
    border-color: var(--settings-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
    outline: 0;
}

.settings-inline-switch.form-check.form-switch[b-poqm6kpx67] {
    align-items: center;
    background: var(--settings-subtle);
    border: 1px solid var(--settings-border);
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    min-height: 3rem;
    padding: .65rem .8rem .65rem 1rem !important;
}

.settings-inline-switch .form-check-input[b-poqm6kpx67] {
    flex: 0 0 auto;
    float: none;
    height: 1.35rem;
    margin: 0;
    order: 2;
    width: 2.55rem;
}

.settings-inline-switch .form-check-label[b-poqm6kpx67] {
    margin: 0;
    padding-right: .8rem;
}
/* /Components/Pages/Admin/Support.razor.rz.scp.css */
.support-page[b-klrortpogo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.support-toolbar[b-klrortpogo],
.support-hero[b-klrortpogo],
.support-panel[b-klrortpogo] {
    background: #ffffff;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.support-toolbar[b-klrortpogo] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.support-toolbar h1[b-klrortpogo],
.support-hero h2[b-klrortpogo],
.support-panel h3[b-klrortpogo] {
    color: #102033;
    letter-spacing: 0;
    margin: 0;
}

.support-toolbar h1[b-klrortpogo] {
    font-size: 1.55rem;
    font-weight: 760;
}

.support-toolbar span[b-klrortpogo],
.support-hero p[b-klrortpogo],
.support-panel-header span[b-klrortpogo],
.support-list span[b-klrortpogo],
.support-detail span[b-klrortpogo],
.support-detail small[b-klrortpogo],
.support-list small[b-klrortpogo] {
    color: #667085;
}

.support-refresh[b-klrortpogo] {
    min-width: 8.75rem;
}

.support-hero[b-klrortpogo] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem;
}

.support-hero h2[b-klrortpogo] {
    font-size: 1.35rem;
    margin-top: .65rem;
}

.support-status[b-klrortpogo] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 700;
    gap: .45rem;
    padding: .38rem .72rem;
}

.support-hero-meta[b-klrortpogo] {
    border-left: 1px solid #e3e8ef;
    display: grid;
    gap: .15rem;
    min-width: 14rem;
    padding-left: 1.25rem;
    text-align: right;
}

.support-hero-meta span[b-klrortpogo],
.support-hero-meta small[b-klrortpogo] {
    color: #667085;
}

.support-hero-meta strong[b-klrortpogo] {
    color: #102033;
    font-size: 1.1rem;
}

.support-health-grid[b-klrortpogo] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.support-health-item[b-klrortpogo] {
    background: #ffffff;
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    display: grid;
    gap: .6rem;
    grid-template-columns: 1fr auto;
    min-height: 8rem;
    padding: 1rem;
}

.support-health-item span[b-klrortpogo] {
    color: #667085;
    display: block;
    font-size: .85rem;
}

.support-health-item strong[b-klrortpogo] {
    color: #102033;
    display: block;
    font-size: 1.1rem;
    margin-top: .2rem;
}

.support-health-item small[b-klrortpogo] {
    color: #667085;
    grid-column: 1 / -1;
}

.support-layout[b-klrortpogo] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.3fr) minmax(22rem, .7fr);
}

.support-panel[b-klrortpogo] {
    min-width: 0;
    overflow: hidden;
}

.support-panel-wide[b-klrortpogo] {
    grid-row: span 3;
}

.support-panel-header[b-klrortpogo] {
    align-items: center;
    border-bottom: 1px solid #e3e8ef;
    display: flex;
    justify-content: space-between;
    padding: .95rem 1rem;
}

.support-panel-header h3[b-klrortpogo] {
    font-size: 1rem;
    font-weight: 760;
}

.support-table[b-klrortpogo] {
    font-size: .9rem;
}

.support-table code[b-klrortpogo] {
    color: #23496f;
    font-size: .8rem;
    word-break: break-all;
}

.support-metric-row[b-klrortpogo] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.support-metric-row span[b-klrortpogo] {
    background: #f7f9fc;
    border-radius: 8px;
    color: #667085;
    display: grid;
    gap: .15rem;
    padding: .75rem;
}

.support-metric-row strong[b-klrortpogo] {
    color: #102033;
    font-size: 1.1rem;
}

.support-list[b-klrortpogo] {
    display: grid;
    gap: .75rem;
    list-style: none;
    margin: 0;
    padding: 1rem;
}

.support-list li[b-klrortpogo] {
    border: 1px solid #e3e8ef;
    border-radius: 8px;
    display: grid;
    gap: .15rem;
    padding: .75rem;
}

.support-list strong[b-klrortpogo],
.support-detail strong[b-klrortpogo] {
    color: #102033;
}

.support-detail[b-klrortpogo] {
    display: grid;
    gap: .25rem;
    padding: 1rem;
}

.is-healthy[b-klrortpogo] {
    background: #e8f5ee;
    color: #17633a;
}

.is-warning[b-klrortpogo] {
    background: #fff4df;
    color: #9a5b00;
}

.is-critical[b-klrortpogo] {
    background: #fdecec;
    color: #b42318;
}

.is-unknown[b-klrortpogo] {
    background: #eef2f6;
    color: #475467;
}

@media (max-width: 992px) {
    .support-layout[b-klrortpogo] {
        grid-template-columns: 1fr;
    }

    .support-panel-wide[b-klrortpogo] {
        grid-row: auto;
    }
}

@media (max-width: 640px) {
    .support-toolbar[b-klrortpogo],
    .support-hero[b-klrortpogo] {
        align-items: stretch;
        flex-direction: column;
        gap: 1rem;
    }

    .support-hero-meta[b-klrortpogo] {
        border-left: 0;
        border-top: 1px solid #e3e8ef;
        min-width: 0;
        padding-left: 0;
        padding-top: 1rem;
        text-align: left;
    }

    .support-metric-row[b-klrortpogo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.users-page[b-6o0vfyg0wq] {
    --users-ink: #172033;
    --users-muted: #667085;
    --users-subtle: #eef3f8;
    --users-subtle-strong: #e5f5ee;
    --users-surface: #ffffff;
    --users-border: #d8dee8;
    --users-outline: #c4ccd8;
    --users-green: #0f7b56;
    --users-green-dark: #07593d;
    --users-danger: #b42318;
    --users-danger-bg: #fff1f0;
    color: var(--users-ink);
}

[b-6o0vfyg0wq] .users-action-row {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

[b-6o0vfyg0wq] .users-action-row span {
    color: var(--users-muted, #667085);
    font-size: .85rem;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-6o0vfyg0wq] .users-primary-action {
    align-items: center;
    background: var(--users-green) !important;
    border: 0 !important;
    border-radius: .75rem !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 900;
    gap: .55rem;
    justify-content: center;
    min-height: 3rem;
    padding: 0 1.15rem !important;
    white-space: nowrap;
}

[b-6o0vfyg0wq] .users-primary-action:hover {
    background: var(--users-green-dark) !important;
}

[b-6o0vfyg0wq] .users-alert.success {
    color: var(--users-green-dark);
}

[b-6o0vfyg0wq] .users-alert.danger {
    background: var(--users-danger-bg);
    border: 1px solid #f2b8b5;
    color: var(--users-danger);
}

[b-6o0vfyg0wq] .users-loading {
    background: var(--users-surface);
    border: 1px solid var(--users-border);
    border-radius: .75rem;
}

[b-6o0vfyg0wq] .users-table-card {
    background: var(--users-surface);
    border: 1px solid var(--users-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    overflow: hidden;
}

[b-6o0vfyg0wq] .users-table-card-header {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid var(--users-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-6o0vfyg0wq] .users-table-card-header strong,
[b-6o0vfyg0wq] .users-table-card-header small {
    display: block;
}

[b-6o0vfyg0wq] .users-table-card-header strong {
    color: var(--users-ink);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

[b-6o0vfyg0wq] .users-table-card-header small {
    color: var(--users-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-6o0vfyg0wq] .users-table-count {
    background: var(--users-subtle-strong);
    border-radius: 999px;
    color: var(--users-green-dark);
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 900;
    padding: .5rem .75rem;
}

[b-6o0vfyg0wq] .users-table-card .card-body {
    overflow-x: auto;
}

[b-6o0vfyg0wq] .users-table {
    min-width: 52rem;
}

[b-6o0vfyg0wq] .users-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-6o0vfyg0wq] .users-table thead th {
    background: #f3f6fa;
    border-bottom: 1px solid var(--users-border);
    color: var(--users-muted);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    padding: .9rem 1.15rem;
    text-transform: uppercase;
}

[b-6o0vfyg0wq] .users-table thead th:first-child,
[b-6o0vfyg0wq] .users-table tbody td:first-child {
    padding-left: 1.15rem;
}

[b-6o0vfyg0wq] .users-table thead th:last-child,
[b-6o0vfyg0wq] .users-table tbody td:last-child {
    padding-right: 1.15rem;
}

[b-6o0vfyg0wq] .users-table tbody td {
    border-bottom: 1px solid #edf0f5;
    color: #344054;
    padding: .9rem 1.15rem;
    vertical-align: middle;
}

[b-6o0vfyg0wq] .users-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-6o0vfyg0wq] .users-person {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

[b-6o0vfyg0wq] .users-avatar {
    align-items: center;
    background: #e5f5ee;
    border-radius: .75rem;
    color: var(--users-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .8rem;
    font-weight: 900;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

[b-6o0vfyg0wq] .users-person strong,
[b-6o0vfyg0wq] .users-person small {
    display: block;
}

[b-6o0vfyg0wq] .users-person strong {
    color: var(--users-ink);
    font-weight: 900;
    line-height: 1.2;
}

[b-6o0vfyg0wq] .users-person small,
[b-6o0vfyg0wq] .users-email {
    color: var(--users-muted) !important;
    font-size: .82rem;
}

[b-6o0vfyg0wq] .users-current-badge,
[b-6o0vfyg0wq] .users-role-chip,
[b-6o0vfyg0wq] .users-status {
    border-radius: 999px;
    display: inline-flex;
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
    margin: .2rem .25rem .2rem 0;
    padding: .42rem .65rem;
}

[b-6o0vfyg0wq] .users-current-badge {
    background: #e8efff;
    color: #1d4ed8;
}

[b-6o0vfyg0wq] .users-role-chip {
    background: var(--users-subtle);
    color: var(--users-ink);
}

[b-6o0vfyg0wq] .users-role-chip:first-child {
    background: #e8efff;
    color: #1d4ed8;
}

[b-6o0vfyg0wq] .users-status.active {
    background: #e5f5ee;
    color: var(--users-green-dark);
}

[b-6o0vfyg0wq] .users-status.inactive {
    background: var(--users-danger-bg);
    color: var(--users-danger);
}

[b-6o0vfyg0wq] .users-actions {
    white-space: nowrap;
}

[b-6o0vfyg0wq] .users-icon-action {
    align-items: center;
    background: var(--users-subtle) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--users-ink) !important;
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    margin-left: .25rem;
    min-width: 2.5rem;
    width: 2.5rem;
}

[b-6o0vfyg0wq] .users-icon-action:hover:not(:disabled),
[b-6o0vfyg0wq] .users-icon-action:focus-visible {
    background: #e5f5ee !important;
    color: var(--users-green-dark) !important;
    outline: 0;
}

[b-6o0vfyg0wq] .users-icon-action.danger {
    background: var(--users-danger-bg) !important;
    color: var(--users-danger) !important;
}

[b-6o0vfyg0wq] .users-icon-action.success {
    background: #e5f5ee !important;
    color: var(--users-green-dark) !important;
}

[b-6o0vfyg0wq] .users-icon-action:disabled {
    opacity: .45;
}

[b-6o0vfyg0wq] .users-empty {
    color: var(--users-muted) !important;
}

[b-6o0vfyg0wq] .users-role-list .form-check.form-switch {
    align-items: center;
    background: var(--users-subtle);
    border: 1px solid var(--users-border);
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .65rem !important;
    min-height: 3rem;
    padding: .65rem .8rem .65rem 1rem !important;
}

[b-6o0vfyg0wq] .users-role-list .form-check.form-switch:hover {
    background: #f6faf8;
    border-color: #b7d7c9;
}

[b-6o0vfyg0wq] .users-role-list .form-check-input {
    accent-color: var(--users-green);
    cursor: pointer;
    flex: 0 0 auto;
    float: none;
    height: 1.35rem;
    margin: 0;
    order: 2;
    width: 2.55rem;
}

[b-6o0vfyg0wq] .users-role-list .form-check-label {
    cursor: pointer;
    margin: 0;
    padding-right: .8rem;
}

@media (max-width: 767.98px) {
    [b-6o0vfyg0wq] .users-action-row {
        align-items: stretch;
        flex-direction: column;
    }

    [b-6o0vfyg0wq] .users-primary-action {
        justify-content: center;
        width: 100%;
    }

    [b-6o0vfyg0wq] .users-table-card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-6o0vfyg0wq] .users-table-card .card-body {
        overflow-x: visible;
    }

    [b-6o0vfyg0wq] .users-table {
        min-width: 0;
    }

    [b-6o0vfyg0wq] .users-table thead {
        display: none;
    }

    [b-6o0vfyg0wq] .users-table,
    [b-6o0vfyg0wq] .users-table tbody,
    [b-6o0vfyg0wq] .users-table tr,
    [b-6o0vfyg0wq] .users-table td {
        display: block;
        width: 100%;
    }

    [b-6o0vfyg0wq] .users-table tbody tr {
        border-bottom: 1px solid var(--users-border);
        padding: .85rem 1rem;
    }

    [b-6o0vfyg0wq] .users-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-6o0vfyg0wq] .users-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-6o0vfyg0wq] .users-table tbody td::before {
        color: var(--users-muted);
        content: attr(data-label);
        flex: 0 0 5.5rem;
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-6o0vfyg0wq] .users-table tbody td:first-child {
        display: block;
        padding-left: 0;
        text-align: left !important;
    }

    [b-6o0vfyg0wq] .users-table tbody td:first-child::before {
        display: none;
    }

    [b-6o0vfyg0wq] .users-table tbody td:last-child {
        padding-right: 0;
    }

    [b-6o0vfyg0wq] .users-actions {
        display: flex !important;
        justify-content: flex-end !important;
    }
}

/* /Components/Pages/Auth/ChangePassword.razor.rz.scp.css */
.password-change-page[b-xcynxaqogz]{align-items:center;background:radial-gradient(circle at 10% 15%,rgba(0,80,203,.13),transparent 31rem),var(--md-background);color:var(--md-on-surface);display:flex;justify-content:center;min-height:100vh;padding:clamp(1rem,4vw,2.5rem)}.password-change-shell[b-xcynxaqogz]{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:1.25rem;box-shadow:0 1.25rem 3rem rgba(19,27,46,.12);display:grid;grid-template-columns:minmax(15rem,.9fr) minmax(20rem,1.1fr);max-width:54rem;overflow:hidden;width:100%}.password-change-context[b-xcynxaqogz]{background:linear-gradient(155deg,var(--md-primary-container),#013b94);color:#fff;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2.75rem)}.password-change-brand-mark[b-xcynxaqogz],.password-change-mobile-mark[b-xcynxaqogz]{align-items:center;background:rgba(255,255,255,.18);border-radius:1rem;display:inline-flex;font-size:1.25rem;height:3.5rem;justify-content:center;width:3.5rem}.password-change-eyebrow[b-xcynxaqogz]{font-size:.76rem;font-weight:800;letter-spacing:.06em;margin:1.25rem 0 .55rem;text-transform:uppercase}.password-change-context h2[b-xcynxaqogz]{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;margin:0}.password-change-context>p:not(.password-change-eyebrow)[b-xcynxaqogz]{color:rgba(255,255,255,.84);line-height:1.5;margin:.8rem 0 1.5rem}.password-change-context ul[b-xcynxaqogz]{display:grid;gap:.75rem;list-style:none;margin:auto 0 0;padding:0}.password-change-context li[b-xcynxaqogz]{align-items:flex-start;display:flex;font-size:.88rem;gap:.6rem;line-height:1.35}.password-change-context li i[b-xcynxaqogz]{color:#b9d0ff;margin-top:.1rem}.password-change-card[b-xcynxaqogz]{padding:clamp(1.5rem,4vw,2.75rem)}.password-change-card-header[b-xcynxaqogz]{margin-bottom:1.5rem}.password-change-mobile-mark[b-xcynxaqogz]{display:none}.password-change-card-header .password-change-eyebrow[b-xcynxaqogz]{color:var(--md-primary);margin:0 0 .5rem}.password-change-card h1[b-xcynxaqogz]{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:0}.password-change-card-header>p:last-child[b-xcynxaqogz]{color:var(--md-on-surface-variant);line-height:1.45;margin:.55rem 0 0}.password-change-field[b-xcynxaqogz]{display:grid;gap:.42rem;margin-top:1rem}.password-change-field>label[b-xcynxaqogz]{color:var(--md-on-surface-variant);font-size:.86rem;font-weight:800}.password-change-input-shell[b-xcynxaqogz]{align-items:center;background:var(--md-surface-container-low);border:1px solid transparent;border-bottom-color:var(--md-outline);border-radius:.75rem .75rem .35rem .35rem;display:flex;gap:.7rem;min-height:3.5rem;padding:0 1rem;transition:border-color .16s ease,box-shadow .16s ease}.password-change-input-shell:focus-within[b-xcynxaqogz]{background:var(--md-surface-container-lowest);border-color:var(--md-primary);box-shadow:0 0 0 .16rem rgba(0,80,203,.14)}.password-change-input-shell.is-valid[b-xcynxaqogz]{border-bottom-color:#177246}.password-change-input-shell.is-invalid[b-xcynxaqogz]{border-bottom-color:var(--md-error)}.password-change-input-shell>i[b-xcynxaqogz]{color:var(--md-on-surface-variant);width:1rem}.password-change-input-shell input[b-xcynxaqogz]{background:transparent;border:0;color:var(--md-on-surface);font:inherit;min-height:3.25rem;min-width:0;outline:0;width:100%}.password-change-toggle[b-xcynxaqogz]{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--md-on-surface-variant);cursor:pointer;display:inline-flex;flex:0 0 auto;height:2.75rem;justify-content:center;margin-right:-.45rem;width:2.75rem}.password-change-toggle:hover[b-xcynxaqogz]{background:var(--md-surface-container-high);color:var(--md-on-surface)}.password-change-toggle:focus-visible[b-xcynxaqogz]{outline:.16rem solid var(--md-primary);outline-offset:.1rem}.password-change-field small[b-xcynxaqogz]{color:var(--md-on-surface-variant);font-size:.78rem;line-height:1.35}.password-change-field small.is-valid[b-xcynxaqogz]{color:#177246}.password-change-field small.is-invalid[b-xcynxaqogz]{color:var(--md-error)}.password-change-field small i[b-xcynxaqogz]{margin-right:.25rem}.password-change-error[b-xcynxaqogz]{align-items:flex-start;background:var(--md-error-container);border:1px solid rgba(186,26,26,.24);border-radius:.75rem;color:var(--md-on-error-container);display:flex;gap:.65rem;line-height:1.35;margin-bottom:1rem;padding:.8rem .9rem}.password-change-submit[b-xcynxaqogz]{align-items:center;background:var(--md-primary-container);border:0;border-radius:.85rem;color:var(--md-on-primary);cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:.65rem;justify-content:center;margin-top:1.5rem;min-height:3.3rem;padding:0 1.5rem;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.password-change-submit:hover:not(:disabled)[b-xcynxaqogz]{background:var(--md-primary);box-shadow:0 .5rem 1rem rgba(0,80,203,.2);transform:translateY(-1px)}.password-change-submit:disabled[b-xcynxaqogz]{cursor:not-allowed;opacity:.52}.password-change-submit:focus-visible[b-xcynxaqogz]{outline:.2rem solid rgba(0,80,203,.22);outline-offset:.18rem}.password-change-note[b-xcynxaqogz]{color:var(--md-on-surface-variant);font-size:.78rem;line-height:1.4;margin:1rem 0 0;text-align:center}.password-change-note i[b-xcynxaqogz]{color:var(--md-primary);margin-right:.3rem}@media(max-width:700px){.password-change-shell[b-xcynxaqogz]{grid-template-columns:1fr;max-width:32rem}.password-change-context[b-xcynxaqogz]{display:none}.password-change-mobile-mark[b-xcynxaqogz]{display:inline-flex;margin-bottom:1rem}.password-change-card-header .password-change-eyebrow[b-xcynxaqogz]{margin-top:0}}@media(max-width:420px){.password-change-page[b-xcynxaqogz]{align-items:flex-start;padding:.75rem}.password-change-shell[b-xcynxaqogz]{border-radius:.9rem}.password-change-card[b-xcynxaqogz]{padding:1.25rem}}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
/* Login */
.login-page[b-tqp89ir1ye] {
    align-items: center;
    background:
        linear-gradient(180deg, rgba(218, 225, 255, .42), rgba(248, 249, 255, 0) 42%),
        var(--md-background);
    color: var(--md-on-surface);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: clamp(1rem, 4vw, 2rem);
}

.login-form-panel[b-tqp89ir1ye] {
    width: min(100%, 28rem);
}

.login-card[b-tqp89ir1ye] {
    background: var(--md-surface-container-lowest);
    border: 1px solid var(--md-outline-variant);
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem rgba(19, 27, 46, .1);
    padding: clamp(1.25rem, 4vw, 2rem);
    width: 100%;
}

.login-card-header[b-tqp89ir1ye] {
    align-items: center;
    display: grid;
    justify-items: center;
    margin-bottom: 1.5rem;
    text-align: center;
}

.login-brand-mark[b-tqp89ir1ye] {
    align-items: center;
    background: var(--md-primary-container);
    border-radius: 1rem;
    color: var(--md-on-primary);
    display: inline-flex;
    font-size: 1.35rem;
    height: 4rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 4rem;
}

.login-eyebrow[b-tqp89ir1ye] {
    color: var(--md-primary);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0 0 .45rem;
    text-transform: uppercase;
}

.login-card h1[b-tqp89ir1ye] {
    color: var(--md-on-surface);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
}

.login-card p[b-tqp89ir1ye] {
    color: var(--md-on-surface-variant);
    margin: .3rem 0 0;
}

.login-error[b-tqp89ir1ye] {
    align-items: flex-start;
    background: var(--md-error-container);
    border: 1px solid rgba(186, 26, 26, .24);
    border-radius: .75rem;
    color: var(--md-on-error-container);
    display: flex;
    gap: .65rem;
    line-height: 1.35;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
}

.login-field[b-tqp89ir1ye] {
    display: grid;
    gap: .45rem;
    margin-top: .95rem;
}

.login-field label[b-tqp89ir1ye] {
    color: var(--md-on-surface-variant);
    font-size: .86rem;
    font-weight: 800;
}

.login-input-shell[b-tqp89ir1ye] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid transparent;
    border-bottom-color: var(--md-outline);
    border-radius: .75rem .75rem .35rem .35rem;
    display: flex;
    gap: .75rem;
    min-height: 3.5rem;
    padding: 0 1rem;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.login-input-shell:focus-within[b-tqp89ir1ye] {
    background: var(--md-surface-container-lowest);
    border-color: var(--md-primary);
    box-shadow: 0 0 0 .16rem rgba(0, 80, 203, .14);
}

.login-input-shell i[b-tqp89ir1ye] {
    color: var(--md-on-surface-variant);
    flex: 0 0 auto;
    width: 1rem;
}

.login-input-shell input[b-tqp89ir1ye] {
    background: transparent;
    border: 0;
    color: var(--md-on-surface);
    font: inherit;
    min-height: 3.25rem;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.login-input-shell input[b-tqp89ir1ye]::placeholder {
    color: var(--md-outline);
}

.login-password-toggle[b-tqp89ir1ye] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--md-on-surface-variant);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 3rem;
    justify-content: center;
    margin-right: -.5rem;
    min-height: 3rem;
    padding: 0;
    width: 3rem;
}

.login-password-toggle:hover[b-tqp89ir1ye] {
    background: var(--md-surface-container-high);
    color: var(--md-on-surface);
}

.login-password-toggle:focus-visible[b-tqp89ir1ye] {
    outline: .16rem solid rgba(0, 80, 203, .22);
    outline-offset: .12rem;
}

.login-password-toggle i[b-tqp89ir1ye] {
    width: auto;
}

.login-remember-row[b-tqp89ir1ye] {
    align-items: center;
    display: flex;
    gap: .7rem;
    margin: 1rem 0 1.25rem;
}

.login-remember-row input[b-tqp89ir1ye] {
    accent-color: var(--md-primary);
    height: 1.15rem;
    width: 1.15rem;
}

.login-remember-row label[b-tqp89ir1ye] {
    color: var(--md-on-surface);
    font-weight: 700;
    margin: 0;
}

.login-submit[b-tqp89ir1ye] {
    align-items: center;
    background: var(--md-primary-container);
    border: 0;
    border-radius: .85rem;
    color: var(--md-on-primary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1rem;
    font-weight: 900;
    gap: .65rem;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0 1.5rem;
    transition: box-shadow .16s ease, transform .16s ease, background .16s ease;
    width: 100%;
}

.login-submit:hover[b-tqp89ir1ye] {
    background: var(--md-primary);
    box-shadow: 0 .5rem 1rem rgba(0, 80, 203, .2);
    transform: translateY(-1px);
}

.login-submit:focus-visible[b-tqp89ir1ye] {
    outline: .2rem solid rgba(0, 80, 203, .22);
    outline-offset: .18rem;
}

.login-help-text[b-tqp89ir1ye] {
    color: var(--md-on-surface-variant);
    font-size: .86rem;
    line-height: 1.35;
    margin: .9rem 0 0;
    text-align: center;
}

.login-seed-users[b-tqp89ir1ye] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--md-outline-variant);
    border-radius: .75rem;
    color: var(--md-on-surface-variant);
    display: grid;
    gap: .25rem;
    margin-top: 1rem;
    padding: .85rem .95rem;
}

.login-seed-users span[b-tqp89ir1ye] {
    color: var(--md-on-surface);
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.login-seed-users small[b-tqp89ir1ye] {
    color: var(--md-on-surface-variant);
    font-size: .78rem;
    line-height: 1.45;
}

@media (max-width: 560px) {
    .login-page[b-tqp89ir1ye] {
        align-items: flex-start;
        padding: 1rem;
    }

    .login-card[b-tqp89ir1ye] {
        border-radius: .85rem;
    }

    .login-card h1[b-tqp89ir1ye] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Cash/CashClose.razor.rz.scp.css */
.cash-close-page[b-3oo1ut5xsx] {
    --cash-close-ink: #172033;
    --cash-close-muted: #667085;
    --cash-close-subtle: #eef3f8;
    --cash-close-subtle-strong: #e5f5ee;
    --cash-close-surface: #ffffff;
    --cash-close-border: #d8dee8;
    --cash-close-outline: #c4ccd8;
    --cash-close-green: #0f7b56;
    --cash-close-green-dark: #07593d;
    --cash-close-danger: #b42318;
    --cash-close-danger-bg: #fff1f0;
    color: var(--cash-close-ink);
}

[b-3oo1ut5xsx] .cash-close-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-3oo1ut5xsx] .cash-close-actions {
    display: flex;
    justify-content: flex-end;
}

[b-3oo1ut5xsx] .cash-close-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-3oo1ut5xsx] .cash-close-title-icon,
[b-3oo1ut5xsx] .cash-close-card-icon,
[b-3oo1ut5xsx] .cash-close-empty-icon {
    align-items: center;
    background: var(--cash-close-subtle-strong);
    border-radius: .85rem;
    color: var(--cash-close-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

[b-3oo1ut5xsx] .cash-close-title-icon {
    font-size: 1.1rem;
    height: 3rem;
    width: 3rem;
}

[b-3oo1ut5xsx] .cash-close-title-block h2 {
    color: var(--cash-close-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-3oo1ut5xsx] .cash-close-title-block span {
    color: var(--cash-close-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-3oo1ut5xsx] .cash-close-secondary-action,
[b-3oo1ut5xsx] .cash-close-primary-action,
[b-3oo1ut5xsx] .cash-close-danger-action {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    white-space: nowrap;
}

[b-3oo1ut5xsx] .cash-close-secondary-action {
    background: var(--cash-close-surface) !important;
    border-color: var(--cash-close-border) !important;
    color: var(--cash-close-ink) !important;
}

[b-3oo1ut5xsx] .cash-close-primary-action {
    background: var(--cash-close-green) !important;
    border-color: var(--cash-close-green) !important;
    color: #fff !important;
}

[b-3oo1ut5xsx] .cash-close-primary-action:hover {
    background: var(--cash-close-green-dark) !important;
    border-color: var(--cash-close-green-dark) !important;
}

[b-3oo1ut5xsx] .cash-close-danger-action {
    background: var(--cash-close-danger) !important;
    border: 0 !important;
    color: #fff !important;
}

[b-3oo1ut5xsx] .cash-close-danger-action:hover:not(:disabled) {
    background: #8f1d15 !important;
}

[b-3oo1ut5xsx] .cash-close-alert {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

[b-3oo1ut5xsx] .cash-close-alert.success {
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    color: var(--cash-close-green-dark);
}

[b-3oo1ut5xsx] .cash-close-loading,
[b-3oo1ut5xsx] .cash-close-empty,
[b-3oo1ut5xsx] .cash-close-summary-strip,
[b-3oo1ut5xsx] .cash-close-form-card {
    background: var(--cash-close-surface);
    border: 1px solid var(--cash-close-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-3oo1ut5xsx] .cash-close-empty {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-3oo1ut5xsx] .cash-close-empty-icon {
    font-size: 1.1rem;
    height: 3rem;
    width: 3rem;
}

[b-3oo1ut5xsx] .cash-close-empty strong,
[b-3oo1ut5xsx] .cash-close-empty small {
    display: block;
}

[b-3oo1ut5xsx] .cash-close-empty strong {
    color: var(--cash-close-ink);
    font-weight: 900;
}

[b-3oo1ut5xsx] .cash-close-empty small {
    color: var(--cash-close-muted);
    font-weight: 700;
    margin-top: .15rem;
}

[b-3oo1ut5xsx] .cash-close-summary-strip {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
    overflow: hidden;
}

[b-3oo1ut5xsx] .cash-close-metric {
    background: #f8fafc;
    padding: 1rem 1.15rem;
}

[b-3oo1ut5xsx] .cash-close-metric small,
[b-3oo1ut5xsx] .cash-close-metric strong {
    display: block;
}

[b-3oo1ut5xsx] .cash-close-metric small {
    color: var(--cash-close-muted);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-3oo1ut5xsx] .cash-close-metric strong {
    color: var(--cash-close-ink);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: .3rem;
}

[b-3oo1ut5xsx] .cash-close-metric.positive strong {
    color: var(--cash-close-green-dark);
}

[b-3oo1ut5xsx] .cash-close-metric.negative strong {
    color: var(--cash-close-danger);
}

[b-3oo1ut5xsx] .cash-close-grid {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

[b-3oo1ut5xsx] .cash-close-summary-card > .card,
[b-3oo1ut5xsx] .cash-close-summary-card .card {
    border: 1px solid var(--cash-close-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    overflow: hidden;
}

[b-3oo1ut5xsx] .cash-close-summary-card .card-header {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--cash-close-border);
    min-height: 3.75rem;
    padding: 1rem 1.15rem;
}

[b-3oo1ut5xsx] .cash-close-summary-card .card-header strong {
    color: var(--cash-close-ink);
    font-weight: 900;
}

[b-3oo1ut5xsx] .cash-close-summary-card .badge {
    border-radius: 999px;
    font-weight: 900;
    padding: .45rem .65rem;
}

[b-3oo1ut5xsx] .cash-close-summary-card .card-body {
    padding: 1rem 1.15rem;
}

[b-3oo1ut5xsx] .cash-close-summary-card small {
    color: var(--cash-close-muted) !important;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-3oo1ut5xsx] .cash-close-summary-card .fs-5 {
    color: var(--cash-close-ink);
    font-size: 1.05rem !important;
    line-height: 1.2;
}

[b-3oo1ut5xsx] .cash-close-card-header {
    align-items: center;
    background: #f8fafc !important;
    border-bottom: 1px solid var(--cash-close-border);
    color: var(--cash-close-ink);
    display: flex;
    gap: .8rem;
    min-height: 3.75rem;
    padding: 1rem 1.15rem;
}

[b-3oo1ut5xsx] .cash-close-card-icon {
    border-radius: .75rem;
    font-size: 1rem;
    height: 2.5rem;
    width: 2.5rem;
}

[b-3oo1ut5xsx] .cash-close-card-header strong,
[b-3oo1ut5xsx] .cash-close-card-header small {
    display: block;
}

[b-3oo1ut5xsx] .cash-close-card-header strong {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

[b-3oo1ut5xsx] .cash-close-card-header small {
    color: var(--cash-close-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-3oo1ut5xsx] .cash-close-card-body {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.15rem;
}

[b-3oo1ut5xsx] .cash-close-balance-state {
    border-radius: .75rem;
    padding: .85rem .95rem;
}

[b-3oo1ut5xsx] .cash-close-balance-state span,
[b-3oo1ut5xsx] .cash-close-balance-state strong {
    display: block;
}

[b-3oo1ut5xsx] .cash-close-balance-state span {
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-3oo1ut5xsx] .cash-close-balance-state strong {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.15;
    margin-top: .25rem;
}

[b-3oo1ut5xsx] .cash-close-balance-state.positive {
    background: #e9f7ef;
    color: var(--cash-close-green-dark);
}

[b-3oo1ut5xsx] .cash-close-balance-state.negative {
    background: var(--cash-close-danger-bg);
    color: var(--cash-close-danger);
}

[b-3oo1ut5xsx] .cash-close-field {
    min-width: 0;
}

[b-3oo1ut5xsx] .cash-close-field .form-label {
    color: var(--cash-close-ink);
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: .4rem;
}

[b-3oo1ut5xsx] .cash-close-field .form-control,
[b-3oo1ut5xsx] .cash-close-money-input .input-group-text {
    border-color: var(--cash-close-outline);
    border-radius: .7rem;
    min-height: 2.85rem;
}

[b-3oo1ut5xsx] .cash-close-money-input .input-group-text {
    background: var(--cash-close-subtle);
    color: var(--cash-close-muted);
    font-weight: 900;
}

[b-3oo1ut5xsx] .cash-close-money-input .form-control {
    font-size: 1.2rem;
    font-weight: 900;
}

[b-3oo1ut5xsx] .cash-close-field textarea {
    min-height: 6.5rem;
}

[b-3oo1ut5xsx] .cash-close-field .form-control:focus {
    border-color: var(--cash-close-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
    outline: 0;
}

[b-3oo1ut5xsx] .cash-close-closed-note {
    align-items: center;
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    border-radius: .75rem;
    color: var(--cash-close-green-dark);
    display: flex;
    font-weight: 900;
    gap: .55rem;
    padding: .75rem .85rem;
}

[b-3oo1ut5xsx] .cash-close-closed-note.warning {
    background: #fff8e6;
    border-color: #ffd98a;
    color: #8a5a00;
}

[b-3oo1ut5xsx] .cash-close-count-card {
    border: 1px solid var(--cash-close-border);
    border-radius: .75rem;
    display: grid;
    gap: .65rem;
    padding: .85rem;
}

[b-3oo1ut5xsx] .cash-close-count-card span {
    color: var(--cash-close-muted);
    font-size: .82rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-3oo1ut5xsx] .cash-close-count-card strong {
    color: var(--cash-close-ink);
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.15;
}

@media (max-width: 991.98px) {
    [b-3oo1ut5xsx] .cash-close-summary-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    [b-3oo1ut5xsx] .cash-close-header,
    [b-3oo1ut5xsx] .cash-close-empty {
        align-items: stretch;
        flex-direction: column;
    }

    [b-3oo1ut5xsx] .cash-close-title-block {
        align-items: flex-start;
    }

    [b-3oo1ut5xsx] .cash-close-secondary-action,
    [b-3oo1ut5xsx] .cash-close-primary-action {
        width: 100%;
    }

    [b-3oo1ut5xsx] .cash-close-metric strong {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/Cash/CashCount.razor.rz.scp.css */
.cash-count-page[b-1rvb27w7qw] {
    --cash-count-ink: #172033;
    --cash-count-muted: #667085;
    --cash-count-border: #d8dee8;
    --cash-count-green: #0f7b56;
    --cash-count-danger: #b42318;
    --cash-count-soft: #eef6f1;
    color: var(--cash-count-ink);
}

.cash-count-actions[b-1rvb27w7qw] {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    gap: .85rem;
}

.cash-count-card-icon[b-1rvb27w7qw],
.cash-count-empty-icon[b-1rvb27w7qw] {
    align-items: center;
    background: var(--cash-count-soft);
    border-radius: .75rem;
    color: var(--cash-count-green);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

.cash-count-card-header small[b-1rvb27w7qw],
.cash-count-line small[b-1rvb27w7qw] {
    color: var(--cash-count-muted);
}

.cash-count-loading[b-1rvb27w7qw],
.cash-count-empty[b-1rvb27w7qw],
.cash-count-card[b-1rvb27w7qw] {
    border: 1px solid var(--cash-count-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

.cash-count-summary-strip[b-1rvb27w7qw] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.cash-count-state.positive[b-1rvb27w7qw] {
    color: var(--cash-count-green);
}

.cash-count-state.negative[b-1rvb27w7qw] {
    color: var(--cash-count-danger);
}

.cash-count-full-action[b-1rvb27w7qw] {
    width: 100%;
}

.cash-count-card-header[b-1rvb27w7qw] {
    align-items: center;
    border-bottom: 1px solid var(--cash-count-border);
    display: flex;
    gap: .75rem;
}

.cash-count-card-icon[b-1rvb27w7qw] {
    height: 2.5rem;
    width: 2.5rem;
}

.cash-count-card-header strong[b-1rvb27w7qw],
.cash-count-card-header small[b-1rvb27w7qw] {
    display: block;
}

.cash-count-lines[b-1rvb27w7qw] {
    display: grid;
    gap: .65rem;
}

.cash-count-line[b-1rvb27w7qw] {
    align-items: center;
    border: 1px solid var(--cash-count-border);
    border-radius: .7rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(6rem, 1fr) 7rem minmax(6rem, auto);
    padding: .7rem;
}

.cash-count-line strong[b-1rvb27w7qw],
.cash-count-line small[b-1rvb27w7qw] {
    display: block;
}

.cash-count-line input[b-1rvb27w7qw] {
    text-align: right;
}

.cash-count-line > span[b-1rvb27w7qw] {
    font-weight: 900;
    text-align: right;
}

.cash-count-mode[b-1rvb27w7qw] {
    background: #f1f5f9;
    border-radius: .75rem;
    display: grid;
    gap: .25rem;
    grid-template-columns: repeat(2, 1fr);
    padding: .25rem;
}

.cash-count-mode-button[b-1rvb27w7qw] {
    background: transparent;
    border: 0;
    border-radius: .55rem;
    color: var(--cash-count-muted);
    font-weight: 900;
    min-height: 2.5rem;
}

.cash-count-mode-button.active[b-1rvb27w7qw] {
    background: #fff;
    color: var(--cash-count-ink);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .12);
}

.cash-count-state[b-1rvb27w7qw] {
    background: #f8fafc;
    border-radius: .75rem;
    padding: .85rem;
}

.cash-count-state span[b-1rvb27w7qw],
.cash-count-state strong[b-1rvb27w7qw] {
    display: block;
}

.cash-count-state span[b-1rvb27w7qw] {
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.cash-count-state strong[b-1rvb27w7qw] {
    font-size: 1.25rem;
    font-weight: 900;
}

.cash-count-card-body[b-1rvb27w7qw] {
    display: grid;
    gap: .85rem;
}

@media (max-width: 991.98px) {
    .cash-count-actions[b-1rvb27w7qw] {
        width: 100%;
    }

    .cash-count-summary-strip[b-1rvb27w7qw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .cash-count-line[b-1rvb27w7qw] {
        grid-template-columns: 1fr;
    }

    .cash-count-line input[b-1rvb27w7qw],
    .cash-count-line > span[b-1rvb27w7qw] {
        text-align: left;
    }
}
/* /Components/Pages/Cash/CashCurrent.razor.rz.scp.css */
.cash-current-page[b-i8n8hiysjk] {
    --cash-current-ink: #172033;
    --cash-current-muted: #667085;
    --cash-current-subtle: #eef3f8;
    --cash-current-subtle-strong: #e5f5ee;
    --cash-current-surface: #ffffff;
    --cash-current-border: #d8dee8;
    --cash-current-outline: #c4ccd8;
    --cash-current-green: #0f7b56;
    --cash-current-green-dark: #07593d;
    --cash-current-warning: #b7791f;
    --cash-current-warning-bg: #fff8e6;
    color: var(--cash-current-ink);
}

[b-i8n8hiysjk] .cash-current-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-i8n8hiysjk] .cash-current-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-i8n8hiysjk] .cash-current-title-icon,
[b-i8n8hiysjk] .cash-current-card-icon,
[b-i8n8hiysjk] .cash-current-empty-icon {
    align-items: center;
    background: var(--cash-current-subtle-strong);
    color: var(--cash-current-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

[b-i8n8hiysjk] .cash-current-title-icon,
[b-i8n8hiysjk] .cash-current-empty-icon {
    border-radius: .85rem;
    font-size: 1.1rem;
    height: 3rem;
    width: 3rem;
}

[b-i8n8hiysjk] .cash-current-card-icon {
    border-radius: .75rem;
    font-size: 1rem;
    height: 2.5rem;
    width: 2.5rem;
}

[b-i8n8hiysjk] .cash-current-title-block h2 {
    color: var(--cash-current-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-i8n8hiysjk] .cash-current-title-block span {
    color: var(--cash-current-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-i8n8hiysjk] .cash-current-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

[b-i8n8hiysjk] .cash-current-secondary-action,
[b-i8n8hiysjk] .cash-current-primary-action,
[b-i8n8hiysjk] .cash-current-warning-action {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    white-space: nowrap;
}

[b-i8n8hiysjk] .cash-current-secondary-action {
    background: var(--cash-current-surface) !important;
    border-color: var(--cash-current-border) !important;
    color: var(--cash-current-ink) !important;
}

[b-i8n8hiysjk] .cash-current-primary-action {
    background: var(--cash-current-green) !important;
    border-color: var(--cash-current-green) !important;
    color: #fff !important;
}

[b-i8n8hiysjk] .cash-current-primary-action:hover:not(:disabled) {
    background: var(--cash-current-green-dark) !important;
    border-color: var(--cash-current-green-dark) !important;
}

[b-i8n8hiysjk] .cash-current-warning-action {
    background: var(--cash-current-warning) !important;
    border: 0 !important;
    color: #fff !important;
}

[b-i8n8hiysjk] .cash-current-warning-action:hover:not(:disabled) {
    background: #9a661b !important;
}

[b-i8n8hiysjk] .cash-current-alert {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

[b-i8n8hiysjk] .cash-current-alert.success {
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    color: var(--cash-current-green-dark);
}

[b-i8n8hiysjk] .cash-current-loading,
[b-i8n8hiysjk] .cash-current-empty,
[b-i8n8hiysjk] .cash-current-summary-strip,
[b-i8n8hiysjk] .cash-current-form-card {
    background: var(--cash-current-surface);
    border: 1px solid var(--cash-current-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-i8n8hiysjk] .cash-current-empty {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-i8n8hiysjk] .cash-current-empty strong,
[b-i8n8hiysjk] .cash-current-empty small {
    display: block;
}

[b-i8n8hiysjk] .cash-current-empty strong {
    color: var(--cash-current-ink);
    font-weight: 900;
}

[b-i8n8hiysjk] .cash-current-empty small {
    color: var(--cash-current-muted);
    font-weight: 700;
    margin-top: .15rem;
}

[b-i8n8hiysjk] .cash-current-summary-strip {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
    overflow: hidden;
}

[b-i8n8hiysjk] .cash-current-metric {
    background: #f8fafc;
    padding: 1rem 1.15rem;
}

[b-i8n8hiysjk] .cash-current-metric small,
[b-i8n8hiysjk] .cash-current-metric strong {
    display: block;
}

[b-i8n8hiysjk] .cash-current-metric small {
    color: var(--cash-current-muted);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-i8n8hiysjk] .cash-current-metric strong {
    color: var(--cash-current-ink);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: .3rem;
}

[b-i8n8hiysjk] .cash-current-metric:first-child strong {
    color: var(--cash-current-green-dark);
}

[b-i8n8hiysjk] .cash-current-grid {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

[b-i8n8hiysjk] .cash-current-summary-card > .card,
[b-i8n8hiysjk] .cash-current-summary-card .card {
    border: 1px solid var(--cash-current-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    overflow: hidden;
}

[b-i8n8hiysjk] .cash-current-summary-card .card-header {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--cash-current-border);
    min-height: 3.75rem;
    padding: 1rem 1.15rem;
}

[b-i8n8hiysjk] .cash-current-summary-card .card-header strong {
    color: var(--cash-current-ink);
    font-weight: 900;
}

[b-i8n8hiysjk] .cash-current-summary-card .badge {
    border-radius: 999px;
    font-weight: 900;
    padding: .45rem .65rem;
}

[b-i8n8hiysjk] .cash-current-summary-card .card-body {
    padding: 1rem 1.15rem;
}

[b-i8n8hiysjk] .cash-current-summary-card small {
    color: var(--cash-current-muted) !important;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-i8n8hiysjk] .cash-current-summary-card .fs-5 {
    color: var(--cash-current-ink);
    font-size: 1.05rem !important;
    line-height: 1.2;
}

[b-i8n8hiysjk] .cash-current-card-header {
    align-items: center;
    background: #f8fafc !important;
    border-bottom: 1px solid var(--cash-current-border);
    color: var(--cash-current-ink);
    display: flex;
    gap: .8rem;
    min-height: 3.75rem;
    padding: 1rem 1.15rem;
}

[b-i8n8hiysjk] .cash-current-card-header strong,
[b-i8n8hiysjk] .cash-current-card-header small {
    display: block;
}

[b-i8n8hiysjk] .cash-current-card-header strong {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

[b-i8n8hiysjk] .cash-current-card-header small {
    color: var(--cash-current-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-i8n8hiysjk] .cash-current-card-body {
    display: grid;
    gap: .9rem;
    padding: 1rem 1.15rem;
}

[b-i8n8hiysjk] .cash-current-guidance {
    background: var(--cash-current-warning-bg);
    border: 1px solid #f1d29b;
    border-radius: .75rem;
    color: var(--cash-current-warning);
    padding: .85rem .95rem;
}

[b-i8n8hiysjk] .cash-current-guidance span,
[b-i8n8hiysjk] .cash-current-guidance strong {
    display: block;
}

[b-i8n8hiysjk] .cash-current-guidance span {
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-i8n8hiysjk] .cash-current-guidance strong {
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.15;
    margin-top: .25rem;
}

[b-i8n8hiysjk] .cash-current-field {
    min-width: 0;
}

[b-i8n8hiysjk] .cash-current-field .form-label {
    color: var(--cash-current-ink);
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: .4rem;
}

[b-i8n8hiysjk] .cash-current-field .form-control,
[b-i8n8hiysjk] .cash-current-money-input .input-group-text {
    border-color: var(--cash-current-outline);
    border-radius: .7rem;
    min-height: 2.85rem;
}

[b-i8n8hiysjk] .cash-current-money-input .input-group-text {
    background: var(--cash-current-subtle);
    color: var(--cash-current-muted);
    font-weight: 900;
}

[b-i8n8hiysjk] .cash-current-money-input .form-control {
    font-size: 1.2rem;
    font-weight: 900;
}

[b-i8n8hiysjk] .cash-current-field textarea {
    min-height: 6rem;
}

[b-i8n8hiysjk] .cash-current-field .form-control:focus {
    border-color: var(--cash-current-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
    outline: 0;
}

@media (max-width: 991.98px) {
    [b-i8n8hiysjk] .cash-current-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-i8n8hiysjk] .cash-current-actions {
        justify-content: flex-start;
        width: 100%;
    }

    [b-i8n8hiysjk] .cash-current-summary-strip {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    [b-i8n8hiysjk] .cash-current-title-block,
    [b-i8n8hiysjk] .cash-current-empty {
        align-items: flex-start;
    }

    [b-i8n8hiysjk] .cash-current-empty {
        flex-direction: column;
    }

    [b-i8n8hiysjk] .cash-current-actions,
    [b-i8n8hiysjk] .cash-current-secondary-action,
    [b-i8n8hiysjk] .cash-current-primary-action {
        width: 100%;
    }

    [b-i8n8hiysjk] .cash-current-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    [b-i8n8hiysjk] .cash-current-metric strong {
        font-size: 1.15rem;
    }
}

/* Cash close page */
/* /Components/Pages/Cash/CashHistory.razor.rz.scp.css */
.cash-history-page[b-5xlwfjpwk6] {
    --cash-history-ink: #172033;
    --cash-history-muted: #667085;
    --cash-history-subtle: #eef3f8;
    --cash-history-subtle-strong: #e5f5ee;
    --cash-history-surface: #ffffff;
    --cash-history-border: #d8dee8;
    --cash-history-outline: #c4ccd8;
    --cash-history-green: #0f7b56;
    --cash-history-green-dark: #07593d;
    --cash-history-danger: #b42318;
    --cash-history-danger-bg: #fff1f0;
    color: var(--cash-history-ink);
}

[b-5xlwfjpwk6] .cash-history-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-5xlwfjpwk6] .cash-history-actions {
    display: flex;
    justify-content: flex-end;
}

[b-5xlwfjpwk6] .cash-history-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-5xlwfjpwk6] .cash-history-title-icon,
[b-5xlwfjpwk6] .cash-history-empty-icon {
    align-items: center;
    background: var(--cash-history-subtle-strong);
    border-radius: .85rem;
    color: var(--cash-history-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-5xlwfjpwk6] .cash-history-title-block h2 {
    color: var(--cash-history-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-5xlwfjpwk6] .cash-history-title-block span {
    color: var(--cash-history-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-5xlwfjpwk6] .cash-history-secondary-action,
[b-5xlwfjpwk6] .cash-history-primary-action {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    white-space: nowrap;
}

[b-5xlwfjpwk6] .cash-history-secondary-action {
    background: var(--cash-history-surface) !important;
    border-color: var(--cash-history-border) !important;
    color: var(--cash-history-ink) !important;
}

[b-5xlwfjpwk6] .cash-history-primary-action {
    background: var(--cash-history-green) !important;
    border-color: var(--cash-history-green) !important;
    color: #fff !important;
}

[b-5xlwfjpwk6] .cash-history-primary-action:hover:not(:disabled) {
    background: var(--cash-history-green-dark) !important;
    border-color: var(--cash-history-green-dark) !important;
}

[b-5xlwfjpwk6] .cash-history-filter-card,
[b-5xlwfjpwk6] .cash-history-loading,
[b-5xlwfjpwk6] .cash-history-empty,
[b-5xlwfjpwk6] .cash-history-table-card {
    background: var(--cash-history-surface);
    border: 1px solid var(--cash-history-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-5xlwfjpwk6] .cash-history-filter-body {
    padding: 1rem 1.15rem;
}

[b-5xlwfjpwk6] .cash-history-filter-body .form-label {
    color: var(--cash-history-ink);
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: .4rem;
}

[b-5xlwfjpwk6] .cash-history-filter-body .form-control {
    border-color: var(--cash-history-outline);
    border-radius: .7rem;
    min-height: 3rem;
}

[b-5xlwfjpwk6] .cash-history-filter-body .form-control:focus {
    border-color: var(--cash-history-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
    outline: 0;
}

[b-5xlwfjpwk6] .cash-history-empty {
    align-items: center;
    display: flex;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

[b-5xlwfjpwk6] .cash-history-empty strong,
[b-5xlwfjpwk6] .cash-history-empty small {
    display: block;
}

[b-5xlwfjpwk6] .cash-history-empty strong {
    color: var(--cash-history-ink);
    font-weight: 900;
}

[b-5xlwfjpwk6] .cash-history-empty small {
    color: var(--cash-history-muted);
    font-weight: 700;
    margin-top: .15rem;
}

[b-5xlwfjpwk6] .cash-history-table-card {
    overflow: hidden;
}

[b-5xlwfjpwk6] .cash-history-table-header {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid var(--cash-history-border);
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-5xlwfjpwk6] .cash-history-table-header strong,
[b-5xlwfjpwk6] .cash-history-table-header small {
    display: block;
}

[b-5xlwfjpwk6] .cash-history-table-header strong {
    color: var(--cash-history-ink);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

[b-5xlwfjpwk6] .cash-history-table-header small {
    color: var(--cash-history-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-5xlwfjpwk6] .cash-history-table {
    margin-bottom: 0;
    min-width: 72rem;
}

[b-5xlwfjpwk6] .cash-history-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-5xlwfjpwk6] .cash-history-table thead th {
    background: #f3f6fa;
    border-bottom: 1px solid var(--cash-history-border);
    color: var(--cash-history-muted);
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    padding: .9rem .85rem;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-5xlwfjpwk6] .cash-history-table tbody td {
    border-bottom: 1px solid #edf0f5;
    color: #344054;
    font-size: .9rem;
    padding: .9rem .85rem;
    vertical-align: middle;
    white-space: nowrap;
}

[b-5xlwfjpwk6] .cash-history-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-5xlwfjpwk6] .cash-history-register {
    background: var(--cash-history-subtle);
    border-radius: 999px;
    color: var(--cash-history-ink);
    display: inline-flex;
    font-family: var(--font-label);
    font-size: .74rem;
    font-weight: 900;
    line-height: 1;
    padding: .45rem .65rem;
}

[b-5xlwfjpwk6] .cash-history-difference {
    border-radius: 999px;
    display: inline-flex;
    font-family: var(--font-label);
    font-size: .74rem;
    font-weight: 900;
    line-height: 1;
    padding: .45rem .65rem;
}

[b-5xlwfjpwk6] .cash-history-difference.positive {
    background: #e5f5ee;
    color: var(--cash-history-green-dark);
}

[b-5xlwfjpwk6] .cash-history-difference.negative {
    background: var(--cash-history-danger-bg);
    color: var(--cash-history-danger);
}

[b-5xlwfjpwk6] .cash-history-difference.warning {
    background: #fff8e6;
    color: #8a5a00;
}

[b-5xlwfjpwk6] .cash-history-review-summary {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[b-5xlwfjpwk6] .cash-history-review-summary div {
    background: #f8fafc;
    border: 1px solid var(--cash-history-border);
    border-radius: .75rem;
    padding: .8rem;
}

[b-5xlwfjpwk6] .cash-history-review-summary span,
[b-5xlwfjpwk6] .cash-history-review-summary strong {
    display: block;
}

[b-5xlwfjpwk6] .cash-history-review-summary span {
    color: var(--cash-history-muted);
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-5xlwfjpwk6] .cash-history-review-summary strong {
    color: var(--cash-history-ink);
    font-weight: 900;
    margin-top: .2rem;
}

@media (max-width: 991.98px) {
    [b-5xlwfjpwk6] .cash-history-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-5xlwfjpwk6] .cash-history-secondary-action {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    [b-5xlwfjpwk6] .cash-history-title-block,
    [b-5xlwfjpwk6] .cash-history-empty {
        align-items: flex-start;
    }

    [b-5xlwfjpwk6] .cash-history-empty {
        flex-direction: column;
    }

    [b-5xlwfjpwk6] .cash-history-table {
        min-width: 0;
    }

    [b-5xlwfjpwk6] .cash-history-table thead {
        display: none;
    }

    [b-5xlwfjpwk6] .cash-history-table,
    [b-5xlwfjpwk6] .cash-history-table tbody,
    [b-5xlwfjpwk6] .cash-history-table tr,
    [b-5xlwfjpwk6] .cash-history-table td {
        display: block;
        width: 100%;
    }

    [b-5xlwfjpwk6] .cash-history-table tbody tr {
        border-bottom: 1px solid var(--cash-history-border);
        padding: .85rem 1rem;
    }

    [b-5xlwfjpwk6] .cash-history-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-5xlwfjpwk6] .cash-history-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
        white-space: normal;
    }

    [b-5xlwfjpwk6] .cash-history-table tbody td::before {
        color: var(--cash-history-muted);
        content: attr(data-label);
        flex: 0 0 7rem;
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }
}

/* Cash current page */
/* /Components/Pages/Cash/CashOpen.razor.rz.scp.css */
.cash-open-page[b-cgvxt94lmx] {
    --cash-open-ink: #172033;
    --cash-open-muted: #667085;
    --cash-open-subtle: #eef3f8;
    --cash-open-subtle-strong: #e5f5ee;
    --cash-open-surface: #ffffff;
    --cash-open-border: #d8dee8;
    --cash-open-outline: #c4ccd8;
    --cash-open-green: #0f7b56;
    --cash-open-green-dark: #07593d;
    --cash-open-info: #1d4ed8;
    --cash-open-info-bg: #e8efff;
    color: var(--cash-open-ink);
}

[b-cgvxt94lmx] .cash-open-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-cgvxt94lmx] .cash-open-actions {
    display: flex;
    justify-content: flex-end;
}

[b-cgvxt94lmx] .cash-open-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-cgvxt94lmx] .cash-open-title-icon,
[b-cgvxt94lmx] .cash-open-card-icon,
[b-cgvxt94lmx] .cash-open-guide-icon {
    align-items: center;
    background: var(--cash-open-subtle-strong);
    color: var(--cash-open-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

[b-cgvxt94lmx] .cash-open-title-icon {
    border-radius: .85rem;
    font-size: 1.1rem;
    height: 3rem;
    width: 3rem;
}

[b-cgvxt94lmx] .cash-open-card-icon,
[b-cgvxt94lmx] .cash-open-guide-icon {
    border-radius: .75rem;
    font-size: 1rem;
    height: 2.5rem;
    width: 2.5rem;
}

[b-cgvxt94lmx] .cash-open-title-block h2 {
    color: var(--cash-open-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-cgvxt94lmx] .cash-open-title-block span {
    color: var(--cash-open-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-cgvxt94lmx] .cash-open-secondary-action,
[b-cgvxt94lmx] .cash-open-primary-action {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    white-space: nowrap;
}

[b-cgvxt94lmx] .cash-open-secondary-action {
    background: var(--cash-open-surface) !important;
    border-color: var(--cash-open-border) !important;
    color: var(--cash-open-ink) !important;
}

[b-cgvxt94lmx] .cash-open-primary-action {
    background: var(--cash-open-green) !important;
    border-color: var(--cash-open-green) !important;
    color: #fff !important;
}

[b-cgvxt94lmx] .cash-open-primary-action:hover:not(:disabled) {
    background: var(--cash-open-green-dark) !important;
    border-color: var(--cash-open-green-dark) !important;
}

[b-cgvxt94lmx] .cash-open-loading,
[b-cgvxt94lmx] .cash-open-form-card,
[b-cgvxt94lmx] .cash-open-guide-card {
    background: var(--cash-open-surface);
    border: 1px solid var(--cash-open-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-cgvxt94lmx] .cash-open-grid {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

[b-cgvxt94lmx] .cash-open-card-header {
    align-items: center;
    background: #f8fafc !important;
    border-bottom: 1px solid var(--cash-open-border);
    color: var(--cash-open-ink);
    display: flex;
    gap: .8rem;
    min-height: 3.75rem;
    padding: 1rem 1.15rem;
}

[b-cgvxt94lmx] .cash-open-card-header strong,
[b-cgvxt94lmx] .cash-open-card-header small {
    display: block;
}

[b-cgvxt94lmx] .cash-open-card-header strong {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

[b-cgvxt94lmx] .cash-open-card-header small {
    color: var(--cash-open-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-cgvxt94lmx] .cash-open-card-body {
    padding: 1rem 1.15rem;
}

[b-cgvxt94lmx] .cash-open-readonly-field,
[b-cgvxt94lmx] .cash-open-field {
    min-width: 0;
}

[b-cgvxt94lmx] .cash-open-readonly-field .form-label,
[b-cgvxt94lmx] .cash-open-field .form-label {
    color: var(--cash-open-ink);
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.35;
    margin-bottom: .4rem;
}

[b-cgvxt94lmx] .cash-open-readonly-field .form-control,
[b-cgvxt94lmx] .cash-open-field .form-control,
[b-cgvxt94lmx] .cash-open-money-input .input-group-text {
    border-color: var(--cash-open-outline);
    border-radius: .7rem;
    min-height: 3rem;
}

[b-cgvxt94lmx] .cash-open-readonly-field .form-control:disabled {
    background: var(--cash-open-subtle);
    color: var(--cash-open-ink);
    font-weight: 800;
    opacity: 1;
}

[b-cgvxt94lmx] .cash-open-money-input .input-group-text {
    background: var(--cash-open-subtle);
    color: var(--cash-open-muted);
    font-weight: 900;
}

[b-cgvxt94lmx] .cash-open-money-input .form-control {
    font-size: 1.25rem;
    font-weight: 900;
}

[b-cgvxt94lmx] .cash-open-field .form-control:focus {
    border-color: var(--cash-open-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
    outline: 0;
}

[b-cgvxt94lmx] .cash-open-footer-actions {
    display: flex;
    gap: .6rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

[b-cgvxt94lmx] .cash-open-guide-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1.15rem;
}

[b-cgvxt94lmx] .cash-open-guide-icon {
    background: var(--cash-open-info-bg);
    color: var(--cash-open-info);
    margin-bottom: .85rem;
}

[b-cgvxt94lmx] .cash-open-guide-label {
    color: var(--cash-open-info);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-cgvxt94lmx] .cash-open-guide-body .h5 {
    color: var(--cash-open-ink);
    font-weight: 900;
    line-height: 1.25;
}

[b-cgvxt94lmx] .cash-open-guide-body p {
    color: var(--cash-open-muted) !important;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    [b-cgvxt94lmx] .cash-open-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-cgvxt94lmx] .cash-open-secondary-action {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    [b-cgvxt94lmx] .cash-open-title-block {
        align-items: flex-start;
    }

    [b-cgvxt94lmx] .cash-open-footer-actions {
        flex-direction: column-reverse;
    }

    [b-cgvxt94lmx] .cash-open-footer-actions .btn,
    [b-cgvxt94lmx] .cash-open-primary-action {
        width: 100%;
    }
}

/* Cash history page */
/* /Components/Pages/Catalog/Categories.razor.rz.scp.css */
/* Categories page */
.categories-page[b-f3fosiwlxy] {
    --categories-ink: #172033;
    --categories-muted: #667085;
    --categories-subtle: #eef3f8;
    --categories-subtle-strong: #e5f5ee;
    --categories-surface: #ffffff;
    --categories-border: #d8dee8;
    --categories-outline: #c4ccd8;
    --categories-green: #0f7b56;
    --categories-green-dark: #07593d;
    --categories-danger: #b42318;
    --categories-danger-bg: #fff1f0;
    color: var(--categories-ink);
}

[b-f3fosiwlxy] .categories-action-row {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

[b-f3fosiwlxy] .categories-filter-card {
    margin-bottom: .75rem;
}

[b-f3fosiwlxy] .categories-filter-grid {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(16rem, 1.5fr) minmax(10rem, .75fr) minmax(12rem, .9fr) max-content;
}

[b-f3fosiwlxy] .categories-filter-grid .form-label {
    color: var(--categories-muted);
    display: block;
    font-size: .75rem;
    font-weight: 800;
    margin-bottom: .3rem;
}

[b-f3fosiwlxy] .categories-search {
    position: relative;
}

[b-f3fosiwlxy] .categories-search > i {
    color: #98a2b3;
    left: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

[b-f3fosiwlxy] .categories-search .form-control {
    padding-left: 2.35rem;
    padding-right: 6.5rem;
}

[b-f3fosiwlxy] .categories-search-status {
    align-items: center;
    color: var(--categories-muted);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .35rem;
    pointer-events: none;
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
}

[b-f3fosiwlxy] .categories-clear-filters {
    align-self: end;
    color: var(--categories-green-dark);
    font-weight: 800;
    min-height: 2.85rem;
    white-space: nowrap;
}

[b-f3fosiwlxy] .categories-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-f3fosiwlxy] .categories-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-f3fosiwlxy] .categories-title-icon,
[b-f3fosiwlxy] .categories-empty-icon {
    align-items: center;
    background: var(--categories-subtle-strong);
    border-radius: .85rem;
    color: var(--categories-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-f3fosiwlxy] .categories-title-block h2 {
    color: var(--categories-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-f3fosiwlxy] .categories-title-block span {
    color: var(--categories-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-f3fosiwlxy] .categories-primary-action {
    align-items: center;
    background: var(--categories-green) !important;
    border: 0 !important;
    border-radius: .75rem !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    white-space: nowrap;
}

[b-f3fosiwlxy] .categories-primary-action:hover:not(:disabled) {
    background: var(--categories-green-dark) !important;
}

[b-f3fosiwlxy] .categories-alert.success {
    color: var(--categories-green-dark);
}

[b-f3fosiwlxy] .categories-alert.danger {
    background: var(--categories-danger-bg);
    border: 1px solid #f2b8b5;
    color: var(--categories-danger);
}

[b-f3fosiwlxy] .categories-loading,
[b-f3fosiwlxy] .categories-table-card {
    background: var(--categories-surface);
    border: 1px solid var(--categories-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-f3fosiwlxy] .categories-table-card {
    overflow: hidden;
}

[b-f3fosiwlxy] .categories-table-card .card-body {
    overflow-x: auto;
}

[b-f3fosiwlxy] .categories-table-header {
    background: #f8fafc;
    border-bottom: 1px solid var(--categories-border);
    padding: 1rem 1.15rem;
}

[b-f3fosiwlxy] .categories-table-header strong,
[b-f3fosiwlxy] .categories-table-header small {
    display: block;
}

[b-f3fosiwlxy] .categories-table-header strong {
    color: var(--categories-ink);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

[b-f3fosiwlxy] .categories-table-header small {
    color: var(--categories-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-f3fosiwlxy] .categories-table {
    min-width: 56rem;
}

[b-f3fosiwlxy] .categories-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-f3fosiwlxy] .categories-table thead th {
    background: #f3f6fa;
    border-bottom: 1px solid var(--categories-border);
    color: var(--categories-muted);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    padding: .9rem 1rem;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-f3fosiwlxy] .categories-table tbody td {
    border-bottom: 1px solid #edf0f5;
    color: #344054;
    padding: .9rem 1rem;
    vertical-align: middle;
}

[b-f3fosiwlxy] .categories-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-f3fosiwlxy] .categories-name-cell {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

[b-f3fosiwlxy] .categories-name-cell strong {
    color: var(--categories-ink);
    font-weight: 900;
}

[b-f3fosiwlxy] .categories-avatar {
    align-items: center;
    background: var(--categories-subtle-strong);
    border-radius: .75rem;
    color: var(--categories-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 900;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

[b-f3fosiwlxy] .categories-description {
    color: var(--categories-muted) !important;
    max-width: 24rem;
}

[b-f3fosiwlxy] .categories-order-chip,
[b-f3fosiwlxy] .categories-count-chip {
    justify-content: center;
    min-width: 2.25rem;
}

[b-f3fosiwlxy] .categories-actions {
    white-space: nowrap;
}

[b-f3fosiwlxy] .categories-icon-action {
    margin-left: .25rem;
}

[b-f3fosiwlxy] .categories-reactivate-action {
    border-color: #8fcbb7 !important;
    color: var(--categories-green-dark) !important;
}

[b-f3fosiwlxy] .categories-empty strong {
    color: var(--categories-ink);
}

[b-f3fosiwlxy] .categories-empty small {
    color: var(--categories-muted);
}

[b-f3fosiwlxy] .categories-field {
    margin-bottom: .9rem !important;
}

[b-f3fosiwlxy] .categories-field .form-label {
    color: var(--categories-ink);
    font-size: .86rem;
    font-weight: 800 !important;
    line-height: 1.35;
    margin-bottom: .4rem;
}

[b-f3fosiwlxy] .categories-field .form-control {
    border: 1px solid var(--categories-outline);
    border-radius: .7rem;
    color: var(--categories-ink);
    min-height: 2.85rem;
}

[b-f3fosiwlxy] .categories-field textarea.form-control {
    min-height: 6rem;
}

[b-f3fosiwlxy] .categories-field .form-control:focus {
    border-color: var(--categories-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
}

[b-f3fosiwlxy] .categories-form-alert {
    border-radius: .75rem;
    font-weight: 800;
}

[b-f3fosiwlxy] .categories-confirm-body p {
    color: var(--categories-ink);
    font-weight: 800;
}

[b-f3fosiwlxy] .categories-status-modal {
    border: 1px solid var(--categories-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    overflow: hidden;
}

[b-f3fosiwlxy] .categories-status-dialog {
    max-width: min(31rem, calc(100vw - 2rem));
}

[b-f3fosiwlxy] .categories-status-confirm-body {
    display: grid;
    gap: .75rem;
    justify-items: center;
    padding: 1.25rem 1.25rem .75rem !important;
}

[b-f3fosiwlxy] .categories-confirm-icon {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    font-size: 1.25rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-f3fosiwlxy] .categories-deactivate-icon {
    background: #fff8e7;
    border: 1px solid #efd595;
    color: #875800;
}

[b-f3fosiwlxy] .categories-reactivate-icon {
    background: #e5f5ee;
    border: 1px solid #b7dec9;
    color: var(--categories-green-dark);
}

[b-f3fosiwlxy] .categories-status-confirm-footer {
    border-top: 1px solid #edf0f5 !important;
    padding: .75rem 1.25rem 1rem !important;
}

[b-f3fosiwlxy] .categories-status-confirm-footer .shared-confirm-actions {
    gap: .5rem;
    justify-content: flex-end;
}

[b-f3fosiwlxy] .categories-status-confirm-footer .categories-confirm-cancel,
[b-f3fosiwlxy] .categories-status-confirm-footer .categories-deactivate-confirm,
[b-f3fosiwlxy] .categories-status-confirm-footer .categories-reactivate-confirm {
    align-items: center;
    border-radius: .55rem;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 2.75rem;
}

[b-f3fosiwlxy] .categories-confirm-cancel {
    background: #fff;
    border: 1px solid var(--categories-outline);
    color: var(--categories-ink);
}

[b-f3fosiwlxy] .categories-deactivate-confirm {
    background: #9a6700;
    border: 1px solid #9a6700;
    color: #fff;
}

[b-f3fosiwlxy] .categories-deactivate-confirm:hover:not(:disabled) {
    background: #7d5300;
    border-color: #7d5300;
}

[b-f3fosiwlxy] .categories-reactivate-confirm {
    background: var(--categories-green);
    border: 1px solid var(--categories-green);
    color: #fff;
}

[b-f3fosiwlxy] .categories-reactivate-confirm:hover:not(:disabled) {
    background: var(--categories-green-dark);
    border-color: var(--categories-green-dark);
}

@media (min-width: 768px) {
    [b-f3fosiwlxy] .categories-status-confirm-footer .shared-confirm-actions > * {
        min-width: 9rem;
    }
}

[b-f3fosiwlxy] .categories-deactivate-impact {
    align-items: center;
    background: #f2f7f4;
    border: 1px solid #d8e7df;
    border-radius: .75rem;
    color: var(--categories-green-dark);
    display: flex;
    gap: .7rem;
    margin-top: 1rem;
    padding: .75rem;
    text-align: left;
}

[b-f3fosiwlxy] .categories-deactivate-impact > i {
    align-items: center;
    background: #e5f5ee;
    border-radius: .55rem;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
}

[b-f3fosiwlxy] .categories-deactivate-impact strong,
[b-f3fosiwlxy] .categories-deactivate-impact small {
    display: block;
}

[b-f3fosiwlxy] .categories-reactivate-impact {
    align-items: center;
    background: #f2f7f4;
    border: 1px solid #d8e7df;
    border-radius: .75rem;
    color: var(--categories-green-dark);
    display: flex;
    gap: .7rem;
    margin-top: 1rem;
    padding: .75rem;
    text-align: left;
}

[b-f3fosiwlxy] .categories-reactivate-impact > i {
    align-items: center;
    background: #e5f5ee;
    border-radius: .55rem;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
}

[b-f3fosiwlxy] .categories-reactivate-impact strong,
[b-f3fosiwlxy] .categories-reactivate-impact small {
    display: block;
}

[b-f3fosiwlxy] .categories-reactivate-impact small {
    color: var(--categories-muted);
    font-size: .78rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-f3fosiwlxy] .categories-deactivate-impact small {
    color: var(--categories-muted);
    font-size: .78rem;
    font-weight: 700;
    margin-top: .15rem;
}

@media (max-width: 767.98px) {
    [b-f3fosiwlxy] .categories-filter-grid {
        grid-template-columns: 1fr;
    }

    [b-f3fosiwlxy] .categories-clear-filters {
        justify-self: start;
    }
    [b-f3fosiwlxy] .categories-header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-f3fosiwlxy] .categories-title-block,
    [b-f3fosiwlxy] .categories-empty {
        align-items: flex-start;
    }

    [b-f3fosiwlxy] .categories-primary-action {
        width: 100%;
    }

    [b-f3fosiwlxy] .categories-table-card .card-body {
        overflow-x: visible;
    }

    [b-f3fosiwlxy] .categories-table {
        min-width: 0;
    }

    [b-f3fosiwlxy] .categories-table thead {
        display: none;
    }

    [b-f3fosiwlxy] .categories-table,
    [b-f3fosiwlxy] .categories-table tbody,
    [b-f3fosiwlxy] .categories-table tr,
    [b-f3fosiwlxy] .categories-table td {
        display: block;
        width: 100%;
    }

    [b-f3fosiwlxy] .categories-table tbody tr {
        border-bottom: 1px solid var(--categories-border);
        padding: .85rem 1rem;
    }

    [b-f3fosiwlxy] .categories-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-f3fosiwlxy] .categories-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-f3fosiwlxy] .categories-table tbody td::before {
        color: var(--categories-muted);
        content: attr(data-label);
        flex: 0 0 6.5rem;
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-f3fosiwlxy] .categories-table tbody td:first-child {
        display: block;
        text-align: left !important;
    }

    [b-f3fosiwlxy] .categories-table tbody td:first-child::before {
        display: none;
    }

    [b-f3fosiwlxy] .categories-actions {
        display: flex !important;
        justify-content: flex-end !important;
    }

}

.categories-table-footer[b-f3fosiwlxy] {
    align-items: center;
    background: #f8fafc;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem 1rem;
}

.categories-table-footer > span[b-f3fosiwlxy] {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 800;
}

@media (max-width: 767.98px) {
    .categories-table-footer[b-f3fosiwlxy] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Catalog/Inventory.razor.rz.scp.css */
/* Inventory operating screen */
.inventory-screen[b-9ilukwrrey] {
    --inventory-ink: #172033;
    --inventory-muted: #667085;
    --inventory-soft: #f7f9fc;
    --inventory-subtle: #eef3f8;
    --inventory-surface: #ffffff;
    --inventory-border: #d8dee8;
    --inventory-outline: #c4ccd8;
    --inventory-green: #0f7b56;
    --inventory-green-dark: #07593d;
    --inventory-danger: #b42318;
    --inventory-danger-bg: #fff1f0;
    --inventory-warning-bg: #fff8e6;
    --inventory-warning: #7a4f00;
    color: var(--inventory-ink);
}

.inventory-options-dialog[b-9ilukwrrey] { max-width: min(42rem, 100%); }
.inventory-options-modal[b-9ilukwrrey], .inventory-options-footer[b-9ilukwrrey] { background: #fcfdfd; }
.inventory-options-intro[b-9ilukwrrey] { margin-bottom: 1rem; }
.inventory-options-list[b-9ilukwrrey] { display: grid; gap: .5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inventory-options-item[b-9ilukwrrey] { align-items: center; background: #fff; border: 1px solid #dce6e2; border-radius: .75rem; color: #16352e; display: flex; gap: .8rem; min-height: 4.25rem; padding: .75rem; text-align: left; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; width: 100%; }
.inventory-options-item:hover:not(:disabled)[b-9ilukwrrey] { background: #f2f8f5; border-color: #9dcab3; }
.inventory-options-item:focus-visible[b-9ilukwrrey] { box-shadow: 0 0 0 .22rem rgba(15,107,93,.18); outline: 0; }
.inventory-options-item:disabled[b-9ilukwrrey] { background: #f8fafc; color: #94a3b8; cursor: not-allowed; }
.inventory-options-item>i[b-9ilukwrrey] { align-items: center; background: #e8f4ee; border-radius: .6rem; color: #0f6b5d; display: inline-flex; flex: 0 0 2.25rem; height: 2.25rem; justify-content: center; width: 2.25rem; }
.inventory-options-item>span[b-9ilukwrrey] { display: grid; gap: .1rem; min-width: 0; }
.inventory-options-item strong[b-9ilukwrrey] { font-size: .9rem; font-weight: 900; }
.inventory-options-item small[b-9ilukwrrey] { color: #5c6b7c; font-size: .78rem; line-height: 1.3; }
.inventory-options-item-sensitive[b-9ilukwrrey] { border-color: #ead8a5; color: #7c5f00; grid-column: 1 / -1; justify-self: center; max-width: calc(50% - .25rem); }
.inventory-options-item-sensitive>i[b-9ilukwrrey] { background: #fff8db; color: #8a6900; }
.inventory-options-item-sensitive:hover:not(:disabled)[b-9ilukwrrey] { background: #fffcf0; border-color: #dfc365; }

[b-9ilukwrrey] .inventory-hero {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-9ilukwrrey] .inventory-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-9ilukwrrey] .inventory-title-icon,
[b-9ilukwrrey] .inventory-empty-icon {
    align-items: center;
    background: #e5f5ee;
    border-radius: .85rem;
    color: var(--inventory-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-9ilukwrrey] .inventory-hero h1 {
    color: var(--inventory-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-9ilukwrrey] .inventory-hero p {
    color: var(--inventory-muted);
    margin: 0;
}

[b-9ilukwrrey] .inventory-primary-action {
    align-items: center;
    background: var(--inventory-green);
    border: 0;
    border-radius: .75rem;
    color: #fff;
    display: inline-flex;
    font-weight: 900;
    gap: .6rem;
    min-height: 3rem;
    padding: 0 1.15rem;
    white-space: nowrap;
}

[b-9ilukwrrey] .inventory-primary-action:hover {
    background: var(--inventory-green-dark);
}

[b-9ilukwrrey] .inventory-kpi-action {
    border-radius: .5rem;
    font-size: .82rem;
    margin-top: .7rem;
    min-height: 2.35rem;
    padding: 0 .75rem;
}

[b-9ilukwrrey] .inventory-alert {
    border-radius: .75rem;
    font-weight: 800;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

[b-9ilukwrrey] .inventory-alert.success {
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    color: var(--inventory-green-dark);
}

[b-9ilukwrrey] .inventory-kpis {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-9ilukwrrey] .inventory-kpi {
    align-items: flex-start;
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-border);
    border-radius: .75rem;
    display: flex;
    justify-content: space-between;
    min-height: 6rem;
    padding: .95rem;
}

[b-9ilukwrrey] .inventory-kpi span,
[b-9ilukwrrey] .inventory-table th,
[b-9ilukwrrey] .inventory-sku,
[b-9ilukwrrey] .inventory-payment-label {
    font-family: var(--font-label);
}

[b-9ilukwrrey] .inventory-kpi span {
    color: var(--inventory-muted);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    margin-bottom: .55rem;
}

[b-9ilukwrrey] .inventory-kpi strong {
    color: var(--inventory-ink);
    display: block;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: .55rem;
}

[b-9ilukwrrey] .inventory-kpi small {
    color: var(--inventory-green-dark);
    font-size: .72rem;
    font-weight: 800;
}

[b-9ilukwrrey] .inventory-kpi > i {
    align-items: center;
    background: #e5f5ee;
    border-radius: .75rem;
    color: var(--inventory-green-dark);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

[b-9ilukwrrey] .inventory-kpi.danger strong,
[b-9ilukwrrey] .inventory-kpi.danger > i,
[b-9ilukwrrey] .inventory-danger-text {
    color: var(--inventory-danger);
}

[b-9ilukwrrey] .inventory-kpi.danger > i {
    background: var(--inventory-danger-bg);
}

[b-9ilukwrrey] .inventory-kpi.danger small {
    color: var(--inventory-danger);
}

[b-9ilukwrrey] .inventory-toolbar-body {
    align-items: center;
    display: flex;
    gap: .75rem;
    overflow-x: auto;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-search {
    align-items: center;
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-outline);
    border-radius: .75rem;
    display: flex;
    flex: 1 1 22rem;
    gap: .75rem;
    min-height: 3rem;
    min-width: 16rem;
    padding: 0 .9rem;
}

[b-9ilukwrrey] .inventory-search:focus-within {
    border-color: var(--inventory-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
}

[b-9ilukwrrey] .inventory-search i {
    color: var(--inventory-muted);
}

[b-9ilukwrrey] .inventory-search input {
    background: transparent;
    border: 0;
    color: var(--inventory-ink);
    font-size: .95rem;
    min-width: 0;
    outline: 0;
    width: 100%;
}

[b-9ilukwrrey] .inventory-filter-button,
[b-9ilukwrrey] .inventory-segmented button {
    border: 1px solid var(--inventory-outline);
    border-radius: .65rem;
    min-height: 2.75rem;
    padding: 0 .9rem;
}

[b-9ilukwrrey] .inventory-filter-button {
    align-items: center;
    background: var(--inventory-surface);
    color: var(--inventory-ink);
    display: inline-flex;
    gap: .45rem;
    font-weight: 800;
}

[b-9ilukwrrey] .inventory-segmented {
    background: #dfe6ee;
    border-radius: .75rem;
    display: flex;
    gap: .15rem;
    padding: .25rem;
}

[b-9ilukwrrey] .inventory-segmented button {
    background: transparent;
    border: 0;
    color: var(--inventory-muted);
    font-family: var(--font-label);
    font-weight: 800;
}

[b-9ilukwrrey] .inventory-segmented button.active {
    background: var(--inventory-surface);
    color: var(--inventory-ink);
    font-weight: 900;
    box-shadow: 0 .25rem .75rem rgba(16, 24, 40, .08);
}

[b-9ilukwrrey] .inventory-segmented button:disabled {
    background: transparent;
    color: #98a2b3;
    cursor: not-allowed;
    opacity: .75;
}

[b-9ilukwrrey] .inventory-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
}

[b-9ilukwrrey] .inventory-tabs {
    align-items: center;
    background: #e7edf4;
    border: 1px solid var(--inventory-border);
    border-radius: .75rem;
    display: flex;
    gap: .25rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    padding: .3rem;
}

[b-9ilukwrrey] .inventory-tab {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .55rem;
    color: var(--inventory-muted);
    display: inline-flex;
    font-family: var(--font-label);
    font-weight: 900;
    gap: .5rem;
    min-height: 2.65rem;
    padding: 0 1rem;
    white-space: nowrap;
}

[b-9ilukwrrey] .inventory-tab.active {
    background: var(--inventory-surface);
    box-shadow: 0 .25rem .75rem rgba(16, 24, 40, .08);
    color: var(--inventory-ink);
}

[b-9ilukwrrey] .inventory-section-card {
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-border);
    border-radius: .75rem;
    overflow: hidden;
}

[b-9ilukwrrey] .inventory-section-header {
    align-items: center;
    background: #f8fafc;
    border-bottom: 1px solid var(--inventory-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-section-header strong,
[b-9ilukwrrey] .inventory-section-header span {
    display: block;
}

[b-9ilukwrrey] .inventory-section-header strong {
    color: var(--inventory-ink);
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-section-header span {
    color: var(--inventory-muted);
    font-size: .8rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-9ilukwrrey] .inventory-table-card,
[b-9ilukwrrey] .inventory-movements {
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-border);
    border-radius: .75rem;
    overflow: hidden;
}

[b-9ilukwrrey] .inventory-table-card .table-responsive {
    scrollbar-width: thin;
}

[b-9ilukwrrey] .inventory-table-header {
    align-items: flex-start;
    background: #f8fafc;
    border-bottom: 1px solid var(--inventory-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-table-header strong,
[b-9ilukwrrey] .inventory-table-header small {
    display: block;
}

[b-9ilukwrrey] .inventory-table-header strong {
    color: var(--inventory-ink);
    font-size: .96rem;
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-table-header small {
    color: var(--inventory-muted);
    font-size: .78rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-9ilukwrrey] .inventory-table {
    border-collapse: collapse;
    margin: 0;
    min-width: 48rem;
    width: 100%;
}

[b-9ilukwrrey] .inventory-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-9ilukwrrey] .inventory-table th {
    background: #f3f6fa;
    border-bottom: 1px solid var(--inventory-border);
    color: var(--inventory-muted);
    font-size: .78rem;
    font-weight: 900;
    padding: .85rem 1rem;
}

[b-9ilukwrrey] .inventory-table td {
    border-bottom: 1px solid #edf0f5;
    color: #344054;
    padding: .85rem 1rem;
    vertical-align: middle;
}

[b-9ilukwrrey] .inventory-table tr.selected td,
[b-9ilukwrrey] .inventory-table tr:hover td {
    background: #f2f7f4;
}

[b-9ilukwrrey] .inventory-sku {
    background: var(--inventory-subtle);
    border-radius: 999px;
    color: #344054;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    line-height: 1.35;
    padding: .25rem .55rem;
}

[b-9ilukwrrey] .inventory-product-cell {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 0;
}

[b-9ilukwrrey] .inventory-product-thumb {
    align-items: center;
    background: #e5f5ee;
    border-radius: .625rem;
    color: var(--inventory-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 900;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

[b-9ilukwrrey] .inventory-product-cell strong {
    color: var(--inventory-ink);
    display: block;
    line-height: 1.25;
    max-width: 18rem;
}

[b-9ilukwrrey] .inventory-icon-action {
    margin-left: .25rem;
}

[b-9ilukwrrey] .inventory-icon-action.warning {
    color: var(--inventory-warning);
}

[b-9ilukwrrey] .inventory-actions {
    white-space: nowrap;
}

[b-9ilukwrrey] .inventory-minimum-action {
    align-items: center;
    background: var(--inventory-warning-bg);
    border: 1px solid #f3d58a;
    border-radius: .55rem;
    color: var(--inventory-warning);
    display: inline-flex;
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    gap: .35rem;
    min-height: 2.1rem;
    padding: 0 .65rem;
}

[b-9ilukwrrey] .inventory-entry-text {
    color: var(--inventory-green-dark) !important;
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-exit-text {
    color: var(--inventory-danger) !important;
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-adjustments-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
}

[b-9ilukwrrey] .inventory-product-picker {
    align-self: start;
}

[b-9ilukwrrey] .inventory-picker-list {
    display: grid;
    gap: .35rem;
    max-height: calc(100vh - 24rem);
    overflow-y: auto;
    padding: .75rem;
}

[b-9ilukwrrey] .inventory-picker-item {
    align-items: center;
    background: var(--inventory-surface);
    border: 1px solid transparent;
    border-radius: .7rem;
    color: var(--inventory-ink);
    display: flex;
    gap: .65rem;
    padding: .65rem;
    text-align: left;
    width: 100%;
}

[b-9ilukwrrey] .inventory-picker-item:hover,
[b-9ilukwrrey] .inventory-picker-item.active {
    background: #f2f7f4;
    border-color: #b8d9cb;
}

[b-9ilukwrrey] .inventory-picker-item strong,
[b-9ilukwrrey] .inventory-picker-item small {
    display: block;
}

[b-9ilukwrrey] .inventory-picker-item small {
    color: var(--inventory-muted);
    font-size: .75rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-9ilukwrrey] .inventory-adjustment-panel {
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-adjustment-summary,
[b-9ilukwrrey] .inventory-confirm-summary {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-9ilukwrrey] .inventory-adjustment-summary div,
[b-9ilukwrrey] .inventory-confirm-summary div {
    background: var(--inventory-soft);
    border: 1px solid var(--inventory-border);
    border-radius: .7rem;
    padding: .8rem;
}

[b-9ilukwrrey] .inventory-adjustment-summary span,
[b-9ilukwrrey] .inventory-confirm-summary span {
    color: var(--inventory-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    margin-bottom: .35rem;
}

[b-9ilukwrrey] .inventory-adjustment-summary strong,
[b-9ilukwrrey] .inventory-confirm-summary strong {
    color: var(--inventory-ink);
    display: block;
    font-size: 1.05rem;
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-adjustment-form {
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(10rem, 14rem) minmax(12rem, 16rem) minmax(0, 1fr);
}

[b-9ilukwrrey] .inventory-form-field-wide {
    grid-column: 1 / -1;
}

[b-9ilukwrrey] .inventory-adjustment-direction {
    align-self: end;
    background: #e7edf4;
    border-radius: .7rem;
    display: flex;
    gap: .2rem;
    min-height: 2.75rem;
    padding: .25rem;
}

[b-9ilukwrrey] .inventory-adjustment-direction button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .5rem;
    color: var(--inventory-muted);
    display: inline-flex;
    flex: 1 1 0;
    font-family: var(--font-label);
    font-weight: 900;
    gap: .4rem;
    justify-content: center;
    padding: 0 .75rem;
}

[b-9ilukwrrey] .inventory-adjustment-direction button.active {
    background: var(--inventory-surface);
    color: var(--inventory-green-dark);
}

[b-9ilukwrrey] .inventory-adjustment-direction button.active.danger {
    color: var(--inventory-danger);
}

[b-9ilukwrrey] .inventory-adjustment-actions {
    align-items: center;
    display: flex;
    gap: .6rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

[b-9ilukwrrey] .inventory-trace-adjustment {
    background: #fbfdff;
    border: 1px solid var(--inventory-border);
    border-radius: .75rem;
    display: grid;
    gap: .85rem;
    padding: .9rem;
}

[b-9ilukwrrey] .inventory-trace-adjustment-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

[b-9ilukwrrey] .inventory-trace-adjustment-header strong {
    color: var(--inventory-ink);
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-trace-adjustment-header span {
    color: var(--inventory-muted);
    display: block;
    font-size: .85rem;
}

[b-9ilukwrrey] .inventory-trace-lot-list,
[b-9ilukwrrey] .inventory-trace-serials {
    display: grid;
    gap: .75rem;
}

[b-9ilukwrrey] .inventory-trace-lot-row {
    align-items: end;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(9rem, 1fr) minmax(8rem, .8fr) minmax(7rem, .7fr) minmax(7rem, .7fr) auto;
}

[b-9ilukwrrey] .inventory-trace-lot-row .btn {
    height: 2.45rem;
    width: 2.45rem;
}

[b-9ilukwrrey] .inventory-trace-add {
    justify-self: start;
}

[b-9ilukwrrey] .inventory-trace-add i {
    margin-right: .35rem;
}

[b-9ilukwrrey] .inventory-trace-warranty-row {
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr 1fr;
}

[b-9ilukwrrey] .inventory-serial-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

[b-9ilukwrrey] .inventory-serial-suggestions button {
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-border);
    border-radius: 999px;
    color: var(--inventory-muted);
    font-size: .78rem;
    font-weight: 900;
    padding: .25rem .55rem;
}

[b-9ilukwrrey] .inventory-transfer-trace-summary {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .35rem;
}

[b-9ilukwrrey] .inventory-transfer-trace-pill {
    background: #f8fafc;
    border: 1px solid var(--inventory-border);
    border-radius: 999px;
    color: var(--inventory-muted);
    display: inline-flex;
    font-size: .74rem;
    font-weight: 900;
    padding: .15rem .45rem;
}

[b-9ilukwrrey] .inventory-transfer-trace-pill.shipped {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

[b-9ilukwrrey] .inventory-transfer-trace-pill.received {
    background: #ecfdf3;
    border-color: #bbf7d0;
    color: #067647;
}

[b-9ilukwrrey] .inventory-transfer-trace-pill.missing {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b42318;
}

[b-9ilukwrrey] .inventory-transfer-trace-input {
    margin-top: .4rem;
    min-width: 11rem;
}

[b-9ilukwrrey] .inventory-adjustment-history {
    border-top: 1px solid var(--inventory-border);
    display: grid;
    gap: .6rem;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-adjustment-history > strong {
    color: var(--inventory-ink);
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-adjustment-history > span {
    color: var(--inventory-muted);
    font-weight: 700;
}

[b-9ilukwrrey] .inventory-adjustment-history article {
    border: 1px solid var(--inventory-border);
    border-radius: .65rem;
    padding: .7rem;
}

[b-9ilukwrrey] .inventory-adjustment-history article span,
[b-9ilukwrrey] .inventory-adjustment-history article small {
    color: var(--inventory-muted);
    display: block;
    font-size: .76rem;
    font-weight: 700;
}

[b-9ilukwrrey] .inventory-adjustment-history article strong {
    color: var(--inventory-ink);
    display: block;
    font-size: .88rem;
    margin: .2rem 0;
}

[b-9ilukwrrey] .inventory-count-layout {
    display: grid;
    gap: 1rem;
}

[b-9ilukwrrey] .inventory-count-control {
    overflow: visible;
}

[b-9ilukwrrey] .inventory-count-summary {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1rem 1.15rem 0;
}

[b-9ilukwrrey] .inventory-count-summary article {
    background: var(--inventory-soft);
    border: 1px solid var(--inventory-border);
    border-radius: .7rem;
    padding: .8rem;
}

[b-9ilukwrrey] .inventory-count-summary span {
    color: var(--inventory-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    margin-bottom: .35rem;
}

[b-9ilukwrrey] .inventory-count-summary strong {
    color: var(--inventory-ink);
    display: block;
    font-size: 1.1rem;
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-count-open-panel,
[b-9ilukwrrey] .inventory-count-actions,
[b-9ilukwrrey] .inventory-reconciliation-body {
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-count-open-panel {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem) auto;
    align-items: end;
}

[b-9ilukwrrey] .inventory-count-open-panel .inventory-panel-empty {
    justify-content: flex-start;
    padding: 0;
}

[b-9ilukwrrey] .inventory-count-actions {
    align-items: center;
    display: flex;
    gap: .65rem;
    justify-content: flex-end;
}

[b-9ilukwrrey] .inventory-count-secondary-action {
    align-items: center;
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-outline);
    border-radius: .75rem;
    color: var(--inventory-ink);
    display: inline-flex;
    font-weight: 900;
    gap: .6rem;
    min-height: 3rem;
    padding: 0 1.15rem;
}

[b-9ilukwrrey] .inventory-count-table {
    min-width: 70rem;
}

[b-9ilukwrrey] .inventory-count-table-card {
    overflow: hidden;
}

[b-9ilukwrrey] .inventory-count-input {
    margin-left: auto;
    max-width: 7.5rem;
}

[b-9ilukwrrey] .inventory-count-difference td {
    background: #fffdf5;
}

[b-9ilukwrrey] .inventory-reconciliation-panel {
    align-self: start;
}

[b-9ilukwrrey] .inventory-reconciliation-body {
    align-items: end;
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

[b-9ilukwrrey] .inventory-transfer-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, .75fr);
}

[b-9ilukwrrey] .inventory-transfer-detail {
    grid-column: 1 / -1;
}

[b-9ilukwrrey] .inventory-transfer-form {
    align-items: end;
    display: grid;
    gap: .85rem;
    grid-template-columns: minmax(12rem, 1fr) minmax(14rem, 1.2fr) minmax(8rem, .55fr) auto;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-transfer-add-line {
    justify-content: center;
}

[b-9ilukwrrey] .inventory-transfer-lines-table {
    min-width: 42rem;
}

[b-9ilukwrrey] .inventory-transfer-footer {
    align-items: center;
    border-top: 1px solid var(--inventory-border);
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-transfer-list {
    display: grid;
    gap: .55rem;
    max-height: 28rem;
    overflow-y: auto;
    padding: .85rem;
}

[b-9ilukwrrey] .inventory-transfer-card {
    align-items: center;
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-border);
    border-radius: .7rem;
    color: var(--inventory-ink);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem;
    text-align: left;
    width: 100%;
}

[b-9ilukwrrey] .inventory-transfer-card:hover,
[b-9ilukwrrey] .inventory-transfer-card.active {
    background: #f2f7f4;
    border-color: #b8d9cb;
}

[b-9ilukwrrey] .inventory-transfer-card strong,
[b-9ilukwrrey] .inventory-transfer-card small,
[b-9ilukwrrey] .inventory-transfer-card-meta small {
    display: block;
}

[b-9ilukwrrey] .inventory-transfer-card small,
[b-9ilukwrrey] .inventory-transfer-card-meta small {
    color: var(--inventory-muted);
    font-size: .74rem;
    font-weight: 700;
    margin-top: .2rem;
}

[b-9ilukwrrey] .inventory-transfer-card-meta {
    align-items: flex-end;
    display: grid;
    justify-items: end;
}

[b-9ilukwrrey] .inventory-transfer-detail-summary {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-transfer-detail-summary article {
    background: var(--inventory-soft);
    border: 1px solid var(--inventory-border);
    border-radius: .7rem;
    padding: .8rem;
}

[b-9ilukwrrey] .inventory-transfer-detail-summary span {
    color: var(--inventory-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    margin-bottom: .35rem;
}

[b-9ilukwrrey] .inventory-transfer-detail-summary strong {
    color: var(--inventory-ink);
    display: block;
    font-size: .95rem;
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-transfer-detail-table {
    min-width: 64rem;
}

[b-9ilukwrrey] .inventory-transfer-actions {
    align-items: end;
    border-top: 1px solid var(--inventory-border);
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    padding: 1rem 1.15rem;
}

[b-9ilukwrrey] .inventory-confirm-reason {
    background: var(--inventory-subtle);
    border: 1px solid var(--inventory-border);
    border-radius: .7rem;
    color: var(--inventory-ink);
    font-weight: 800;
    margin: 0;
    padding: .8rem;
}

[b-9ilukwrrey] .inventory-table-footer {
    align-items: center;
    background: #f8fafc;
    color: var(--inventory-muted);
    display: flex;
    font-size: .78rem;
    font-weight: 700;
    justify-content: space-between;
    padding: .85rem 1rem;
}

[b-9ilukwrrey] .inventory-table-footer button {
    background: var(--inventory-surface);
    border: 1px solid var(--inventory-border);
    border-radius: .55rem;
    color: var(--inventory-ink);
    height: 2.25rem;
    width: 2.25rem;
}

[b-9ilukwrrey] .inventory-empty,
[b-9ilukwrrey] .inventory-loading,
[b-9ilukwrrey] .inventory-panel-empty {
    align-items: center;
    color: var(--inventory-muted);
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: left;
}

[b-9ilukwrrey] .inventory-loading {
    min-height: 12rem;
}

[b-9ilukwrrey] .inventory-empty strong,
[b-9ilukwrrey] .inventory-empty small,
[b-9ilukwrrey] .inventory-panel-empty strong,
[b-9ilukwrrey] .inventory-panel-empty small {
    display: block;
}

[b-9ilukwrrey] .inventory-empty strong,
[b-9ilukwrrey] .inventory-panel-empty strong {
    color: var(--inventory-ink);
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-empty small,
[b-9ilukwrrey] .inventory-panel-empty small {
    color: var(--inventory-muted);
    font-weight: 700;
    margin-top: .15rem;
}

[b-9ilukwrrey] .inventory-panel-header {
    background: #f8fafc;
    border-bottom: 1px solid var(--inventory-border);
    padding: 1rem;
}

[b-9ilukwrrey] .inventory-panel-header strong,
[b-9ilukwrrey] .inventory-panel-header span {
    display: block;
}

[b-9ilukwrrey] .inventory-panel-header span {
    color: var(--inventory-muted);
    font-size: .75rem;
    font-weight: 700;
}

[b-9ilukwrrey] .inventory-movement-list {
    max-height: calc(100vh - 23rem);
    overflow-y: auto;
}

[b-9ilukwrrey] .inventory-movement {
    border-bottom: 1px solid #edf0f5;
    padding: .9rem 1rem;
}

[b-9ilukwrrey] .inventory-movement div {
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

[b-9ilukwrrey] .inventory-movement strong {
    color: var(--inventory-ink);
}

[b-9ilukwrrey] .inventory-movement span,
[b-9ilukwrrey] .inventory-movement p,
[b-9ilukwrrey] .inventory-movement small {
    color: var(--inventory-muted);
    font-size: .76rem;
}

[b-9ilukwrrey] .inventory-movement p {
    margin: .35rem 0 0;
}

[b-9ilukwrrey] .inventory-modal-product {
    background: var(--inventory-subtle);
    border: 1px solid var(--inventory-border);
    border-radius: .75rem;
    color: var(--inventory-ink);
    font-weight: 800;
    margin: 0 0 1rem;
    padding: .75rem;
}

[b-9ilukwrrey] .inventory-modal-product code {
    color: var(--inventory-green-dark);
    font-weight: 900;
}

[b-9ilukwrrey] .inventory-modal-body .form-check-input:checked {
    background-color: var(--inventory-green);
    border-color: var(--inventory-green);
}

@media (max-width: 1199.98px) {
    [b-9ilukwrrey] .inventory-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-9ilukwrrey] .inventory-layout {
        grid-template-columns: 1fr;
    }

    [b-9ilukwrrey] .inventory-adjustments-grid {
        grid-template-columns: 1fr;
    }

    [b-9ilukwrrey] .inventory-transfer-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    [b-9ilukwrrey] .inventory-hero {
        align-items: stretch;
        flex-direction: column;
        gap: .8rem;
    }

    [b-9ilukwrrey] .inventory-title-block {
        align-items: flex-start;
    }

    [b-9ilukwrrey] .inventory-primary-action {
        justify-content: center;
        width: 100%;
    }

    [b-9ilukwrrey] .inventory-kpis {
        grid-template-columns: 1fr;
    }

    [b-9ilukwrrey] .inventory-toolbar-body {
        align-items: stretch;
        flex-direction: column;
        padding: .7rem;
    }

    [b-9ilukwrrey] .inventory-search,
    [b-9ilukwrrey] .inventory-filter-button,
    [b-9ilukwrrey] .inventory-segmented {
        width: 100%;
    }

    [b-9ilukwrrey] .inventory-search {
        min-width: 0;
    }

    [b-9ilukwrrey] .inventory-segmented button {
        flex: 1 1 0;
    }

    [b-9ilukwrrey] .inventory-tabs {
        align-items: stretch;
    }

    [b-9ilukwrrey] .inventory-tab {
        flex: 1 0 auto;
        justify-content: center;
        padding: 0 .75rem;
    }

    [b-9ilukwrrey] .inventory-section-header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-9ilukwrrey] .inventory-section-header .inventory-filter-button,
    [b-9ilukwrrey] .inventory-section-header .inventory-minimum-action {
        justify-content: center;
        width: 100%;
    }

    [b-9ilukwrrey] .inventory-adjustment-summary,
    [b-9ilukwrrey] .inventory-confirm-summary,
    [b-9ilukwrrey] .inventory-adjustment-form,
    [b-9ilukwrrey] .inventory-count-summary,
    [b-9ilukwrrey] .inventory-count-open-panel,
    [b-9ilukwrrey] .inventory-reconciliation-body,
    [b-9ilukwrrey] .inventory-transfer-form,
    [b-9ilukwrrey] .inventory-transfer-detail-summary,
    [b-9ilukwrrey] .inventory-transfer-actions {
        grid-template-columns: 1fr;
    }

    [b-9ilukwrrey] .inventory-adjustment-actions,
    [b-9ilukwrrey] .inventory-count-actions,
    [b-9ilukwrrey] .inventory-transfer-footer {
        align-items: stretch;
        flex-direction: column;
    }

    [b-9ilukwrrey] .inventory-adjustment-actions .btn,
    [b-9ilukwrrey] .inventory-adjustment-actions button,
    [b-9ilukwrrey] .inventory-count-actions .btn,
    [b-9ilukwrrey] .inventory-count-actions button,
    [b-9ilukwrrey] .inventory-reconciliation-body button,
    [b-9ilukwrrey] .inventory-transfer-actions button,
    [b-9ilukwrrey] .inventory-transfer-footer button {
        width: 100%;
    }

    [b-9ilukwrrey] .inventory-trace-adjustment-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-9ilukwrrey] .inventory-trace-lot-row,
    [b-9ilukwrrey] .inventory-trace-warranty-row {
        grid-template-columns: 1fr;
    }

    [b-9ilukwrrey] .inventory-trace-lot-row .btn,
    [b-9ilukwrrey] .inventory-trace-add {
        width: 100%;
    }

    [b-9ilukwrrey] .inventory-transfer-card {
        align-items: stretch;
        flex-direction: column;
    }

    [b-9ilukwrrey] .inventory-transfer-card-meta {
        align-items: flex-start;
        justify-items: start;
    }

    [b-9ilukwrrey] .inventory-table-footer {
        align-items: stretch;
        flex-direction: column;
        gap: .75rem;
    }

    [b-9ilukwrrey] .inventory-table-footer div {
        display: flex;
        gap: .5rem;
    }

    [b-9ilukwrrey] .inventory-table-card .table-responsive {
        overflow-x: visible;
    }

    [b-9ilukwrrey] .inventory-table {
        min-width: 0;
    }

    [b-9ilukwrrey] .inventory-table thead {
        display: none;
    }

    [b-9ilukwrrey] .inventory-table,
    [b-9ilukwrrey] .inventory-table tbody,
    [b-9ilukwrrey] .inventory-table tr,
    [b-9ilukwrrey] .inventory-table td {
        display: block;
        width: 100%;
    }

    [b-9ilukwrrey] .inventory-table tbody tr {
        border-bottom: 1px solid var(--inventory-border);
        padding: .85rem 1rem;
    }

    [b-9ilukwrrey] .inventory-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-9ilukwrrey] .inventory-table td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-9ilukwrrey] .inventory-table td::before {
        color: var(--inventory-muted);
        content: attr(data-label);
        flex: 0 0 6.5rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-9ilukwrrey] .inventory-table td[data-label="Producto"] {
        display: block;
        text-align: left !important;
    }

    [b-9ilukwrrey] .inventory-table td[data-label="Producto"]::before {
        display: none;
    }

    [b-9ilukwrrey] .inventory-actions {
        display: flex !important;
        justify-content: flex-end !important;
    }

    [b-9ilukwrrey] .inventory-count-input {
        max-width: 9rem;
    }

    [b-9ilukwrrey] .inventory-empty,
    [b-9ilukwrrey] .inventory-panel-empty {
        align-items: flex-start;
        flex-direction: column;
    }

}

@media (max-width: 560px) {
    .inventory-options-list[b-9ilukwrrey] { grid-template-columns: 1fr; }
    .inventory-options-item-sensitive[b-9ilukwrrey] { grid-column: auto; max-width: none; }
}

/* /Components/Pages/Catalog/InventoryLots.razor.rz.scp.css */
.inventory-lots-screen[b-788jmoervz] {
    --inventory-accent: var(--color-secondary);
    --inventory-border: var(--color-border);
    --inventory-muted: var(--color-muted);
    --inventory-text: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.inventory-lots-actions[b-788jmoervz],
.inventory-lots-modal-actions[b-788jmoervz] {
    display: flex;
    gap: .6rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.inventory-lots-danger-action[b-788jmoervz] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

.inventory-lots-summary[b-788jmoervz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

[b-788jmoervz] .inventory-lots-filter-card {
    border: 1px solid var(--inventory-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-788jmoervz] .inventory-lots-filter-body {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem !important;
    align-items: end;
}

[b-788jmoervz] .inventory-lots-filter-body > :nth-child(1) { grid-column: span 4; }
[b-788jmoervz] .inventory-lots-filter-body > :nth-child(2),
[b-788jmoervz] .inventory-lots-filter-body > :nth-child(3) { grid-column: span 3; }
[b-788jmoervz] .inventory-lots-filter-body > :nth-child(4),
[b-788jmoervz] .inventory-lots-filter-body > :nth-child(5) { grid-column: span 4; }
[b-788jmoervz] .inventory-lots-filter-body > :nth-child(6) { grid-column: span 2; }

.inventory-lots-loading[b-788jmoervz] {
    min-height: 18rem;
}

.inventory-lots-table[b-788jmoervz] {
    margin: 0;
}

.inventory-lots-table th[b-788jmoervz] {
    color: var(--inventory-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.inventory-lots-table td[b-788jmoervz] {
    vertical-align: middle;
}

.inventory-lots-table td strong[b-788jmoervz],
.inventory-lots-table td small[b-788jmoervz] {
    display: block;
}

.inventory-lots-table td small[b-788jmoervz] {
    color: var(--inventory-muted);
}

.inventory-lots-table tr.is-expiring td[b-788jmoervz] {
    background: #fffbea;
}

.inventory-lots-table tr.is-expired td[b-788jmoervz] {
    background: #fff1f2;
}

.inventory-lot-options-dialog[b-788jmoervz] {
    max-width: min(42rem, 100%);
}

.inventory-lot-options-modal[b-788jmoervz],
.inventory-lot-options-footer[b-788jmoervz] {
    background: #fcfdfd;
}

.inventory-lot-options-list[b-788jmoervz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

[b-788jmoervz] .inventory-lot-options-item {
    display: flex;
    width: 100%;
    min-height: 3rem;
    justify-content: flex-start;
    text-align: left;
}

[b-788jmoervz] .inventory-lot-options-item-sensitive {
    border-color: #ead8a5;
    color: #7c5f00;
}

[b-788jmoervz] .inventory-lot-options-item-danger {
    grid-column: 1 / -1;
}

.inventory-lots-form-grid[b-788jmoervz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.inventory-lots-span-2[b-788jmoervz] {
    grid-column: 1 / -1;
}

.inventory-lots-selected[b-788jmoervz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
    padding: .75rem;
    border-radius: .5rem;
    background: #f8fafc;
    color: var(--inventory-text);
}

.inventory-lots-modal-actions[b-788jmoervz] {
    margin-top: 1rem;
}

@media (max-width: 992px) {
    .inventory-lots-actions[b-788jmoervz],
    .inventory-lots-selected[b-788jmoervz] {
        flex-direction: column;
        align-items: stretch;
    }

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

    [b-788jmoervz] .inventory-lots-filter-body > * { grid-column: span 6; }
}

@media (max-width: 640px) {
    .inventory-lots-summary[b-788jmoervz],
    [b-788jmoervz] .inventory-lots-filter-body,
    .inventory-lots-form-grid[b-788jmoervz] {
        grid-template-columns: 1fr;
    }

    [b-788jmoervz] .inventory-lots-filter-body > * { grid-column: auto; }

    .inventory-lots-table thead[b-788jmoervz] {
        display: none;
    }

    .inventory-lots-table tr[b-788jmoervz] {
        display: block;
        border-bottom: 1px solid #e1e7ef;
        padding: .5rem 0;
    }

    .inventory-lots-table td[b-788jmoervz] {
        display: flex;
        justify-content: space-between;
        gap: .75rem;
        border: 0;
        text-align: right;
    }

    .inventory-lots-table td[b-788jmoervz]::before {
        content: attr(data-label);
        color: #64748b;
        font-weight: 800;
        text-align: left;
    }

    .inventory-lot-options-list[b-788jmoervz] {
        grid-template-columns: 1fr;
    }

    [b-788jmoervz] .inventory-lot-options-item-danger {
        grid-column: auto;
    }
}
/* /Components/Pages/Catalog/InventorySerials.razor.rz.scp.css */
.inventory-serials-screen[b-5lukzm2ng3] {
    --inventory-accent: var(--color-secondary);
    --inventory-border: var(--color-border);
    --inventory-muted: var(--color-muted);
    --inventory-text: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.inventory-serials-actions[b-5lukzm2ng3],
.inventory-serials-modal-actions[b-5lukzm2ng3] {
    display: flex;
    gap: .6rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.inventory-serials-summary[b-5lukzm2ng3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

[b-5lukzm2ng3] .inventory-serials-filter-card {
    border: 1px solid var(--inventory-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-5lukzm2ng3] .inventory-serials-filter-body {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem !important;
    align-items: end;
}

[b-5lukzm2ng3] .inventory-serials-filter-body > :nth-child(1) { grid-column: span 4; }
[b-5lukzm2ng3] .inventory-serials-filter-body > :nth-child(2),
[b-5lukzm2ng3] .inventory-serials-filter-body > :nth-child(3),
[b-5lukzm2ng3] .inventory-serials-filter-body > :nth-child(4) { grid-column: span 3; }
[b-5lukzm2ng3] .inventory-serials-filter-body > :nth-child(5) { grid-column: span 3; }

.inventory-serials-loading[b-5lukzm2ng3] {
    min-height: 18rem;
}

.inventory-serials-table[b-5lukzm2ng3] {
    margin: 0;
}

.inventory-serials-table th[b-5lukzm2ng3] {
    color: var(--inventory-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.inventory-serials-table td[b-5lukzm2ng3] {
    vertical-align: middle;
}

.inventory-serials-table td strong[b-5lukzm2ng3],
.inventory-serials-table td small[b-5lukzm2ng3] {
    display: block;
}

.inventory-serials-table td small[b-5lukzm2ng3] {
    color: var(--inventory-muted);
}

.inventory-serials-table tr.is-sold td[b-5lukzm2ng3] {
    background: #eff6ff;
}

.inventory-serials-table tr.is-unavailable td[b-5lukzm2ng3] {
    background: #fffbea;
}

.inventory-serials-row-actions[b-5lukzm2ng3] {
    display: inline-flex;
    gap: .3rem;
    justify-content: flex-end;
}

.inventory-serials-form-grid[b-5lukzm2ng3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.inventory-serials-span-2[b-5lukzm2ng3] {
    grid-column: 1 / -1;
}

.inventory-serials-textarea[b-5lukzm2ng3] {
    min-height: 8.5rem;
}

.inventory-serials-selected[b-5lukzm2ng3] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
    padding: .75rem;
    border-radius: .5rem;
    background: #f8fafc;
    color: var(--inventory-text);
}

.inventory-serials-modal-actions[b-5lukzm2ng3] {
    margin-top: 1rem;
}

@media (max-width: 992px) {
    .inventory-serials-actions[b-5lukzm2ng3],
    .inventory-serials-selected[b-5lukzm2ng3] {
        flex-direction: column;
        align-items: stretch;
    }

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

    [b-5lukzm2ng3] .inventory-serials-filter-body > * { grid-column: span 6; }
}

@media (max-width: 640px) {
    .inventory-serials-summary[b-5lukzm2ng3],
    [b-5lukzm2ng3] .inventory-serials-filter-body,
    .inventory-serials-form-grid[b-5lukzm2ng3] {
        grid-template-columns: 1fr;
    }

    [b-5lukzm2ng3] .inventory-serials-filter-body > * { grid-column: auto; }

    .inventory-serials-table thead[b-5lukzm2ng3] {
        display: none;
    }

    .inventory-serials-table tr[b-5lukzm2ng3] {
        display: block;
        border-bottom: 1px solid #e1e7ef;
        padding: .5rem 0;
    }

    .inventory-serials-table td[b-5lukzm2ng3] {
        display: flex;
        justify-content: space-between;
        gap: .75rem;
        border: 0;
        text-align: right;
    }

    .inventory-serials-table td[b-5lukzm2ng3]::before {
        content: attr(data-label);
        color: #64748b;
        font-weight: 800;
        text-align: left;
    }

    .inventory-serials-row-actions[b-5lukzm2ng3] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* /Components/Pages/Catalog/PriceLists.razor.rz.scp.css */
.price-lists-page[b-fp8rq11h0c] {
    --pricing-ink: #172033;
    --pricing-muted: #667085;
    --pricing-surface: #ffffff;
    --pricing-subtle: #eef3f8;
    --pricing-border: #d8dee8;
    --pricing-outline: #c4ccd8;
    --pricing-primary: #0f7b56;
    --pricing-primary-dark: #07593d;
    --pricing-green: #0f7b56;
    color: var(--pricing-ink);
    padding-bottom: 2rem;
}

.price-lists-toolbar[b-fp8rq11h0c] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.price-lists-primary-action[b-fp8rq11h0c] {
    align-items: center;
    background: var(--pricing-primary) !important;
    border: 0 !important;
    border-radius: .7rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    min-height: 2.85rem;
    white-space: nowrap;
}

.price-lists-primary-action:hover:not(:disabled)[b-fp8rq11h0c] {
    background: var(--pricing-primary-dark) !important;
}

[b-fp8rq11h0c] .price-lists-filter {
    background: var(--pricing-surface);
    border: 1px solid var(--pricing-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    margin-bottom: 1rem;
}

[b-fp8rq11h0c] .price-lists-filter-body {
    padding: .85rem !important;
}

.price-lists-filter-grid[b-fp8rq11h0c] {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.price-lists-search[b-fp8rq11h0c],
.price-lists-modal .form-control[b-fp8rq11h0c],
.price-lists-modal .form-select[b-fp8rq11h0c] {
    border-color: var(--pricing-outline);
    border-radius: .7rem;
    min-height: 2.7rem;
}

.price-lists-search-control[b-fp8rq11h0c] {
    position: relative;
}

.price-lists-search-control .price-lists-search[b-fp8rq11h0c] {
    padding-right: 6.65rem;
}

.price-lists-search-status[b-fp8rq11h0c] {
    align-items: center;
    color: var(--pricing-muted);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .35rem;
    min-height: 1rem;
    pointer-events: none;
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
}

.price-lists-search:focus[b-fp8rq11h0c],
.price-lists-modal .form-control:focus[b-fp8rq11h0c],
.price-lists-modal .form-select:focus[b-fp8rq11h0c] {
    border-color: var(--pricing-primary);
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .16);
}

.price-lists-toggle[b-fp8rq11h0c] {
    align-items: center;
    background: var(--pricing-subtle);
    border: 1px solid var(--pricing-border);
    border-radius: .7rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    justify-content: space-between;
    margin: 0;
    min-height: 2.7rem;
    padding: .45rem .75rem .45rem 1rem;
}

.price-lists-toggle .form-check-input[b-fp8rq11h0c],
.price-lists-switches .form-check-input[b-fp8rq11h0c] {
    flex: 0 0 auto;
    float: none;
    margin: 0;
}

.price-lists-workspace[b-fp8rq11h0c] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, .38fr) minmax(0, 1fr);
}

.price-lists-panel[b-fp8rq11h0c],
.price-lists-detail[b-fp8rq11h0c],
[b-fp8rq11h0c] .price-lists-rules-card,
.price-lists-loading[b-fp8rq11h0c] {
    background: var(--pricing-surface);
    border: 1px solid var(--pricing-border);
    border-radius: .75rem;
    box-shadow: none;
}

.price-lists-panel[b-fp8rq11h0c] {
    overflow: hidden;
}

.price-lists-panel-header[b-fp8rq11h0c],
[b-fp8rq11h0c] .price-lists-rules-header {
    background: #f8fafc !important;
    border-bottom: 1px solid var(--pricing-border);
    padding: .9rem 1rem;
}

.price-lists-panel-header strong[b-fp8rq11h0c],
[b-fp8rq11h0c] .price-lists-rules-header strong {
    display: block;
    font-weight: 900;
}

.price-lists-panel-header small[b-fp8rq11h0c],
[b-fp8rq11h0c] .price-lists-rules-header small {
    color: var(--pricing-muted);
    display: block;
    font-size: .82rem;
    font-weight: 700;
    margin-top: .1rem;
}

.price-lists-panel-footer[b-fp8rq11h0c] {
    align-items: center;
    border-top: 1px solid var(--pricing-border);
    color: var(--pricing-muted);
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .75rem;
    justify-content: space-between;
    padding: .7rem .85rem;
}

.price-lists-list[b-fp8rq11h0c] {
    display: grid;
    gap: .55rem;
    padding: .75rem;
}

.price-lists-row[b-fp8rq11h0c] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pricing-border);
    border-radius: .7rem;
    color: inherit;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .8rem;
    text-align: left;
}

.price-lists-row:hover[b-fp8rq11h0c],
.price-lists-row.selected[b-fp8rq11h0c] {
    border-color: var(--pricing-primary);
    box-shadow: 0 0 0 .18rem rgba(37, 99, 235, .12);
}

.price-lists-row-main[b-fp8rq11h0c],
.price-lists-row-meta[b-fp8rq11h0c] {
    display: grid;
    gap: .25rem;
}

.price-lists-row-main strong[b-fp8rq11h0c] {
    font-size: .95rem;
    font-weight: 900;
}

.price-lists-row-main small[b-fp8rq11h0c],
.price-lists-row-meta small[b-fp8rq11h0c] {
    color: var(--pricing-muted);
    font-size: .78rem;
    font-weight: 800;
}

.price-lists-row-meta[b-fp8rq11h0c] {
    justify-items: end;
}

.price-lists-detail[b-fp8rq11h0c] {
    min-width: 0;
    padding: 1rem;
}

.price-lists-detail-header[b-fp8rq11h0c] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .85rem;
}

.price-lists-eyebrow[b-fp8rq11h0c] {
    color: var(--pricing-primary);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 0;
}

.price-lists-detail-header h2[b-fp8rq11h0c] {
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.15;
    margin: .1rem 0;
}

.price-lists-detail-header p[b-fp8rq11h0c] {
    color: var(--pricing-muted);
    font-size: .88rem;
    font-weight: 700;
    margin: 0;
}

.price-lists-detail-actions[b-fp8rq11h0c],
.price-lists-actions[b-fp8rq11h0c] {
    display: inline-flex;
    gap: .45rem;
}

.price-lists-detail-actions .btn[b-fp8rq11h0c] {
    align-items: center;
    border-radius: .65rem;
    display: inline-flex;
    font-weight: 800;
    gap: .4rem;
}

.price-lists-rule-action[b-fp8rq11h0c] {
    background: var(--pricing-primary) !important;
    border-color: var(--pricing-primary) !important;
    color: #ffffff !important;
    min-height: 2.5rem;
    padding-left: .85rem;
    padding-right: .85rem;
}

.price-lists-rule-action:hover:not(:disabled)[b-fp8rq11h0c] {
    background: var(--pricing-primary-dark) !important;
    border-color: var(--pricing-primary-dark) !important;
}

.price-lists-detail-stats[b-fp8rq11h0c] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .9rem;
}

.price-lists-detail-stats span[b-fp8rq11h0c] {
    background: var(--pricing-subtle);
    border: 1px solid var(--pricing-border);
    border-radius: 999px;
    color: var(--pricing-muted);
    font-size: .8rem;
    font-weight: 800;
    padding: .4rem .65rem;
}

.price-lists-detail-stats strong[b-fp8rq11h0c] {
    color: var(--pricing-ink);
}

[b-fp8rq11h0c] .price-lists-rules-card {
    overflow: hidden;
}

[b-fp8rq11h0c] .price-lists-rules-card .card-body {
    overflow-x: auto;
}

.price-lists-rules-table[b-fp8rq11h0c] {
    min-width: 62rem;
}

.price-lists-rules-table caption[b-fp8rq11h0c] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.price-lists-rules-table th[b-fp8rq11h0c] {
    background: #f3f6fa;
    color: var(--pricing-muted);
    font-size: .75rem;
    font-weight: 900;
    padding: .75rem .9rem;
    text-transform: uppercase;
}

.price-lists-rules-table td[b-fp8rq11h0c] {
    padding: .8rem .9rem;
    vertical-align: middle;
}

.price-lists-rules-table td strong[b-fp8rq11h0c],
.price-lists-rules-table td small[b-fp8rq11h0c] {
    display: block;
}

.price-lists-rules-table td small[b-fp8rq11h0c] {
    color: var(--pricing-muted);
    font-size: .78rem;
    font-weight: 700;
}

.price-lists-empty-detail[b-fp8rq11h0c] {
    align-items: center;
    color: var(--pricing-muted);
    display: grid;
    justify-items: center;
    min-height: 20rem;
    place-content: center;
    text-align: center;
}

.price-lists-empty-detail i[b-fp8rq11h0c] {
    color: var(--pricing-primary);
    font-size: 2rem;
    margin-bottom: .75rem;
}

.price-lists-empty-detail strong[b-fp8rq11h0c] {
    color: var(--pricing-ink);
    font-weight: 900;
}

.price-lists-loading[b-fp8rq11h0c] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 14rem;
}

.price-lists-modal[b-fp8rq11h0c] {
    border-radius: .85rem !important;
}

.price-lists-modal-grid[b-fp8rq11h0c] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.price-lists-field-full[b-fp8rq11h0c] {
    grid-column: 1 / -1;
}

.price-lists-switches[b-fp8rq11h0c] {
    align-items: center;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.price-lists-switches .form-check[b-fp8rq11h0c] {
    align-items: center;
    background: var(--pricing-subtle);
    border: 1px solid var(--pricing-border);
    border-radius: .7rem;
    display: flex;
    gap: .55rem;
    margin: 0;
    min-height: 2.7rem;
    padding: .45rem .75rem;
}

.price-lists-field-help[b-fp8rq11h0c] {
    color: var(--pricing-muted);
    display: block;
    flex-basis: 100%;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.35;
    margin-top: -.2rem;
}

.price-lists-rule-section[b-fp8rq11h0c] {
    background: var(--pricing-surface);
    border: 1px solid var(--pricing-border);
    border-radius: .7rem;
    overflow: hidden;
}

.price-lists-rule-section[open][b-fp8rq11h0c] {
    border-color: var(--pricing-primary);
}

.price-lists-rule-section summary[b-fp8rq11h0c] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .65rem;
    justify-content: space-between;
    min-height: 3.1rem;
    padding: .65rem .85rem;
}

.price-lists-rule-section summary:focus-visible[b-fp8rq11h0c] {
    outline: 3px solid rgba(15, 123, 86, .28);
    outline-offset: -3px;
}

.price-lists-rule-section-title[b-fp8rq11h0c] {
    align-items: center;
    color: var(--pricing-ink);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 900;
    gap: .5rem;
}

.price-lists-rule-section-title i[b-fp8rq11h0c] {
    color: var(--pricing-primary);
}

.price-lists-rule-section-summary[b-fp8rq11h0c] {
    color: var(--pricing-muted);
    font-size: .78rem;
    font-weight: 800;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-lists-rule-section-body[b-fp8rq11h0c] {
    border-top: 1px solid var(--pricing-border);
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: .9rem;
}

@media (max-width: 1100px) {
    .price-lists-workspace[b-fp8rq11h0c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .price-lists-toolbar[b-fp8rq11h0c],
    .price-lists-detail-header[b-fp8rq11h0c] {
        align-items: stretch;
        flex-direction: column;
    }

    .price-lists-primary-action[b-fp8rq11h0c],
    .price-lists-detail-actions .btn[b-fp8rq11h0c] {
        width: 100%;
    }

    .price-lists-filter-grid[b-fp8rq11h0c],
    .price-lists-modal-grid[b-fp8rq11h0c],
    .price-lists-rule-section-body[b-fp8rq11h0c] {
        grid-template-columns: 1fr;
    }

    .price-lists-rule-section summary[b-fp8rq11h0c] {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }

    .price-lists-rule-section-summary[b-fp8rq11h0c] {
        text-align: left;
    }

    .price-lists-row[b-fp8rq11h0c] {
        grid-template-columns: 1fr;
    }

    .price-lists-row-meta[b-fp8rq11h0c] {
        justify-items: start;
    }

    .price-lists-panel-footer[b-fp8rq11h0c] {
        align-items: stretch;
        flex-direction: column;
    }

    [b-fp8rq11h0c] .price-lists-rules-card .card-body {
        overflow-x: visible;
    }

    .price-lists-rules-table[b-fp8rq11h0c] {
        min-width: 0;
    }

    .price-lists-rules-table thead[b-fp8rq11h0c] {
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .price-lists-rules-table[b-fp8rq11h0c],
    .price-lists-rules-table tbody[b-fp8rq11h0c],
    .price-lists-rules-table tr[b-fp8rq11h0c],
    .price-lists-rules-table td[b-fp8rq11h0c] {
        display: block;
        width: 100%;
    }

    .price-lists-rules-table tbody[b-fp8rq11h0c] {
        display: grid;
        gap: .75rem;
        padding: .75rem;
    }

    .price-lists-rules-table tr[b-fp8rq11h0c] {
        background: var(--pricing-surface);
        border: 1px solid var(--pricing-border);
        border-radius: .7rem;
        overflow: hidden;
    }

    .price-lists-rules-table td[b-fp8rq11h0c] {
        align-items: start;
        border: 0;
        display: grid;
        gap: .75rem;
        grid-template-columns: minmax(6.25rem, .7fr) minmax(0, 1fr);
        padding: .65rem .8rem;
        text-align: left !important;
    }

    .price-lists-rules-table td + td[b-fp8rq11h0c] {
        border-top: 1px solid var(--pricing-border);
    }

    .price-lists-rules-table td[b-fp8rq11h0c]::before {
        color: var(--pricing-muted);
        content: attr(data-label);
        font-size: .74rem;
        font-weight: 900;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .price-lists-rules-table td.price-lists-actions[b-fp8rq11h0c] {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    .price-lists-rules-table td.price-lists-actions[b-fp8rq11h0c]::before {
        flex: 0 0 auto;
    }
}
/* /Components/Pages/Catalog/ProductManagement/Components/ProductComponentsEditor.razor.rz.scp.css */
.products-nested-panel[b-dts7o9uejn] {
    background: #fff;
    border: 1px solid var(--products-border);
    border-radius: .75rem;
    padding: 1rem;
}

.products-secondary-action[b-dts7o9uejn] {
    border-color: var(--products-green) !important;
    color: var(--products-green-dark) !important;
    font-weight: 900;
}

.products-remove-component[b-dts7o9uejn] {
    border-radius: .7rem;
    min-height: 2.75rem;
}

@media (max-width: 767.98px) {
    .products-section-action-row[b-dts7o9uejn] {
        align-items: stretch;
        flex-direction: column;
    }

    .products-section-action-row .btn[b-dts7o9uejn] {
        min-height: 2.75rem;
        width: 100%;
    }
}
/* /Components/Pages/Catalog/ProductManagement/Components/ProductFiscalSection.razor.rz.scp.css */
.products-fiscal-panel[b-ua4r1k9gv7] {
    background: #f8fafc;
    border: 1px solid var(--products-border);
    border-radius: .75rem;
    overflow: hidden;
}

.products-fiscal-panel summary[b-ua4r1k9gv7] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    list-style: none;
    min-height: 4.25rem;
    padding: .8rem 1rem;
}

.products-fiscal-panel summary[b-ua4r1k9gv7]::-webkit-details-marker { display: none; }
.products-fiscal-panel summary[b-ua4r1k9gv7]::after { color: var(--products-green-dark); content: "⌄"; font-size: 1.25rem; font-weight: 900; margin-left: .5rem; }
.products-fiscal-panel[open] summary[b-ua4r1k9gv7]::after { transform: rotate(180deg); }
.products-fiscal-panel summary strong[b-ua4r1k9gv7],
.products-fiscal-panel summary small[b-ua4r1k9gv7] { display: block; }
.products-fiscal-panel summary strong[b-ua4r1k9gv7] { color: var(--products-ink); font-weight: 900; }
.products-fiscal-panel summary small[b-ua4r1k9gv7] { color: var(--products-muted); font-size: .8rem; font-weight: 700; margin-top: .1rem; }
.products-fiscal-summary-icon[b-ua4r1k9gv7] { align-items: center; background: var(--products-subtle-strong); border-radius: .6rem; color: var(--products-green-dark); display: inline-flex; flex: 0 0 auto; height: 2.5rem; justify-content: center; width: 2.5rem; }
.products-fiscal-summary-status[b-ua4r1k9gv7] { background: #e8f3ee; border-radius: 999px; color: var(--products-green-dark); font-size: .75rem; font-weight: 900; margin-left: auto; padding: .3rem .6rem; white-space: nowrap; }
.products-fiscal-content[b-ua4r1k9gv7] { border-top: 1px solid var(--products-border); padding: 1rem; }
.products-fiscal-intro[b-ua4r1k9gv7] { align-items: flex-start; background: #eef7f3; border-left: 3px solid var(--products-green); border-radius: .35rem; color: #245642; display: flex; font-size: .83rem; font-weight: 700; gap: .55rem; line-height: 1.4; margin-bottom: 1rem; padding: .65rem .75rem; }
.products-fiscal-intro i[b-ua4r1k9gv7] { color: var(--products-green-dark); margin-top: .1rem; }
.products-fiscal-switch.form-check.form-switch[b-ua4r1k9gv7] { align-items: center; background: #fff; border: 1px solid var(--products-border); border-radius: .7rem; display: flex; gap: .65rem; margin: 0; min-height: 2.85rem; padding: .55rem .75rem .55rem 1rem; }
.products-fiscal-switch .form-check-input[b-ua4r1k9gv7] { float: none; margin: 0; }
.products-fiscal-switch .form-check-label[b-ua4r1k9gv7] { color: var(--products-ink); cursor: pointer; font-size: .9rem; font-weight: 800; }
.products-fiscal-content .form-text[b-ua4r1k9gv7] { color: var(--products-muted); font-size: .76rem; font-weight: 650; margin-top: .3rem; }
.products-fiscal-divider[b-ua4r1k9gv7] { align-items: center; color: var(--products-muted); display: flex; font-size: .72rem; font-weight: 900; gap: .75rem; letter-spacing: .04em; margin: 1.1rem 0 .9rem; text-transform: uppercase; }
.products-fiscal-divider[b-ua4r1k9gv7]::after { background: var(--products-border); content: ""; height: 1px; flex: 1; }
/* /Components/Pages/Catalog/ProductManagement/Components/ProductIdentitySection.razor.rz.scp.css */
.products-core-panel[b-1f7d6z23qj] {
    background: #fff;
    border: 1px solid var(--products-border);
    border-radius: .875rem;
    padding: 1rem;
}

.products-section-heading[b-1f7d6z23qj] {
    align-items: center;
    border-bottom: 1px solid var(--products-border);
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    padding-bottom: .85rem;
}

.products-section-heading strong[b-1f7d6z23qj],
.products-section-heading small[b-1f7d6z23qj] {
    display: block;
}

.products-section-heading strong[b-1f7d6z23qj] {
    color: var(--products-ink);
    font-size: 1rem;
    font-weight: 900;
}

.products-section-heading small[b-1f7d6z23qj] {
    color: var(--products-muted);
    font-size: .8rem;
    font-weight: 600;
    margin-top: .15rem;
}

.products-form-error-summary[b-1f7d6z23qj] {
    align-items: flex-start;
    background: var(--products-danger-bg);
    border: 1px solid #f2b8b5;
    border-left: 4px solid var(--products-danger);
    border-radius: .65rem;
    color: var(--products-danger);
    display: flex;
    gap: .6rem;
    margin: 0 0 1rem;
    padding: .7rem .8rem;
}

.products-form-error-summary i[b-1f7d6z23qj] { margin-top: .1rem; }
.products-form-error-summary div[b-1f7d6z23qj] { display: grid; gap: .1rem; }
.products-form-error-summary strong[b-1f7d6z23qj] { font-size: .85rem; font-weight: 900; }

.products-section-icon[b-1f7d6z23qj] {
    align-items: center;
    background: var(--products-subtle-strong);
    border-radius: .65rem;
    color: var(--products-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.products-generate-barcode[b-1f7d6z23qj] {
    align-items: center;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .4rem;
    justify-content: center;
    min-width: 6.5rem;
}

.products-image-upload[b-1f7d6z23qj] {
    align-items: center;
    background: var(--products-subtle-strong);
    border: 1px solid #bddaca;
    border-radius: .875rem;
    display: flex;
    gap: 1rem;
    max-width: 42rem;
    min-height: 6.5rem;
    padding: .75rem;
}

.products-image-preview[b-1f7d6z23qj] {
    background: #dcece5;
    border: 1px solid #c3d9cf;
    border-radius: .75rem;
    display: block;
    flex: 0 0 auto;
    height: 5rem;
    object-fit: cover;
    width: 5rem;
}

.products-image-fallback[b-1f7d6z23qj] {
    align-items: center;
    color: var(--products-green-dark);
    display: inline-flex;
    font-size: 1.25rem;
    font-weight: 900;
    justify-content: center;
}

.products-image-upload-copy[b-1f7d6z23qj] { display: grid; gap: .15rem; min-width: 0; }
.products-image-upload-heading[b-1f7d6z23qj] { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.products-image-upload-copy strong[b-1f7d6z23qj] { color: var(--products-ink); font-size: .95rem; }
.products-image-status[b-1f7d6z23qj] { background: #fff; border: 1px solid #c3d9cf; border-radius: 999px; color: var(--products-green-dark); font-size: .7rem; font-weight: 800; line-height: 1; padding: .3rem .5rem; }
.products-image-upload-copy small[b-1f7d6z23qj] { color: var(--products-muted); font-size: .8rem; }
.products-image-upload-actions[b-1f7d6z23qj] { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .3rem; }
.products-image-remove[b-1f7d6z23qj] { color: var(--products-danger); font-weight: 700; text-decoration: none; }

@media (max-width: 575.98px) {
    .products-image-upload[b-1f7d6z23qj] { align-items: flex-start; flex-direction: column; max-width: none; }
}
/* /Components/Pages/Catalog/ProductManagement/Components/ProductImageEditor.razor.rz.scp.css */
.products-image-upload[b-z98977t3lm] {
    align-items: center;
    background: var(--products-subtle-strong);
    border: 1px solid #bddaca;
    border-radius: .875rem;
    display: flex;
    gap: 1rem;
    max-width: 42rem;
    min-height: 6.5rem;
    padding: .75rem;
}

.products-image-preview[b-z98977t3lm] { background: #dcece5; border: 1px solid #c3d9cf; border-radius: .75rem; display: block; flex: 0 0 auto; height: 5rem; object-fit: cover; width: 5rem; }
.products-image-fallback[b-z98977t3lm] { align-items: center; color: var(--products-green-dark); display: inline-flex; font-size: 1.25rem; font-weight: 900; justify-content: center; }
.products-image-upload-copy[b-z98977t3lm] { display: grid; gap: .15rem; min-width: 0; }
.products-image-upload-heading[b-z98977t3lm] { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.products-image-upload-copy strong[b-z98977t3lm] { color: var(--products-ink); font-size: .95rem; }
.products-image-status[b-z98977t3lm] { background: #fff; border: 1px solid #c3d9cf; border-radius: 999px; color: var(--products-green-dark); font-size: .7rem; font-weight: 800; line-height: 1; padding: .3rem .5rem; }
.products-image-upload-copy small[b-z98977t3lm] { color: var(--products-muted); font-size: .8rem; }
.products-image-upload-actions[b-z98977t3lm] { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .3rem; }
.products-image-remove[b-z98977t3lm] { color: var(--products-danger); font-weight: 700; text-decoration: none; }

@media (max-width: 575.98px) {
    .products-image-upload[b-z98977t3lm] { align-items: flex-start; flex-direction: column; max-width: none; }
}
/* /Components/Pages/Catalog/ProductManagement/Components/ProductPresentationsEditor.razor.rz.scp.css */
.products-presentations-panel[b-sw977e6xu9] { border-color: #cbd5e1; }

.products-presentations-empty[b-sw977e6xu9] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: .75rem;
    color: var(--products-muted);
    display: flex;
    font-size: .86rem;
    font-weight: 800;
    gap: .6rem;
    margin-top: .85rem;
    padding: .85rem 1rem;
}

.products-presentations-empty i[b-sw977e6xu9] { color: var(--products-primary); }
.products-presentations-list[b-sw977e6xu9] { display: grid; gap: .75rem; margin-top: .85rem; }

.products-config-card[b-sw977e6xu9] {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: .75rem;
    overflow: hidden;
}

.products-config-card summary[b-sw977e6xu9] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .65rem;
    list-style: none;
    min-height: 3.5rem;
    padding: .65rem .75rem;
}

.products-config-card summary[b-sw977e6xu9]::-webkit-details-marker { display: none; }
.products-config-card summary[b-sw977e6xu9]::after { color: var(--products-green-dark); content: "⌄"; flex: 0 0 auto; font-size: 1.15rem; font-weight: 900; margin-left: .25rem; }
.products-config-card[open] summary[b-sw977e6xu9] { background: #f8fbf9; border-bottom: 1px solid #dbe3ef; }
.products-config-card[open] summary[b-sw977e6xu9]::after { transform: rotate(180deg); }
.products-config-card summary:focus-visible[b-sw977e6xu9] { outline: 3px solid rgba(15, 123, 86, .3); outline-offset: -3px; }
.products-config-card-icon[b-sw977e6xu9] { align-items: center; background: #eef7f3; border-radius: .55rem; color: var(--products-green-dark); display: inline-flex; flex: 0 0 auto; height: 2.25rem; justify-content: center; width: 2.25rem; }
.products-config-card-copy[b-sw977e6xu9] { display: grid; gap: .08rem; min-width: 0; }
.products-config-card-copy strong[b-sw977e6xu9] { color: var(--products-ink); font-size: .88rem; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products-config-card-copy small[b-sw977e6xu9] { color: var(--products-muted); font-size: .75rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products-config-card-status[b-sw977e6xu9] { background: #eef7f3; border-radius: 999px; color: var(--products-green-dark); font-size: .68rem; font-weight: 900; margin-left: auto; padding: .28rem .5rem; white-space: nowrap; }
.products-config-card-content[b-sw977e6xu9] { display: grid; gap: .7rem; padding: .75rem; }

.products-presentation-main[b-sw977e6xu9] { display: grid; gap: .65rem; grid-template-columns: minmax(6.5rem, .8fr) minmax(9rem, 1.2fr) minmax(8rem, 1fr) minmax(7rem, .8fr) minmax(5.5rem, .65fr) minmax(6rem, .65fr) minmax(6rem, .65fr); }
.products-presentation-main .form-label[b-sw977e6xu9] { color: var(--products-muted); font-size: .72rem; font-weight: 900; margin-bottom: .2rem; text-transform: uppercase; }
.products-presentation-main .form-control[b-sw977e6xu9],
.products-presentation-main .form-select[b-sw977e6xu9] { min-height: 2.35rem; }
.products-presentation-flags[b-sw977e6xu9] { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.products-mini-check[b-sw977e6xu9] { align-items: center; background: #f8fafc; border: 1px solid #dbe3ef; border-radius: 999px; color: #334155; display: inline-flex; font-size: .78rem; font-weight: 900; gap: .35rem; min-height: 2.05rem; padding: .35rem .65rem; }
.products-mini-check input[b-sw977e6xu9] { accent-color: var(--products-primary); }
.products-remove-presentation[b-sw977e6xu9] { align-items: center; border-radius: 999px; display: inline-flex; height: 2.1rem; justify-content: center; padding: 0; width: 2.1rem; }

@media (max-width: 1100px) {
    .products-presentation-main[b-sw977e6xu9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .products-presentation-main[b-sw977e6xu9] { grid-template-columns: 1fr; }
    .products-presentation-flags[b-sw977e6xu9] { justify-content: flex-start; }
    .products-config-card summary[b-sw977e6xu9] { align-items: flex-start; flex-wrap: wrap; }
    .products-config-card-copy[b-sw977e6xu9] { flex: 1 1 calc(100% - 3rem); }
    .products-config-card-status[b-sw977e6xu9] { margin-left: 2.9rem; }
}
/* /Components/Pages/Catalog/ProductManagement/Components/ProductVariantsEditor.razor.rz.scp.css */
.products-variants-panel[b-hj6u2kkbhk] { border-color: #99f6e4; }
.products-variants-list[b-hj6u2kkbhk] { display: grid; gap: .75rem; margin-top: .85rem; }
.products-variant-card .products-config-card-icon[b-hj6u2kkbhk] { background: #ecfeff; color: #0f766e; }
.products-variant-main[b-hj6u2kkbhk] { display: grid; gap: .65rem; grid-template-columns: minmax(6rem, .8fr) minmax(8rem, 1fr) minmax(8rem, 1fr) repeat(4, minmax(5.5rem, .7fr)) minmax(5.5rem, .65fr) minmax(5.5rem, .65fr) minmax(5.5rem, .65fr); }
.products-variant-main .form-label[b-hj6u2kkbhk] { color: var(--products-muted); font-size: .72rem; font-weight: 900; margin-bottom: .2rem; text-transform: uppercase; }
.products-variant-main .form-control[b-hj6u2kkbhk] { min-height: 2.35rem; }
.products-readonly-stock[b-hj6u2kkbhk] { align-items: center; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products-presentation-flags[b-hj6u2kkbhk] { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; justify-content: flex-end; }
.products-mini-check[b-hj6u2kkbhk] { align-items: center; background: #f8fafc; border: 1px solid #dbe3ef; border-radius: 999px; color: #334155; display: inline-flex; font-size: .78rem; font-weight: 900; gap: .35rem; min-height: 2.05rem; padding: .35rem .65rem; }
.products-mini-check input[b-hj6u2kkbhk] { accent-color: var(--products-primary); }
.products-remove-presentation[b-hj6u2kkbhk] { align-items: center; border-radius: 999px; display: inline-flex; height: 2.1rem; justify-content: center; padding: 0; width: 2.1rem; }

@media (max-width: 1100px) {
    .products-variant-main[b-hj6u2kkbhk] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .products-variant-main[b-hj6u2kkbhk] { grid-template-columns: 1fr; }
    .products-presentation-flags[b-hj6u2kkbhk] { justify-content: flex-start; }
    .products-config-card summary[b-hj6u2kkbhk] { align-items: flex-start; flex-wrap: wrap; }
    .products-config-card-copy[b-hj6u2kkbhk] { flex: 1 1 calc(100% - 3rem); }
    .products-config-card-status[b-hj6u2kkbhk] { margin-left: 2.9rem; }
}
/* /Components/Pages/Catalog/ProductManagement/Products.razor.rz.scp.css */
/* Products page */
.products-page[b-yyvvk9prtz] {
    --products-ink: #172033;
    --products-muted: #667085;
    --products-subtle: #eef3f8;
    --products-subtle-strong: #e5f5ee;
    --products-surface: #ffffff;
    --products-border: #d8dee8;
    --products-outline: #c4ccd8;
    --products-green: #0f7b56;
    --products-green-dark: #07593d;
    --products-danger: #b42318;
    --products-danger-bg: #fff1f0;
    --products-warning-bg: #fff8e6;
    --products-warning: #7a4f00;
    color: var(--products-ink);
}

[b-yyvvk9prtz] .products-action-row {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

[b-yyvvk9prtz] .products-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-yyvvk9prtz] .products-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-yyvvk9prtz] .products-title-icon,
[b-yyvvk9prtz] .products-empty-icon {
    align-items: center;
    background: var(--products-subtle-strong);
    border-radius: .85rem;
    color: var(--products-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-yyvvk9prtz] .products-title-block h2 {
    color: var(--products-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-yyvvk9prtz] .products-title-block span {
    color: var(--products-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-yyvvk9prtz] .products-primary-action {
    align-items: center;
    background: var(--products-green) !important;
    border: 0 !important;
    border-radius: .75rem !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-primary-action:hover:not(:disabled) {
    background: var(--products-green-dark) !important;
}

[b-yyvvk9prtz] .products-filter-card,
[b-yyvvk9prtz] .products-loading,
[b-yyvvk9prtz] .products-table-card {
    background: var(--products-surface);
    border: 1px solid var(--products-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-yyvvk9prtz] .products-filter-body {
    padding: .85rem !important;
}

[b-yyvvk9prtz] .products-search-input,
[b-yyvvk9prtz] .products-select {
    border-color: var(--products-outline);
    border-radius: .7rem;
    color: var(--products-ink);
    min-height: 2.85rem;
}

[b-yyvvk9prtz] .products-search-control {
    position: relative;
}

[b-yyvvk9prtz] .products-search-control .products-search-input {
    padding-right: 6.65rem;
}

[b-yyvvk9prtz] .products-search-status {
    align-items: center;
    color: var(--products-muted);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    gap: .35rem;
    min-height: 1rem;
    pointer-events: none;
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
}

[b-yyvvk9prtz] .products-search-input:focus,
[b-yyvvk9prtz] .products-select:focus,
[b-yyvvk9prtz] .products-modal-body .form-control:focus,
[b-yyvvk9prtz] .products-modal-body .form-select:focus {
    border-color: var(--products-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
}

[b-yyvvk9prtz] .products-active-toggle {
    align-items: center;
    background: var(--products-subtle);
    border: 1px solid var(--products-border);
    border-radius: .7rem;
    display: flex;
    font-weight: 800;
    gap: .65rem;
    justify-content: space-between;
    min-height: 2.85rem;
    padding: .45rem .75rem .45rem 1rem;
}

/* Do not override Bootstrap switch sizing/appearance — keep native look */
[b-yyvvk9prtz] .products-active-toggle .form-check-input,
[b-yyvvk9prtz] .products-switch-card .form-check-input {
    flex: 0 0 auto;
    float: none;
    margin: 0;
}

[b-yyvvk9prtz] .products-active-toggle .form-check-label,
[b-yyvvk9prtz] .products-switch-card .form-check-label {
    margin: 0;
    min-width: 0;
}

[b-yyvvk9prtz] .products-switch-card .form-check-label {
    color: var(--products-ink);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
    padding: 0 .5rem 0 0;
}

/* keep custom checked color but do not break the knob rendering */
[b-yyvvk9prtz] .products-active-toggle .form-check-input:checked,
[b-yyvvk9prtz] .products-switch-card .form-check-input:checked {
    border-color: var(--products-green);
}

[b-yyvvk9prtz] .products-switch-card .form-check-input:disabled {
    cursor: not-allowed;
    opacity: .55;
}

[b-yyvvk9prtz] .products-switch-card .form-check-input:disabled + .form-check-label,
[b-yyvvk9prtz] .products-switch-card:has(.form-check-input:disabled) .form-check-label {
    color: var(--products-muted);
    cursor: not-allowed;
}

[b-yyvvk9prtz] .products-alert.success {
    color: var(--products-green-dark);
}

[b-yyvvk9prtz] .products-alert.danger {
    background: var(--products-danger-bg);
    border: 1px solid #f2b8b5;
    color: var(--products-danger);
}

[b-yyvvk9prtz] .products-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 12rem;
}

[b-yyvvk9prtz] .products-table-card {
    overflow: hidden;
}

[b-yyvvk9prtz] .products-table-card .card-body {
    overflow-x: auto;
}

[b-yyvvk9prtz] .products-table-header {
    align-items: center;
    background: #f8fafc !important;
    border-bottom: 1px solid var(--products-border);
    display: flex;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-yyvvk9prtz] .products-table-header strong,
[b-yyvvk9prtz] .products-table-header small {
    display: block;
}

[b-yyvvk9prtz] .products-table-header strong {
    color: var(--products-ink);
    font-size: 1rem;
    font-weight: 900;
}

[b-yyvvk9prtz] .products-table-header small {
    color: var(--products-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-yyvvk9prtz] .products-table {
    min-width: 62rem;
}

[b-yyvvk9prtz] .products-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-yyvvk9prtz] .products-table thead th {
    background: #f3f6fa;
    border-bottom: 1px solid var(--products-border);
    color: var(--products-muted);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    padding: .9rem 1rem;
    text-transform: uppercase;
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-table tbody td {
    border-bottom: 1px solid #edf0f5;
    color: #344054;
    padding: .9rem 1rem;
    vertical-align: middle;
}

[b-yyvvk9prtz] .products-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-yyvvk9prtz] .products-code,
[b-yyvvk9prtz] .products-type-chip {
    max-width: 10rem;
    overflow-wrap: anywhere;
}

[b-yyvvk9prtz] .products-name-cell {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

[b-yyvvk9prtz] .products-name-cell strong {
    color: var(--products-ink);
    font-weight: 900;
}

[b-yyvvk9prtz] .products-avatar {
    align-items: center;
    background: var(--products-subtle-strong);
    border-radius: .75rem;
    color: var(--products-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 900;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

[b-yyvvk9prtz] .products-avatar-image {
    background: var(--products-subtle);
    color: transparent;
    object-fit: cover;
}

[b-yyvvk9prtz] .products-actions {
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-icon-action {
    margin-left: .25rem;
}

[b-yyvvk9prtz] .products-codes-modal {
    max-width: 46rem;
}

[b-yyvvk9prtz] .products-code-label {
    background: #fff;
    border: 1px solid var(--products-border);
    border-radius: .875rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

[b-yyvvk9prtz] .products-code-label-copy {
    display: grid;
    gap: .2rem;
}

[b-yyvvk9prtz] .products-code-label-copy strong {
    color: var(--products-ink);
    font-size: 1.05rem;
}

[b-yyvvk9prtz] .products-code-label-copy span {
    color: var(--products-muted);
    font-size: .85rem;
    font-weight: 700;
}

[b-yyvvk9prtz] .products-code-previews {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.6fr) minmax(9rem, .8fr);
}

[b-yyvvk9prtz] .products-code-previews figure {
    align-items: center;
    background: #fff;
    border: 1px solid var(--products-border);
    border-radius: .75rem;
    display: grid;
    gap: .5rem;
    justify-items: center;
    margin: 0;
    min-width: 0;
    padding: .85rem;
}

[b-yyvvk9prtz] .products-code-previews img {
    display: block;
    max-height: 11rem;
    max-width: 100%;
}

[b-yyvvk9prtz] .products-code-previews figcaption {
    color: var(--products-muted);
    font-size: .78rem;
    font-weight: 800;
}

[b-yyvvk9prtz] .products-empty strong {
    color: var(--products-ink);
}

[b-yyvvk9prtz] .products-empty small {
    color: var(--products-muted);
}

[b-yyvvk9prtz] .products-modal-body {
    background: #f8fafc;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    padding: 1rem 1.25rem;
}

[b-yyvvk9prtz] .products-modal {
    border: 2px solid var(--products-green);
    box-shadow: none;
}

[b-yyvvk9prtz] .products-modal-header {
    min-height: 4.5rem;
}

[b-yyvvk9prtz] .products-modal-footer {
    background: #fff;
    border-top-color: var(--products-border);
    position: sticky;
    z-index: 1;
}

[b-yyvvk9prtz] .products-modal-body .form-control,
[b-yyvvk9prtz] .products-modal-body .form-select,
[b-yyvvk9prtz] .products-modal-body .input-group-text {
    border-color: var(--products-outline);
    border-radius: .7rem;
    min-height: 2.85rem;
}

[b-yyvvk9prtz] .products-form-error-summary span,
[b-yyvvk9prtz] .products-modal-body .invalid-feedback {
    font-size: .78rem;
    font-weight: 700;
}

@media (max-width: 575.98px) {
    [b-yyvvk9prtz] .products-code-previews {
        grid-template-columns: 1fr;
    }

    [b-yyvvk9prtz] .products-modal-body {
        padding: .75rem;
    }
}

[b-yyvvk9prtz] .products-modal-body .input-group-text {
    background: var(--products-subtle);
    color: var(--products-muted);
    font-weight: 900;
}

[b-yyvvk9prtz] .products-switch-card.form-check.form-switch {
    align-items: center;
    background: var(--products-subtle);
    border: 1px solid var(--products-border);
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin: 0;
    min-height: 3rem;
    padding: .6rem .8rem .6rem 1rem !important;
}

[b-yyvvk9prtz] .products-switch-card.form-check.form-switch:hover {
    background: #f6faf8;
    border-color: #b7d7c9;
}

[b-yyvvk9prtz] .products-switch-card.form-check.form-switch:has(.form-check-input:disabled) {
    background: #f1f5f9;
    color: var(--products-muted);
}

/* Inside modal the switches should follow the compact inline style (no card look) */
[b-yyvvk9prtz] .app-modal-body .products-switch-card.form-check.form-switch {
    background: transparent; /* let modal background show */
    border: 0;
    border-radius: 0;
    min-height: auto;
    padding: 0;
    gap: .5rem;
    justify-content: flex-start;
}

[b-yyvvk9prtz] .app-modal-body .products-switch-card .form-check-input {
    flex: 0 0 auto;
    float: none;
    margin: 0 .5rem 0 0;
}

[b-yyvvk9prtz] .app-modal-body .products-switch-card .form-check-label {
    font-size: .9rem;
    font-weight: 700;
    margin: 0;
}

[b-yyvvk9prtz] .products-nested-panel {
    background: #fff;
    border: 1px solid var(--products-border);
    border-radius: .75rem;
    padding: 1rem;
}

[b-yyvvk9prtz] .products-setup-section {
    background: #fff;
    border: 1px solid var(--products-border);
    border-radius: .875rem;
    overflow: hidden;
}

[b-yyvvk9prtz] .products-setup-section summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    list-style: none;
    min-height: 4.25rem;
    padding: .8rem 1rem;
}

[b-yyvvk9prtz] .products-setup-section summary::-webkit-details-marker {
    display: none;
}

[b-yyvvk9prtz] .products-setup-section summary::after {
    color: var(--products-green-dark);
    content: "⌄";
    flex: 0 0 auto;
    font-size: 1.25rem;
    font-weight: 900;
    margin-left: .25rem;
}

[b-yyvvk9prtz] .products-setup-section[open] summary {
    background: #f8fbf9;
    border-bottom: 1px solid var(--products-border);
}

[b-yyvvk9prtz] .products-setup-section[open] summary::after {
    transform: rotate(180deg);
}

[b-yyvvk9prtz] .products-setup-section summary:focus-visible {
    outline: 3px solid rgba(15, 123, 86, .3);
    outline-offset: -3px;
}

[b-yyvvk9prtz] .products-setup-summary-icon {
    align-items: center;
    background: var(--products-subtle-strong);
    border-radius: .65rem;
    color: var(--products-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

[b-yyvvk9prtz] .products-setup-summary-copy {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

[b-yyvvk9prtz] .products-setup-summary-copy strong {
    color: var(--products-ink);
    font-size: .95rem;
    font-weight: 900;
}

[b-yyvvk9prtz] .products-setup-summary-copy small {
    color: var(--products-muted);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.3;
}

[b-yyvvk9prtz] .products-setup-summary-status {
    background: #e8f3ee;
    border-radius: 999px;
    color: var(--products-green-dark);
    font-size: .72rem;
    font-weight: 900;
    margin-left: auto;
    padding: .3rem .6rem;
    text-align: center;
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-setup-content {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

[b-yyvvk9prtz] .products-section-action-row {
    align-items: center;
    color: var(--products-muted);
    display: flex;
    font-size: .82rem;
    font-weight: 700;
    gap: .75rem;
    justify-content: space-between;
}

[b-yyvvk9prtz] .products-section-action-row > span {
    min-width: 0;
}

[b-yyvvk9prtz] .products-fiscal-chip {
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-traceability-method {
    flex: 0 0 8.5rem;
}

[b-yyvvk9prtz] .products-traceability-method .form-label {
    color: var(--products-muted);
    font-size: .72rem;
    font-weight: 900;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

[b-yyvvk9prtz] .products-secondary-action {
    border-color: var(--products-green) !important;
    color: var(--products-green-dark) !important;
    font-weight: 900;
}

[b-yyvvk9prtz] .products-remove-component {
    border-radius: .7rem;
    min-height: 2.75rem;
}

[b-yyvvk9prtz] .products-config-card {
    background: #fff;
    border: 1px solid #dbe3ef;
    border-radius: .75rem;
    overflow: hidden;
}

[b-yyvvk9prtz] .products-config-card summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: .65rem;
    list-style: none;
    min-height: 3.5rem;
    padding: .65rem .75rem;
}

[b-yyvvk9prtz] .products-config-card summary::-webkit-details-marker {
    display: none;
}

[b-yyvvk9prtz] .products-config-card summary::after {
    color: var(--products-green-dark);
    content: "⌄";
    flex: 0 0 auto;
    font-size: 1.15rem;
    font-weight: 900;
    margin-left: .25rem;
}

[b-yyvvk9prtz] .products-config-card[open] summary {
    background: #f8fbf9;
    border-bottom: 1px solid #dbe3ef;
}

[b-yyvvk9prtz] .products-config-card[open] summary::after {
    transform: rotate(180deg);
}

[b-yyvvk9prtz] .products-config-card summary:focus-visible {
    outline: 3px solid rgba(15, 123, 86, .3);
    outline-offset: -3px;
}

[b-yyvvk9prtz] .products-config-card-icon {
    align-items: center;
    background: #eef7f3;
    border-radius: .55rem;
    color: var(--products-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

[b-yyvvk9prtz] .products-variant-card .products-config-card-icon {
    background: #ecfeff;
    color: #0f766e;
}

[b-yyvvk9prtz] .products-config-card-copy {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

[b-yyvvk9prtz] .products-config-card-copy strong {
    color: var(--products-ink);
    font-size: .88rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-config-card-copy small {
    color: var(--products-muted);
    font-size: .75rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-config-card-status {
    background: #eef7f3;
    border-radius: 999px;
    color: var(--products-green-dark);
    font-size: .68rem;
    font-weight: 900;
    margin-left: auto;
    padding: .28rem .5rem;
    white-space: nowrap;
}

[b-yyvvk9prtz] .products-config-card-content {
    display: grid;
    gap: .7rem;
    padding: .75rem;
}

[b-yyvvk9prtz] .products-form-alert {
    border-radius: .75rem;
    font-weight: 800;
}

[b-yyvvk9prtz] .products-confirm-body p {
    color: var(--products-ink);
    font-weight: 800;
}

[b-yyvvk9prtz] .products-table-footer {
    align-items: center;
    background: #f8fafc;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem 1rem;
}

[b-yyvvk9prtz] .products-table-footer > span {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 800;
}

@media (max-width: 767.98px) {
    [b-yyvvk9prtz] .products-header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-yyvvk9prtz] .products-title-block,
    [b-yyvvk9prtz] .products-empty {
        align-items: flex-start;
    }

    [b-yyvvk9prtz] .products-primary-action {
        width: 100%;
    }

    [b-yyvvk9prtz] .products-filter-body .row > * {
        width: 100%;
    }

    [b-yyvvk9prtz] .products-table-card .card-body {
        overflow-x: visible;
    }

    [b-yyvvk9prtz] .products-table {
        min-width: 0;
    }

    [b-yyvvk9prtz] .products-table thead {
        display: none;
    }

    [b-yyvvk9prtz] .products-table,
    [b-yyvvk9prtz] .products-table tbody,
    [b-yyvvk9prtz] .products-table tr,
    [b-yyvvk9prtz] .products-table td {
        display: block;
        width: 100%;
    }

    [b-yyvvk9prtz] .products-table tbody tr {
        border-bottom: 1px solid var(--products-border);
        padding: .85rem 1rem;
    }

    [b-yyvvk9prtz] .products-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-yyvvk9prtz] .products-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-yyvvk9prtz] .products-table tbody td::before {
        color: var(--products-muted);
        content: attr(data-label);
        flex: 0 0 6.5rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-yyvvk9prtz] .products-table tbody td[data-label="Nombre"] {
        display: block;
        text-align: left !important;
    }

    [b-yyvvk9prtz] .products-table tbody td[data-label="Nombre"]::before {
        display: none;
    }

    [b-yyvvk9prtz] .products-actions {
        display: flex !important;
        justify-content: flex-end !important;
    }

    [b-yyvvk9prtz] .products-config-card summary {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    [b-yyvvk9prtz] .products-config-card-copy {
        flex: 1 1 calc(100% - 3rem);
    }

    [b-yyvvk9prtz] .products-config-card-status {
        margin-left: 2.9rem;
    }

    [b-yyvvk9prtz] .products-setup-section summary {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    [b-yyvvk9prtz] .products-setup-summary-copy {
        flex: 1 1 calc(100% - 3.5rem);
    }

    [b-yyvvk9prtz] .products-setup-summary-status {
        margin-left: 3.25rem;
    }

    [b-yyvvk9prtz] .products-traceability-method {
        flex-basis: 100%;
    }

}

@media (max-width: 767.98px) {
    [b-yyvvk9prtz] .products-table-footer {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Catalog/Promotions.razor.rz.scp.css */
.promotions-page[b-jrq0yqrcsl],
[b-jrq0yqrcsl] .promotions-modal {
    --promo-ink: #172033;
    --promo-muted: #667085;
    --promo-surface: #ffffff;
    --promo-subtle: #eef8f3;
    --promo-border: #d4e2dc;
    --promo-border-strong: #9db7ac;
    --promo-primary: #0f7b56;
    --promo-primary-hover: #0b6848;
    --promo-primary-dark: #07593d;
    --promo-primary-soft: rgba(15, 123, 86, 0.10);
    --promo-primary-focus: rgba(15, 123, 86, 0.18);
}

.promotions-page[b-jrq0yqrcsl] {
    color: var(--promo-ink);
    padding-bottom: 2rem;
}

/* Encabezado */

.promotions-toolbar[b-jrq0yqrcsl],
.promotions-detail-header[b-jrq0yqrcsl] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.promotions-title[b-jrq0yqrcsl] {
    align-items: center;
    display: flex;
    gap: 0.85rem;
    min-width: 0;
}

.promotions-title-icon[b-jrq0yqrcsl] {
    align-items: center;
    background: var(--promo-primary-soft);
    border-radius: 0.75rem;
    color: var(--promo-primary);
    display: inline-flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.promotions-title h1[b-jrq0yqrcsl] {
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.15;
    margin: 0;
}

.promotions-title p[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0.2rem 0 0;
}

/* Botones propios de promociones */

.promotions-primary-action[b-jrq0yqrcsl],
.promotions-actions .btn[b-jrq0yqrcsl] {
    align-items: center;
    border-radius: 0.7rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: 0.45rem;
    justify-content: center;
    white-space: nowrap;
}

.promotions-primary-action[b-jrq0yqrcsl] {
    background-color: var(--promo-primary) !important;
    border-color: var(--promo-primary) !important;
    color: #ffffff !important;
    min-height: 2.85rem;
}

    .promotions-primary-action:hover:not(:disabled)[b-jrq0yqrcsl] {
        background-color: var(--promo-primary-dark) !important;
        border-color: var(--promo-primary-dark) !important;
        color: #ffffff !important;
    }

    .promotions-primary-action:focus[b-jrq0yqrcsl],
    .promotions-primary-action:focus-visible[b-jrq0yqrcsl],
    .promotions-actions .btn:focus-visible[b-jrq0yqrcsl] {
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus) !important;
        outline: none;
    }

/* Contenedores */

.promotions-panel[b-jrq0yqrcsl],
.promotions-detail[b-jrq0yqrcsl],
.promotions-loading[b-jrq0yqrcsl] {
    background: var(--promo-surface);
    border: 1px solid var(--promo-border);
    border-radius: 0.75rem;
    box-shadow: none;
}

[b-jrq0yqrcsl] .promotions-filter,
[b-jrq0yqrcsl] .promotions-table-card {
    background: var(--promo-surface);
    border: 1px solid var(--promo-border);
    border-radius: 0.75rem;
    box-shadow: none;
}

[b-jrq0yqrcsl] .promotions-filter {
    margin-bottom: 1rem;
}

[b-jrq0yqrcsl] .promotions-filter-body {
    padding: 0.85rem !important;
}

/* Filtros */

.promotions-filter-grid[b-jrq0yqrcsl] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.promotions-search-control[b-jrq0yqrcsl] {
    position: relative;
}

.promotions-search[b-jrq0yqrcsl],
[b-jrq0yqrcsl] .promotions-modal .form-control,
[b-jrq0yqrcsl] .promotions-modal .form-select {
    border-color: var(--promo-border-strong);
    border-radius: 0.7rem;
    min-height: 2.7rem;
}

.promotions-search-control .promotions-search[b-jrq0yqrcsl] {
    padding-right: 6.75rem;
    width: 100%;
}

.promotions-search-status[b-jrq0yqrcsl] {
    align-items: center;
    color: var(--promo-muted);
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .35rem;
    inset: 0 .8rem 0 auto;
    pointer-events: none;
    position: absolute;
}

    .promotions-search:hover[b-jrq0yqrcsl],
    [b-jrq0yqrcsl] .promotions-modal .form-control:hover,
    [b-jrq0yqrcsl] .promotions-modal .form-select:hover {
        border-color: var(--promo-primary);
    }

    .promotions-search:focus[b-jrq0yqrcsl],
    [b-jrq0yqrcsl] .promotions-modal .form-control:focus,
    [b-jrq0yqrcsl] .promotions-modal .form-select:focus {
        border-color: var(--promo-primary);
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus);
        outline: none;
    }

.promotions-toggle[b-jrq0yqrcsl] {
    align-items: center;
    background: var(--promo-subtle);
    border: 1px solid var(--promo-border);
    border-radius: .7rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    justify-content: space-between;
    margin: 0;
    min-height: 2.7rem;
    padding: 0.45rem 0.75rem 0.45rem 1rem;
}


    .promotions-toggle .form-check-input[b-jrq0yqrcsl],
    .promotions-switches .form-check-input[b-jrq0yqrcsl] {
        flex: 0 0 auto;
        float: none;
        margin: 0;
    }
    .promotions-toggle:focus-within[b-jrq0yqrcsl] {
        border-color: var(--promo-primary);
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus);
    }

    .promotions-toggle .form-check-input:checked[b-jrq0yqrcsl] {
        background-color: var(--promo-primary);
        border-color: var(--promo-primary);
    }

    .promotions-toggle .form-check-input:focus[b-jrq0yqrcsl] {
        border-color: var(--promo-primary);
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus);
    }

/* Área de trabajo */

.promotions-workspace[b-jrq0yqrcsl] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 0.36fr) minmax(0, 1fr);
}

.promotions-panel[b-jrq0yqrcsl] {
    min-width: 0;
    overflow: hidden;
}

.promotions-panel-header[b-jrq0yqrcsl],
[b-jrq0yqrcsl] .promotions-table-header {
    background: #f5faf7 !important;
    border-bottom: 1px solid var(--promo-border);
    padding: 0.9rem 1rem;
}

    .promotions-panel-header strong[b-jrq0yqrcsl],
    [b-jrq0yqrcsl] .promotions-table-header strong {
        display: block;
        font-weight: 900;
    }

    .promotions-panel-header small[b-jrq0yqrcsl],
    [b-jrq0yqrcsl] .promotions-table-header small {
        color: var(--promo-muted);
        display: block;
        font-size: 0.82rem;
        font-weight: 700;
        margin-top: 0.1rem;
    }

/* Lista de promociones */

.promotions-list[b-jrq0yqrcsl] {
    display: grid;
    gap: 0.55rem;
    padding: 0.75rem;
}

.promotions-panel-footer[b-jrq0yqrcsl] {
    align-items: center;
    border-top: 1px solid var(--promo-border);
    color: var(--promo-muted);
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .75rem;
    justify-content: space-between;
    padding: .7rem .85rem;
}

.promotions-row[b-jrq0yqrcsl] {
    align-items: center;
    background: var(--promo-surface);
    border: 1px solid var(--promo-border);
    border-radius: 0.7rem;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.8rem;
    text-align: left;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

    .promotions-row:hover[b-jrq0yqrcsl] {
        background: #f8fcfa;
        border-color: var(--promo-primary);
    }

    .promotions-row.selected[b-jrq0yqrcsl] {
        background: var(--promo-primary-soft);
        border-color: var(--promo-primary);
        box-shadow: 0 0 0 0.18rem rgba(15, 123, 86, 0.12);
    }

    .promotions-row:focus-visible[b-jrq0yqrcsl] {
        border-color: var(--promo-primary);
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus);
        outline: none;
    }

.promotions-row-main[b-jrq0yqrcsl] {
    min-width: 0;
}

.promotions-row strong[b-jrq0yqrcsl],
.promotions-row small[b-jrq0yqrcsl] {
    display: block;
}

.promotions-row strong[b-jrq0yqrcsl] {
    overflow-wrap: anywhere;
}

.promotions-row small[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.promotions-row-badges[b-jrq0yqrcsl] {
    display: grid;
    gap: 0.25rem;
    justify-items: end;
}

/* Detalle */

.promotions-detail[b-jrq0yqrcsl] {
    min-width: 0;
    padding: 1rem;
}

.promotions-detail-header[b-jrq0yqrcsl] {
    align-items: flex-start;
}

.promotions-detail-heading[b-jrq0yqrcsl] {
    min-width: 0;
}

.promotions-eyebrow[b-jrq0yqrcsl] {
    color: var(--promo-primary);
    display: block;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
}

.promotions-detail-header h2[b-jrq0yqrcsl] {
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.15;
    margin: 0.1rem 0;
    overflow-wrap: anywhere;
}

.promotions-detail-header p[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: 0.88rem;
    font-weight: 700;
    margin: 0;
}

.promotions-actions[b-jrq0yqrcsl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.promotions-detail-stats[b-jrq0yqrcsl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.9rem;
}

    .promotions-detail-stats span[b-jrq0yqrcsl] {
        background: var(--promo-subtle);
        border: 1px solid var(--promo-border);
        border-radius: 999px;
        color: var(--promo-muted);
        font-size: 0.8rem;
        font-weight: 800;
        padding: 0.4rem 0.65rem;
    }

    .promotions-detail-stats strong[b-jrq0yqrcsl] {
        color: var(--promo-ink);
    }

/* Botones de detalle */

.promotions-rule-action[b-jrq0yqrcsl] {
    background: var(--promo-primary) !important;
    border-color: var(--promo-primary) !important;
    color: #ffffff !important;
    min-height: 2.5rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

    .promotions-rule-action:hover:not(:disabled)[b-jrq0yqrcsl] {
        background: var(--promo-primary-dark) !important;
        border-color: var(--promo-primary-dark) !important;
        color: #ffffff !important;
    }

    .promotions-rule-action:focus-visible[b-jrq0yqrcsl] {
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus) !important;
        outline: none;
    }

.promotions-coupon-action[b-jrq0yqrcsl] {
    background: #ffffff !important;
    border-color: var(--promo-primary) !important;
    color: var(--promo-primary) !important;
    min-height: 2.5rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
}

    .promotions-coupon-action:hover:not(:disabled)[b-jrq0yqrcsl] {
        background: var(--promo-primary-soft) !important;
        border-color: var(--promo-primary-dark) !important;
        color: var(--promo-primary-dark) !important;
    }

    .promotions-coupon-action:focus-visible[b-jrq0yqrcsl] {
        border-color: var(--promo-primary) !important;
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus) !important;
        outline: none;
    }

/* Tablas */

[b-jrq0yqrcsl] .promotions-table-card {
    overflow: hidden;
}

    [b-jrq0yqrcsl] .promotions-table-card .card-body {
        overflow-x: auto;
        padding: 0 !important;
    }

.promotions-table[b-jrq0yqrcsl] {
    margin-bottom: 0;
    min-width: 52rem;
    width: 100%;
}

    .promotions-table caption[b-jrq0yqrcsl] {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .promotions-table th[b-jrq0yqrcsl] {
        background: #f2f8f5;
        color: var(--promo-muted);
        font-size: 0.75rem;
        font-weight: 900;
        padding: 0.75rem 0.9rem;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .promotions-table td[b-jrq0yqrcsl] {
        padding: 0.8rem 0.9rem;
        vertical-align: middle;
    }

    .promotions-table tbody tr:hover[b-jrq0yqrcsl] {
        background: #f8fcfa;
    }

.promotions-table-actions[b-jrq0yqrcsl] {
    width: 3.5rem;
}

/* Estados vacíos y carga */

.promotions-empty-detail[b-jrq0yqrcsl] {
    align-items: center;
    color: var(--promo-muted);
    display: grid;
    justify-items: center;
    min-height: 20rem;
    padding: 2rem;
    place-content: center;
    text-align: center;
}

    .promotions-empty-detail i[b-jrq0yqrcsl] {
        color: var(--promo-primary);
        font-size: 2rem;
        margin-bottom: 0.75rem;
    }

    .promotions-empty-detail strong[b-jrq0yqrcsl] {
        color: var(--promo-ink);
        font-weight: 900;
    }

    .promotions-empty-detail span[b-jrq0yqrcsl] {
        margin-top: 0.25rem;
    }

.promotions-loading[b-jrq0yqrcsl] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 14rem;
}

/* Formularios de modal */

[b-jrq0yqrcsl] .promotions-modal {
    border-radius: 0.85rem !important;
    overflow: hidden;
}

.promotions-form-grid[b-jrq0yqrcsl] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.promotions-form-sections[b-jrq0yqrcsl] {
    display: grid;
    gap: 1rem;
}

.promotions-form-section[b-jrq0yqrcsl] {
    background: #fbfcfd;
    border: 1px solid var(--promo-border);
    border-radius: .8rem;
    padding: 1rem;
}

.promotions-form-section-heading[b-jrq0yqrcsl] {
    align-items: flex-start;
    display: flex;
    gap: .65rem;
    margin-bottom: .9rem;
}

    .promotions-form-section-heading > i[b-jrq0yqrcsl] {
        align-items: center;
        background: var(--promo-subtle);
        border-radius: .55rem;
        color: var(--promo-primary);
        display: inline-flex;
        height: 2rem;
        justify-content: center;
        width: 2rem;
    }

    .promotions-form-section-heading strong[b-jrq0yqrcsl],
    .promotions-form-section-heading span[b-jrq0yqrcsl] {
        display: block;
    }

    .promotions-form-section-heading strong[b-jrq0yqrcsl] {
        color: var(--promo-ink);
    }

    .promotions-form-section-heading span[b-jrq0yqrcsl] {
        color: var(--promo-muted);
        font-size: .84rem;
        margin-top: .1rem;
    }

.promotions-validity-help[b-jrq0yqrcsl],
.promotions-coupon-help[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    margin: -.2rem 0 .85rem;
}

.promotions-coupon-help[b-jrq0yqrcsl] {
    margin: -.3rem 0 0;
}

.promotions-draft-notice[b-jrq0yqrcsl] {
    align-items: flex-start;
    background: #eef8f3;
    border: 1px solid #a6d8c1;
    border-radius: .7rem;
    color: #07593d;
    display: flex;
    gap: .65rem;
    margin-bottom: .9rem;
    padding: .75rem .85rem;
}

    .promotions-draft-notice i[b-jrq0yqrcsl] {
        margin-top: .15rem;
    }

    .promotions-draft-notice strong[b-jrq0yqrcsl],
    .promotions-draft-notice span[b-jrq0yqrcsl] {
        display: block;
    }

    .promotions-draft-notice span[b-jrq0yqrcsl] {
        font-size: .875rem;
        margin-top: .15rem;
    }

.promotions-field-full[b-jrq0yqrcsl] {
    grid-column: 1 / -1;
}

.promotions-next-step[b-jrq0yqrcsl] {
    align-items: flex-start;
    background: var(--promo-primary-soft);
    border: 1px solid var(--promo-border-strong);
    border-radius: .7rem;
    color: var(--promo-primary-dark);
    display: flex;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .8rem .9rem;
}

.promotions-next-step i[b-jrq0yqrcsl] {
    margin-top: .2rem;
}

.promotions-next-step strong[b-jrq0yqrcsl],
.promotions-next-step span[b-jrq0yqrcsl] {
    display: block;
}

.rule-configuration-summary[b-jrq0yqrcsl] {
    background: var(--promo-subtle);
    border-left: 4px solid var(--promo-primary);
    border-radius: .55rem;
    display: grid;
    gap: .2rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

.rule-configuration-summary span[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: .9rem;
}

.rule-configuration-summary .rule-configuration-preview[b-jrq0yqrcsl] {
    color: var(--promo-primary-dark);
    font-weight: 700;
    margin-top: .2rem;
}

.rule-active-control[b-jrq0yqrcsl] {
    align-items: center;
    display: flex;
    gap: .65rem;
    justify-content: flex-end;
    margin: -.5rem 0 .65rem;
}

.rule-active-control > span[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: .85rem;
    font-weight: 700;
}

.rule-coupon-warning[b-jrq0yqrcsl] {
    margin-bottom: 1rem;
}

.rule-coupon-help[b-jrq0yqrcsl] {
    align-items: flex-start;
    color: var(--promo-muted);
    display: flex;
    font-size: .9rem;
    gap: .55rem;
    margin: -.25rem 0 1rem;
}

.rule-coupon-help i[b-jrq0yqrcsl] {
    color: var(--promo-primary);
    margin-top: .2rem;
}

.rule-step-heading[b-jrq0yqrcsl] {
    align-items: flex-start;
    border-top: 1px solid var(--promo-border);
    display: flex;
    gap: .65rem;
    margin-top: .1rem;
    padding-top: .55rem;
}

.rule-step-heading:first-child[b-jrq0yqrcsl] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.rule-step-heading > div[b-jrq0yqrcsl] {
    display: grid;
    gap: .1rem;
}

.rule-step-heading strong[b-jrq0yqrcsl] {
    color: var(--promo-ink);
}

.rule-step-heading span:not(.rule-step-number)[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: .85rem;
}

.rule-step-number[b-jrq0yqrcsl] {
    align-items: center;
    background: var(--promo-primary);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .8rem;
    font-weight: 800;
    height: 1.55rem;
    justify-content: center;
    width: 1.55rem;
}

.promotions-next-step span[b-jrq0yqrcsl] {
    color: var(--promo-muted);
    font-size: .875rem;
    margin-top: .15rem;
}

.promotions-modal label[for="promotionCode"][b-jrq0yqrcsl]::after,
.promotions-modal label[for="promotionName"][b-jrq0yqrcsl]::after {
    color: #b42318;
    content: " *";
}

.promotions-switches[b-jrq0yqrcsl] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

    .promotions-switches .form-check[b-jrq0yqrcsl],
    .promotions-inline-switch[b-jrq0yqrcsl] {
        align-items: center;
        background: var(--promo-subtle);
        border: 1px solid var(--promo-border);
        border-radius: 0.7rem;
        display: flex;
        gap: 0.55rem;
        margin: 0;
        min-height: 2.7rem;
        padding: 0.45rem 0.75rem;
    }

        .promotions-switches .form-check:focus-within[b-jrq0yqrcsl],
        .promotions-inline-switch:focus-within[b-jrq0yqrcsl] {
            border-color: var(--promo-primary);
            box-shadow: 0 0 0 0.2rem var(--promo-primary-focus);
        }

[b-jrq0yqrcsl] .promotions-modal .form-check-input:checked {
    background-color: var(--promo-primary);
    border-color: var(--promo-primary);
}

[b-jrq0yqrcsl] .promotions-modal .form-check-input:focus {
    border-color: var(--promo-primary);
    box-shadow: 0 0 0 0.2rem var(--promo-primary-focus);
}

/*
 Mantiene el diseño compartido de SaveButton y Bootstrap.
 Solo cambia los colores del botón Guardar dentro del modal.
*/

[b-jrq0yqrcsl] .promotions-modal .btn-primary.promotions-primary-action,
[b-jrq0yqrcsl] .promotions-modal .promotions-primary-action {
    background-color: var(--promo-primary) !important;
    border-color: var(--promo-primary) !important;
    color: #ffffff !important;
}

    [b-jrq0yqrcsl] .promotions-modal .btn-primary.promotions-primary-action:hover:not(:disabled),
    [b-jrq0yqrcsl] .promotions-modal .promotions-primary-action:hover:not(:disabled) {
        background-color: var(--promo-primary-dark) !important;
        border-color: var(--promo-primary-dark) !important;
        color: #ffffff !important;
    }

    [b-jrq0yqrcsl] .promotions-modal .btn-primary.promotions-primary-action:focus,
    [b-jrq0yqrcsl] .promotions-modal .btn-primary.promotions-primary-action:focus-visible,
    [b-jrq0yqrcsl] .promotions-modal .promotions-primary-action:focus,
    [b-jrq0yqrcsl] .promotions-modal .promotions-primary-action:focus-visible {
        background-color: var(--promo-primary-dark) !important;
        border-color: var(--promo-primary-dark) !important;
        box-shadow: 0 0 0 0.2rem var(--promo-primary-focus) !important;
        color: #ffffff !important;
        outline: none;
    }

/*
 Mantiene el estilo compartido btn-outline-secondary.
 Solo adapta sus estados de interacción al verde.
*/

[b-jrq0yqrcsl] .promotions-modal .btn-outline-secondary:hover:not(:disabled) {
    background-color: var(--promo-subtle) !important;
    border-color: var(--promo-primary) !important;
    color: var(--promo-primary-dark) !important;
}

[b-jrq0yqrcsl] .promotions-modal .btn-outline-secondary:focus,
[b-jrq0yqrcsl] .promotions-modal .btn-outline-secondary:focus-visible {
    border-color: var(--promo-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--promo-primary-focus) !important;
    color: var(--promo-primary-dark) !important;
    outline: none;
}

/* Estados deshabilitados */

.promotions-primary-action:disabled[b-jrq0yqrcsl],
.promotions-rule-action:disabled[b-jrq0yqrcsl],
.promotions-coupon-action:disabled[b-jrq0yqrcsl],
[b-jrq0yqrcsl] .promotions-modal .btn:disabled,
[b-jrq0yqrcsl] .promotions-modal button:disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

/* Responsividad */

@media (max-width: 1100px) {
    .promotions-workspace[b-jrq0yqrcsl] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 761px) {
    .rule-modal-dialog[b-jrq0yqrcsl] {
        max-height: calc(100vh - 1rem);
    }

    [b-jrq0yqrcsl] .rule-modal .app-modal-header,
    [b-jrq0yqrcsl] .rule-modal .app-modal-footer {
        padding: .65rem 1rem;
    }

    [b-jrq0yqrcsl] .rule-modal .app-modal-body {
        padding: .75rem 1rem;
    }

    [b-jrq0yqrcsl] .rule-modal .promotions-form-grid {
        gap: .55rem .8rem;
    }

    .rule-configuration-summary[b-jrq0yqrcsl] {
        margin-bottom: .55rem;
        padding: .55rem .75rem;
    }

    .rule-step-heading span:not(.rule-step-number)[b-jrq0yqrcsl],
    [b-jrq0yqrcsl] .rule-modal .form-text {
        font-size: .78rem;
        line-height: 1.2;
    }
}

@media (max-width: 760px) {
    .promotions-toolbar[b-jrq0yqrcsl],
    .promotions-detail-header[b-jrq0yqrcsl] {
        align-items: stretch;
        flex-direction: column;
    }

    .promotions-filter-grid[b-jrq0yqrcsl],
    .promotions-form-grid[b-jrq0yqrcsl] {
        grid-template-columns: 1fr;
    }

    .promotions-field-full[b-jrq0yqrcsl] {
        grid-column: auto;
    }

    .promotions-row[b-jrq0yqrcsl] {
        grid-template-columns: 1fr;
    }

    .promotions-row-badges[b-jrq0yqrcsl] {
        justify-items: start;
    }

    .promotions-panel-footer[b-jrq0yqrcsl] {
        align-items: stretch;
        flex-direction: column;
    }

    .promotions-primary-action[b-jrq0yqrcsl],
    .promotions-actions .btn[b-jrq0yqrcsl] {
        width: 100%;
    }

    .promotions-switches[b-jrq0yqrcsl] {
        align-items: stretch;
        flex-direction: column;
    }

        .promotions-switches .form-check[b-jrq0yqrcsl],
        .promotions-inline-switch[b-jrq0yqrcsl] {
            width: 100%;
        }

    [b-jrq0yqrcsl] .promotions-table-card .card-body {
        overflow-x: visible;
    }

    .promotions-table[b-jrq0yqrcsl] {
        min-width: 0;
    }

    .promotions-table thead[b-jrq0yqrcsl] {
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .promotions-table[b-jrq0yqrcsl],
    .promotions-table tbody[b-jrq0yqrcsl],
    .promotions-table tr[b-jrq0yqrcsl],
    .promotions-table td[b-jrq0yqrcsl] {
        display: block;
        width: 100%;
    }

    .promotions-table tbody[b-jrq0yqrcsl] {
        display: grid;
        gap: .75rem;
        padding: .75rem;
    }

    .promotions-table tr[b-jrq0yqrcsl] {
        background: var(--promo-surface);
        border: 1px solid var(--promo-border);
        border-radius: .7rem;
        overflow: hidden;
    }

    .promotions-table td[b-jrq0yqrcsl] {
        align-items: start;
        border: 0;
        display: grid;
        gap: .75rem;
        grid-template-columns: minmax(6.25rem, .7fr) minmax(0, 1fr);
        padding: .65rem .8rem;
        text-align: left !important;
    }

    .promotions-table td + td[b-jrq0yqrcsl] {
        border-top: 1px solid var(--promo-border);
    }

    .promotions-table td[b-jrq0yqrcsl]::before {
        color: var(--promo-muted);
        content: attr(data-label);
        font-size: .74rem;
        font-weight: 900;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .promotions-table td.promotions-table-actions[b-jrq0yqrcsl] {
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .promotions-table td.promotions-table-actions[b-jrq0yqrcsl]::before {
        flex: 0 0 auto;
    }
}

@media (max-width: 480px) {
    .promotions-title[b-jrq0yqrcsl] {
        align-items: flex-start;
    }

    .promotions-title-icon[b-jrq0yqrcsl] {
        height: 2.7rem;
        width: 2.7rem;
    }

    .promotions-title h1[b-jrq0yqrcsl] {
        font-size: 1.25rem;
    }

    .promotions-detail[b-jrq0yqrcsl] {
        padding: 0.8rem;
    }
}
/* /Components/Pages/Customers/Customers.razor.rz.scp.css */
.customers-page[b-6xzhr3k5e2] {
    display: grid;
    gap: 1rem;
}

.customers-kpi-grid[b-6xzhr3k5e2],
.customers-filter-row[b-6xzhr3k5e2],
.customers-actions[b-6xzhr3k5e2],
.customers-statement-header[b-6xzhr3k5e2],
.customers-statement-grid[b-6xzhr3k5e2],
.customers-ledger-row[b-6xzhr3k5e2] {
    display: grid;
}

.customers-table td small[b-6xzhr3k5e2],
.customers-ledger-row span[b-6xzhr3k5e2],
.customers-ledger-row small[b-6xzhr3k5e2],
.customers-statement-header span[b-6xzhr3k5e2],
.customers-side-empty[b-6xzhr3k5e2] {
    color: #64748b;
    font-size: .82rem;
}

.customers-kpi-grid[b-6xzhr3k5e2] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.customers-filter-row[b-6xzhr3k5e2] {
    grid-template-columns: minmax(260px, 1fr) auto auto;
    align-items: end;
    gap: .75rem;
}

.customers-table caption[b-6xzhr3k5e2] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.customers-table th[b-6xzhr3k5e2] {
    color: #64748b;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.customers-table td:first-child[b-6xzhr3k5e2] {
    display: grid;
    gap: .1rem;
}

.customers-actions[b-6xzhr3k5e2] {
    white-space: nowrap;
}

.customers-options-dialog[b-6xzhr3k5e2] {
    max-width: min(42rem, 100%);
}

.customers-options-modal[b-6xzhr3k5e2],
.customers-options-footer[b-6xzhr3k5e2] {
    background: #fcfdfd;
}

.customers-options-intro[b-6xzhr3k5e2] {
    margin-bottom: 1rem;
}

.customers-options-list[b-6xzhr3k5e2] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.customers-options-item[b-6xzhr3k5e2] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce6e2;
    border-radius: .75rem;
    color: #16352e;
    display: flex;
    gap: .8rem;
    min-height: 4.25rem;
    padding: .75rem;
    text-align: left;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    width: 100%;
}

.customers-options-item:hover:not(:disabled)[b-6xzhr3k5e2] {
    background: #f2f8f5;
    border-color: #9dcab3;
}

.customers-options-item:focus-visible[b-6xzhr3k5e2] {
    box-shadow: 0 0 0 .22rem rgba(15, 107, 93, .18);
    outline: 0;
}

.customers-options-item:disabled[b-6xzhr3k5e2] {
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.customers-options-item > i[b-6xzhr3k5e2] {
    align-items: center;
    background: #e8f4ee;
    border-radius: .6rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.customers-options-item > span[b-6xzhr3k5e2] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.customers-options-item strong[b-6xzhr3k5e2] {
    font-size: .9rem;
    font-weight: 900;
}

.customers-options-item small[b-6xzhr3k5e2] {
    color: #5c6b7c;
    font-size: .78rem;
    line-height: 1.3;
}

.customers-options-item-danger[b-6xzhr3k5e2] {
    border-color: #f2c7c4;
    color: #9f1239;
    grid-column: 1 / -1;
    justify-self: center;
    max-width: calc(50% - .25rem);
}

.customers-options-item-danger > i[b-6xzhr3k5e2] {
    background: #fff1f2;
    color: #be123c;
}

.customers-options-item-danger:hover:not(:disabled)[b-6xzhr3k5e2] {
    background: #fff7f7;
    border-color: #e99b96;
}

.customers-form-grid[b-6xzhr3k5e2],
.customers-statement-grid[b-6xzhr3k5e2],
.customers-statement-header[b-6xzhr3k5e2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.customers-modal-dialog[b-6xzhr3k5e2] {
    max-width: min(58rem, 100%);
}

.customers-modal-content[b-6xzhr3k5e2] {
    background: #fcfdfd;
}

.customers-modal-body[b-6xzhr3k5e2] {
    padding: 1.25rem;
}

.customers-modal-intro[b-6xzhr3k5e2] {
    margin-bottom: 1.25rem;
}

.customers-form-sections[b-6xzhr3k5e2] {
    display: grid;
    gap: 1rem;
}

.customers-form-section[b-6xzhr3k5e2] {
    background: #ffffff;
    border: 1px solid #dce6e2;
    border-radius: .9rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.customers-form-section-heading[b-6xzhr3k5e2] {
    align-items: flex-start;
    display: flex;
    gap: .7rem;
}

.customers-form-section-heading > div[b-6xzhr3k5e2] {
    display: grid;
    gap: .15rem;
}

.customers-form-section-heading h3[b-6xzhr3k5e2] {
    color: #16352e;
    font-size: .93rem;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
}

.customers-form-section-heading p[b-6xzhr3k5e2] {
    color: #5c6b7c;
    font-size: .82rem;
    line-height: 1.4;
    margin: 0;
}

.customers-form-section-icon[b-6xzhr3k5e2] {
    align-items: center;
    background: #e8f4ee;
    border-radius: .6rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.customers-form-grid-identity[b-6xzhr3k5e2] {
    grid-template-columns: minmax(9rem, .65fr) minmax(0, 1.35fr);
}

.customers-form-field-wide[b-6xzhr3k5e2] {
    grid-column: 1 / -1;
}

.customers-credit-section[b-6xzhr3k5e2] {
    background: #f4faf7;
    border-color: #c8dfd3;
}

.customers-credit-grid[b-6xzhr3k5e2] {
    max-width: 37rem;
}

.customers-modal-footer[b-6xzhr3k5e2] {
    background: #fcfdfd;
}

[b-6xzhr3k5e2] .customers-modal-body .form-control,
[b-6xzhr3k5e2] .customers-modal-body .form-select {
    background-color: #ffffff;
}

[b-6xzhr3k5e2] .customers-modal-body .form-control:focus,
[b-6xzhr3k5e2] .customers-modal-body .form-select:focus {
    box-shadow: 0 0 0 .22rem rgba(15, 107, 93, .18);
}

.customers-statement-header[b-6xzhr3k5e2] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.customers-statement-header > div[b-6xzhr3k5e2],
.customers-ledger-row > div[b-6xzhr3k5e2] {
    display: grid;
    gap: .15rem;
}

.customers-ledger-row[b-6xzhr3k5e2] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    margin-top: .5rem;
    padding: .75rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.customers-section-title[b-6xzhr3k5e2] {
    color: #334155;
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.customers-side-empty[b-6xzhr3k5e2] {
    padding: .75rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

@media (max-width: 980px) {
    .customers-kpi-grid[b-6xzhr3k5e2],
    .customers-statement-header[b-6xzhr3k5e2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .customers-filter-row[b-6xzhr3k5e2],
    .customers-kpi-grid[b-6xzhr3k5e2],
    .customers-form-grid[b-6xzhr3k5e2],
    .customers-statement-grid[b-6xzhr3k5e2],
    .customers-statement-header[b-6xzhr3k5e2] {
        grid-template-columns: 1fr;
    }

    .customers-actions[b-6xzhr3k5e2] {
        justify-content: center;
    }

    .customers-form-grid-identity[b-6xzhr3k5e2],
    .customers-credit-grid[b-6xzhr3k5e2] {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .customers-form-field-wide[b-6xzhr3k5e2] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .customers-modal-body[b-6xzhr3k5e2] {
        padding: 1rem;
    }

    .customers-form-section[b-6xzhr3k5e2] {
        gap: .85rem;
        padding: .85rem;
    }

    .customers-modal-footer[b-6xzhr3k5e2]  .btn {
        width: 100%;
    }

    .customers-options-list[b-6xzhr3k5e2] {
        grid-template-columns: 1fr;
    }

    .customers-options-item-danger[b-6xzhr3k5e2] {
        grid-column: auto;
        max-width: none;
    }
}

.customers-confirm-copy[b-6xzhr3k5e2]{display:grid;gap:.35rem;text-align:center}.customers-confirm-copy strong[b-6xzhr3k5e2]{color:#111827;font-weight:900}.customers-confirm-copy span[b-6xzhr3k5e2]{color:#64748b;font-size:.92rem;font-weight:700;line-height:1.45}
/* /Components/Pages/Dashboard/Analytics.razor.rz.scp.css */
/* Analytics dashboard */
.analytics-screen[b-3t9ic9fxrj] {
    --analytics-ink: #172033;
    --analytics-muted: #667085;
    --analytics-soft: #f7f9fc;
    --analytics-subtle: #eef3f8;
    --analytics-surface: #ffffff;
    --analytics-border: #d8dee8;
    --analytics-outline: #c4ccd8;
    --analytics-green: #0f7b56;
    --analytics-green-dark: #07593d;
    --analytics-blue: #1d4ed8;
    --analytics-blue-bg: #e8efff;
    --analytics-amber: #b7791f;
    --analytics-amber-bg: #fff8e6;
    --analytics-danger: #b42318;
    --analytics-danger-bg: #fff1f0;
    color: var(--analytics-ink);
}

[b-3t9ic9fxrj] .analytics-hero {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-3t9ic9fxrj] .analytics-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-3t9ic9fxrj] .analytics-title-icon,
[b-3t9ic9fxrj] .analytics-empty-icon {
    align-items: center;
    background: #e5f5ee;
    border-radius: .85rem;
    color: var(--analytics-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-3t9ic9fxrj] .analytics-hero h1 {
    color: var(--analytics-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-3t9ic9fxrj] .analytics-hero p {
    color: var(--analytics-muted);
    line-height: 1.35;
    margin: 0;
    max-width: 28rem;
}

[b-3t9ic9fxrj] .analytics-controls {
    align-items: flex-start;
    display: grid;
    gap: .7rem;
    justify-items: start;
}

[b-3t9ic9fxrj] .analytics-compact-actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-3t9ic9fxrj] .analytics-periods {
    background: #dfe6ee;
    border: 1px solid var(--analytics-border);
    border-radius: .75rem;
    display: flex;
    gap: .15rem;
    min-height: 2.75rem;
    overflow: hidden;
    padding: .25rem;
}

[b-3t9ic9fxrj] .analytics-periods button {
    border: 0;
    font: inherit;
}

[b-3t9ic9fxrj] .analytics-periods button {
    align-items: center;
    background: transparent;
    border-radius: .6rem;
    color: var(--analytics-muted);
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .4rem;
    padding: 0 .9rem;
}

[b-3t9ic9fxrj] .analytics-periods button.active {
    background: var(--analytics-surface);
    color: var(--analytics-ink);
    font-weight: 900;
    box-shadow: 0 .25rem .75rem rgba(16, 24, 40, .08);
}

[b-3t9ic9fxrj] .analytics-periods button:focus-visible {
    outline: 3px solid rgba(15, 123, 86, .22);
    outline-offset: 2px;
}

[b-3t9ic9fxrj] .analytics-export {
    background: var(--analytics-green);
    color: #fff;
}

[b-3t9ic9fxrj] .analytics-export:hover {
    background: var(--analytics-green-dark);
}

[b-3t9ic9fxrj] .analytics-guidance {
    align-items: center;
    background: var(--analytics-amber-bg);
    border: 1px solid #f1d58a;
    border-radius: .75rem;
    color: #5f4300;
    display: flex;
    font-weight: 800;
    gap: .85rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
}

[b-3t9ic9fxrj] .analytics-guidance-close {
    color: #5f4300;
    flex: 0 0 auto;
}

[b-3t9ic9fxrj] .analytics-loading {
    padding: 4rem 1rem;
    text-align: center;
}

[b-3t9ic9fxrj] .analytics-kpis {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-3t9ic9fxrj] .analytics-kpi,
[b-3t9ic9fxrj] .analytics-card,
[b-3t9ic9fxrj] .analytics-table-card {
    background: var(--analytics-surface);
    border: 1px solid var(--analytics-border);
    border-radius: .75rem;
}

[b-3t9ic9fxrj] .analytics-kpi {
    min-height: 10rem;
    padding: 1rem;
}

[b-3t9ic9fxrj] .analytics-kpi-top,
[b-3t9ic9fxrj] .analytics-card-header,
[b-3t9ic9fxrj] .analytics-product-row div,
[b-3t9ic9fxrj] .analytics-table-card .analytics-card-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

[b-3t9ic9fxrj] .analytics-kpi-icon {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

[b-3t9ic9fxrj] .analytics-kpi-icon.green {
    background: #e5f5ee;
    color: var(--analytics-green-dark);
}

[b-3t9ic9fxrj] .analytics-kpi-icon.blue {
    background: var(--analytics-blue-bg);
    color: var(--analytics-blue);
}

[b-3t9ic9fxrj] .analytics-kpi-icon.amber {
    background: var(--analytics-amber-bg);
    color: var(--analytics-amber);
}

[b-3t9ic9fxrj] .analytics-kpi-label {
    color: var(--analytics-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 800;
    margin-top: 1.05rem;
    text-transform: uppercase;
}

[b-3t9ic9fxrj] .analytics-kpi strong {
    color: var(--analytics-ink);
    display: block;
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 900;
    line-height: 1;
    margin: .45rem 0 .85rem;
}

[b-3t9ic9fxrj] .analytics-progress,
[b-3t9ic9fxrj] .analytics-product-bar {
    background: var(--analytics-subtle);
    border-radius: 999px;
    height: .3rem;
    overflow: hidden;
}

[b-3t9ic9fxrj] .analytics-progress span,
[b-3t9ic9fxrj] .analytics-product-bar span {
    background: var(--analytics-green);
    display: block;
    height: 100%;
}

[b-3t9ic9fxrj] .analytics-progress.dark span,
[b-3t9ic9fxrj] .analytics-product-bar span {
    background: var(--analytics-ink);
}

[b-3t9ic9fxrj] .analytics-progress.amber span {
    background: var(--analytics-amber);
}

[b-3t9ic9fxrj] .analytics-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-bottom: 1rem;
}

[b-3t9ic9fxrj] .analytics-card {
    min-height: 17rem;
    padding: 1.15rem;
}

[b-3t9ic9fxrj] .analytics-card-header {
    margin-bottom: 1.25rem;
}

[b-3t9ic9fxrj] .analytics-card-header strong {
    color: var(--analytics-ink);
    font-size: 1rem;
    font-weight: 900;
}

[b-3t9ic9fxrj] .analytics-card-action {
    color: var(--analytics-ink);
}

[b-3t9ic9fxrj] .analytics-donut-layout {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 11rem minmax(0, 1fr);
}

[b-3t9ic9fxrj] .analytics-donut {
    align-items: center;
    border-radius: 999px;
    display: flex;
    height: 10rem;
    justify-content: center;
    position: relative;
    width: 10rem;
}

[b-3t9ic9fxrj] .analytics-donut::after {
    background: var(--analytics-surface);
    border-radius: 999px;
    content: "";
    height: 6.75rem;
    position: absolute;
    width: 6.75rem;
}

[b-3t9ic9fxrj] .analytics-donut div {
    position: relative;
    text-align: center;
    z-index: 1;
}

[b-3t9ic9fxrj] .analytics-donut span {
    color: var(--analytics-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-3t9ic9fxrj] .analytics-donut strong {
    color: var(--analytics-ink);
    font-size: 1rem;
    font-weight: 900;
}

[b-3t9ic9fxrj] .analytics-legend {
    display: grid;
    gap: 1rem;
}

[b-3t9ic9fxrj] .analytics-legend div {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

[b-3t9ic9fxrj] .analytics-legend .dot {
    border-radius: 999px;
    height: .65rem;
    width: .65rem;
}

[b-3t9ic9fxrj] .analytics-legend .black {
    background: var(--color-primary);
}

[b-3t9ic9fxrj] .analytics-legend .green {
    background: var(--color-secondary);
}

[b-3t9ic9fxrj] .analytics-legend .amber {
    background: var(--color-tertiary);
}

[b-3t9ic9fxrj] .analytics-legend strong,
[b-3t9ic9fxrj] .analytics-product-row strong {
    color: var(--analytics-ink);
}

[b-3t9ic9fxrj] .analytics-top-products {
    display: grid;
    gap: 1.05rem;
}

[b-3t9ic9fxrj] .analytics-product-row {
    display: grid;
    gap: .45rem;
}

[b-3t9ic9fxrj] .analytics-product-row span {
    color: var(--analytics-ink);
    font-size: .84rem;
    font-weight: 800;
}

[b-3t9ic9fxrj] .analytics-product-row strong {
    color: var(--analytics-muted);
    font-size: .8rem;
}

[b-3t9ic9fxrj] .analytics-empty {
    align-items: center;
    color: var(--analytics-muted);
    display: flex;
    gap: 1rem;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: left;
}

[b-3t9ic9fxrj] .analytics-empty strong,
[b-3t9ic9fxrj] .analytics-empty small {
    display: block;
}

[b-3t9ic9fxrj] .analytics-empty strong {
    color: var(--analytics-ink);
    font-weight: 900;
}

[b-3t9ic9fxrj] .analytics-empty small {
    color: var(--analytics-muted);
    font-weight: 700;
    margin-top: .15rem;
}

[b-3t9ic9fxrj] .analytics-table-card {
    overflow: hidden;
}

[b-3t9ic9fxrj] .analytics-table-card .analytics-card-header {
    background: #f8fafc;
    border-bottom: 1px solid var(--analytics-border);
    margin: 0;
    padding: 1rem 1.15rem;
}

[b-3t9ic9fxrj] .analytics-table-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

[b-3t9ic9fxrj] .analytics-table {
    border-collapse: collapse;
    min-width: 48rem;
    width: 100%;
}

[b-3t9ic9fxrj] .analytics-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-3t9ic9fxrj] .analytics-table th {
    background: #f3f6fa;
    border-bottom: 1px solid var(--analytics-border);
    color: var(--analytics-muted);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    padding: .85rem 1.15rem;
    text-transform: uppercase;
}

[b-3t9ic9fxrj] .analytics-table td {
    border-top: 1px solid #edf0f5;
    color: #344054;
    padding: .9rem 1.15rem;
}

[b-3t9ic9fxrj] .analytics-table tbody tr:hover td {
    background: #f2f7f4;
}

@media (max-width: 1199.98px) {
    [b-3t9ic9fxrj] .analytics-kpis,
    [b-3t9ic9fxrj] .analytics-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    [b-3t9ic9fxrj] .analytics-hero {
        flex-direction: column;
        gap: .85rem;
    }

    [b-3t9ic9fxrj] .analytics-title-block {
        align-items: flex-start;
    }

    [b-3t9ic9fxrj] .analytics-controls,
    [b-3t9ic9fxrj] .analytics-periods,
    [b-3t9ic9fxrj] .analytics-export {
        width: 100%;
    }

    [b-3t9ic9fxrj] .analytics-periods {
        overflow-x: auto;
    }

    [b-3t9ic9fxrj] .analytics-periods button {
        flex: 1 0 auto;
    }

    [b-3t9ic9fxrj] .analytics-donut-layout {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    [b-3t9ic9fxrj] .analytics-guidance {
        align-items: flex-start;
    }

    [b-3t9ic9fxrj] .analytics-empty {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-3t9ic9fxrj] .analytics-table {
        min-width: 0;
    }

    [b-3t9ic9fxrj] .analytics-table thead {
        display: none;
    }

    [b-3t9ic9fxrj] .analytics-table,
    [b-3t9ic9fxrj] .analytics-table tbody,
    [b-3t9ic9fxrj] .analytics-table tr,
    [b-3t9ic9fxrj] .analytics-table td {
        display: block;
        width: 100%;
    }

    [b-3t9ic9fxrj] .analytics-table tbody tr {
        border-bottom: 1px solid var(--analytics-border);
        padding: .85rem 1rem;
    }

    [b-3t9ic9fxrj] .analytics-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-3t9ic9fxrj] .analytics-table td {
        align-items: flex-start;
        border-top: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right;
    }

    [b-3t9ic9fxrj] .analytics-table td::before {
        color: var(--analytics-muted);
        content: attr(data-label);
        flex: 0 0 7.75rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }
}

/* /Components/Pages/Dashboard/DayStatus.razor.rz.scp.css */
.day-status-page[b-t7ta7gr3ut] {
    --status-border: #dce3df;
    --status-ink: #17211c;
    --status-muted: #617068;
    --status-surface: #ffffff;
    --status-soft: #f6faf7;
    --status-primary: #0f7b56;
    --status-primary-dark: #07593d;
    --status-warning: #8a5a00;
    --status-warning-bg: #fff6dd;
    --status-info: #155bb5;
    color: var(--status-ink);
}

[b-t7ta7gr3ut] .day-status-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

[b-t7ta7gr3ut] .day-status-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

[b-t7ta7gr3ut] .day-status-primary-action,
[b-t7ta7gr3ut] .day-status-secondary-action,
[b-t7ta7gr3ut] .day-status-card-action {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
}

[b-t7ta7gr3ut] .day-status-primary-action {
    background: var(--status-primary) !important;
    border-color: var(--status-primary) !important;
    color: #fff !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

[b-t7ta7gr3ut] .day-status-primary-action:hover {
    background: var(--status-primary-dark) !important;
    border-color: var(--status-primary-dark) !important;
}

[b-t7ta7gr3ut] .day-status-secondary-action,
[b-t7ta7gr3ut] .day-status-card-action {
    background: var(--status-surface) !important;
    border-color: var(--status-border) !important;
    color: var(--status-ink) !important;
}

[b-t7ta7gr3ut] .day-status-card-action {
    margin-top: 1rem;
    min-height: 2.35rem;
    width: fit-content;
}

[b-t7ta7gr3ut] .day-status-loading {
    align-items: center;
    background: var(--status-surface);
    border: 1px solid var(--status-border);
    border-radius: .9rem;
    display: flex;
    justify-content: center;
    min-height: 12rem;
}

[b-t7ta7gr3ut] .day-status-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

[b-t7ta7gr3ut] .day-status-card {
    background: var(--status-surface);
    border: 1px solid var(--status-border);
    border-radius: .8rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    min-height: 11.5rem;
    padding: 1.1rem;
}

[b-t7ta7gr3ut] .day-status-card-title {
    align-items: center;
    color: var(--status-muted);
    display: flex;
    font-size: .76rem;
    font-weight: 800;
    gap: .45rem;
    text-transform: uppercase;
}

[b-t7ta7gr3ut] .day-status-card strong {
    color: var(--status-ink);
    display: block;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: .6rem;
}

[b-t7ta7gr3ut] .day-status-card small {
    color: var(--status-muted);
    display: block;
    margin-top: .25rem;
}

[b-t7ta7gr3ut] .day-status-card.status-ok {
    background: #edf8f2;
    border-color: #b8dfcc;
}

[b-t7ta7gr3ut] .day-status-card.status-warn {
    background: var(--status-warning-bg);
    border-color: #f1d28a;
}

[b-t7ta7gr3ut] .day-status-card.status-info {
    background: #eff6ff;
    border-color: #bfdbfe;
}

[b-t7ta7gr3ut] .day-status-content {
    margin-top: .25rem;
}

[b-t7ta7gr3ut] .day-status-panel {
    border: 1px solid var(--status-border) !important;
    border-radius: .8rem;
    box-shadow: none !important;
    overflow: hidden;
}

[b-t7ta7gr3ut] .day-status-panel-header {
    align-items: center;
    background: var(--status-surface);
    border-bottom: 1px solid var(--status-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.1rem;
}

[b-t7ta7gr3ut] .day-status-panel-header strong {
    color: var(--status-ink);
    display: block;
    font-size: 1rem;
    font-weight: 900;
}

[b-t7ta7gr3ut] .day-status-panel-header small,
[b-t7ta7gr3ut] .day-status-panel-header span:not(.day-status-count-badge) {
    color: var(--status-muted);
    display: block;
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-t7ta7gr3ut] .day-status-count-badge {
    flex: 0 0 auto;
}

[b-t7ta7gr3ut] .day-status-table {
    color: var(--status-ink);
}

[b-t7ta7gr3ut] .day-status-table thead th {
    background: var(--status-soft);
    border-bottom-color: var(--status-border);
    color: var(--status-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: 0;
    padding: .75rem 1.1rem;
    text-transform: uppercase;
}

[b-t7ta7gr3ut] .day-status-table tbody td {
    border-color: var(--status-border);
    padding: .9rem 1.1rem;
}

[b-t7ta7gr3ut] .day-status-product-code {
    margin-bottom: .35rem;
    max-width: 12rem;
    overflow-wrap: anywhere;
}

[b-t7ta7gr3ut] .day-status-empty-state {
    align-items: center;
    color: var(--status-muted);
    display: flex;
    flex-direction: column;
    font-weight: 800;
    gap: .55rem;
    justify-content: center;
    min-height: 8rem;
    text-align: center;
}

[b-t7ta7gr3ut] .day-status-empty-state i {
    color: var(--status-primary);
    font-size: 1.45rem;
}

[b-t7ta7gr3ut] .day-status-summary {
    display: grid;
    gap: .65rem;
}

[b-t7ta7gr3ut] .day-status-summary .metric-row {
    background: var(--status-soft);
    border: 1px solid transparent;
    border-radius: .75rem;
    padding: .85rem .95rem;
}

[b-t7ta7gr3ut] .day-status-summary .metric-row.highlight {
    background: #edf8f2;
    border-color: #b8dfcc;
}

@media (max-width: 1199.98px) {
    [b-t7ta7gr3ut] .day-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    [b-t7ta7gr3ut] .day-status-header,
    [b-t7ta7gr3ut] .day-status-actions {
        align-items: stretch;
        flex-direction: column;
    }

    [b-t7ta7gr3ut] .day-status-actions .btn,
    [b-t7ta7gr3ut] .day-status-actions .icon-action-button,
    [b-t7ta7gr3ut] .day-status-card-action {
        width: 100%;
    }

    [b-t7ta7gr3ut] .day-status-grid {
        grid-template-columns: 1fr;
    }

    [b-t7ta7gr3ut] .day-status-table thead {
        display: none;
    }

    [b-t7ta7gr3ut] .day-status-table,
    [b-t7ta7gr3ut] .day-status-table tbody,
    [b-t7ta7gr3ut] .day-status-table tr,
    [b-t7ta7gr3ut] .day-status-table td {
        display: block;
        width: 100%;
    }

    [b-t7ta7gr3ut] .day-status-table tbody {
        padding: .75rem;
    }

    [b-t7ta7gr3ut] .day-status-table tbody tr {
        border: 1px solid var(--status-border);
        border-radius: .75rem;
        margin-bottom: .75rem;
        overflow: hidden;
    }

    [b-t7ta7gr3ut] .day-status-table tbody td {
        align-items: center;
        border: 0;
        display: flex;
        justify-content: space-between;
        padding: .75rem .85rem;
        text-align: right !important;
    }

    [b-t7ta7gr3ut] .day-status-table tbody td::before {
        color: var(--status-muted);
        content: attr(data-label);
        font-size: .75rem;
        font-weight: 900;
        margin-right: 1rem;
        text-align: left;
        text-transform: uppercase;
    }

    [b-t7ta7gr3ut] .day-status-table tbody td:first-child {
        align-items: flex-start;
        display: block;
        text-align: left !important;
    }

    [b-t7ta7gr3ut] .day-status-table tbody td:first-child::before {
        content: none;
    }
}

/* /Components/Pages/Dashboard/Home.razor.rz.scp.css */
/* Control dashboard */
.control-screen[b-1tiv9xbkco] {
    --control-ink: #17211c;
    --control-muted: #617068;
    --control-soft: #f6faf7;
    --control-subtle: #eef3f8;
    --control-surface: #ffffff;
    --control-border: #dce3df;
    --control-outline: #c4ccd8;
    --control-green: #0f7b56;
    --control-green-dark: #07593d;
    --control-blue: #1d4ed8;
    --control-blue-bg: #e8efff;
    --control-amber: #b7791f;
    --control-amber-bg: #fff8e6;
    --control-danger: #b42318;
    --control-danger-bg: #fff1f0;
    color: var(--control-ink);
    min-height: 100%;
    padding-block: .25rem 1.5rem;
}

[b-1tiv9xbkco] .control-loading {
    align-items: center;
    background: var(--control-surface);
    border: 1px solid var(--control-border);
    border-radius: .9rem;
    display: flex;
    justify-content: center;
    min-height: 14rem;
}

[b-1tiv9xbkco] .control-kpis {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-1tiv9xbkco] .control-readiness {
    background: var(--control-surface);
    border: 1px solid var(--control-border);
    border-radius: .75rem;
    margin-bottom: 1rem;
    padding: 1.15rem;
}

[b-1tiv9xbkco] .control-readiness.is-ready { border-color: #9ed6bd; }

[b-1tiv9xbkco] .control-readiness-heading {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

[b-1tiv9xbkco] .control-readiness-heading > div:nth-child(2) { flex: 1; }

[b-1tiv9xbkco] .control-readiness-icon,
[b-1tiv9xbkco] .control-readiness-status {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
}

[b-1tiv9xbkco] .control-readiness-icon {
    background: var(--control-blue-bg);
    border-radius: .5rem;
    color: var(--control-blue);
    height: 2.75rem;
    width: 2.75rem;
}

[b-1tiv9xbkco] .control-readiness-heading h2,
[b-1tiv9xbkco] .control-readiness-heading p { margin: 0; }
[b-1tiv9xbkco] .control-readiness-heading h2 { color: var(--control-ink); font-size: 1rem; font-weight: 900; }
[b-1tiv9xbkco] .control-readiness-heading p,
[b-1tiv9xbkco] .control-readiness-check small { color: var(--control-muted); font-size: .8rem; font-weight: 700; }

[b-1tiv9xbkco] .control-readiness-progress {
    background: var(--control-amber-bg);
    border-radius: 999px;
    color: var(--control-amber);
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    padding: .4rem .7rem;
    white-space: nowrap;
}

[b-1tiv9xbkco] .control-readiness.is-ready .control-readiness-progress { background: #e5f5ee; color: var(--control-green-dark); }

[b-1tiv9xbkco] .control-readiness-checks {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 1rem;
}

[b-1tiv9xbkco] .control-readiness-check {
    align-items: start;
    border: 1px solid var(--control-border);
    border-radius: .5rem;
    display: grid;
    gap: .45rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    min-height: 7.5rem;
    padding: .75rem;
}

[b-1tiv9xbkco] .control-readiness-check.is-pending { background: var(--control-amber-bg); border-color: #f1d58a; }
[b-1tiv9xbkco] .control-readiness-status { color: var(--control-green-dark); }
[b-1tiv9xbkco] .control-readiness-check.is-pending .control-readiness-status { color: var(--control-amber); }
[b-1tiv9xbkco] .control-readiness-item-icon { color: var(--control-muted); }
[b-1tiv9xbkco] .control-readiness-check strong,
[b-1tiv9xbkco] .control-readiness-check small { display: block; }
[b-1tiv9xbkco] .control-readiness-check strong { color: var(--control-ink); font-size: .84rem; font-weight: 900; }
[b-1tiv9xbkco] .control-readiness-check small { font-size: .72rem; line-height: 1.35; margin-top: .2rem; }

[b-1tiv9xbkco] .control-readiness-check button {
    background: transparent;
    border: 0;
    color: var(--control-green-dark);
    font-size: .75rem;
    font-weight: 900;
    grid-column: 3;
    justify-self: start;
    min-height: 2.75rem;
    padding: 0;
    text-align: left;
}

[b-1tiv9xbkco] .control-readiness-check button:focus-visible,
[b-1tiv9xbkco] .control-readiness-pos-action:focus-visible { outline: 2px solid var(--control-green); outline-offset: 2px; }

[b-1tiv9xbkco] .control-readiness-pos-action {
    background: var(--control-green);
    border: 0;
    border-radius: .5rem;
    color: #fff;
    font-weight: 900;
    margin-top: 1rem;
    min-height: 3rem;
    padding: 0 1rem;
}

[b-1tiv9xbkco] .control-kpi {
    align-items: flex-start;
    background: var(--control-surface);
    border: 1px solid var(--control-border);
    border-radius: .5rem;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    display: flex;
    justify-content: space-between;
    min-height: 7rem;
    overflow: hidden;
    padding: 1.05rem;
    position: relative;
}

[b-1tiv9xbkco] .control-kpi.warning {
    background: var(--control-amber-bg);
    border-color: #f1d58a;
}

[b-1tiv9xbkco] .control-kpi.warning::after {
    content: none;
}

[b-1tiv9xbkco] .control-kpi span,
[b-1tiv9xbkco] .control-sales-table th {
    font-family: var(--font-label);
}

[b-1tiv9xbkco] .control-kpi span {
    color: var(--control-muted);
    display: block;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: .6rem;
    text-transform: uppercase;
}

[b-1tiv9xbkco] .control-kpi strong {
    color: var(--control-ink);
    display: block;
    font-size: clamp(1.3rem, 2.4vw, 1.65rem);
    font-weight: 900;
    line-height: 1;
    margin-bottom: .55rem;
}

[b-1tiv9xbkco] .control-kpi small {
    color: var(--control-green-dark);
    font-size: .72rem;
    font-weight: 800;
}

[b-1tiv9xbkco] .control-kpi.warning small {
    color: var(--control-amber);
}

[b-1tiv9xbkco] .control-kpi small.positive,
[b-1tiv9xbkco] .control-comparison-strip small.positive {
    color: var(--control-green-dark);
}

[b-1tiv9xbkco] .control-kpi small.negative,
[b-1tiv9xbkco] .control-comparison-strip small.negative {
    color: var(--control-danger);
}

[b-1tiv9xbkco] .control-kpi small.neutral,
[b-1tiv9xbkco] .control-comparison-strip small.neutral {
    color: var(--control-muted);
}

[b-1tiv9xbkco] .control-kpi > i {
    align-items: center;
    background: #e5f5ee;
    border-radius: .5rem;
    color: var(--control-green-dark);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
    z-index: 1;
}

[b-1tiv9xbkco] .control-kpi.warning > i {
    background: #ffffff;
    color: var(--control-amber);
}

[b-1tiv9xbkco] .control-main-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
    margin-bottom: 1rem;
}

[b-1tiv9xbkco] .control-week-card,
[b-1tiv9xbkco] .control-actions-card,
[b-1tiv9xbkco] .control-sales-card {
    background: var(--control-surface);
    border: 1px solid var(--control-border);
    border-radius: .5rem;
}

[b-1tiv9xbkco] .control-week-card,
[b-1tiv9xbkco] .control-actions-card {
    min-height: 17rem;
    padding: 1.15rem;
}

[b-1tiv9xbkco] .control-card-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

[b-1tiv9xbkco] .control-card-header strong,
[b-1tiv9xbkco] .control-quick-card h2 {
    color: var(--control-ink);
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}

[b-1tiv9xbkco] .control-card-header small,
[b-1tiv9xbkco] .control-quick-header span {
    color: var(--control-muted);
    display: block;
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-1tiv9xbkco] .control-card-header span {
    background: var(--control-subtle);
    border-radius: 999px;
    color: var(--control-ink);
    font-size: .72rem;
    font-weight: 800;
    padding: .4rem .7rem;
}

[b-1tiv9xbkco] .control-card-header button {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--control-green-dark);
    font-weight: 900;
    min-height: 2.25rem;
    padding: 0 .7rem;
}

[b-1tiv9xbkco] .control-card-header button:hover,
[b-1tiv9xbkco] .control-card-header button:focus-visible {
    background: var(--control-subtle);
    outline: 0;
}

[b-1tiv9xbkco] .control-chart {
    align-items: end;
    background: var(--control-soft);
    border: 1px solid var(--control-border);
    border-radius: .5rem;
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    height: 13.25rem;
    margin-top: 1rem;
    padding: 1.25rem 1rem 0;
}

[b-1tiv9xbkco] .control-chart-bar {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    height: 100%;
    justify-content: end;
}

[b-1tiv9xbkco] .control-chart-bar span {
    background: #8aa19a;
    border-radius: .55rem .55rem .2rem .2rem;
    display: block;
    min-height: .35rem;
    width: 100%;
}

[b-1tiv9xbkco] .control-chart-bar:nth-child(5) span {
    background: var(--control-green);
}

[b-1tiv9xbkco] .control-chart-bar small {
    color: var(--control-muted);
    font-size: .7rem;
    font-weight: 800;
}

[b-1tiv9xbkco] .control-action-list {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

[b-1tiv9xbkco] .control-comparison-strip {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-1tiv9xbkco] .control-comparison-strip > div {
    background: var(--control-soft);
    border: 1px solid var(--control-border);
    border-radius: .5rem;
    padding: .85rem;
}

[b-1tiv9xbkco] .control-comparison-strip span,
[b-1tiv9xbkco] .control-comparison-strip strong,
[b-1tiv9xbkco] .control-comparison-strip small {
    display: block;
}

[b-1tiv9xbkco] .control-comparison-strip span {
    color: var(--control-muted);
    font-family: var(--font-label);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-1tiv9xbkco] .control-comparison-strip strong {
    color: var(--control-ink);
    font-size: 1.1rem;
    font-weight: 900;
    margin-top: .35rem;
}

[b-1tiv9xbkco] .control-comparison-strip small {
    font-size: .72rem;
    font-weight: 800;
    margin-top: .25rem;
}

[b-1tiv9xbkco] .control-action-item {
    align-items: center;
    background: var(--control-surface);
    border: 1px solid var(--control-border);
    border-radius: .5rem;
    color: var(--control-ink);
    display: grid;
    gap: .75rem;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    min-height: 4.65rem;
    padding: .8rem;
    text-align: left;
}

[b-1tiv9xbkco] .control-action-item:hover,
[b-1tiv9xbkco] .control-action-item:focus-visible {
    border-color: #a6d8c1;
    box-shadow: 0 .45rem 1.25rem rgba(16, 24, 40, .08);
    outline: 0;
    transform: translateY(-1px);
}

[b-1tiv9xbkco] .control-action-item > span {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

[b-1tiv9xbkco] .control-action-item strong,
[b-1tiv9xbkco] .control-action-item small {
    display: block;
}

[b-1tiv9xbkco] .control-action-item strong {
    color: var(--control-ink);
    font-size: .9rem;
    font-weight: 900;
}

[b-1tiv9xbkco] .control-action-item small {
    color: var(--control-muted);
    font-size: .75rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-1tiv9xbkco] .control-action-item em {
    color: var(--control-green-dark);
    font-size: .75rem;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

[b-1tiv9xbkco] .control-action-item.success > span {
    background: #e5f5ee;
    color: var(--control-green-dark);
}

[b-1tiv9xbkco] .control-action-item.warning > span {
    background: var(--control-amber-bg);
    color: var(--control-amber);
}

[b-1tiv9xbkco] .control-action-item.danger > span {
    background: var(--control-danger-bg);
    color: var(--control-danger);
}

[b-1tiv9xbkco] .control-action-item.info > span {
    background: var(--control-blue-bg);
    color: var(--control-blue);
}

[b-1tiv9xbkco] .control-action-empty {
    align-items: center;
    background: var(--control-soft);
    border: 1px dashed var(--control-border);
    border-radius: .5rem;
    color: var(--control-muted);
    display: flex;
    flex-direction: column;
    gap: .45rem;
    justify-content: center;
    min-height: 10rem;
    padding: 1rem;
    text-align: center;
}

[b-1tiv9xbkco] .control-action-empty i {
    color: var(--control-green-dark);
    font-size: 1.5rem;
}

[b-1tiv9xbkco] .control-quick-card {
    background: transparent;
    display: grid;
    gap: .75rem;
}

[b-1tiv9xbkco] .control-quick-header {
    padding: .15rem 0 .1rem;
}

[b-1tiv9xbkco] .control-quick-action {
    align-items: center;
    background: var(--control-surface);
    border: 1px solid var(--control-border);
    border-radius: .5rem;
    color: var(--control-ink);
    display: grid;
    gap: .15rem .75rem;
    grid-template-columns: 3rem minmax(0, 1fr);
    min-height: 4.65rem;
    padding: .8rem;
    text-align: left;
}

[b-1tiv9xbkco] .control-quick-action.primary {
    background: #e5f5ee;
    border-color: #a6d8c1;
    color: var(--control-green-dark);
}

[b-1tiv9xbkco] .control-quick-action:hover,
[b-1tiv9xbkco] .control-quick-action:focus-visible {
    border-color: #a6d8c1;
    box-shadow: 0 .45rem 1.25rem rgba(16, 24, 40, .08);
    outline: 0;
    transform: translateY(-1px);
}

[b-1tiv9xbkco] .control-quick-action > span {
    align-items: center;
    background: var(--control-subtle);
    border-radius: .5rem;
    color: var(--control-green-dark);
    display: flex;
    grid-row: span 2;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-1tiv9xbkco] .control-quick-action > span.danger {
    background: var(--control-amber-bg);
    color: var(--control-amber);
}

[b-1tiv9xbkco] .control-quick-action strong,
[b-1tiv9xbkco] .control-quick-action small {
    display: block;
}

[b-1tiv9xbkco] .control-quick-action strong {
    color: var(--control-ink);
    font-size: .9rem;
    font-weight: 900;
}

[b-1tiv9xbkco] .control-quick-action small {
    color: var(--control-muted);
    font-size: .75rem;
    font-weight: 700;
}

[b-1tiv9xbkco] .control-sales-card {
    overflow: hidden;
}

[b-1tiv9xbkco] .control-sales-card .control-card-header {
    background: var(--control-surface);
    border-bottom: 1px solid var(--control-border);
    padding: 1rem 1.15rem;
}

[b-1tiv9xbkco] .control-sales-table {
    border-collapse: collapse;
    min-width: 44rem;
    width: 100%;
}

[b-1tiv9xbkco] .control-sales-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-1tiv9xbkco] .control-sales-table th {
    background: var(--control-soft);
    border-bottom: 1px solid var(--control-border);
    color: var(--control-muted);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: 0;
    padding: .85rem 1.15rem;
    text-transform: uppercase;
}

[b-1tiv9xbkco] .control-sales-table td {
    border-bottom: 1px solid var(--control-border);
    color: #344054;
    padding: .9rem 1.15rem;
}

[b-1tiv9xbkco] .control-sales-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-1tiv9xbkco] .control-quick-action:focus-visible,
[b-1tiv9xbkco] .control-card-header button:focus-visible {
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .18);
    outline: 2px solid var(--control-green);
    outline-offset: 2px;
}

[b-1tiv9xbkco] .control-status {
    background: #e5f5ee;
    border-radius: 999px;
    color: var(--control-green-dark);
    font-size: .7rem;
    font-weight: 900;
    padding: .4rem .7rem;
}

[b-1tiv9xbkco] .control-empty {
    color: var(--control-muted);
    padding: 0 !important;
    text-align: center;
}

[b-1tiv9xbkco] .control-empty div {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 800;
    gap: .55rem;
    justify-content: center;
    min-height: 8rem;
}

[b-1tiv9xbkco] .control-empty i {
    color: var(--control-green);
    font-size: 1.35rem;
}

@media (max-width: 1199.98px) {
    [b-1tiv9xbkco] .control-readiness-checks {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    [b-1tiv9xbkco] .control-main-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    [b-1tiv9xbkco] .control-readiness-heading {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    [b-1tiv9xbkco] .control-readiness-progress {
        margin-left: 3.5rem;
    }

    [b-1tiv9xbkco] .control-readiness-checks {
        grid-template-columns: 1fr;
    }

    [b-1tiv9xbkco] .control-readiness-check {
        min-height: 0;
    }

    [b-1tiv9xbkco] .control-hero-title {
        align-items: flex-start;
    }

    [b-1tiv9xbkco] .control-kpis {
        grid-template-columns: 1fr;
    }

    [b-1tiv9xbkco] .control-main-grid {
        gap: .85rem;
    }

    [b-1tiv9xbkco] .control-chart {
        gap: .55rem;
        padding-inline: .5rem;
    }

    [b-1tiv9xbkco] .control-quick-card {
        gap: .65rem;
    }

    [b-1tiv9xbkco] .control-quick-action {
        min-height: 4rem;
    }

    [b-1tiv9xbkco] .control-action-item {
        align-items: flex-start;
        grid-template-columns: 2.75rem minmax(0, 1fr);
    }

    [b-1tiv9xbkco] .control-comparison-strip {
        grid-template-columns: 1fr;
    }

    [b-1tiv9xbkco] .control-action-item em {
        grid-column: 2;
        white-space: normal;
    }

    [b-1tiv9xbkco] .control-sales-card .table-responsive {
        overflow-x: visible;
    }

    [b-1tiv9xbkco] .control-sales-table {
        min-width: 0;
    }

    [b-1tiv9xbkco] .control-sales-table thead {
        display: none;
    }

    [b-1tiv9xbkco] .control-sales-table,
    [b-1tiv9xbkco] .control-sales-table tbody,
    [b-1tiv9xbkco] .control-sales-table tr,
    [b-1tiv9xbkco] .control-sales-table td {
        display: block;
        width: 100%;
    }

    [b-1tiv9xbkco] .control-sales-table tbody tr {
        border-bottom: 1px solid var(--control-border);
        padding: .85rem 1rem;
    }

    [b-1tiv9xbkco] .control-sales-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-1tiv9xbkco] .control-sales-table td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-1tiv9xbkco] .control-sales-table td::before {
        color: var(--control-muted);
        content: attr(data-label);
        flex: 0 0 5.75rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-1tiv9xbkco] .control-row-menu,
    [b-1tiv9xbkco] .control-row-menu::before,
    [b-1tiv9xbkco] .control-empty::before {
        display: none !important;
    }

    [b-1tiv9xbkco] .control-empty {
        display: block !important;
    }
}

/* /Components/Pages/Errors/Error.razor.rz.scp.css */
/* Error page */
.error-page[b-1i10b8l3dn] {
    --error-ink: var(--md-on-surface);
    --error-muted: var(--md-on-surface-variant);
    --error-surface: var(--md-surface-container-lowest);
    --error-soft: var(--md-surface-container-low);
    --error-border: var(--md-outline-variant);
    --error-danger: var(--md-error);
    --error-danger-soft: var(--md-error-container);
    align-items: center;
    background: var(--md-background);
    color: var(--error-ink);
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 9rem);
    padding: 2rem 1rem;
}

.error-card[b-1i10b8l3dn] {
    background: var(--error-surface);
    border: 1px solid var(--error-border);
    border-radius: 1rem;
    display: grid;
    gap: 1rem;
    max-width: 42rem;
    padding: clamp(1.25rem, 4vw, 1.75rem);
    width: 100%;
}

.error-icon[b-1i10b8l3dn] {
    align-items: center;
    background: var(--error-danger-soft);
    border-radius: 1rem;
    color: var(--error-danger);
    display: inline-flex;
    font-size: 1.2rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.error-eyebrow[b-1i10b8l3dn] {
    color: var(--error-muted);
    display: block;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.error-content h1[b-1i10b8l3dn] {
    color: var(--error-ink);
    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0 0 .55rem;
}

.error-lead[b-1i10b8l3dn] {
    color: var(--error-ink);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 0 0 .35rem;
}

.error-copy[b-1i10b8l3dn] {
    color: var(--error-muted);
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.55;
    margin: 0;
}

.error-reference[b-1i10b8l3dn] {
    background: var(--error-soft);
    border: 1px solid var(--error-border);
    border-radius: .75rem;
    display: block;
    padding: .9rem 1rem;
}

.error-reference summary[b-1i10b8l3dn] {
    color: var(--error-muted);
    cursor: pointer;
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.error-reference code[b-1i10b8l3dn] {
    color: var(--error-ink);
    display: block;
    font-size: .85rem;
    font-weight: 900;
    margin-top: .5rem;
    overflow-wrap: anywhere;
}

.error-actions[b-1i10b8l3dn] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.error-action[b-1i10b8l3dn] {
    align-items: center;
    border-radius: .85rem;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    justify-content: center;
    min-height: 3rem;
    padding: 0 1rem;
    text-decoration: none;
}

.error-action-primary[b-1i10b8l3dn] {
    background: var(--md-primary-container);
    border: 1px solid var(--md-primary-container);
    color: var(--md-on-primary);
}

.error-action-secondary[b-1i10b8l3dn] {
    background: var(--md-surface-container-lowest);
    border: 1px solid var(--md-outline-variant);
    color: var(--md-primary);
    cursor: pointer;
}

@media (min-width: 768px) {
    .error-card[b-1i10b8l3dn] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1.5rem;
    }

    .error-reference[b-1i10b8l3dn],
    .error-actions[b-1i10b8l3dn] {
        grid-column: 2;
    }
}
/* /Components/Pages/Errors/NotFound.razor.rz.scp.css */
/* Not found page */
.not-found-page[b-3raxo1hr7j] {
    --not-found-ink: var(--md-on-surface);
    --not-found-muted: var(--md-on-surface-variant);
    --not-found-surface: var(--md-surface-container-lowest);
    --not-found-border: var(--md-outline-variant);
    --not-found-info: var(--md-primary);
    --not-found-info-soft: var(--md-primary-fixed);
    align-items: center;
    background: var(--md-background);
    color: var(--not-found-ink);
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 9rem);
    padding: 2rem 1rem;
}

.not-found-card[b-3raxo1hr7j] {
    background: var(--not-found-surface);
    border: 1px solid var(--not-found-border);
    border-radius: 1rem;
    display: grid;
    gap: 1rem;
    max-width: 42rem;
    padding: clamp(1.25rem, 4vw, 1.75rem);
    width: 100%;
}

.not-found-icon[b-3raxo1hr7j] {
    align-items: center;
    background: var(--not-found-info-soft);
    border-radius: 1rem;
    color: var(--not-found-info);
    display: inline-flex;
    font-size: 1.15rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.not-found-eyebrow[b-3raxo1hr7j] {
    color: var(--not-found-muted);
    display: block;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.not-found-content h1[b-3raxo1hr7j] {
    color: var(--not-found-ink);
    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0 0 .65rem;
}

.not-found-lead[b-3raxo1hr7j] {
    color: var(--not-found-ink);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 0 0 .35rem;
}

.not-found-copy[b-3raxo1hr7j] {
    color: var(--not-found-muted);
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.55;
    margin: 0;
}

.not-found-actions[b-3raxo1hr7j] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.not-found-action[b-3raxo1hr7j] {
    align-items: center;
    border-radius: .85rem;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    justify-content: center;
    min-height: 3rem;
    padding: 0 1rem;
    text-decoration: none;
}

.not-found-action-primary[b-3raxo1hr7j] {
    background: var(--md-primary-container);
    border: 1px solid var(--md-primary-container);
    color: var(--md-on-primary);
}

.not-found-action-secondary[b-3raxo1hr7j] {
    background: var(--md-surface-container-lowest);
    border: 1px solid var(--md-outline-variant);
    color: var(--md-primary);
    cursor: pointer;
}

.not-found-pos-link[b-3raxo1hr7j] {
    align-items: center;
    color: var(--md-primary);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 900;
    min-height: 3rem;
    text-decoration: none;
}

@media (min-width: 768px) {
    .not-found-card[b-3raxo1hr7j] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1.5rem;
    }

    .not-found-actions[b-3raxo1hr7j] {
        grid-column: 2;
    }
}
/* /Components/Pages/Fiscal/FiscalDocuments.razor.rz.scp.css */
.fiscal-page[b-u2cu1lc2z8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.fiscal-actions[b-u2cu1lc2z8] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.fiscal-action-cell[b-u2cu1lc2z8] {
    text-align: center !important;
    vertical-align: middle;
}

.fiscal-options-dialog[b-u2cu1lc2z8] {
    max-width: min(44rem, 100%);
}

.fiscal-options-modal[b-u2cu1lc2z8],
.fiscal-options-footer[b-u2cu1lc2z8] {
    background: #fcfdfd;
}

.fiscal-options-list[b-u2cu1lc2z8] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-u2cu1lc2z8] .fiscal-options-item {
    display: flex;
    justify-content: flex-start;
    min-height: 3rem;
    text-align: left;
    width: 100%;
}

[b-u2cu1lc2z8] .fiscal-options-item-sensitive {
    border-color: #ead8a5;
    color: #7c5f00;
}

[b-u2cu1lc2z8] .fiscal-options-item-danger {
    border-color: #f2c4c9;
}

.fiscal-kpis[b-u2cu1lc2z8] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.fiscal-filter-grid[b-u2cu1lc2z8] {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(15rem, 1fr) minmax(11rem, .35fr) minmax(9rem, .25fr) minmax(9rem, .25fr);
}

.fiscal-search[b-u2cu1lc2z8] {
    position: relative;
}

.fiscal-search i[b-u2cu1lc2z8] {
    color: var(--color-muted);
    left: .85rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.fiscal-search input[b-u2cu1lc2z8] {
    padding-left: 2.4rem;
}

.fiscal-table-wrap[b-u2cu1lc2z8] {
    overflow: auto;
}

.fiscal-table[b-u2cu1lc2z8] {
    font-size: .9rem;
    min-width: 74rem;
    table-layout: fixed;
}

.fiscal-table th:nth-child(1)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(1)[b-u2cu1lc2z8] { width: 14%; }

.fiscal-table th:nth-child(2)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(2)[b-u2cu1lc2z8] { width: 10%; }

.fiscal-table th:nth-child(3)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(3)[b-u2cu1lc2z8] { width: 13%; }

.fiscal-table th:nth-child(4)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(4)[b-u2cu1lc2z8] { width: 11%; }

.fiscal-table th:nth-child(5)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(5)[b-u2cu1lc2z8] { width: 12%; }

.fiscal-table th:nth-child(6)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(6)[b-u2cu1lc2z8] { width: 10%; }

.fiscal-table th:nth-child(7)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(7)[b-u2cu1lc2z8] { width: 6%; }

.fiscal-table th:nth-child(8)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(8)[b-u2cu1lc2z8] { width: 15%; }

.fiscal-table th:nth-child(9)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(9)[b-u2cu1lc2z8] { width: 9%; }

.fiscal-table caption[b-u2cu1lc2z8] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.fiscal-table th[b-u2cu1lc2z8] {
    color: var(--color-muted);
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.fiscal-table td[b-u2cu1lc2z8] {
    vertical-align: middle;
}

.fiscal-table th:nth-child(7)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(7)[b-u2cu1lc2z8],
.fiscal-table th:nth-child(9)[b-u2cu1lc2z8],
.fiscal-table td:nth-child(9)[b-u2cu1lc2z8] {
    text-align: center !important;
}

.fiscal-table td small[b-u2cu1lc2z8],
.fiscal-table-actions span[b-u2cu1lc2z8] {
    color: var(--color-muted);
    display: block;
    font-size: .85rem;
}

.fiscal-error-cell[b-u2cu1lc2z8] {
    color: var(--color-muted);
    font-size: .84rem;
    max-width: 16rem;
}

.fiscal-modal-intro[b-u2cu1lc2z8] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    display: grid;
    gap: .2rem;
    margin-bottom: 1rem;
    padding: .85rem;
}

.fiscal-modal-intro strong[b-u2cu1lc2z8] {
    color: var(--color-text);
}

.fiscal-modal-intro span[b-u2cu1lc2z8] {
    color: var(--color-muted);
    font-size: .9rem;
}

.fiscal-attempt-list[b-u2cu1lc2z8] {
    display: grid;
    gap: .75rem;
}

.fiscal-attempt[b-u2cu1lc2z8] {
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    display: grid;
    gap: .35rem .75rem;
    grid-template-columns: 1fr auto;
    padding: .85rem;
}

.fiscal-attempt strong[b-u2cu1lc2z8] {
    color: var(--color-text);
}

.fiscal-attempt span[b-u2cu1lc2z8],
.fiscal-attempt small[b-u2cu1lc2z8] {
    color: var(--color-muted);
    font-size: .86rem;
}

.fiscal-attempt small[b-u2cu1lc2z8] {
    grid-column: 1 / -1;
}

.fiscal-form-grid[b-u2cu1lc2z8] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.fiscal-section-title[b-u2cu1lc2z8] {
    display: grid;
    gap: .15rem;
    margin-bottom: .65rem;
}

.fiscal-section-title span[b-u2cu1lc2z8],
.fiscal-line-option span[b-u2cu1lc2z8] {
    color: var(--color-muted);
    font-size: .86rem;
}

.fiscal-line-picker[b-u2cu1lc2z8] {
    border: 1px solid var(--color-border);
    border-radius: .85rem;
    margin-bottom: 1rem;
    padding: .85rem;
}

.fiscal-line-option[b-u2cu1lc2z8] {
    align-items: center;
    border-top: 1px solid var(--color-border);
    display: grid;
    gap: .75rem;
    grid-template-columns: 1fr minmax(7rem, .25fr);
    padding: .75rem 0;
}

.fiscal-line-option:first-of-type[b-u2cu1lc2z8] {
    border-top: 0;
}

.fiscal-line-option strong[b-u2cu1lc2z8] {
    color: var(--color-text);
    display: block;
}

.fiscal-line-option input[b-u2cu1lc2z8] {
    text-align: right;
}

.fiscal-file-list[b-u2cu1lc2z8] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.fiscal-file-row[b-u2cu1lc2z8] {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem;
}

.fiscal-file-row strong[b-u2cu1lc2z8],
.fiscal-file-row span[b-u2cu1lc2z8] {
    display: block;
}

.fiscal-file-row span[b-u2cu1lc2z8] {
    color: var(--color-muted);
    font-size: .86rem;
}

@media (max-width: 1100px) {
    .fiscal-kpis[b-u2cu1lc2z8] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .fiscal-filter-grid[b-u2cu1lc2z8] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .fiscal-actions[b-u2cu1lc2z8],
    .fiscal-actions .icon-action-button[b-u2cu1lc2z8] {
        width: 100%;
    }

    .fiscal-actions[b-u2cu1lc2z8] {
        justify-content: flex-start;
    }

    .fiscal-kpis[b-u2cu1lc2z8],
    .fiscal-filter-grid[b-u2cu1lc2z8] {
        grid-template-columns: 1fr;
    }

    .fiscal-table thead[b-u2cu1lc2z8] {
        display: none;
    }

    .fiscal-table[b-u2cu1lc2z8] {
        min-width: 0;
        table-layout: auto;
    }

    .fiscal-table tr[b-u2cu1lc2z8] {
        border-bottom: 1px solid var(--color-border);
        display: grid;
        gap: .45rem;
        padding: .85rem 1rem;
    }

    .fiscal-table td[b-u2cu1lc2z8] {
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    .fiscal-table td[b-u2cu1lc2z8]::before {
        color: var(--color-muted);
        content: attr(data-label);
        font-weight: 800;
        text-align: left;
    }

    .fiscal-action-cell[b-u2cu1lc2z8] {
        justify-content: flex-end;
    }

    .fiscal-error-cell[b-u2cu1lc2z8] {
        max-width: none;
    }

    .fiscal-form-grid[b-u2cu1lc2z8],
    .fiscal-line-option[b-u2cu1lc2z8] {
        grid-template-columns: 1fr;
    }

    .fiscal-options-list[b-u2cu1lc2z8] {
        grid-template-columns: 1fr;
    }

    .fiscal-file-row[b-u2cu1lc2z8] {
        align-items: stretch;
        flex-direction: column;
    }
}
[b-u2cu1lc2z8] .fiscal-line-summary {
    background: #f1f8f5;
    border: 1px solid #c7e2d7;
    border-radius: .75rem;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1rem 0;
    padding: .75rem;
}

[b-u2cu1lc2z8] .fiscal-line-summary div { display: grid; gap: .15rem; }
[b-u2cu1lc2z8] .fiscal-line-summary span { color: #356454; font-size: .75rem; font-weight: 800; }
[b-u2cu1lc2z8] .fiscal-line-summary strong { color: #0f5132; font-size: .95rem; }
[b-u2cu1lc2z8] .fiscal-lines-table-wrap { border: 1px solid var(--color-border); border-radius: .75rem; margin-bottom: 1rem; overflow: hidden; }
[b-u2cu1lc2z8] .fiscal-lines-table caption { height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px; }
[b-u2cu1lc2z8] .fiscal-lines-table th { color: var(--color-muted); font-size: .72rem; text-transform: uppercase; }
[b-u2cu1lc2z8] .fiscal-lines-table td small { color: var(--color-muted); display: block; font-size: .75rem; }

@media (max-width: 575.98px) {
    [b-u2cu1lc2z8] .fiscal-line-summary { grid-template-columns: 1fr; }
}
/* /Components/Pages/Operations/Credits.razor.rz.scp.css */
.credits-page[b-rwtjo5163v] {
    display: grid;
    gap: 1rem;
}

.credits-toolbar[b-rwtjo5163v],
.credits-action-row[b-rwtjo5163v],
.credits-table-footer[b-rwtjo5163v],
.credits-side-header[b-rwtjo5163v],
.credits-application-row[b-rwtjo5163v],
.credits-ledger-row[b-rwtjo5163v],
.credits-overdue-item[b-rwtjo5163v] {
    display: flex;
    align-items: center;
}

.credits-toolbar[b-rwtjo5163v] {
    justify-content: space-between;
    gap: 1rem;
}

.credits-toolbar h1[b-rwtjo5163v] {
    margin: 0;
    color: #111827;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0;
}

.credits-toolbar span[b-rwtjo5163v],
.credits-side-empty[b-rwtjo5163v],
.credits-overdue-item span[b-rwtjo5163v],
.credits-ledger-row span[b-rwtjo5163v],
.credits-receipt span[b-rwtjo5163v],
.credits-statement-header span[b-rwtjo5163v],
.credits-statement-hero span[b-rwtjo5163v],
.credits-statement-hero small[b-rwtjo5163v],
.credits-statement-metrics span[b-rwtjo5163v],
.credits-timeline-item span[b-rwtjo5163v],
.credits-timeline-item small[b-rwtjo5163v],
.credits-payment-card span[b-rwtjo5163v],
.credits-payment-card small[b-rwtjo5163v],
.credits-payment-application span[b-rwtjo5163v],
.credits-application-row span[b-rwtjo5163v],
.credits-table td small[b-rwtjo5163v] {
    color: #64748b;
    font-size: .82rem;
}

.credits-action-row[b-rwtjo5163v] {
    justify-content: flex-end;
    gap: .5rem;
}

.credits-panel[b-rwtjo5163v],
.credits-side-panel[b-rwtjo5163v] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.credits-layout[b-rwtjo5163v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1rem;
    align-items: start;
}

.credits-panel-header[b-rwtjo5163v],
.credits-table-footer[b-rwtjo5163v],
.credits-side-panel[b-rwtjo5163v] {
    padding: .9rem 1rem;
}

.credits-panel-header[b-rwtjo5163v] {
    border-bottom: 1px solid #e5e7eb;
}

.credits-filter-row[b-rwtjo5163v] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto auto;
    gap: .75rem;
    align-items: center;
}

.credits-check[b-rwtjo5163v] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #334155;
    font-weight: 700;
    white-space: nowrap;
}

.credits-table caption[b-rwtjo5163v] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.credits-table th[b-rwtjo5163v] {
    color: #64748b;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.credits-table td[b-rwtjo5163v] {
    vertical-align: middle;
}

.credits-table td:first-child[b-rwtjo5163v] {
    display: grid;
    gap: .1rem;
}

.credits-actions[b-rwtjo5163v] {
    white-space: nowrap;
}

.credits-table-footer[b-rwtjo5163v] {
    justify-content: space-between;
    border-top: 1px solid #e5e7eb;
    color: #64748b;
    font-size: .9rem;
}

.credits-side-panel[b-rwtjo5163v] {
    display: grid;
    gap: .75rem;
}

.credits-side-header[b-rwtjo5163v],
.credits-overdue-item[b-rwtjo5163v],
.credits-ledger-row[b-rwtjo5163v],
.credits-application-row[b-rwtjo5163v] {
    justify-content: space-between;
    gap: .75rem;
}

.credits-overdue-item[b-rwtjo5163v],
.credits-ledger-row[b-rwtjo5163v],
.credits-application-row[b-rwtjo5163v] {
    padding: .75rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.credits-overdue-item > div[b-rwtjo5163v],
.credits-ledger-row > div[b-rwtjo5163v],
.credits-application-row > div[b-rwtjo5163v] {
    display: grid;
    gap: .15rem;
}

.credits-secondary-action[b-rwtjo5163v] {
    border-radius: 8px;
    font-weight: 800;
}

.credits-secondary-action[b-rwtjo5163v] {
    border: 1px solid #d1d5db;
    background: #fff;
    color: #111827;
}

.credits-modal-summary[b-rwtjo5163v],
.credits-receipt[b-rwtjo5163v],
.credits-statement-header[b-rwtjo5163v],
.credits-statement-hero[b-rwtjo5163v],
.credits-statement-section[b-rwtjo5163v] {
    display: grid;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
}

.credits-modal-summary[b-rwtjo5163v] {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
}

.credits-form-grid[b-rwtjo5163v],
.credits-statement-grid[b-rwtjo5163v],
.credits-receipt[b-rwtjo5163v],
.credits-statement-header[b-rwtjo5163v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.credits-statement-hero[b-rwtjo5163v] {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}

.credits-statement-hero strong[b-rwtjo5163v],
.credits-statement-hero span[b-rwtjo5163v],
.credits-statement-hero small[b-rwtjo5163v],
.credits-statement-metrics span[b-rwtjo5163v],
.credits-statement-metrics strong[b-rwtjo5163v],
.credits-ledger-amounts span[b-rwtjo5163v],
.credits-payment-card-header span[b-rwtjo5163v],
.credits-payment-card-header small[b-rwtjo5163v] {
    display: block;
}

.credits-statement-hero strong[b-rwtjo5163v] {
    color: #111827;
    font-size: 1.25rem;
}

.credits-statement-hero-actions[b-rwtjo5163v] {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.credits-statement-hero-actions .form-control[b-rwtjo5163v] {
    min-width: 150px;
}

.credits-statement-metrics[b-rwtjo5163v] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.credits-statement-metrics > div[b-rwtjo5163v] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .8rem;
}

.credits-statement-metrics strong[b-rwtjo5163v] {
    color: #111827;
    font-size: 1rem;
}

.credits-danger-text[b-rwtjo5163v] {
    color: #b42318 !important;
}

.credits-statement-workspace[b-rwtjo5163v] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.credits-statement-timeline[b-rwtjo5163v] {
    grid-row: span 2;
}

.credits-statement-section[b-rwtjo5163v] {
    align-content: start;
    background: #fff;
    margin-bottom: 0;
}

.credits-timeline-item[b-rwtjo5163v] {
    align-items: center;
    border-left: 3px solid #dbeafe;
    display: grid;
    gap: .75rem;
    grid-template-columns: 2.3rem minmax(0, 1fr) auto;
    padding: .7rem 0 .7rem .65rem;
}

.credits-timeline-item.payment[b-rwtjo5163v] {
    border-left-color: #bbf7d0;
}

.credits-timeline-item.cancelled[b-rwtjo5163v] {
    border-left-color: #fecdd3;
}

.credits-timeline-dot[b-rwtjo5163v] {
    align-items: center;
    background: #eff6ff;
    border-radius: 999px;
    color: #1d4ed8;
    display: inline-flex !important;
    height: 2.1rem;
    justify-content: center;
    width: 2.1rem;
}

.credits-timeline-item.payment .credits-timeline-dot[b-rwtjo5163v] {
    background: #ecfdf3;
    color: #067647;
}

.credits-timeline-item.cancelled .credits-timeline-dot[b-rwtjo5163v] {
    background: #fff1f3;
    color: #b42318;
}

.credits-ledger-row-rich[b-rwtjo5163v] {
    align-items: flex-start;
}

.credits-ledger-amounts[b-rwtjo5163v] {
    display: grid;
    gap: .15rem;
}

.credits-payment-card[b-rwtjo5163v] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: grid;
    gap: .75rem;
    padding: .75rem;
}

.credits-payment-card + .credits-payment-card[b-rwtjo5163v] {
    margin-top: .65rem;
}

.credits-payment-card.is-cancelled[b-rwtjo5163v] {
    background: #fff7f8;
    border-color: #fecdd3;
}

.credits-payment-card-header[b-rwtjo5163v],
.credits-payment-application[b-rwtjo5163v] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.credits-payment-applications[b-rwtjo5163v] {
    border-top: 1px solid #e5e7eb;
    display: grid;
    gap: .55rem;
    padding-top: .7rem;
}

.credits-payment-application[b-rwtjo5163v] {
    background: #fff;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    padding: .6rem;
}

.credits-cancelled-note[b-rwtjo5163v] {
    background: #fff1f3;
    border: 1px solid #fecdd3;
    border-radius: 8px;
    color: #912018;
    display: grid;
    gap: .2rem;
    padding: .65rem;
}

.credits-form-grid[b-rwtjo5163v],
.credits-statement-grid[b-rwtjo5163v] {
    display: grid;
    gap: .9rem;
}

.credits-application-list[b-rwtjo5163v] {
    display: grid;
    gap: .5rem;
    margin-top: 1rem;
}

.credits-application-row .form-control[b-rwtjo5163v] {
    width: 140px;
}

.credits-section-title[b-rwtjo5163v] {
    color: #334155;
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.credits-link-button[b-rwtjo5163v] {
    border: 0;
    padding: 0;
    background: transparent;
    color: #2563eb;
    font-weight: 800;
    text-align: left;
}

.credits-link-button:hover[b-rwtjo5163v] {
    text-decoration: underline;
}

@media (max-width: 980px) {
    .credits-layout[b-rwtjo5163v],
    .credits-statement-metrics[b-rwtjo5163v],
    .credits-statement-workspace[b-rwtjo5163v] {
        grid-template-columns: 1fr 1fr;
    }

    .credits-side-panel[b-rwtjo5163v] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .credits-toolbar[b-rwtjo5163v],
    .credits-action-row[b-rwtjo5163v],
    .credits-table-footer[b-rwtjo5163v],
    .credits-statement-hero[b-rwtjo5163v],
    .credits-statement-hero-actions[b-rwtjo5163v],
    .credits-payment-card-header[b-rwtjo5163v],
    .credits-payment-application[b-rwtjo5163v] {
        align-items: flex-start;
        flex-direction: column;
    }

    .credits-layout[b-rwtjo5163v],
    .credits-filter-row[b-rwtjo5163v],
    .credits-form-grid[b-rwtjo5163v],
    .credits-statement-grid[b-rwtjo5163v],
    .credits-statement-workspace[b-rwtjo5163v],
    .credits-statement-metrics[b-rwtjo5163v],
    .credits-receipt[b-rwtjo5163v],
    .credits-statement-header[b-rwtjo5163v],
    .credits-statement-hero[b-rwtjo5163v],
    .credits-modal-summary[b-rwtjo5163v],
    .credits-timeline-item[b-rwtjo5163v] {
        grid-template-columns: 1fr;
    }

    .credits-statement-hero-actions[b-rwtjo5163v],
    .credits-statement-hero-actions .form-control[b-rwtjo5163v] {
        width: 100%;
    }

    .credits-timeline-item[b-rwtjo5163v] {
        border-left-width: 0;
        border-top: 3px solid #dbeafe;
        padding: .75rem 0 0;
    }

    .credits-application-row[b-rwtjo5163v] {
        align-items: stretch;
        flex-direction: column;
    }

    .credits-application-row .form-control[b-rwtjo5163v] {
        width: 100%;
    }
}
/* /Components/Pages/Operations/Expenses.razor.rz.scp.css */
.expenses-page[b-fv5xqk474n] {
    --expenses-ink: #172033;
    --expenses-muted: #667085;
    --expenses-surface: #ffffff;
    --expenses-subtle: #f3f7fb;
    --expenses-subtle-strong: #e8f4ee;
    --expenses-border: #d8dee8;
    --expenses-outline: #c4ccd8;
    --expenses-green: #0f7b56;
    --expenses-green-dark: #07593d;
    --expenses-warning: #7a4f00;
    --expenses-warning-bg: #fff8e6;
    --expenses-danger: #b42318;
    color: var(--expenses-ink);
    padding-bottom: 2rem;
    padding-top: 1rem;
}

[b-fv5xqk474n] .expenses-action-row {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

[b-fv5xqk474n] .expenses-session-status {
    min-height: 2.5rem;
}

[b-fv5xqk474n] .expenses-alert {
    align-items: center;
    border-radius: .9rem;
    display: flex;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

[b-fv5xqk474n] .expenses-alert.success {
    background: var(--expenses-subtle-strong);
    border: 1px solid rgba(15, 123, 86, .2);
    color: var(--expenses-green-dark);
}

[b-fv5xqk474n] .expenses-workspace {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
}

[b-fv5xqk474n] .expenses-form-column,
[b-fv5xqk474n] .expenses-history-column {
    min-width: 0;
}

[b-fv5xqk474n] .expenses-panel {
    background: var(--expenses-surface);
    border: 1px solid var(--expenses-border) !important;
    border-radius: 1rem;
    box-shadow: 0 1rem 2.4rem rgba(23, 32, 51, .06);
    overflow: hidden;
}

[b-fv5xqk474n] .expenses-register-panel {
    position: sticky;
    top: 1rem;
}

[b-fv5xqk474n] .expenses-panel-header {
    align-items: center;
    background: var(--expenses-surface);
    border-bottom: 1px solid var(--expenses-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.5rem;
    padding: 1rem 1.1rem;
}

[b-fv5xqk474n] .expenses-panel-header strong {
    color: var(--expenses-ink);
    display: block;
    font-size: 1rem;
    font-weight: 800;
}

[b-fv5xqk474n] .expenses-panel-header span {
    color: var(--expenses-muted);
    display: block;
    font-size: .84rem;
    margin-top: .15rem;
}

[b-fv5xqk474n] .expenses-form-grid {
    display: grid;
    gap: .85rem;
}

[b-fv5xqk474n] .expenses-form-grid .form-control,
[b-fv5xqk474n] .expenses-form-grid .form-select,
[b-fv5xqk474n] .expenses-filters .form-control {
    border-color: var(--expenses-outline);
    border-radius: .8rem;
    color: var(--expenses-ink);
    min-height: 2.75rem;
}

[b-fv5xqk474n] .expenses-form-grid .form-control:focus,
[b-fv5xqk474n] .expenses-form-grid .form-select:focus,
[b-fv5xqk474n] .expenses-filters .form-control:focus {
    border-color: var(--expenses-green);
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .15);
}

[b-fv5xqk474n] .expenses-inline-create .input-group {
    align-items: stretch;
}

[b-fv5xqk474n] .expenses-inline-create .input-group .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

[b-fv5xqk474n] .expenses-inline-create .input-group .btn,
[b-fv5xqk474n] .expenses-inline-create .input-group .icon-action-button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    min-width: 3rem;
    padding-left: .8rem;
    padding-right: .8rem;
}

[b-fv5xqk474n] .expenses-amount-input {
    font-size: 1.2rem;
    font-weight: 800;
}

[b-fv5xqk474n] .expenses-cash-option {
    align-items: flex-start;
    background: var(--expenses-subtle);
    border: 1px solid var(--expenses-border);
    border-radius: .95rem;
    display: flex;
    gap: .75rem;
    margin: 1rem 0;
    padding: .85rem;
}

[b-fv5xqk474n] .expenses-cash-option .form-check-input {
    border-color: var(--expenses-outline);
    flex: 0 0 auto;
    margin: .2rem 0 0;
}

[b-fv5xqk474n] .expenses-cash-option .form-check-input:checked {
    background-color: var(--expenses-green);
    border-color: var(--expenses-green);
}

[b-fv5xqk474n] .expenses-cash-option label {
    color: var(--expenses-ink);
    font-weight: 800;
    line-height: 1.25;
}

[b-fv5xqk474n] .expenses-cash-option small {
    color: var(--expenses-muted);
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin-top: .2rem;
}

[b-fv5xqk474n] .expenses-primary-action,
[b-fv5xqk474n] .expenses-secondary-action {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1rem;
}

[b-fv5xqk474n] .expenses-primary-action {
    background: var(--expenses-green) !important;
    border-color: var(--expenses-green) !important;
    color: #ffffff !important;
    width: 100%;
}

[b-fv5xqk474n] .expenses-primary-action:hover:not(:disabled) {
    background: var(--expenses-green-dark) !important;
    border-color: var(--expenses-green-dark) !important;
}

[b-fv5xqk474n] .expenses-secondary-action {
    background: var(--expenses-surface) !important;
    border-color: var(--expenses-border) !important;
    color: var(--expenses-ink) !important;
}

[b-fv5xqk474n] .expenses-history-header {
    align-items: flex-start;
}

[b-fv5xqk474n] .expenses-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
}

[b-fv5xqk474n] .expenses-filters .form-control {
    min-width: 9.2rem;
}

[b-fv5xqk474n] .expenses-loading {
    align-items: center;
    color: var(--expenses-muted);
    display: flex;
    gap: .75rem;
    justify-content: center;
    min-height: 12rem;
}

[b-fv5xqk474n] .expenses-table {
    color: var(--expenses-ink);
}

[b-fv5xqk474n] .expenses-table caption {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-fv5xqk474n] .expenses-table thead th {
    background: var(--expenses-subtle);
    border-bottom: 1px solid var(--expenses-border);
    color: var(--expenses-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    padding: .8rem 1rem;
    text-transform: uppercase;
}

[b-fv5xqk474n] .expenses-table tbody td,
[b-fv5xqk474n] .expenses-table tfoot th {
    border-color: var(--expenses-border);
    padding: .9rem 1rem;
    vertical-align: middle;
}

[b-fv5xqk474n] .expenses-table tbody tr:hover td {
    background: rgba(15, 123, 86, .04);
}

[b-fv5xqk474n] .expenses-category-chip {
    max-width: 11rem;
    overflow-wrap: anywhere;
}

[b-fv5xqk474n] .expenses-concept {
    color: var(--expenses-ink);
    font-weight: 750;
}

[b-fv5xqk474n] .expenses-concept + small {
    color: var(--expenses-muted);
    display: block;
    margin-top: .2rem;
}

[b-fv5xqk474n] .expenses-amount {
    color: var(--expenses-danger);
    font-weight: 850;
}

[b-fv5xqk474n] .expenses-table tfoot th {
    background: var(--expenses-subtle);
    color: var(--expenses-ink);
    font-weight: 850;
}

[b-fv5xqk474n] .expenses-empty {
    align-items: center;
    color: var(--expenses-muted);
    display: flex;
    flex-direction: column;
    gap: .6rem;
    justify-content: center;
    text-align: center;
}

[b-fv5xqk474n] .expenses-empty i {
    color: var(--expenses-green);
    font-size: 1.35rem;
}

@media (max-width: 1199.98px) {
    [b-fv5xqk474n] .expenses-workspace {
        grid-template-columns: 1fr;
    }

    [b-fv5xqk474n] .expenses-register-panel {
        position: static;
    }

    [b-fv5xqk474n] .expenses-history-header {
        flex-direction: column;
    }

    [b-fv5xqk474n] .expenses-filters {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    [b-fv5xqk474n] .expenses-action-row,
    [b-fv5xqk474n] .expenses-session-status,
    [b-fv5xqk474n] .expenses-filters,
    [b-fv5xqk474n] .expenses-filters .form-control,
    [b-fv5xqk474n] .expenses-filters .btn {
        width: 100%;
    }

    [b-fv5xqk474n] .expenses-session-status,
    [b-fv5xqk474n] .expenses-filters .btn {
        justify-content: center;
    }

    [b-fv5xqk474n] .expenses-table {
        min-width: 0;
    }

    [b-fv5xqk474n] .expenses-table thead,
    [b-fv5xqk474n] .expenses-table tfoot {
        display: none;
    }

    [b-fv5xqk474n] .expenses-table,
    [b-fv5xqk474n] .expenses-table tbody,
    [b-fv5xqk474n] .expenses-table tr,
    [b-fv5xqk474n] .expenses-table td {
        display: block;
        width: 100%;
    }

    [b-fv5xqk474n] .expenses-table tbody tr {
        border-bottom: 1px solid var(--expenses-border);
        padding: .75rem 1rem;
    }

    [b-fv5xqk474n] .expenses-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-fv5xqk474n] .expenses-table tbody td {
        align-items: flex-start;
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .4rem 0;
        text-align: right !important;
    }

    [b-fv5xqk474n] .expenses-table tbody td::before {
        color: var(--expenses-muted);
        content: attr(data-label);
        flex: 0 0 7.5rem;
        font-size: .75rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-align: left;
        text-transform: uppercase;
    }

    [b-fv5xqk474n] .expenses-table td[data-label="Concepto"] {
        display: block;
        text-align: left !important;
    }

    [b-fv5xqk474n] .expenses-table td[data-label="Concepto"]::before {
        display: block;
        margin-bottom: .45rem;
    }

    [b-fv5xqk474n] .expenses-empty {
        align-items: flex-start;
        text-align: left;
    }
}

.expenses-table-footer[b-fv5xqk474n] {
    align-items: center;
    background: #f8fafc;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem 1rem;
}

.expenses-table-footer-content[b-fv5xqk474n] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
}

.expenses-range-total[b-fv5xqk474n] {
    align-items: baseline;
    display: flex;
    gap: .65rem;
}

.expenses-range-total span[b-fv5xqk474n],
.expenses-pager-summary > span[b-fv5xqk474n] {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 800;
}

.expenses-range-total strong[b-fv5xqk474n] {
    color: var(--expenses-ink);
    font-size: 1.12rem;
    font-weight: 850;
}

.expenses-pager-summary[b-fv5xqk474n] {
    align-items: center;
    display: flex;
    gap: 1rem;
}

@media (max-width: 767.98px) {
    .expenses-table-footer[b-fv5xqk474n],
    .expenses-table-footer-content[b-fv5xqk474n],
    .expenses-pager-summary[b-fv5xqk474n] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Operations/Production.razor.rz.scp.css */
.production-page[b-cs4pxc0fwy] {
    --production-border: #d8dee8;
    --production-ink: #172033;
    --production-muted: #667085;
    --production-soft: #f3f7fb;
    --production-soft-strong: #e8f4ee;
    --production-surface: #ffffff;
    --production-outline: #c4ccd8;
    --production-green: #0f7b56;
    --production-green-dark: #07593d;
    --production-danger: #b42318;
    --production-danger-dark: #8f1d13;
    color: var(--production-ink);
    padding-bottom: 2rem;
    padding-top: 1rem;
}

[b-cs4pxc0fwy] .production-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-cs4pxc0fwy] .production-actions {
    display: flex;
    justify-content: flex-end;
}

[b-cs4pxc0fwy] .production-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 16rem;
}

[b-cs4pxc0fwy] .production-title-icon {
    align-items: center;
    background: var(--production-soft-strong);
    border-radius: 1rem;
    color: var(--production-green-dark);
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-cs4pxc0fwy] .production-header h2 {
    color: var(--production-ink);
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

[b-cs4pxc0fwy] .production-title-block span {
    color: var(--production-muted);
    display: block;
    font-size: .92rem;
    margin-top: .2rem;
}

[b-cs4pxc0fwy] .production-role-chip {
    min-height: 2.5rem;
}

[b-cs4pxc0fwy] .production-alert {
    align-items: center;
    border-radius: .9rem;
    display: flex;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

[b-cs4pxc0fwy] .production-alert.success {
    background: var(--production-soft-strong);
    border: 1px solid rgba(15, 123, 86, .2);
    color: var(--production-green-dark);
}

[b-cs4pxc0fwy] .production-panel {
    background: var(--production-surface);
    border: 1px solid var(--production-border) !important;
    border-radius: 1rem;
    box-shadow: 0 1rem 2.4rem rgba(23, 32, 51, .06) !important;
    overflow: hidden;
}

[b-cs4pxc0fwy] .production-panel .card-header {
    border-bottom-color: var(--production-border);
    color: var(--production-ink);
    padding: 1rem;
}

[b-cs4pxc0fwy] .production-panel-header {
    align-items: center;
    background: var(--production-surface);
    border-bottom: 1px solid var(--production-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.5rem;
    padding: 1rem 1.1rem;
}

[b-cs4pxc0fwy] .production-panel-header strong {
    color: var(--production-ink);
    display: block;
    font-size: 1rem;
    font-weight: 800;
}

[b-cs4pxc0fwy] .production-panel-header span {
    color: var(--production-muted);
    display: block;
    font-size: .84rem;
    margin-top: .15rem;
}

[b-cs4pxc0fwy] .production-kpis {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

[b-cs4pxc0fwy] .production-kpi {
    background: var(--production-surface);
    border: 1px solid var(--production-border);
    border-radius: 1rem;
    min-height: 7.25rem;
    padding: 1rem;
}

[b-cs4pxc0fwy] .production-kpi span {
    color: var(--production-muted);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.2;
    text-transform: uppercase;
}

[b-cs4pxc0fwy] .production-kpi strong {
    color: var(--production-ink);
    display: block;
    font-size: 1.35rem;
    font-weight: 850;
    line-height: 1.2;
    margin-top: .35rem;
}

[b-cs4pxc0fwy] .production-workspace {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(22rem, 31rem) minmax(0, 1fr);
}

[b-cs4pxc0fwy] .production-workspace-preview {
    grid-template-columns: minmax(24rem, 34rem) minmax(22rem, 1fr);
}

[b-cs4pxc0fwy] .production-tabs {
    align-items: center;
    background: #e7edf4;
    border: 1px solid var(--production-border);
    border-radius: 1rem;
    display: flex;
    gap: .25rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    padding: .3rem;
}

[b-cs4pxc0fwy] .production-tab {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .75rem;
    color: var(--production-muted);
    display: inline-flex;
    font-family: var(--font-label);
    font-weight: 900;
    gap: .5rem;
    min-height: 2.75rem;
    padding: 0 1rem;
    white-space: nowrap;
}

[b-cs4pxc0fwy] .production-tab.active {
    background: var(--production-surface);
    box-shadow: 0 .25rem .75rem rgba(16, 24, 40, .08);
    color: var(--production-ink);
}

[b-cs4pxc0fwy] .production-form-column,
[b-cs4pxc0fwy] .production-history-column,
[b-cs4pxc0fwy] .production-preview-column {
    min-width: 0;
}

[b-cs4pxc0fwy] .production-preview-panel {
    position: sticky;
    top: 1rem;
}

[b-cs4pxc0fwy] .production-lines {
    display: grid;
    gap: .75rem;
    margin-bottom: .75rem;
}

[b-cs4pxc0fwy] .production-line {
    background: var(--production-surface);
    border: 1px solid var(--production-border);
    border-radius: 1rem;
    padding: .9rem;
}

[b-cs4pxc0fwy] .production-line-header {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

[b-cs4pxc0fwy] .production-line-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .45rem;
    justify-content: flex-end;
    padding-top: 1.75rem;
}

[b-cs4pxc0fwy] .production-line-grid {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.production-page .form-label[b-cs4pxc0fwy] {
    color: var(--production-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.production-page .form-control[b-cs4pxc0fwy],
.production-page .form-select[b-cs4pxc0fwy] {
    border-color: var(--production-outline);
    border-radius: .8rem;
    color: var(--production-ink);
    min-height: 2.75rem;
}

.production-page .form-control:focus[b-cs4pxc0fwy],
.production-page .form-select:focus[b-cs4pxc0fwy] {
    border-color: var(--production-green);
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .15);
}

[b-cs4pxc0fwy] .production-line-summary {
    background: var(--production-soft);
    border-radius: .85rem;
    color: var(--production-muted);
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: .75rem;
    padding: .65rem .75rem;
}

[b-cs4pxc0fwy] .production-line-summary strong {
    color: var(--production-ink);
}

[b-cs4pxc0fwy] .production-secondary-action,
[b-cs4pxc0fwy] .production-primary-action,
[b-cs4pxc0fwy] .production-danger-action,
[b-cs4pxc0fwy] .production-danger-outline-action {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1rem;
}

[b-cs4pxc0fwy] .production-secondary-action.compact,
[b-cs4pxc0fwy] .production-danger-outline-action.compact {
    font-size: .82rem;
    min-height: 2.25rem;
    padding: .45rem .7rem;
}

[b-cs4pxc0fwy] .production-secondary-action {
    background: var(--production-surface) !important;
    border-color: var(--production-border) !important;
    color: var(--production-ink) !important;
}

[b-cs4pxc0fwy] .production-primary-action {
    background: var(--production-green) !important;
    border-color: var(--production-green) !important;
    color: #ffffff !important;
}

[b-cs4pxc0fwy] .production-primary-action:hover:not(:disabled) {
    background: var(--production-green-dark) !important;
    border-color: var(--production-green-dark) !important;
}

[b-cs4pxc0fwy] .production-danger-action {
    background: var(--production-danger) !important;
    border-color: var(--production-danger) !important;
    color: #ffffff !important;
}

[b-cs4pxc0fwy] .production-danger-action:hover:not(:disabled) {
    background: var(--production-danger-dark) !important;
    border-color: var(--production-danger-dark) !important;
}

[b-cs4pxc0fwy] .production-danger-outline-action {
    background: var(--production-surface) !important;
    border-color: rgba(180, 35, 24, .35) !important;
    color: var(--production-danger) !important;
}

[b-cs4pxc0fwy] .production-input-section {
    border-top: 1px solid var(--production-border);
    margin-top: .5rem;
    padding-top: 1rem;
}

[b-cs4pxc0fwy] .production-section-heading {
    align-items: center;
    border-bottom: 1px solid var(--production-border);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .75rem;
    padding-bottom: .75rem;
}

[b-cs4pxc0fwy] .production-section-heading strong {
    color: var(--production-ink);
    display: block;
    font-weight: 800;
}

[b-cs4pxc0fwy] .production-section-heading span {
    color: var(--production-muted);
    display: block;
    font-size: .82rem;
}

[b-cs4pxc0fwy] .production-section-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

[b-cs4pxc0fwy] .production-input-shell {
    background: transparent;
}

[b-cs4pxc0fwy] .production-total {
    background: var(--production-soft-strong);
    border: 1px solid rgba(15, 123, 86, .2);
    border-radius: 1rem;
    display: grid;
    gap: .55rem;
    padding: .85rem 1rem;
}

[b-cs4pxc0fwy] .production-total-preview {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
}

[b-cs4pxc0fwy] .production-shortage-warning {
    align-items: center;
    background: #fff1f0;
    border-bottom: 1px solid rgba(180, 35, 24, .25);
    color: var(--production-danger);
    display: flex;
    font-weight: 900;
    gap: .6rem;
    padding: .85rem 1rem;
}

[b-cs4pxc0fwy] .production-preview-section {
    border-bottom: 1px solid var(--production-border);
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

[b-cs4pxc0fwy] .production-preview-section > strong {
    color: var(--production-ink);
    font-weight: 900;
}

[b-cs4pxc0fwy] .production-muted-text {
    color: var(--production-muted);
    font-weight: 700;
}

[b-cs4pxc0fwy] .production-preview-row,
[b-cs4pxc0fwy] .production-requirement-row {
    background: var(--production-surface);
    border: 1px solid var(--production-border);
    border-radius: .85rem;
    padding: .75rem;
}

[b-cs4pxc0fwy] .production-preview-row {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

[b-cs4pxc0fwy] .production-preview-row strong,
[b-cs4pxc0fwy] .production-preview-row span,
[b-cs4pxc0fwy] .production-requirement-row strong,
[b-cs4pxc0fwy] .production-requirement-row span {
    display: block;
}

[b-cs4pxc0fwy] .production-preview-row span,
[b-cs4pxc0fwy] .production-requirement-row span {
    color: var(--production-muted);
    font-size: .78rem;
    font-weight: 700;
    margin-top: .1rem;
}

[b-cs4pxc0fwy] .production-preview-row p {
    color: var(--production-green-dark);
    font-weight: 900;
    margin: 0;
    white-space: nowrap;
}

[b-cs4pxc0fwy] .production-requirement-list {
    display: grid;
    gap: .6rem;
}

[b-cs4pxc0fwy] .production-requirement-row.short {
    background: #fff8e6;
    border-color: #f3d58a;
}

[b-cs4pxc0fwy] .production-requirement-row dl {
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: .65rem 0 0;
}

[b-cs4pxc0fwy] .production-requirement-row dl div {
    background: var(--production-soft);
    border-radius: .6rem;
    padding: .55rem;
}

[b-cs4pxc0fwy] .production-requirement-row dt {
    color: var(--production-muted);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

[b-cs4pxc0fwy] .production-requirement-row dd {
    color: var(--production-ink);
    font-weight: 900;
    margin: .15rem 0 0;
}

[b-cs4pxc0fwy] .production-recipes-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
}

[b-cs4pxc0fwy] .production-recipe-picker {
    align-self: start;
}

[b-cs4pxc0fwy] .production-recipe-products {
    display: grid;
    gap: .4rem;
    max-height: calc(100vh - 18rem);
    overflow-y: auto;
    padding: .75rem;
}

[b-cs4pxc0fwy] .production-recipe-product {
    align-items: center;
    background: var(--production-surface);
    border: 1px solid transparent;
    border-radius: .85rem;
    color: var(--production-ink);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem;
    text-align: left;
    width: 100%;
}

[b-cs4pxc0fwy] .production-recipe-product:hover,
[b-cs4pxc0fwy] .production-recipe-product.active {
    background: rgba(15, 123, 86, .06);
    border-color: rgba(15, 123, 86, .25);
}

[b-cs4pxc0fwy] .production-recipe-product strong,
[b-cs4pxc0fwy] .production-recipe-product small {
    display: block;
}

[b-cs4pxc0fwy] .production-recipe-product small {
    color: var(--production-muted);
    font-weight: 700;
    margin-top: .12rem;
}

[b-cs4pxc0fwy] .production-recipe-actions {
    align-items: center;
    border-top: 1px solid var(--production-border);
    display: flex;
    gap: .65rem;
    justify-content: flex-end;
    padding: 1rem;
}

[b-cs4pxc0fwy] .production-empty-large {
    min-height: 18rem;
    padding: 2rem;
}

[b-cs4pxc0fwy] .production-total div {
    display: flex;
    justify-content: space-between;
}

[b-cs4pxc0fwy] .production-total span {
    color: var(--production-muted);
}

[b-cs4pxc0fwy] .production-total strong {
    color: var(--production-ink);
}

[b-cs4pxc0fwy] .production-submit {
    min-height: 3.25rem;
}

[b-cs4pxc0fwy] .production-history-header {
    align-items: flex-start;
}

[b-cs4pxc0fwy] .production-history-filters {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
}

[b-cs4pxc0fwy] .production-history-filters .form-control {
    min-width: 9.2rem;
}

[b-cs4pxc0fwy] .production-input-table,
[b-cs4pxc0fwy] .production-history-table {
    color: var(--production-ink);
}

[b-cs4pxc0fwy] .production-input-table caption,
[b-cs4pxc0fwy] .production-history-table caption {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-cs4pxc0fwy] .production-input-table thead th,
[b-cs4pxc0fwy] .production-history-table thead th {
    background: var(--production-soft);
    border-bottom: 1px solid var(--production-border);
    color: var(--production-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    padding: .8rem 1rem;
    text-transform: uppercase;
}

[b-cs4pxc0fwy] .production-input-table tbody td,
[b-cs4pxc0fwy] .production-history-table tbody td {
    border-color: var(--production-border);
    padding: .9rem 1rem;
    vertical-align: middle;
}

[b-cs4pxc0fwy] .production-history-table tbody tr:hover td {
    background: rgba(15, 123, 86, .04);
}

[b-cs4pxc0fwy] .production-entry-number,
[b-cs4pxc0fwy] .production-cost {
    color: var(--production-ink);
    font-weight: 850;
}

[b-cs4pxc0fwy] .production-entry-detail {
    color: var(--production-muted);
    font-size: .8rem;
    margin-top: .2rem;
}

[b-cs4pxc0fwy] .production-row-actions {
    white-space: normal;
}

[b-cs4pxc0fwy] .production-empty {
    align-items: center;
    color: var(--production-muted);
    display: flex;
    flex-direction: column;
    gap: .6rem;
    justify-content: center;
    text-align: center;
}

[b-cs4pxc0fwy] .production-empty.inline {
    align-items: flex-start;
    border-style: dashed;
    flex-direction: row;
    justify-content: flex-start;
    min-height: auto;
    text-align: left;
}

[b-cs4pxc0fwy] .production-empty i {
    color: var(--production-green);
    font-size: 1.35rem;
}

[b-cs4pxc0fwy] .production-modal-backdrop {
    background: rgba(15, 23, 42, .52);
}

[b-cs4pxc0fwy] .production-modal {
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .22);
    overflow: hidden;
}

[b-cs4pxc0fwy] .production-modal .modal-header,
[b-cs4pxc0fwy] .production-modal .modal-footer {
    border-color: var(--production-border);
    padding: 1rem 1.1rem;
}

[b-cs4pxc0fwy] .production-modal .modal-title {
    color: var(--production-ink);
    font-weight: 850;
}

[b-cs4pxc0fwy] .production-modal .modal-body {
    color: var(--production-muted);
    padding: 1rem 1.1rem;
}

@media (max-width: 1199.98px) {
    [b-cs4pxc0fwy] .production-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-cs4pxc0fwy] .production-workspace {
        grid-template-columns: 1fr;
    }

    [b-cs4pxc0fwy] .production-workspace-preview,
    [b-cs4pxc0fwy] .production-recipes-grid {
        grid-template-columns: 1fr;
    }

    [b-cs4pxc0fwy] .production-preview-panel {
        position: static;
    }

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

    [b-cs4pxc0fwy] .production-history-header {
        flex-direction: column;
    }

    [b-cs4pxc0fwy] .production-history-filters {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    [b-cs4pxc0fwy] .production-title-block,
    [b-cs4pxc0fwy] .production-role-chip,
    [b-cs4pxc0fwy] .production-tabs,
    [b-cs4pxc0fwy] .production-history-filters,
    [b-cs4pxc0fwy] .production-history-filters .form-control,
    [b-cs4pxc0fwy] .production-history-filters .btn,
    [b-cs4pxc0fwy] .production-history-filters .icon-action-button,
    [b-cs4pxc0fwy] .production-section-actions,
    [b-cs4pxc0fwy] .production-section-actions .icon-action-button,
    [b-cs4pxc0fwy] .production-section-heading .btn {
        width: 100%;
    }

    [b-cs4pxc0fwy] .production-tabs {
        align-items: stretch;
    }

    [b-cs4pxc0fwy] .production-tab {
        flex: 1 0 auto;
        justify-content: center;
        padding: 0 .75rem;
    }

    [b-cs4pxc0fwy] .production-role-chip,
    [b-cs4pxc0fwy] .production-history-filters .btn,
    [b-cs4pxc0fwy] .production-history-filters .icon-action-button,
    [b-cs4pxc0fwy] .production-section-actions .icon-action-button,
    [b-cs4pxc0fwy] .production-section-heading .btn {
        justify-content: center;
    }

    [b-cs4pxc0fwy] .production-kpis,
    [b-cs4pxc0fwy] .production-line-grid {
        grid-template-columns: 1fr;
    }

    [b-cs4pxc0fwy] .production-kpi {
        min-height: auto;
    }

    [b-cs4pxc0fwy] .production-line-header,
    [b-cs4pxc0fwy] .production-section-heading {
        flex-direction: column;
    }

    [b-cs4pxc0fwy] .production-line-actions {
        justify-content: flex-start;
        padding-top: 0;
        width: 100%;
    }

    [b-cs4pxc0fwy] .production-line-summary {
        grid-template-columns: 1fr;
    }

    [b-cs4pxc0fwy] .production-preview-row {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-cs4pxc0fwy] .production-requirement-row dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-cs4pxc0fwy] .production-recipe-actions {
        align-items: stretch;
        flex-direction: column;
    }

    [b-cs4pxc0fwy] .production-recipe-actions .btn,
    [b-cs4pxc0fwy] .production-recipe-actions button {
        width: 100%;
    }

    [b-cs4pxc0fwy] .production-input-table,
    [b-cs4pxc0fwy] .production-history-table {
        min-width: 0;
    }

    [b-cs4pxc0fwy] .production-input-table thead,
    [b-cs4pxc0fwy] .production-history-table thead {
        display: none;
    }

    [b-cs4pxc0fwy] .production-input-table,
    [b-cs4pxc0fwy] .production-input-table tbody,
    [b-cs4pxc0fwy] .production-input-table tr,
    [b-cs4pxc0fwy] .production-input-table td,
    [b-cs4pxc0fwy] .production-history-table,
    [b-cs4pxc0fwy] .production-history-table tbody,
    [b-cs4pxc0fwy] .production-history-table tr,
    [b-cs4pxc0fwy] .production-history-table td {
        display: block;
        width: 100%;
    }

    [b-cs4pxc0fwy] .production-input-table tbody tr,
    [b-cs4pxc0fwy] .production-history-table tbody tr {
        border-bottom: 1px solid var(--production-border);
        padding: .75rem 1rem;
    }

    [b-cs4pxc0fwy] .production-input-table tbody tr:last-child,
    [b-cs4pxc0fwy] .production-history-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-cs4pxc0fwy] .production-input-table tbody td,
    [b-cs4pxc0fwy] .production-history-table tbody td {
        align-items: flex-start;
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .4rem 0;
        text-align: right !important;
    }

    [b-cs4pxc0fwy] .production-input-table tbody td::before,
    [b-cs4pxc0fwy] .production-history-table tbody td::before {
        color: var(--production-muted);
        content: attr(data-label);
        flex: 0 0 7.5rem;
        font-size: .75rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-align: left;
        text-transform: uppercase;
    }

    [b-cs4pxc0fwy] .production-history-table td[data-label="N\00FAmero"],
    [b-cs4pxc0fwy] .production-history-table td[data-label="Costo"] {
        display: block;
        text-align: left !important;
    }

    [b-cs4pxc0fwy] .production-history-table td[data-label="N\00FAmero"]::before,
    [b-cs4pxc0fwy] .production-history-table td[data-label="Costo"]::before {
        display: block;
        margin-bottom: .45rem;
    }

    [b-cs4pxc0fwy] .production-row-actions,
    [b-cs4pxc0fwy] .production-row-actions::before {
        display: block !important;
        content: none !important;
        text-align: left !important;
    }

    [b-cs4pxc0fwy] .production-row-actions .btn,
    [b-cs4pxc0fwy] .production-row-actions .icon-action-button {
        width: 100%;
    }

    [b-cs4pxc0fwy] .production-empty {
        align-items: flex-start;
        text-align: left;
    }
}
/* /Components/Pages/Operations/Purchases.razor.rz.scp.css */
.purchases-page[b-jd0euz7rfd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.purchases-actions[b-jd0euz7rfd],
.purchases-panel-header[b-jd0euz7rfd],
.purchases-table-header[b-jd0euz7rfd],
.purchases-trace-heading[b-jd0euz7rfd] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.purchases-actions[b-jd0euz7rfd] {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.purchases-kpis[b-jd0euz7rfd],
.purchases-summary-cards[b-jd0euz7rfd] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.purchases-panel[b-jd0euz7rfd] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    box-shadow: none;
}

.purchases-panel-header[b-jd0euz7rfd] {
    border-bottom: 1px solid var(--color-border);
    padding: 1rem 1rem .75rem;
}

.purchases-panel-header strong[b-jd0euz7rfd] {
    color: var(--color-text);
    font-size: 1rem;
}

.purchases-panel-header span[b-jd0euz7rfd],
.purchases-table td small[b-jd0euz7rfd],
.purchases-activity-item small[b-jd0euz7rfd],
.purchases-ledger-item span[b-jd0euz7rfd],
.purchases-ledger-item small[b-jd0euz7rfd],
.purchases-supplier-card span[b-jd0euz7rfd] {
    color: var(--color-muted);
    display: block;
    font-size: .85rem;
}

.purchases-form[b-jd0euz7rfd],
.purchases-trace-list[b-jd0euz7rfd],
.purchases-serial-grid[b-jd0euz7rfd],
.purchases-confirm-copy[b-jd0euz7rfd] {
    display: grid;
    gap: .8rem;
}

.purchases-modal-dialog[b-jd0euz7rfd] {
    max-width: min(58rem, 100%);
}

.purchases-modal-content[b-jd0euz7rfd],
.purchases-modal-footer[b-jd0euz7rfd] {
    background: #fcfdfd;
}

.purchases-modal-body[b-jd0euz7rfd] {
    padding: 1.25rem;
}

.purchases-modal-intro[b-jd0euz7rfd] {
    margin-bottom: 1.25rem;
}

.purchases-form-sections[b-jd0euz7rfd] {
    display: grid;
    gap: 1rem;
}

.purchases-form-section[b-jd0euz7rfd] {
    background: #ffffff;
    border: 1px solid #dce6e2;
    border-radius: .9rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.purchases-form-section-heading[b-jd0euz7rfd] {
    align-items: flex-start;
    display: flex;
    gap: .7rem;
}

.purchases-form-section-heading > div[b-jd0euz7rfd] {
    display: grid;
    gap: .15rem;
}

.purchases-form-section-heading h3[b-jd0euz7rfd] {
    color: #16352e;
    font-size: .93rem;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
}

.purchases-form-section-heading p[b-jd0euz7rfd] {
    color: #5c6b7c;
    font-size: .82rem;
    line-height: 1.4;
    margin: 0;
}

.purchases-form-section-icon[b-jd0euz7rfd] {
    align-items: center;
    background: #e8f4ee;
    border-radius: .6rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.purchases-form-grid[b-jd0euz7rfd] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchases-form-context-grid[b-jd0euz7rfd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchases-form-field-wide[b-jd0euz7rfd] {
    grid-column: 1 / -1;
}

.purchases-adjustments-section[b-jd0euz7rfd] {
    background: #f4faf7;
    border-color: #c8dfd3;
}

.purchases-number-row[b-jd0euz7rfd] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchases-tabs[b-jd0euz7rfd] {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding: .25rem 0;
}

.purchases-tab[b-jd0euz7rfd] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .5rem;
    color: var(--color-text);
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    min-height: 2.75rem;
    padding: .55rem .8rem;
    white-space: nowrap;
}

.purchases-tab span[b-jd0euz7rfd] {
    background: var(--md-surface-container);
    border-radius: 999px;
    color: var(--color-muted);
    font-size: .76rem;
    padding: .1rem .45rem;
}

.purchases-tab.active[b-jd0euz7rfd] {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--md-on-secondary);
}

.purchases-tab.active span[b-jd0euz7rfd] {
    background: rgba(255, 255, 255, .18);
    color: var(--md-on-secondary);
}

.purchases-summary-grid[b-jd0euz7rfd] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

.purchases-summary-cards[b-jd0euz7rfd] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem;
}

.purchases-summary-cards > div[b-jd0euz7rfd],
.purchases-activity-item[b-jd0euz7rfd],
.purchases-ledger-item[b-jd0euz7rfd],
.purchases-supplier-card[b-jd0euz7rfd] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
}

.purchases-summary-cards > div[b-jd0euz7rfd] {
    display: grid;
    gap: .25rem;
    padding: .9rem;
}

.purchases-summary-cards span[b-jd0euz7rfd] {
    color: var(--color-muted);
    font-size: .8rem;
}

.purchases-summary-cards strong[b-jd0euz7rfd],
.purchases-ledger-item strong[b-jd0euz7rfd],
.purchases-supplier-card > div:first-child strong[b-jd0euz7rfd],
.purchases-confirm-copy strong[b-jd0euz7rfd] {
    color: var(--color-text);
}

.purchases-activity-list[b-jd0euz7rfd],
.purchases-ledger-list[b-jd0euz7rfd] {
    display: grid;
    gap: .65rem;
    padding: 1rem;
}

.purchases-activity-item[b-jd0euz7rfd],
.purchases-ledger-item[b-jd0euz7rfd] {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    padding: .75rem;
}

.purchases-activity-item > span[b-jd0euz7rfd] {
    align-items: center;
    background: var(--md-secondary-fixed);
    border-radius: 999px;
    color: var(--md-on-secondary-fixed-variant);
    display: inline-flex;
    height: 2.1rem;
    justify-content: center;
    width: 2.1rem;
}

.purchases-activity-item.payment > span[b-jd0euz7rfd] {
    background: var(--md-primary-fixed);
    color: var(--md-on-primary-fixed-variant);
}

.purchases-activity-item.return > span[b-jd0euz7rfd],
.purchases-ledger-item.return[b-jd0euz7rfd] {
    background: var(--md-tertiary-fixed);
}

.purchases-ledger-item[b-jd0euz7rfd] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.purchases-new-purchase-copy[b-jd0euz7rfd] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.purchases-new-purchase-copy > div[b-jd0euz7rfd] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    padding: .9rem;
}

.purchases-new-purchase-copy strong[b-jd0euz7rfd] {
    align-items: center;
    background: var(--color-secondary);
    border-radius: 999px;
    color: var(--md-on-secondary);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.purchases-new-purchase-copy span[b-jd0euz7rfd] {
    color: var(--color-muted);
    font-weight: 800;
}

.purchases-table[b-jd0euz7rfd] {
    font-size: .92rem;
}

.purchases-table caption[b-jd0euz7rfd] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.purchases-table th[b-jd0euz7rfd] {
    color: var(--color-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.purchases-row-actions[b-jd0euz7rfd] {
    white-space: nowrap;
}

.purchases-supplier-grid[b-jd0euz7rfd] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.purchases-supplier-card[b-jd0euz7rfd] {
    display: grid;
    gap: .75rem;
    padding: .9rem;
}

.purchases-supplier-meta[b-jd0euz7rfd] {
    display: grid;
    gap: .2rem;
}

.purchases-supplier-products[b-jd0euz7rfd] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.purchases-supplier-products span[b-jd0euz7rfd] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    padding: .2rem .5rem;
}

.purchases-supplier-actions[b-jd0euz7rfd] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.purchases-supplier-actions .icon-action-button[b-jd0euz7rfd] {
    justify-content: center;
    width: 100%;
}

.purchases-trace-panel[b-jd0euz7rfd] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    display: grid;
    gap: .8rem;
    padding: .85rem;
}

[b-jd0euz7rfd] .purchases-modal-body .form-control,
[b-jd0euz7rfd] .purchases-modal-body .form-select {
    background-color: #ffffff;
}

[b-jd0euz7rfd] .purchases-modal-body .form-control:focus,
[b-jd0euz7rfd] .purchases-modal-body .form-select:focus {
    box-shadow: 0 0 0 .22rem rgba(15, 107, 93, .18);
}

.purchases-trace-heading span[b-jd0euz7rfd],
.purchases-confirm-copy span[b-jd0euz7rfd] {
    color: var(--color-muted);
    font-size: .9rem;
}

.purchases-lot-row[b-jd0euz7rfd] {
    align-items: end;
    display: grid;
    gap: .6rem;
    grid-template-columns: minmax(9rem, 1.2fr) minmax(8rem, .9fr) minmax(7rem, .75fr) minmax(7rem, .75fr) auto;
}

.purchases-inline-action[b-jd0euz7rfd] {
    justify-self: start;
}

@media (max-width: 992px) {
    .purchases-kpis[b-jd0euz7rfd],
    .purchases-summary-grid[b-jd0euz7rfd],
    .purchases-supplier-grid[b-jd0euz7rfd] {
        grid-template-columns: 1fr 1fr;
    }

    .purchases-new-purchase-copy[b-jd0euz7rfd] {
        grid-template-columns: 1fr;
    }

    .purchases-lot-row[b-jd0euz7rfd] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .purchases-actions[b-jd0euz7rfd],
    .purchases-panel-header[b-jd0euz7rfd],
    .purchases-table-header[b-jd0euz7rfd],
    .purchases-trace-heading[b-jd0euz7rfd] {
        align-items: stretch;
        flex-direction: column;
    }

    .purchases-actions[b-jd0euz7rfd],
    .purchases-actions .icon-action-button[b-jd0euz7rfd] {
        width: 100%;
    }

    .purchases-kpis[b-jd0euz7rfd],
    .purchases-number-row[b-jd0euz7rfd],
    .purchases-form-grid[b-jd0euz7rfd],
    .purchases-form-context-grid[b-jd0euz7rfd],
    .purchases-summary-grid[b-jd0euz7rfd],
    .purchases-summary-cards[b-jd0euz7rfd],
    .purchases-supplier-grid[b-jd0euz7rfd],
    .purchases-supplier-actions[b-jd0euz7rfd],
    .purchases-lot-row[b-jd0euz7rfd] {
        grid-template-columns: 1fr;
    }

    .purchases-table thead[b-jd0euz7rfd] {
        display: none;
    }

    .purchases-table tr[b-jd0euz7rfd] {
        border-bottom: 1px solid var(--color-border);
        display: grid;
        gap: .45rem;
        padding: .85rem 1rem;
    }

    .purchases-table td[b-jd0euz7rfd] {
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    .purchases-table td[b-jd0euz7rfd]::before {
        color: var(--color-muted);
        content: attr(data-label);
        font-weight: 800;
        text-align: left;
    }

    .purchases-activity-item[b-jd0euz7rfd] {
        grid-template-columns: 2.25rem minmax(0, 1fr);
    }

    .purchases-activity-item > .text-end[b-jd0euz7rfd] {
        grid-column: 2;
        text-align: left !important;
    }

    .purchases-ledger-item[b-jd0euz7rfd] {
        grid-template-columns: 1fr;
    }

    .purchases-inline-action[b-jd0euz7rfd] {
        width: 100%;
    }

    .purchases-form-field-wide[b-jd0euz7rfd] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .purchases-modal-body[b-jd0euz7rfd] {
        padding: 1rem;
    }

    .purchases-form-section[b-jd0euz7rfd] {
        gap: .85rem;
        padding: .85rem;
    }

    .purchases-modal-footer[b-jd0euz7rfd]  .btn {
        width: 100%;
    }
}
/* /Components/Pages/Optical/Catalog/Catalog.razor.rz.scp.css */
.optical-kpi-grid[b-xu36vg5hcu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.optical-catalog-sections[b-xu36vg5hcu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.optical-catalog-section[b-xu36vg5hcu] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 76px;
    padding: .875rem 1rem;
    color: var(--bs-body-color);
    text-align: left;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .875rem;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.optical-catalog-section:hover[b-xu36vg5hcu] { border-color: rgba(var(--bs-primary-rgb), .55); }
.optical-catalog-section:focus-visible[b-xu36vg5hcu] { outline: 3px solid rgba(var(--bs-primary-rgb), .25); outline-offset: 2px; }
.optical-catalog-section.active[b-xu36vg5hcu] { color: var(--bs-primary-text-emphasis); background: var(--bs-primary-bg-subtle); border-color: var(--bs-primary); box-shadow: 0 4px 14px rgba(var(--bs-primary-rgb), .1); }
.optical-catalog-section i[b-xu36vg5hcu] { width: 1.5rem; color: var(--bs-primary); font-size: 1.15rem; text-align: center; }
.optical-catalog-section span[b-xu36vg5hcu], .optical-catalog-section small[b-xu36vg5hcu] { display: block; }
.optical-catalog-section small[b-xu36vg5hcu] { margin-top: .125rem; color: var(--bs-secondary-color); font-size: .75rem; font-weight: 400; }

@media (max-width: 991.98px) {
    .optical-kpi-grid[b-xu36vg5hcu], .optical-catalog-sections[b-xu36vg5hcu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .optical-kpi-grid[b-xu36vg5hcu], .optical-catalog-sections[b-xu36vg5hcu] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Optical/Patients/Patients.razor.rz.scp.css */
.optical-page[b-nj9a35p8bh] { padding-bottom: 2rem; }
.optical-kpi-grid[b-nj9a35p8bh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.optical-filter-row[b-nj9a35p8bh] { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; gap: 1rem; align-items: end; }
.optical-table td small[b-nj9a35p8bh] { display: block; color: var(--bs-secondary-color); margin-top: .2rem; }
.optical-actions[b-nj9a35p8bh] { white-space: nowrap; }
.optical-form-grid[b-nj9a35p8bh] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.optical-form-grid > :nth-last-child(-n+2)[b-nj9a35p8bh] { grid-column: span 2; }
@media (max-width: 768px) { .optical-kpi-grid[b-nj9a35p8bh], .optical-filter-row[b-nj9a35p8bh], .optical-form-grid[b-nj9a35p8bh] { grid-template-columns: 1fr; } .optical-form-grid > :nth-last-child(-n+2)[b-nj9a35p8bh] { grid-column: auto; } }
/* /Components/Pages/Optical/Prescriptions/Prescriptions.razor.rz.scp.css */
.prescription-measure-help[b-1nzzdyl8jz] {
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: .25rem 1rem .875rem;
}

.prescription-measure-help summary[b-1nzzdyl8jz] {
    color: var(--bs-primary);
    cursor: pointer;
    font-weight: 600;
    min-height: 2.5rem;
    padding-top: .625rem;
}

.prescription-measure-help p[b-1nzzdyl8jz] {
    color: var(--bs-secondary-color);
    font-size: .875rem;
    margin: .25rem 0 .875rem;
}

.prescription-measure-help__grid[b-1nzzdyl8jz] {
    display: grid;
    gap: .75rem 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.prescription-measure-help__grid dt[b-1nzzdyl8jz] { font-size: .875rem; }
.prescription-measure-help__grid dd[b-1nzzdyl8jz] { color: var(--bs-secondary-color); font-size: .8125rem; margin: .125rem 0 0; }

@media (max-width: 576px) {
    .prescription-measure-help__grid[b-1nzzdyl8jz] { grid-template-columns: 1fr; }
}

.prism-correction[b-1nzzdyl8jz] {
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    background: var(--bs-tertiary-bg);
    padding: .25rem .75rem .75rem;
}

.prism-correction summary[b-1nzzdyl8jz] {
    align-items: center;
    color: var(--bs-body-color);
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    min-height: 2.5rem;
}

.prism-correction summary:focus-visible[b-1nzzdyl8jz] {
    outline: 3px solid rgba(var(--bs-primary-rgb), .3);
    outline-offset: 2px;
}

.prism-correction__optional[b-1nzzdyl8jz] {
    color: var(--bs-secondary-color);
    font-size: .75rem;
    font-weight: 500;
}
/* /Components/Pages/Optical/Professionals/Professionals.razor.rz.scp.css */
.optical-page[b-38zsmrbnub] { padding-bottom: 2rem; }
.optical-kpi-grid[b-38zsmrbnub] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.optical-filter-row[b-38zsmrbnub] { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(180px, .7fr) auto auto; gap: 1rem; align-items: end; }
.optical-table td small[b-38zsmrbnub] { display: block; color: var(--bs-secondary-color); margin-top: .2rem; }
.optical-actions[b-38zsmrbnub] { white-space: nowrap; }
.optical-form-grid[b-38zsmrbnub] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 768px) { .optical-kpi-grid[b-38zsmrbnub], .optical-filter-row[b-38zsmrbnub], .optical-form-grid[b-38zsmrbnub] { grid-template-columns: 1fr; } }
/* /Components/Pages/Optical/Reports/OpticalDashboard.razor.rz.scp.css */
.optical-dashboard-actions[b-j21nq5g7yw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.optical-dashboard-actions .btn[b-j21nq5g7yw] {
    align-items: center;
    border-radius: 999px;
    font-weight: 800;
    justify-content: center;
    min-height: 2.75rem;
    white-space: nowrap;
}

.optical-dashboard-actions .btn i[b-j21nq5g7yw] {
    font-size: .95rem;
    line-height: 1;
}

@media (max-width: 767.98px) {
    .optical-dashboard-actions[b-j21nq5g7yw] {
        justify-content: stretch;
    }

    .optical-dashboard-actions > *[b-j21nq5g7yw] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/Platform/Businesses.razor.rz.scp.css */
.platform-businesses-page[b-js3laeywn4] { max-width: 1240px; padding-top: 1.75rem; }
.platform-businesses-header[b-js3laeywn4] { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1.5rem; }
.platform-businesses-header h1[b-js3laeywn4] { margin: .25rem 0; font-size: clamp(1.6rem, 2vw, 2.2rem); }
.platform-businesses-header p[b-js3laeywn4] { margin: 0; color: var(--bs-secondary-color); }
.platform-businesses-eyebrow[b-js3laeywn4] { color: var(--bs-primary-text-emphasis); font-size: .8rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.platform-businesses-table td small[b-js3laeywn4] { display: block; color: var(--bs-secondary-color); margin-top: .2rem; }
.platform-provision-grid[b-js3laeywn4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.platform-provision-grid fieldset[b-js3laeywn4] { border: 1px solid var(--bs-border-color); border-radius: .75rem; padding: 1rem; }
.platform-provision-grid legend[b-js3laeywn4] { float: none; width: auto; padding: 0 .25rem; margin: 0; font-size: .95rem; font-weight: 700; }
.platform-provision-grid label[b-js3laeywn4] { display: block; margin: .65rem 0 .25rem; font-size: .875rem; font-weight: 600; }
.platform-provision-grid label span[b-js3laeywn4] { color: var(--bs-secondary-color); font-weight: 400; }
.platform-module-options[b-js3laeywn4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.platform-module-options label[b-js3laeywn4] { margin: 0; font-weight: 400; }
.platform-module-options input[b-js3laeywn4] { margin-right: .4rem; }
@media (max-width: 720px) { .platform-businesses-header[b-js3laeywn4] { align-items: stretch; flex-direction: column; } .platform-provision-grid[b-js3laeywn4] { grid-template-columns: 1fr; } }
/* /Components/Pages/Pos/Components/Cart/PosCartHeader.razor.rz.scp.css */
/* Styles owned by PosCartHeader. Shared POS tokens inherit from Pos.razor.css. */

.pos-meatball-button[b-uulfxf29u9] {
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-outline);
    border-radius: var(--pos-radius-lg);
    color: var(--pos-ink);
    display: inline-flex;
    font: inherit;
    height: 3.5rem;
    justify-content: center;
    transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
    width: 3.5rem;
}

.pos-cart-header-actions .pos-meatball-button[b-uulfxf29u9] {
    border-radius: 999px;
    height: 2.75rem;
    width: 2.75rem;
}

.pos-meatball-button:hover[b-uulfxf29u9],
.pos-meatball-button:focus-visible[b-uulfxf29u9] {
    background: #eef7f2;
    border-color: #a6d8c1;
    box-shadow: 0 0 0 .22rem var(--pos-focus);
    color: var(--pos-green-dark);
    outline: 0;
}

.pos-icon-button:focus-visible[b-uulfxf29u9] {
    outline: 3px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-cart-header[b-uulfxf29u9] {
    align-items: center;
    display: flex;
    background: var(--pos-surface);
    border-bottom: 1px solid var(--pos-border);
    justify-content: space-between;
    min-height: 4.25rem;
    padding: 1rem 1.1rem;
}

.pos-cart-header strong[b-uulfxf29u9] {
    display: block;
    color: var(--pos-ink);
    font-size: 1rem;
}

.pos-cart-header span[b-uulfxf29u9] {
    display: block;
    color: var(--pos-muted);
    font-size: .8rem;
}

.pos-cart-header-actions[b-uulfxf29u9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: .35rem;
}

.pos-icon-button[b-uulfxf29u9] {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--pos-ink);
    font: inherit;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.pos-icon-button:hover:not(:disabled)[b-uulfxf29u9] {
    background: var(--pos-subtle);
}

.pos-icon-button:disabled[b-uulfxf29u9] {
    color: #a7b0bd;
}
/* /Components/Pages/Pos/Components/Cart/PosCartLines.razor.rz.scp.css */
/* Styles owned by PosCartLines. Shared POS tokens inherit from Pos.razor.css. */

.cart-lines[b-jp820hp2e9] {
    flex: 1 1 auto;
    max-height: min(31vh, 16rem);
    min-height: 4.25rem;
    overflow-y: auto;
}

.cart-line[b-jp820hp2e9] {
    border-bottom: 1px solid var(--pos-border);
    padding: .55rem .85rem;
}

.empty-cart[b-jp820hp2e9] {
    padding: 2rem 1rem;
    text-align: center;
}

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

.pos-qty-stepper button:focus-visible[b-jp820hp2e9] {
    outline: 3px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-cart-lines[b-jp820hp2e9] {
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.pos-cart-line[b-jp820hp2e9] {
    align-items: center;
    border-bottom: 1px solid #edf0f5;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: .85rem 1.1rem;
}

.pos-cart-line.is-selected[b-jp820hp2e9] {
    background: #f0f8f4;
    box-shadow: inset .2rem 0 0 var(--pos-green);
}

.pos-cart-line-select[b-jp820hp2e9] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: grid;
    gap: .75rem;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    min-width: 0;
    padding: 0;
    text-align: left;
}

.pos-cart-line-select:focus-visible[b-jp820hp2e9] {
    border-radius: var(--pos-radius-sm);
    outline: 3px solid var(--pos-focus);
    outline-offset: 3px;
}

.pos-cart-line-main strong[b-jp820hp2e9] {
    color: var(--pos-ink);
    display: block;
    font-size: .9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-cart-line-main small[b-jp820hp2e9] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    color: var(--pos-muted);
}

.pos-original-price[b-jp820hp2e9] {
    color: #94a3b8;
    text-decoration: line-through;
}

.pos-line-savings[b-jp820hp2e9] {
    align-items: center;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    color: #047857;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    gap: .3rem;
    margin-top: .3rem;
    max-width: 100%;
    padding: .15rem .45rem;
}

.pos-qty-stepper[b-jp820hp2e9] {
    align-items: center;
    display: flex;
    gap: .35rem;
    grid-column: 1;
}

.pos-qty-stepper button[b-jp820hp2e9] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-outline);
    border-radius: 999px;
    color: var(--pos-ink);
    font: inherit;
    font-weight: 900;
    height: 2.75rem;
    line-height: 1;
    min-height: 2.75rem;
    min-width: 2.75rem;
    width: 2.75rem;
}

.pos-qty-stepper button:hover[b-jp820hp2e9] {
    background: var(--pos-subtle);
}

.pos-qty-stepper span[b-jp820hp2e9] {
    font-weight: 900;
    min-width: 2rem;
    text-align: center;
}

.pos-quantity-input[b-jp820hp2e9] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-outline);
    border-radius: var(--pos-radius-sm);
    color: var(--pos-ink);
    font-weight: 800;
    min-height: 2.25rem;
    padding: .25rem .4rem;
    text-align: center;
    width: 5.5rem;
}

.pos-quantity-input:focus-visible[b-jp820hp2e9] {
    outline: 3px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-remove-line-button[b-jp820hp2e9] {
    color: #9f1c1c !important;
}

.pos-remove-line-button:hover[b-jp820hp2e9],
.pos-remove-line-button:focus-visible[b-jp820hp2e9] {
    background: #fff1f0 !important;
    border-color: #eab1ac !important;
}

.pos-line-total[b-jp820hp2e9] {
    align-self: center;
    color: var(--pos-ink);
    font-size: .95rem;
    grid-column: 2;
    grid-row: 1 / span 2;
    white-space: nowrap;
}

.pos-empty-cart[b-jp820hp2e9] {
    color: var(--pos-muted);
}

@media (max-width: 991.98px) {
    .pos-cart-lines[b-jp820hp2e9] {
        flex-basis: min(16rem, 35dvh);
        height: min(16rem, 35dvh);
        max-height: min(16rem, 35dvh);
        min-height: min(16rem, 35dvh);
    }
}

@media (max-width: 575.98px) {
    .pos-cart-line[b-jp820hp2e9] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pos-line-total[b-jp820hp2e9] {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }
}
/* /Components/Pages/Pos/Components/Catalog/PosProductCatalog.razor.rz.scp.css */
/* Styles owned by PosProductCatalog. Shared POS tokens inherit from Pos.razor.css. */

.category-strip[b-3dr6cc3nux] {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.category-strip .category-pill[b-3dr6cc3nux] {
    background: var(--pos-soft);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--pos-muted);
    font-size: .88rem;
    font-weight: 700;
    padding: .42rem .72rem;
    white-space: nowrap;
}

.category-strip .category-pill.active[b-3dr6cc3nux],
.category-strip .category-pill:hover[b-3dr6cc3nux] {
    background: #ecfdf5;
    border-color: var(--md-secondary-fixed-dim);
    color: var(--pos-accent);
}

.product-grid[b-3dr6cc3nux] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
    overflow-y: auto;
    padding-right: .2rem;
}

.product-tile[b-3dr6cc3nux] {
    background: var(--color-surface);
    border: 1px solid var(--pos-border);
    border-radius: .85rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 5.9rem;
    padding: .7rem;
    text-align: left;
    transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease;
}

.product-tile:hover[b-3dr6cc3nux] {
    border-color: #99f6e4;
    box-shadow: none;
    transform: translateY(-1px);
}

.product-name[b-3dr6cc3nux] {
    color: var(--pos-ink);
    font-weight: 800;
    line-height: 1.15;
}

.product-code[b-3dr6cc3nux] {
    color: var(--pos-muted);
    font-size: .78rem;
    margin-top: .25rem;
}

.product-price[b-3dr6cc3nux] {
    color: var(--pos-success);
    font-weight: 800;
    margin-top: .45rem;
}

.pos-category-strip[b-3dr6cc3nux] {
    flex-wrap: nowrap;
    margin-bottom: .75rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .35rem;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.pos-category-strip .category-pill[b-3dr6cc3nux] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: 999px;
    color: var(--pos-ink);
    font-size: .875rem;
    flex: 0 0 auto;
    font-weight: 700;
    min-height: 2.75rem;
    padding: .45rem .95rem;
}

.pos-category-strip .category-pill.active[b-3dr6cc3nux],
.pos-category-strip .category-pill:hover[b-3dr6cc3nux] {
    background: #d9f1e6;
    border-color: #9fd6bf;
    color: #053d2a;
}

.pos-product-grid[b-3dr6cc3nux] {
    align-content: start;
    gap: .75rem;
    grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr));
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    padding: .1rem .35rem 1rem 0;
}

.pos-product-catalog-summary[b-3dr6cc3nux] {
    color: var(--pos-muted);
    font-size: .78rem;
    font-weight: 700;
    margin-bottom: .55rem;
}

.pos-load-more-products[b-3dr6cc3nux] {
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-md);
    color: var(--pos-green-dark);
    display: flex;
    font-size: .84rem;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    margin: .25rem 0 1rem;
    min-height: 3rem;
    width: 100%;
}

.pos-product-catalog-inline-error[b-3dr6cc3nux] {
    background: var(--md-error-container);
    border: 1px solid var(--md-error);
    border-radius: var(--pos-radius-sm);
    color: var(--md-on-error-container);
    font-size: .78rem;
    font-weight: 700;
    margin: .25rem 0 .65rem;
    padding: .65rem .75rem;
}

.pos-load-more-products:hover:not(:disabled)[b-3dr6cc3nux],
.pos-load-more-products:focus-visible[b-3dr6cc3nux] {
    background: #f0f8f4;
    border-color: #9fd6bf;
    outline: 2px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-product-tile[b-3dr6cc3nux] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    box-shadow: none;
    min-height: 11rem;
    overflow: hidden;
    padding: .8rem;
}

.pos-product-tile:hover[b-3dr6cc3nux] {
    border-color: #9fd6bf;
    box-shadow: 0 .45rem 1.25rem rgba(16, 24, 40, .08);
    transform: translateY(-1px);
}

.pos-product-tile:focus-visible[b-3dr6cc3nux],
.pos-category-strip .category-pill:focus-visible[b-3dr6cc3nux] {
    outline: 3px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-product-media[b-3dr6cc3nux] {
    align-items: center;
    background: var(--pos-subtle);
    border-radius: var(--pos-radius-md);
    color: #24405f;
    display: flex;
    font-size: 1.1rem;
    font-weight: 900;
    height: 4.5rem;
    justify-content: center;
    margin-bottom: .65rem;
    width: 100%;
}

.pos-product-image[b-3dr6cc3nux] {
    background: var(--pos-subtle);
    color: transparent;
    object-fit: cover;
}

.pos-product-info[b-3dr6cc3nux] {
    display: grid;
    gap: .15rem;
    min-height: 2.45rem;
}

.pos-product-tile .product-name[b-3dr6cc3nux] {
    color: var(--pos-ink);
    display: -webkit-box;
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pos-product-tile .product-code[b-3dr6cc3nux] {
    color: var(--pos-muted);
    display: block;
    font-size: .75rem;
    line-height: 1.2;
}

.pos-product-badges[b-3dr6cc3nux] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .35rem;
}

.pos-product-badge[b-3dr6cc3nux] {
    align-items: center;
    background: var(--pos-subtle);
    border-radius: 999px;
    color: var(--pos-muted);
    display: inline-flex;
    font-size: .68rem;
    font-weight: 800;
    gap: .25rem;
    line-height: 1.15;
    max-width: 100%;
    padding: .22rem .38rem;
}

.pos-product-badge i[b-3dr6cc3nux] {
    flex: 0 0 auto;
}

.pos-product-badge.is-match[b-3dr6cc3nux] {
    background: #d9f1e6;
    color: #053d2a;
}

.pos-product-tile .product-price[b-3dr6cc3nux] {
    color: var(--pos-green);
    align-items: baseline;
    display: flex;
    font-size: 1.12rem;
    gap: .25rem;
    line-height: 1;
    font-weight: 900;
    margin-top: .65rem;
}

.pos-product-tile .product-price small[b-3dr6cc3nux] {
    color: var(--pos-muted);
    font-size: .7rem;
    font-weight: 800;
}

[b-3dr6cc3nux] .pos-empty-products {
    background: var(--pos-surface);
    border: 1px dashed var(--pos-border);
    border-radius: var(--pos-radius-lg);
    color: var(--pos-muted);
    flex: 1 1 auto;
    min-height: 15rem;
    padding: 3rem 1rem;
}

[b-3dr6cc3nux] .pos-empty-products-icon {
    background: transparent;
    border-radius: 0;
    color: var(--pos-green);
    font-size: 1.5rem;
    height: auto;
    width: auto;
}

[b-3dr6cc3nux] .pos-empty-products .empty-state-content strong {
    color: var(--pos-ink);
}

[b-3dr6cc3nux] .pos-empty-products .empty-state-content small {
    color: var(--pos-muted);
    font-size: .85rem;
    margin-top: .2rem;
}

.pos-product-catalog-loading[b-3dr6cc3nux] {
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    color: var(--pos-muted);
    display: flex;
    gap: .55rem;
    justify-content: center;
    min-height: 15rem;
    padding: 2rem;
}

@media (max-width: 991.98px) {
    .pos-product-grid[b-3dr6cc3nux] {
        max-height: none;
    }
}

@media (max-width: 575.98px) {
    .pos-product-grid[b-3dr6cc3nux] {
        gap: .65rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pos-product-tile[b-3dr6cc3nux] {
        min-height: 8.75rem;
        padding: .65rem;
    }

    .pos-product-media[b-3dr6cc3nux] {
        height: 3rem;
    }
}

@media (max-width: 767.98px) {
    .pos-category-strip[b-3dr6cc3nux] {
        display: flex !important;
        flex-flow: row nowrap !important;
        margin-bottom: .45rem;
        overflow-x: auto !important;
        overscroll-behavior-x: contain;
        padding-bottom: .2rem;
        scrollbar-width: none;
    }

    .pos-category-strip[b-3dr6cc3nux]::-webkit-scrollbar {
        display: none;
    }

    .pos-category-strip .category-pill[b-3dr6cc3nux] {
        flex: 0 0 auto !important;
        font-size: .82rem;
        min-height: 2.75rem;
        padding: .35rem .75rem;
    }

    .pos-category-strip .category-pill.active[b-3dr6cc3nux] {
        background: #d9f1e6 !important;
        border-color: #74bc9a !important;
        color: #053d2a !important;
    }

    .pos-product-catalog-summary[b-3dr6cc3nux] {
        margin-bottom: .4rem;
    }

    .pos-product-grid[b-3dr6cc3nux] {
        align-content: start;
        grid-auto-rows: 10.25rem;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .65rem;
        padding-bottom: .5rem;
        width: 100%;
    }

    .pos-product-tile[b-3dr6cc3nux] {
        border-color: #d4dfda;
        border-radius: .85rem;
        box-sizing: border-box;
        box-shadow: 0 .2rem .55rem rgba(16, 24, 40, .035);
        height: 10.25rem;
        min-height: 10.25rem;
        padding: .65rem;
        width: 100%;
    }

    .pos-product-media[b-3dr6cc3nux] {
        border-radius: .6rem;
        height: 3.45rem;
        margin-bottom: .5rem;
    }

    .pos-product-info[b-3dr6cc3nux] {
        gap: .18rem;
        min-height: 2.6rem;
    }

    .pos-product-tile .product-name[b-3dr6cc3nux] {
        font-size: .88rem;
        line-height: 1.2;
    }

    .pos-product-tile .product-code[b-3dr6cc3nux] {
        font-size: .68rem;
    }

    .pos-product-tile .product-price[b-3dr6cc3nux] {
        border-top: 1px solid #e8efeb;
        font-size: 1.04rem;
        margin-top: .45rem;
        padding-top: .45rem;
    }
}
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutAdjustments.razor.rz.scp.css */
.pos-modal-adjustments[b-wb1vxymkvj] { display: grid; gap: .4rem; grid-template-columns: minmax(0, 1fr); }
.pos-modal-adjustments label[b-wb1vxymkvj] { align-items: center; display: grid; gap: .3rem; grid-template-columns: minmax(0, 1fr) auto; }
.pos-modal-adjustments label > span:first-child[b-wb1vxymkvj] { color: var(--pos-muted); font-size: .75rem; font-weight: 800; }
.pos-modal-adjustments input[b-wb1vxymkvj] { background: #fff; border: 1px solid var(--pos-outline); border-radius: .55rem; color: var(--pos-ink); min-height: 2.45rem; padding: .35rem .55rem; width: 100%; }
.pos-modal-adjustments .amount-input[b-wb1vxymkvj] { min-width: 6rem; width: 6rem; }
.pos-modal-coupon > span:last-child[b-wb1vxymkvj] { display: grid; gap: .25rem; grid-template-columns: minmax(0, 1fr) 2.25rem 2.25rem; min-width: 13.5rem; }
.pos-modal-coupon button[b-wb1vxymkvj] { align-items: center; background: #fff; border: 1px solid var(--pos-outline); border-radius: .55rem; color: var(--pos-green-dark); display: inline-flex; justify-content: center; min-height: 2.45rem; }
.pos-modal-coupon button:hover:not(:disabled)[b-wb1vxymkvj], .pos-modal-coupon button:focus-visible[b-wb1vxymkvj] { background: #eff9f5; border-color: var(--pos-green); box-shadow: 0 0 0 .18rem var(--pos-focus); outline: 0; }
.pos-modal-coupon button:disabled[b-wb1vxymkvj] { cursor: not-allowed; opacity: .5; }
.pos-modal-coupon button[b-wb1vxymkvj] { background: #fff; border: 1px solid var(--pos-outline); border-radius: .55rem; color: var(--pos-green-dark); }
@media (max-width: 767.98px) { .pos-modal-adjustments label[b-wb1vxymkvj] { grid-template-columns: 1fr; } .pos-modal-adjustments .amount-input[b-wb1vxymkvj], .pos-modal-coupon > span:last-child[b-wb1vxymkvj] { min-width: 0; width: 100%; } }
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutFiscalSection.razor.rz.scp.css */
.pos-checkout-fiscal-settings[b-h4apa026mu] { display: grid; gap: .45rem; min-width: 0; }
.pos-fiscal-detail[b-h4apa026mu] { color: var(--pos-muted); font-size: .76rem; font-weight: 700; }
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutFooter.razor.rz.scp.css */
.pos-confirm-payment-button[b-8xugh2ieug] { align-items: center; display: inline-flex; gap: .45rem; justify-content: center; }
.pos-confirm-payment-button kbd[b-8xugh2ieug] { background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .5); border-radius: .25rem; color: inherit; font-family: inherit; font-size: .66rem; font-weight: 900; line-height: 1; padding: .16rem .25rem; }

@media (max-width: 767.98px) {
    .pos-confirm-payment-button[b-8xugh2ieug] { flex: 1 1 auto; font-size: .82rem; line-height: 1.15; min-width: 0; padding-left: .55rem; padding-right: .55rem; }
}
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutHeader.razor.rz.scp.css */
.pos-checkout-modal-summary[b-pua3tjpnjz] {
    align-items: center;
    background: var(--pos-surface-tonal);
    border: 1px solid #bbd8cb;
    border-radius: var(--pos-radius-control);
    display: flex;
    flex: 0 0 auto;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0;
    padding: .6rem .8rem;
}

.pos-checkout-modal-summary > div[b-pua3tjpnjz] { display: grid; gap: .1rem; }
.pos-checkout-modal-summary span[b-pua3tjpnjz], .pos-checkout-modal-summary small[b-pua3tjpnjz] { color: #356454; font-size: .76rem; font-weight: 700; }
.pos-checkout-modal-summary strong[b-pua3tjpnjz] { color: var(--pos-green-dark); font-size: 1.5rem; line-height: 1.1; }
.pos-checkout-modal-status[b-pua3tjpnjz] { background: #fff; border: 1px solid #c8ddd5; border-radius: 999px; max-width: 19rem; padding: .35rem .6rem; text-align: right; }

@media (max-width: 767.98px) {
    .pos-checkout-modal-summary[b-pua3tjpnjz] { align-items: flex-start; background: #edf7f1; border-color: #a6d8c1; display: grid; gap: .35rem; min-width: 0; padding: .8rem .9rem; width: 100%; }
    .pos-checkout-modal-summary > div[b-pua3tjpnjz], .pos-checkout-modal-summary small[b-pua3tjpnjz] { min-width: 0; overflow-wrap: anywhere; }
    .pos-checkout-modal-summary strong[b-pua3tjpnjz] { font-size: 1.85rem; }
    .pos-checkout-modal-status[b-pua3tjpnjz] { max-width: none; min-width: 0; overflow-wrap: anywhere; padding: .3rem .5rem; text-align: left; }
}
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutModal.razor.rz.scp.css */
/* Checkout modal styles. Shared POS tokens inherit from Pos.razor.css. */

.amount-input[b-uhjpy0fntv] {
    max-width: 7rem;
    text-align: right;
}

.payment-status span[b-uhjpy0fntv] {
    color: var(--pos-muted);
}

.payment-status div[b-uhjpy0fntv] {
    display: flex;
    justify-content: space-between;
}

.payment-status[b-uhjpy0fntv] {
    border-top: 1px solid var(--pos-border);
    padding-top: .45rem;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    display: grid;
    gap: .45rem;
    margin: 0;
    padding: .7rem .85rem;
}

.pos-checkout-dialog[b-uhjpy0fntv] {
    max-width: min(65rem, calc(100vw - 2rem));
}

.pos-checkout-modal[b-uhjpy0fntv] {
    display: flex;
    flex-direction: column;
    height: min(47rem, calc(100dvh - 3.5rem));
    max-height: none;
}

.pos-checkout-modal .pos-modal-body[b-uhjpy0fntv] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .65rem;
    min-height: 0;
    overflow: hidden;
    padding: .65rem 1rem !important;
}

.pos-checkout-modal-grid[b-uhjpy0fntv] {
    display: grid;
    flex: 1 1 auto;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.pos-checkout-modal-grid.has-options[b-uhjpy0fntv] {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    grid-template-rows: minmax(0, 1fr);
}

.pos-checkout-modal-section[b-uhjpy0fntv] {
    background: #f8fafc;
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    display: grid;
    align-content: start;
    gap: .45rem;
    min-height: 0;
    padding: .65rem;
}

.pos-checkout-options-section[b-uhjpy0fntv] {
    align-self: start;
    min-height: auto;
}

.pos-checkout-modal-grid.payment-focused .pos-checkout-options-section[b-uhjpy0fntv] {
    background: transparent;
    border: 0;
    padding: 0;
}

.pos-checkout-options-toggle[b-uhjpy0fntv] {
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-control);
    color: var(--pos-ink);
    display: flex;
    font: inherit;
    justify-content: space-between;
    min-height: 3.25rem;
    padding: .55rem .7rem;
    text-align: left;
    width: 100%;
}

.pos-checkout-options-toggle > span[b-uhjpy0fntv] {
    display: grid;
    gap: .1rem;
}

.pos-checkout-options-toggle strong[b-uhjpy0fntv] {
    font-size: .84rem;
    font-weight: 900;
}

.pos-checkout-options-toggle small[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .72rem;
    font-weight: 700;
}

.pos-checkout-options-toggle:hover[b-uhjpy0fntv] {
    background: #eff9f5;
    border-color: #9fd6bf;
}

.pos-checkout-options-toggle:focus-visible[b-uhjpy0fntv] {
    background: #eff9f5;
    border-color: #9fd6bf;
    outline: 3px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-checkout-options-content[b-uhjpy0fntv] {
    display: none;
}

.pos-checkout-options-content.is-open[b-uhjpy0fntv] {
    display: grid;
    gap: .45rem;
    /* The modal already provides the desktop split: settings | payment.
       Keep the settings controls in one reading column so fiscal data,
       discounts and coupons never compress or overlap each other. */
    grid-template-columns: minmax(0, 1fr);
}

.pos-checkout-fiscal-settings[b-uhjpy0fntv] {
    display: grid;
    gap: .45rem;
    min-width: 0;
}

.pos-checkout-options-content.is-open > *[b-uhjpy0fntv] {
    min-width: 0;
}

.pos-checkout-options-content .pos-restaurant-charges[b-uhjpy0fntv],
.pos-checkout-options-content .pos-coupon-status[b-uhjpy0fntv],
.pos-checkout-options-content .pos-modal-totals[b-uhjpy0fntv] {
    grid-column: 1 / -1;
}

.pos-modal-adjustments[b-uhjpy0fntv] {
    display: grid;
    gap: .4rem;
    grid-template-columns: minmax(0, 1fr);
}

.pos-modal-adjustments label[b-uhjpy0fntv] {
    align-items: center;
    display: grid;
    gap: .3rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.pos-modal-adjustments label > span:first-child[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .75rem;
    font-weight: 800;
}

.pos-modal-adjustments input[b-uhjpy0fntv] {
    background: #fff;
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    color: var(--pos-ink);
    min-height: 2.45rem;
    padding: .35rem .55rem;
    width: 100%;
}

.pos-modal-adjustments .amount-input[b-uhjpy0fntv] {
    min-width: 6rem;
    width: 6rem;
}

.pos-modal-coupon > span:last-child[b-uhjpy0fntv] {
    display: grid;
    gap: .25rem;
    grid-template-columns: minmax(0, 1fr) 2.25rem 2.25rem;
    min-width: 13.5rem;
}

.pos-modal-coupon button[b-uhjpy0fntv] {
    background: #fff;
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    color: var(--pos-green-dark);
}

.pos-restaurant-charges[b-uhjpy0fntv] {
    background: #fff;
    border: 1px solid rgba(15, 107, 93, .18);
    border-radius: var(--pos-radius-control);
    display: grid;
    gap: .55rem;
    padding: .75rem;
}

.pos-restaurant-charge-heading[b-uhjpy0fntv] {
    display: grid;
    gap: .1rem;
}

.pos-restaurant-charge-heading strong[b-uhjpy0fntv] {
    color: var(--pos-ink);
    font-weight: 900;
}

.pos-restaurant-charge-heading small[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .76rem;
    font-weight: 700;
}

.pos-restaurant-charges label[b-uhjpy0fntv] {
    display: grid;
    gap: .3rem;
}

.pos-restaurant-charges label span[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .75rem;
    font-weight: 800;
}

.pos-restaurant-charges input[b-uhjpy0fntv] {
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    color: var(--pos-ink);
    font-weight: 900;
    min-height: 2.2rem;
    padding: .35rem .55rem;
    text-align: right;
}

.pos-restaurant-charges input:focus[b-uhjpy0fntv] {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .18rem var(--pos-focus);
    outline: 0;
}

.pos-restaurant-tip-chips[b-uhjpy0fntv] {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pos-restaurant-tip-chips button[b-uhjpy0fntv] {
    background: #eff9f5;
    border: 1px solid #afd5c6;
    border-radius: 999px;
    color: var(--pos-green-dark);
    font-size: .76rem;
    font-weight: 900;
    min-height: 2.35rem;
}

.pos-modal-totals[b-uhjpy0fntv] {
    border-top: 1px solid var(--pos-border);
    display: grid;
    column-gap: .8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: .25rem;
    margin-top: .1rem;
    padding-top: .65rem;
}

.pos-modal-totals div[b-uhjpy0fntv] {
    display: flex;
    justify-content: space-between;
}

.pos-modal-totals span[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .8rem;
}

.pos-modal-totals strong[b-uhjpy0fntv] {
    color: var(--pos-ink);
    font-size: .85rem;
}

.pos-payment-methods[b-uhjpy0fntv] {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pos-payment-method[b-uhjpy0fntv] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    color: var(--pos-ink);
    display: grid;
    font: inherit;
    gap: .15rem;
    justify-items: center;
    min-height: 3.35rem;
    padding: .3rem;
}

.pos-payment-method i[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: 1rem;
}

.pos-payment-method span[b-uhjpy0fntv] {
    font-size: .72rem;
    font-weight: 800;
}

.pos-payment-method:hover[b-uhjpy0fntv],
.pos-payment-method:focus-visible[b-uhjpy0fntv],
.pos-payment-method.is-selected[b-uhjpy0fntv] {
    background: #eff9f5;
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .16rem var(--pos-focus);
    color: var(--pos-green-dark);
    outline: 0;
}

.pos-payment-method.is-selected i[b-uhjpy0fntv] {
    color: var(--pos-green);
}

.pos-payment-entry[b-uhjpy0fntv] {
    display: grid;
    gap: .35rem;
}

.pos-payment-entry > label[b-uhjpy0fntv] {
    display: grid;
    gap: .3rem;
}

.pos-payment-entry > label > span[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .76rem;
    font-weight: 800;
}

.pos-payment-amount-input[b-uhjpy0fntv] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    display: flex;
    min-height: 2.75rem;
    overflow: hidden;
}

.pos-payment-amount-input > span[b-uhjpy0fntv] {
    background: #f2f5f4;
    color: var(--pos-muted);
    font-size: .8rem;
    font-weight: 800;
    padding: .7rem .6rem;
}

.pos-payment-amount-input input[b-uhjpy0fntv] {
    background: #fff;
    border: 0;
    color: var(--pos-ink);
    font-size: 1rem;
    font-weight: 800;
    min-height: 2.6rem;
    outline: 0;
    padding: .4rem .6rem;
    text-align: right;
    width: 100%;
}

.pos-payment-entry > input[b-uhjpy0fntv] {
    background: #fff;
    color: var(--pos-ink);
    font-weight: 800;
    min-height: 2.6rem;
    outline: 0;
    padding: .4rem .6rem;
    width: 100%;
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    font-size: .84rem;
    text-align: left;
}

.pos-payment-amount-input:focus-within[b-uhjpy0fntv],
.pos-payment-entry > input:focus[b-uhjpy0fntv] {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .18rem var(--pos-focus);
}

.pos-payment-quick-amounts[b-uhjpy0fntv] {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pos-payment-quick-amounts button[b-uhjpy0fntv] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pos-border);
    border-radius: .45rem;
    color: var(--pos-ink);
    display: flex;
    font: inherit;
    font-size: .72rem;
    font-weight: 800;
    gap: .35rem;
    justify-content: center;
    min-height: 2.75rem;
}

.pos-payment-quick-amounts kbd[b-uhjpy0fntv] {
    background: #f1f5f4;
    border: 1px solid #c8d5d1;
    border-radius: .25rem;
    color: var(--pos-muted);
    font-family: inherit;
    font-size: .66rem;
    font-weight: 900;
    line-height: 1;
    min-width: 1.25rem;
    padding: .16rem .25rem;
}

.pos-payment-quick-amounts .is-exact kbd[b-uhjpy0fntv] {
    background: #fff;
    border-color: #9fcbbb;
    color: var(--pos-green-dark);
}

.pos-payment-quick-amounts button:hover[b-uhjpy0fntv],
.pos-payment-quick-amounts button:focus-visible[b-uhjpy0fntv] {
    border-color: var(--pos-green);
    color: var(--pos-green-dark);
    outline: 0;
}

.pos-payment-quick-amounts .is-exact[b-uhjpy0fntv] {
    background: #e7f4ef;
    border-color: #afd5c6;
    color: var(--pos-green-dark);
}

.pos-applied-payments[b-uhjpy0fntv] {
    border-top: 1px solid var(--pos-border);
    display: grid;
    gap: .3rem;
    padding-top: .55rem;
}

.pos-applied-payments > span[b-uhjpy0fntv] {
    color: var(--pos-muted);
    font-size: .72rem;
    font-weight: 800;
}

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

.pos-applied-payments button[b-uhjpy0fntv] {
    background: transparent;
    border: 0;
    color: var(--pos-ink);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    padding: 0;
    text-decoration: underline;
}

.pos-applied-payments strong[b-uhjpy0fntv] {
    color: var(--pos-green-dark);
    font-size: .8rem;
}

.pos-confirm-payment-button[b-uhjpy0fntv] {
    align-items: center;
    display: inline-flex;
    gap: .45rem;
    justify-content: center;
}

.pos-confirm-payment-button kbd[b-uhjpy0fntv] {
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: .25rem;
    color: inherit;
    font-family: inherit;
    font-size: .66rem;
    font-weight: 900;
    line-height: 1;
    padding: .16rem .25rem;
}

.payment-status .pos-payment-pending[b-uhjpy0fntv] {
    color: #a76000;
}

.payment-status .pos-payment-complete[b-uhjpy0fntv] {
    color: var(--pos-green-dark);
}

.pos-checkout-modal .pos-payment-amount-input[b-uhjpy0fntv] {
    min-height: 2.35rem;
}

.pos-checkout-modal .pos-payment-amount-input input[b-uhjpy0fntv],
.pos-checkout-modal .pos-payment-entry > input[b-uhjpy0fntv],
.pos-checkout-modal .pos-payment-quick-amounts button[b-uhjpy0fntv] {
    min-height: 3rem;
}

.pos-checkout-modal .payment-status[b-uhjpy0fntv] {
    gap: .5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: .55rem .65rem;
}

.pos-checkout-modal .payment-status div[b-uhjpy0fntv] {
    display: grid;
    gap: .1rem;
}

.pos-checkout-modal .pos-modal-header[b-uhjpy0fntv] {
    flex: 0 0 auto;
    padding: .75rem 1rem !important;
}

.pos-checkout-modal .pos-modal-footer[b-uhjpy0fntv] {
    flex: 0 0 auto;
    padding: .65rem 1rem !important;
}

@media (max-width: 767.98px) {
    .pos-checkout-dialog[b-uhjpy0fntv] {
        align-items: flex-end;
        display: flex;
        margin: 0 !important;
        max-width: 100vw !important;
        min-height: 0;
        width: 100vw !important;
    }

    .pos-checkout-modal[b-uhjpy0fntv] {
        border-radius: 1.15rem 1.15rem 0 0;
        box-sizing: border-box;
        height: calc(100dvh - .5rem);
        max-height: none;
        width: 100vw !important;
    }

    .pos-checkout-modal .pos-modal-header[b-uhjpy0fntv] {
        padding: .85rem 1rem .65rem !important;
        position: relative;
    }

    .pos-checkout-modal .pos-modal-header[b-uhjpy0fntv]::before {
        background: #c8d3ce;
        border-radius: 999px;
        content: "";
        height: .28rem;
        left: 50%;
        position: absolute;
        top: .35rem;
        transform: translateX(-50%);
        width: 2.6rem;
    }

    .pos-checkout-modal .pos-modal-body[b-uhjpy0fntv] {
        box-sizing: border-box;
        gap: .75rem;
        min-width: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: .55rem 1rem .85rem !important;
        width: 100%;
    }

    .pos-checkout-modal-section[b-uhjpy0fntv] {
        box-sizing: border-box;
        min-width: 0;
        border-radius: .8rem;
        padding: .8rem;
        width: 100%;
    }

    .pos-modal-adjustments label[b-uhjpy0fntv] {
        grid-template-columns: 1fr;
    }

    .pos-modal-adjustments .amount-input[b-uhjpy0fntv],
    .pos-modal-coupon > span:last-child[b-uhjpy0fntv] {
        min-width: 0;
        width: 100%;
    }

    .pos-checkout-modal .pos-modal-totals[b-uhjpy0fntv] {
        display: none;
    }

    .pos-payment-methods[b-uhjpy0fntv] {
        gap: .5rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pos-payment-method[b-uhjpy0fntv] {
        min-height: 3.5rem;
    }

    .pos-payment-method span[b-uhjpy0fntv] {
        font-size: .7rem;
    }

    .pos-checkout-modal .pos-payment-amount-input[b-uhjpy0fntv] {
        min-height: 3.25rem;
    }

    .pos-checkout-modal .pos-payment-amount-input input[b-uhjpy0fntv],
    .pos-checkout-modal .pos-payment-entry > input[b-uhjpy0fntv] {
        font-size: 1.1rem;
        min-height: 3.15rem;
    }

    .pos-checkout-modal .pos-payment-quick-amounts button[b-uhjpy0fntv] {
        min-height: 3rem;
    }

    .pos-checkout-modal .payment-status[b-uhjpy0fntv] {
        gap: .4rem;
        padding: .7rem;
    }

    .pos-checkout-modal .pos-modal-footer[b-uhjpy0fntv] {
        background: #fff;
        box-sizing: border-box;
        box-shadow: 0 -.4rem 1rem rgba(16, 24, 40, .08);
        flex-direction: row;
        flex-wrap: nowrap;
        gap: .55rem;
        margin: 0;
        padding: .7rem 1rem calc(.7rem + env(safe-area-inset-bottom)) !important;
        width: 100%;
    }

    .pos-checkout-modal .pos-modal-footer .btn[b-uhjpy0fntv] {
        box-sizing: border-box;
        flex-shrink: 1;
        min-height: 3.1rem;
        margin: 0;
        max-width: 100%;
        width: auto !important;
    }

    .pos-checkout-modal .pos-modal-footer .btn-outline-secondary[b-uhjpy0fntv] {
        flex: 0 0 5.5rem;
        min-width: 5.5rem;
        padding-left: .35rem;
        padding-right: .35rem;
    }

    .pos-checkout-modal .pos-confirm-payment-button[b-uhjpy0fntv] {
        flex: 1 1 auto;
        font-size: .82rem;
        line-height: 1.15;
        min-width: 0;
        padding-left: .55rem;
        padding-right: .55rem;
    }

    .pos-checkout-modal-grid[b-uhjpy0fntv] {
        gap: .75rem;
        min-width: 0;
        width: 100%;
        grid-template-columns: 1fr;
    }

    .pos-checkout-modal-grid.has-options[b-uhjpy0fntv] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    .pos-checkout-options-content.is-open[b-uhjpy0fntv] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/Pos/Components/Checkout/PosCheckoutOptions.razor.rz.scp.css */
.pos-checkout-options-section[b-9lvwax060g] { align-self: start; background: #f8fafc; border: 1px solid var(--pos-border); border-radius: var(--pos-radius-lg); display: grid; gap: .45rem; padding: .65rem; }
.pos-checkout-options-toggle[b-9lvwax060g] { align-items: center; background: var(--pos-surface); border: 1px solid var(--pos-border); border-radius: var(--pos-radius-control); color: var(--pos-ink); display: flex; font: inherit; justify-content: space-between; min-height: 3.25rem; padding: .55rem .7rem; text-align: left; width: 100%; }
.pos-checkout-options-toggle > span[b-9lvwax060g] { display: grid; gap: .1rem; }
.pos-checkout-options-toggle strong[b-9lvwax060g] { font-size: .84rem; font-weight: 900; }
.pos-checkout-options-toggle small[b-9lvwax060g] { color: var(--pos-muted); font-size: .72rem; font-weight: 700; }
.pos-checkout-options-toggle:hover[b-9lvwax060g], .pos-checkout-options-toggle:focus-visible[b-9lvwax060g] { background: #eff9f5; border-color: #9fd6bf; outline: 3px solid var(--pos-focus); outline-offset: 2px; }
.pos-checkout-options-content[b-9lvwax060g] { display: none; }
.pos-checkout-options-content.is-open[b-9lvwax060g] { display: grid; gap: .45rem; grid-template-columns: minmax(0, 1fr); }
.pos-checkout-options-content.is-open > *[b-9lvwax060g] { min-width: 0; }
.pos-checkout-options-content .pos-restaurant-charges[b-9lvwax060g], .pos-checkout-options-content .pos-coupon-status[b-9lvwax060g], .pos-checkout-options-content .pos-modal-totals[b-9lvwax060g] { grid-column: 1 / -1; }
@media (max-width: 767.98px) { .pos-checkout-options-section[b-9lvwax060g] { border-radius: .8rem; box-sizing: border-box; min-width: 0; padding: .8rem; width: 100%; } }
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutPayments.razor.rz.scp.css */
[b-6z16q6oijd] .pos-payment-methods-empty {
    align-items: flex-start;
    background: #fffaf0;
    border: 1px solid #e8c57b;
    border-radius: var(--pos-radius-control);
    color: #6d4c0a;
    gap: .7rem;
    justify-content: flex-start;
    min-height: 0;
    padding: .85rem;
    text-align: left;
}

[b-6z16q6oijd] .pos-payment-methods-empty-icon {
    background: transparent;
    border-radius: 0;
    color: #a76c00;
    font-size: 1.1rem;
    height: auto;
    margin-top: .1rem;
    width: auto;
}

[b-6z16q6oijd] .pos-payment-methods-empty .empty-state-content {
    display: grid;
    gap: .15rem;
}

[b-6z16q6oijd] .pos-payment-methods-empty .empty-state-content strong,
[b-6z16q6oijd] .pos-payment-methods-empty .empty-state-content small {
    color: #6d4c0a;
    font-size: .8rem;
    font-weight: 700;
}

[b-6z16q6oijd] .pos-payment-methods-empty a {
    color: #07593d;
    font-size: .8rem;
    font-weight: 800;
    margin-top: .25rem;
}

/* These controls belong to this component. Keeping their styles here prevents
   Blazor CSS isolation from dropping the checkout visual treatment. */
.pos-checkout-modal-section[b-6z16q6oijd] { background: #f8fafc; border: 1px solid var(--pos-border); border-radius: var(--pos-radius-lg); display: grid; align-content: start; gap: .45rem; min-height: 0; padding: .65rem; }
.pos-section-heading[b-6z16q6oijd] { align-items: center; display: flex; justify-content: space-between; gap: .5rem; }
.pos-section-label[b-6z16q6oijd] { color: var(--pos-ink); font-size: .84rem; font-weight: 900; }
.pos-section-heading small[b-6z16q6oijd] { color: var(--pos-muted); font-size: .75rem; font-weight: 800; }
.pos-payment-methods[b-6z16q6oijd] { display: grid; gap: .35rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pos-payment-method[b-6z16q6oijd] { align-items: center; background: #fff; border: 1px solid var(--pos-outline); border-radius: .55rem; color: var(--pos-ink); display: grid; font: inherit; gap: .15rem; justify-items: center; min-height: 3.35rem; padding: .3rem; }
.pos-payment-method i[b-6z16q6oijd] { color: var(--pos-muted); font-size: 1rem; }
.pos-payment-method span[b-6z16q6oijd] { font-size: .72rem; font-weight: 800; }
.pos-payment-method:hover[b-6z16q6oijd], .pos-payment-method:focus-visible[b-6z16q6oijd], .pos-payment-method.is-selected[b-6z16q6oijd] { background: #eff9f5; border-color: var(--pos-green); box-shadow: 0 0 0 .16rem var(--pos-focus); color: var(--pos-green-dark); outline: 0; }
.pos-payment-method.is-selected i[b-6z16q6oijd] { color: var(--pos-green); }
.pos-payment-entry[b-6z16q6oijd] { display: grid; gap: .35rem; }
.pos-payment-entry > label[b-6z16q6oijd] { display: grid; gap: .3rem; }
.pos-payment-entry > label > span[b-6z16q6oijd] { color: var(--pos-muted); font-size: .76rem; font-weight: 800; }
.pos-payment-amount-input[b-6z16q6oijd] { align-items: center; background: #fff; border: 1px solid var(--pos-outline); border-radius: .55rem; display: flex; min-height: 3rem; overflow: hidden; }
.pos-payment-amount-input > span[b-6z16q6oijd] { background: #f2f5f4; color: var(--pos-muted); font-size: .8rem; font-weight: 800; padding: .85rem .6rem; }
.pos-payment-amount-input input[b-6z16q6oijd] { background: #fff; border: 0; color: var(--pos-ink); font-size: 1rem; font-weight: 800; min-height: 3rem; outline: 0; padding: .4rem .6rem; text-align: right; width: 100%; }
.pos-payment-entry > input[b-6z16q6oijd] { background: #fff; border: 1px solid var(--pos-outline); border-radius: .55rem; color: var(--pos-ink); font-size: .84rem; font-weight: 800; min-height: 3rem; outline: 0; padding: .4rem .6rem; text-align: left; width: 100%; }
.pos-payment-amount-input:focus-within[b-6z16q6oijd], .pos-payment-entry > input:focus[b-6z16q6oijd] { border-color: var(--pos-green); box-shadow: 0 0 0 .18rem var(--pos-focus); }
.pos-payment-quick-amounts[b-6z16q6oijd] { display: grid; gap: .35rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pos-payment-quick-amounts button[b-6z16q6oijd] { align-items: center; background: #fff; border: 1px solid var(--pos-border); border-radius: .45rem; color: var(--pos-ink); display: flex; font: inherit; font-size: .72rem; font-weight: 800; gap: .35rem; justify-content: center; min-height: 3rem; }
.pos-payment-quick-amounts kbd[b-6z16q6oijd] { background: #f1f5f4; border: 1px solid #c8d5d1; border-radius: .25rem; color: var(--pos-muted); font-family: inherit; font-size: .66rem; font-weight: 900; line-height: 1; min-width: 1.25rem; padding: .16rem .25rem; }
.pos-payment-quick-amounts button:hover[b-6z16q6oijd], .pos-payment-quick-amounts button:focus-visible[b-6z16q6oijd] { border-color: var(--pos-green); color: var(--pos-green-dark); outline: 0; }
.pos-payment-quick-amounts .is-exact[b-6z16q6oijd] { background: #e7f4ef; border-color: #afd5c6; color: var(--pos-green-dark); }
.pos-payment-quick-amounts .is-exact kbd[b-6z16q6oijd] { background: #fff; border-color: #9fcbbb; color: var(--pos-green-dark); }
.pos-applied-payments[b-6z16q6oijd] { border-top: 1px solid var(--pos-border); display: grid; gap: .3rem; padding-top: .55rem; }
.pos-applied-payments > span[b-6z16q6oijd] { color: var(--pos-muted); font-size: .72rem; font-weight: 800; }
.pos-applied-payments > div[b-6z16q6oijd] { align-items: center; display: flex; justify-content: space-between; }
.pos-applied-payments button[b-6z16q6oijd] { background: transparent; border: 0; color: var(--pos-ink); font: inherit; font-size: .78rem; font-weight: 800; padding: 0; text-decoration: underline; }
.pos-applied-payments strong[b-6z16q6oijd] { color: var(--pos-green-dark); font-size: .8rem; }
.payment-status[b-6z16q6oijd] { background: var(--pos-surface); border: 1px solid var(--pos-border); border-radius: var(--pos-radius-lg); display: grid; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: .55rem .65rem; }
.payment-status div[b-6z16q6oijd] { display: grid; gap: .1rem; }
.payment-status span[b-6z16q6oijd] { color: var(--pos-muted); }
.payment-status .pos-payment-pending[b-6z16q6oijd] { color: #a76000; }
.payment-status .pos-payment-complete[b-6z16q6oijd] { color: var(--pos-green-dark); }
@media (max-width: 767.98px) { .pos-checkout-modal-section[b-6z16q6oijd] { border-radius: .8rem; box-sizing: border-box; min-width: 0; padding: .8rem; width: 100%; } .pos-payment-methods[b-6z16q6oijd] { gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .pos-payment-method[b-6z16q6oijd] { min-height: 3.5rem; } .pos-payment-method span[b-6z16q6oijd] { font-size: .7rem; } .pos-payment-amount-input[b-6z16q6oijd], .pos-payment-amount-input input[b-6z16q6oijd], .pos-payment-entry > input[b-6z16q6oijd] { min-height: 3.15rem; } .pos-payment-amount-input input[b-6z16q6oijd], .pos-payment-entry > input[b-6z16q6oijd] { font-size: 1.1rem; } .payment-status[b-6z16q6oijd] { gap: .4rem; padding: .7rem; } }
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutSummary.razor.rz.scp.css */
/* Styles owned by PosCheckoutSummary. Shared POS tokens inherit from Pos.razor.css. */

.summary-row[b-co5hnjrfou] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .4rem;
}

.summary-row span[b-co5hnjrfou] {
    color: var(--pos-muted);
}

.total-box[b-co5hnjrfou] {
    align-items: center;
    background: var(--color-neutral);
    border: 1px solid var(--pos-border);
    border-radius: .85rem;
    display: flex;
    justify-content: space-between;
    margin: .55rem 0;
    padding: .65rem .75rem;
}

.total-box span[b-co5hnjrfou] {
    color: var(--pos-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.total-box strong[b-co5hnjrfou] {
    color: var(--pos-ink);
    font-size: 1.35rem;
}

.checkout-btn[b-co5hnjrfou] {
    background: var(--pos-ink);
    border-color: var(--pos-ink);
    border-radius: .85rem;
    font-size: .98rem;
    font-weight: 800;
    min-height: 2.85rem;
}

.checkout-btn:hover:not(:disabled)[b-co5hnjrfou] {
    background: #111827;
    border-color: #111827;
}

.checkout-btn:disabled[b-co5hnjrfou] {
    background: #cbd5e1;
    border-color: #cbd5e1;
}

.pos-checkout-button:focus-visible[b-co5hnjrfou] {
    outline: 3px solid var(--pos-focus);
    outline-offset: 2px;
}

.pos-checkout-panel[b-co5hnjrfou] {
    padding-top: 1rem;
    background: #f8fafc;
    border-top: 1px solid var(--pos-border);
    display: grid;
    flex: 0 0 auto;
    gap: .55rem;
    padding: .75rem 1rem 1rem;
}

.pos-summary-card[b-co5hnjrfou] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    padding: .65rem .75rem;
}

.pos-checkout-panel .summary-row[b-co5hnjrfou] {
    margin-bottom: .55rem;
}

.pos-fiscal-detail-toggle[b-co5hnjrfou] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--pos-green-dark);
    display: flex;
    font-size: .8rem;
    font-weight: 900;
    justify-content: space-between;
    margin: .1rem 0 .45rem;
    min-height: 2.75rem;
    padding: .35rem 0;
    text-align: left;
    width: 100%;
}

.pos-fiscal-detail-toggle:focus-visible[b-co5hnjrfou] {
    border-radius: .35rem;
    box-shadow: 0 0 0 .2rem var(--pos-focus);
    outline: 0;
}

.pos-fiscal-detail-toggle:disabled[b-co5hnjrfou] {
    color: var(--pos-muted);
    cursor: not-allowed;
}

.pos-fiscal-detail-head[b-co5hnjrfou] {
    display: flex;
    font-size: .78rem;
    justify-content: space-between;
}

.pos-fiscal-detail-head span[b-co5hnjrfou] {
    color: var(--pos-muted);
    font-weight: 700;
}

.pos-fiscal-detail-head strong[b-co5hnjrfou] {
    color: var(--pos-ink);
}

.pos-fiscal-detail[b-co5hnjrfou] {
    border-top: 1px solid var(--pos-border);
    color: #385274;
    display: grid;
    font-size: .78rem;
    gap: .45rem;
    margin-bottom: .6rem;
    padding-top: .6rem;
}

.pos-fiscal-line-list[b-co5hnjrfou] {
    border-top: 1px dashed var(--pos-border);
    display: grid;
    gap: .35rem;
    max-height: min(13rem, 28dvh);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-top: .5rem;
    scrollbar-gutter: stable;
}

.pos-fiscal-line[b-co5hnjrfou] {
    background: #f8fafc;
    border: 1px solid #e5ebf2;
    border-radius: var(--pos-radius-sm);
    display: grid;
    gap: .35rem;
    padding: .5rem .55rem;
}

.pos-fiscal-line-title[b-co5hnjrfou] {
    align-items: center;
    display: flex;
    gap: .45rem;
    justify-content: space-between;
}

.pos-fiscal-line-title strong[b-co5hnjrfou] {
    color: var(--pos-ink);
    font-size: .78rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-fiscal-line-title span[b-co5hnjrfou] {
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 900;
    padding: .2rem .4rem;
    white-space: nowrap;
}

.pos-fiscal-line-title .is-taxed[b-co5hnjrfou] {
    background: #e5f5ee;
    color: var(--pos-green-dark);
}

.pos-fiscal-line-title .is-exempt[b-co5hnjrfou] {
    background: #eef2f6;
    color: #475467;
}

.pos-fiscal-line-values[b-co5hnjrfou] {
    color: var(--pos-muted);
    display: grid;
    font-size: .7rem;
    gap: .3rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pos-fiscal-line-values span[b-co5hnjrfou] {
    display: grid;
    gap: .05rem;
}

.pos-fiscal-line-values strong[b-co5hnjrfou] {
    color: var(--pos-ink);
    font-size: .74rem;
}

.pos-fiscal-preview-state[b-co5hnjrfou] {
    align-items: center;
    color: var(--pos-muted);
    display: flex;
    font-size: .75rem;
    font-weight: 750;
    gap: .4rem;
    line-height: 1.3;
    min-height: 0;
}

.pos-fiscal-preview-state:empty[b-co5hnjrfou] {
    display: none;
}

.pos-fiscal-preview-state i[b-co5hnjrfou] {
    color: var(--pos-green-dark);
}

.pos-total-box[b-co5hnjrfou] {
    border-color: #9fd6bf;
    background: var(--pos-green);
    border: 1px solid var(--pos-green);
    border-radius: var(--pos-radius-lg);
    margin: .75rem 0 0;
    padding: .8rem .9rem;
}

.pos-total-box span[b-co5hnjrfou] {
    color: #d7f1e8;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.pos-total-box strong[b-co5hnjrfou] {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
}

.pos-promotion-card[b-co5hnjrfou] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    padding: .85rem;
}

.pos-promotion-list[b-co5hnjrfou] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.pos-promotion-item[b-co5hnjrfou] {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: .55rem;
    display: flex;
    gap: .65rem;
    justify-content: space-between;
    padding: .6rem;
}

.pos-promotion-item strong[b-co5hnjrfou] {
    display: block;
    color: var(--pos-ink);
    font-size: .88rem;
}

.pos-promotion-item small[b-co5hnjrfou] {
    display: block;
    color: var(--pos-muted);
    font-size: .76rem;
}

.pos-promotion-item > span[b-co5hnjrfou] {
    color: #047857;
    font-weight: 900;
    white-space: nowrap;
}

.pos-promotion-empty[b-co5hnjrfou] {
    align-items: center;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: .55rem;
    color: var(--pos-muted);
    display: flex;
    font-size: .82rem;
    gap: .45rem;
    padding: .65rem;
}

.pos-flow-steps[b-co5hnjrfou] {
    align-items: center;
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.pos-flow-steps span[b-co5hnjrfou] {
    align-items: center;
    border: 1px solid var(--pos-border);
    color: var(--pos-muted);
    display: flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .35rem;
    justify-content: center;
    padding: .3rem .35rem;
    background: var(--pos-surface);
    border-color: var(--pos-border);
    border-radius: var(--pos-radius-md);
    min-height: 2.5rem;
}

.pos-flow-steps span.done[b-co5hnjrfou] {
    background: #e5f5ee;
    border-color: #a6d8c1;
    color: #07593d;
}

.pos-checkout-button[b-co5hnjrfou] {
    align-items: center;
    display: flex;
    border: 0;
    font: inherit;
    background: var(--pos-green);
    border-radius: var(--pos-radius-lg);
    box-shadow: none;
    color: #fff;
    font-size: 1.02rem;
    font-weight: 900;
    gap: .6rem;
    justify-content: center;
    min-height: 3.5rem;
    width: 100%;
}

.pos-checkout-button:hover:not(:disabled)[b-co5hnjrfou] {
    background: var(--pos-green-dark);
}

.pos-checkout-button:disabled[b-co5hnjrfou] {
    background: #d2dae5;
    box-shadow: none;
    color: #6c7685;
}

.pos-checkout-footer[b-co5hnjrfou] {
    display: grid;
    gap: .55rem;
}

.pos-checkout-footer.single-action[b-co5hnjrfou] {
    grid-template-columns: minmax(0, 1fr);
}

.pos-checkout-footer.has-secondary-action[b-co5hnjrfou] {
    grid-template-columns: minmax(6.75rem, .55fr) minmax(0, 1.45fr);
}

.pos-checkout-footer .pos-secondary-action[b-co5hnjrfou] {
    justify-content: center;
    min-height: 3.35rem;
}

.pos-checkout-footer .pos-checkout-button[b-co5hnjrfou] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 3.35rem;
    padding: 0 1rem;
}

.pos-checkout-footer .pos-checkout-button strong[b-co5hnjrfou] {
    font-size: .95rem;
}

@media (max-width: 991.98px) {
    .pos-checkout-panel[b-co5hnjrfou] {
        bottom: 0;
        box-shadow: 0 -.35rem .9rem rgba(16, 24, 40, .08);
        position: sticky;
        z-index: 5;
    }
}

@media (max-width: 575.98px) {
    .pos-checkout-panel[b-co5hnjrfou] {
        padding: .8rem;
        bottom: 0;
        position: sticky;
        z-index: 5;
    }

    .pos-checkout-footer[b-co5hnjrfou] {
        grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
    }

    .pos-total-box strong[b-co5hnjrfou] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Pos/Components/Checkout/PosCheckoutTotals.razor.rz.scp.css */
.pos-modal-totals[b-f6y7y2d65a] { border-top: 1px solid var(--pos-border); display: grid; column-gap: .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: .25rem; margin-top: .1rem; padding-top: .65rem; }
.pos-modal-totals div[b-f6y7y2d65a] { display: flex; justify-content: space-between; }
.pos-modal-totals span[b-f6y7y2d65a] { color: var(--pos-muted); font-size: .8rem; }
.pos-modal-totals strong[b-f6y7y2d65a] { color: var(--pos-ink); font-size: .85rem; }
@media (max-width: 767.98px) { .pos-modal-totals[b-f6y7y2d65a] { display: none; } }
/* /Components/Pages/Pos/Components/Checkout/PosRestaurantCharges.razor.rz.scp.css */
.pos-restaurant-charges[b-eyb8pmnvze] { background: #fff; border: 1px solid rgba(15, 107, 93, .18); border-radius: var(--pos-radius-control); display: grid; gap: .55rem; padding: .75rem; }
.pos-restaurant-charge-heading[b-eyb8pmnvze] { display: grid; gap: .1rem; }
.pos-restaurant-charge-heading strong[b-eyb8pmnvze] { color: var(--pos-ink); font-weight: 900; }
.pos-restaurant-charge-heading small[b-eyb8pmnvze], .pos-restaurant-charges label span[b-eyb8pmnvze] { color: var(--pos-muted); font-size: .76rem; font-weight: 700; }
.pos-restaurant-charges label[b-eyb8pmnvze] { display: grid; gap: .3rem; }
.pos-restaurant-charges input[b-eyb8pmnvze] { border: 1px solid var(--pos-outline); border-radius: .55rem; color: var(--pos-ink); font-weight: 900; min-height: 2.2rem; padding: .35rem .55rem; text-align: right; }
.pos-restaurant-charges input:focus[b-eyb8pmnvze] { border-color: var(--pos-green); box-shadow: 0 0 0 .18rem var(--pos-focus); outline: 0; }
.pos-restaurant-tip-chips[b-eyb8pmnvze] { display: grid; gap: .35rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pos-restaurant-tip-chips button[b-eyb8pmnvze] { background: #eff9f5; border: 1px solid #afd5c6; border-radius: 999px; color: var(--pos-green-dark); font-size: .76rem; font-weight: 900; min-height: 2.35rem; }
/* /Components/Pages/Pos/Components/Modals/PosActionsModal.razor.rz.scp.css */
/* Styles owned by PosActionsModal. Shared POS tokens inherit from Pos.razor.css. */

.pos-actions-dialog[b-yxsqzucre1] {
    max-width: min(38rem, calc(100vw - 1.5rem));
}

.pos-actions-list[b-yxsqzucre1] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pos-actions-list .pos-actions-item[b-yxsqzucre1] {
    width: 100%;
}

.pos-actions-item[b-yxsqzucre1] {
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    color: var(--pos-ink);
    display: flex;
    font: inherit;
    font-weight: 850;
    gap: .7rem;
    min-height: 5.75rem;
    padding: .8rem;
    text-align: left;
    text-decoration: none;
}

.pos-actions-item i[b-yxsqzucre1] {
    align-items: center;
    background: var(--pos-subtle);
    border-radius: .55rem;
    color: var(--pos-green-dark);
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    text-align: center;
    width: 2.25rem;
}

.pos-actions-item > span[b-yxsqzucre1] {
    display: grid;
    gap: .15rem;
}

.pos-actions-item strong[b-yxsqzucre1] {
    font-size: .85rem;
}

.pos-actions-item small[b-yxsqzucre1] {
    color: var(--pos-muted);
    font-size: .72rem;
    font-weight: 650;
    line-height: 1.25;
}

.pos-actions-item:hover[b-yxsqzucre1],
.pos-actions-item:focus[b-yxsqzucre1] {
    background: #eef7f2;
    color: var(--pos-green-dark);
}

.pos-actions-item:hover i[b-yxsqzucre1],
.pos-actions-item:focus i[b-yxsqzucre1] {
    background: #d9f1e6;
}

.pos-actions-item:disabled[b-yxsqzucre1],
.pos-actions-item.disabled[b-yxsqzucre1] {
    color: #98a2b3;
    opacity: .72;
}

@media (max-width: 575.98px) {
    .pos-actions-list[b-yxsqzucre1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Pos/Components/Modals/PosCashCloseModal.razor.rz.scp.css */
/* Styles owned by PosCashCloseModal. Shared POS tokens inherit from Pos.razor.css. */

.pos-close-flow-message[b-198iqknfpj] {
    align-items: flex-start;
    background: #eef6f1;
    border: 1px solid #b9ddc9;
    border-radius: var(--pos-radius-lg);
    color: #163b2a;
    display: flex;
    gap: .75rem;
    padding: .9rem;
}

.pos-close-flow-message i[b-198iqknfpj] {
    color: #0f7b56;
    margin-top: .2rem;
}

.pos-close-flow-message strong[b-198iqknfpj] {
    display: block;
    font-weight: 900;
}

.pos-close-flow-message span[b-198iqknfpj] {
    display: block;
    color: #4f6358;
    font-size: .9rem;
    margin-top: .15rem;
}
/* /Components/Pages/Pos/Components/Modals/PosCustomerModal.razor.rz.scp.css */
/* Styles owned by PosCustomerModal. Shared POS tokens inherit from Pos.razor.css. */

.pos-payment-card input:focus[b-rp5lqdiitt] {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .2rem var(--pos-focus);
    outline: 0;
}

.pos-payment-section[b-rp5lqdiitt] {
    display: grid;
    gap: .55rem;
}

.pos-customer-section[b-rp5lqdiitt] {
    border-bottom: 1px solid var(--pos-border);
    padding: .85rem 1rem 1rem;
}

.pos-customer-section-modal[b-rp5lqdiitt] {
    border-bottom: 0;
    padding: 0;
}

.pos-customer-dialog[b-rp5lqdiitt] {
    max-width: min(72rem, calc(100vw - 2rem));
}

.pos-customer-modal[b-rp5lqdiitt] {
    max-height: min(90vh, 52rem);
    overflow: hidden;
}

.pos-customer-grid[b-rp5lqdiitt] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

.pos-customer-warning[b-rp5lqdiitt] {
    align-items: center;
    background: #fff8e6;
    border: 1px solid #f1d58a;
    border-radius: .65rem;
    color: #5f4300;
    display: flex;
    font-size: .8rem;
    font-weight: 800;
    gap: .45rem;
    padding: .55rem .65rem;
}

.pos-payment-card[b-rp5lqdiitt] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    display: grid;
    gap: .45rem;
    margin: 0;
    min-width: 0;
    padding: .6rem;
}

.pos-customer-card[b-rp5lqdiitt] {
    gap: .7rem;
    padding: .85rem;
}

.pos-customer-card > span[b-rp5lqdiitt] {
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.pos-customer-card input[b-rp5lqdiitt],
.pos-customer-card select[b-rp5lqdiitt] {
    min-height: 2.75rem;
}

.pos-customer-card:last-child[b-rp5lqdiitt] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pos-customer-card:last-child > span[b-rp5lqdiitt],
.pos-customer-card:last-child .pos-add-customer-button[b-rp5lqdiitt] {
    grid-column: 1 / -1;
}

.pos-selected-customer[b-rp5lqdiitt] {
    background: #eef7f2;
    border: 1px solid #b9dec9;
    border-radius: .6rem;
    color: var(--pos-green-dark);
    display: grid;
    gap: .1rem;
    padding: .5rem .6rem;
}

.pos-selected-customer strong[b-rp5lqdiitt] {
    font-size: .85rem;
    font-weight: 900;
}

.pos-selected-customer small[b-rp5lqdiitt] {
    color: #40755b;
    font-size: .75rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-payment-card:focus-within[b-rp5lqdiitt] {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .18rem var(--pos-focus);
}

.pos-payment-card span[b-rp5lqdiitt] {
    align-items: center;
    display: flex;
    color: var(--pos-ink);
    font-size: .72rem;
    font-weight: 900;
    gap: .35rem;
    justify-content: center;
    min-height: 1.25rem;
    text-align: center;
    text-transform: uppercase;
}

.pos-payment-card input[b-rp5lqdiitt] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    color: var(--pos-ink);
    font-weight: 800;
    min-height: 2.5rem;
    padding: .35rem .55rem;
    text-align: right;
    max-width: 100%;
    width: 100%;
}

.pos-payment-card select[b-rp5lqdiitt] {
    appearance: none;
    border: 0;
    color: var(--pos-ink);
    font-weight: 900;
    min-width: 0;
    outline: 0;
    width: 100%;
    background: var(--pos-soft);
    border-radius: .55rem;
    min-height: 2.5rem;
    padding: .35rem .55rem;
}

.pos-add-customer-button[b-rp5lqdiitt] {
    align-items: center;
    background: var(--pos-subtle);
    border: 1px solid var(--pos-border);
    border-radius: .55rem;
    color: var(--pos-ink);
    display: inline-flex;
    gap: .4rem;
    justify-content: center;
    font-weight: 900;
    min-height: 2.45rem;
    width: 100%;
}

.pos-add-customer-button:disabled[b-rp5lqdiitt] {
    cursor: not-allowed;
    opacity: .7;
}

.pos-add-customer-button:hover[b-rp5lqdiitt],
.pos-add-customer-button:focus-visible[b-rp5lqdiitt] {
    background: #e5f5ee;
    border-color: #a6d8c1;
    color: var(--pos-green-dark);
    outline: 0;
}

@media (min-width: 768px) {
    .pos-customer-grid[b-rp5lqdiitt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .pos-customer-dialog[b-rp5lqdiitt] {
        max-width: calc(100vw - 1rem);
    }

    .pos-customer-card:last-child[b-rp5lqdiitt] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Pos/Components/Modals/PosFiscalFallbackModal.razor.rz.scp.css */
/* Styles owned by PosFiscalFallbackModal. Shared POS tokens inherit from Pos.razor.css. */

.pos-fiscal-fallback-message[b-9jiglgp3z7] {
    align-items: flex-start;
    background: #fff8e6;
    border: 1px solid #f1d58a;
    border-radius: var(--pos-radius-lg);
    color: #5f4300;
    display: flex;
    gap: .75rem;
    padding: .9rem;
}

.pos-fiscal-fallback-message i[b-9jiglgp3z7] {
    color: #b77900;
    font-size: 1.35rem;
    margin-top: .1rem;
}

.pos-fiscal-fallback-message p[b-9jiglgp3z7] {
    margin: .25rem 0;
}

.pos-fiscal-fallback-message span[b-9jiglgp3z7] {
    color: #6c5719;
    font-size: .88rem;
}
/* /Components/Pages/Pos/Components/Restaurant/PosBillSplitModal.razor.rz.scp.css */
/* Styles owned by PosBillSplitModal. Shared POS tokens inherit from Pos.razor.css. */

.pos-bill-split-loading[b-d0ngkxhwyu] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    gap: .75rem;
    color: var(--pos-muted);
    font-weight: 800;
}

.pos-bill-split-grid[b-d0ngkxhwyu] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 1rem;
    align-items: start;
}

.pos-bill-split-lines[b-d0ngkxhwyu] {
    background: #fff;
    border: 1px solid rgba(15, 107, 93, .12);
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
    padding: 1rem;
    display: grid;
    gap: .75rem;
    max-height: min(62vh, 38rem);
    overflow: auto;
}

.pos-bill-split-line[b-d0ngkxhwyu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, auto) auto;
    gap: .85rem;
    align-items: center;
    padding: .9rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 20px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.pos-bill-split-line.is-selected[b-d0ngkxhwyu] {
    border-color: rgba(15, 107, 93, .48);
    background: linear-gradient(135deg, rgba(15, 107, 93, .08), rgba(255, 255, 255, .96));
    box-shadow: 0 14px 30px rgba(15, 107, 93, .12);
}

.pos-bill-line-main[b-d0ngkxhwyu] {
    min-width: 0;
    display: flex;
    gap: .75rem;
    align-items: center;
}

.pos-bill-line-main strong[b-d0ngkxhwyu] {
    display: block;
    color: var(--pos-ink);
    font-size: .94rem;
    line-height: 1.2;
}

.pos-bill-line-main small[b-d0ngkxhwyu] {
    display: block;
    color: var(--pos-muted);
    font-size: .78rem;
}

.pos-bill-line-state[b-d0ngkxhwyu] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .35rem;
}

.pos-bill-line-state span[b-d0ngkxhwyu] {
    border-radius: 999px;
    padding: .18rem .5rem;
    background: #eef4f2;
    color: #475467;
    font-size: .72rem;
    font-weight: 800;
}

.pos-bill-line-state strong[b-d0ngkxhwyu] {
    border-radius: 999px;
    padding: .18rem .5rem;
    font-size: .72rem;
    font-weight: 800;
    background: rgba(15, 107, 93, .12);
    color: #0f6b5d;
}

.pos-bill-line-actions[b-d0ngkxhwyu] {
    display: grid;
    gap: .45rem;
}

.pos-bill-line-actions label[b-d0ngkxhwyu] {
    display: grid;
    gap: .25rem;
    margin: 0;
}

.pos-bill-line-actions label span[b-d0ngkxhwyu] {
    color: var(--pos-muted);
    font-size: .72rem;
    font-weight: 800;
}

.pos-bill-line-actions input[b-d0ngkxhwyu] {
    width: 9rem;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 14px;
    padding: .55rem .7rem;
    font-weight: 900;
    color: var(--pos-ink);
}

.pos-bill-line-actions input:focus[b-d0ngkxhwyu] {
    outline: none;
    border-color: #0f6b5d;
    box-shadow: 0 0 0 4px rgba(15, 107, 93, .14);
}

.pos-bill-line-buttons[b-d0ngkxhwyu],
.pos-bill-split-summary-actions[b-d0ngkxhwyu] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.pos-bill-line-buttons button[b-d0ngkxhwyu],
.pos-bill-split-summary-actions button[b-d0ngkxhwyu] {
    border: 1px solid rgba(15, 107, 93, .18);
    border-radius: 999px;
    background: #f8fbfa;
    color: #0f6b5d;
    font-size: .75rem;
    font-weight: 900;
    padding: .35rem .65rem;
}

.pos-bill-split-summary-actions button:last-child[b-d0ngkxhwyu] {
    background: rgba(15, 107, 93, .1);
}

.pos-bill-line-buttons button:disabled[b-d0ngkxhwyu] {
    cursor: not-allowed;
    opacity: .5;
}

.pos-bill-line-total[b-d0ngkxhwyu] {
    color: var(--pos-ink);
    font-size: .95rem;
    white-space: nowrap;
}

.pos-bill-split-summary[b-d0ngkxhwyu] {
    background: #fff;
    border: 1px solid rgba(15, 107, 93, .12);
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
    padding: 1rem;
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .85rem;
}

@media (max-width: 991.98px) {
    .pos-bill-split-grid[b-d0ngkxhwyu] {
        grid-template-columns: 1fr;
    }

    .pos-bill-split-summary[b-d0ngkxhwyu] {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .pos-bill-split-line[b-d0ngkxhwyu] {
        grid-template-columns: 1fr;
    }

    .pos-bill-line-actions input[b-d0ngkxhwyu] {
        width: 100%;
    }
}
/* /Components/Pages/Pos/Components/Shell/PosMobileCartControls.razor.rz.scp.css */
/* Styles owned by PosMobileCartControls. Shared POS tokens inherit from Pos.razor.css. */

.pos-mobile-cart-bar[b-3ziwfzkhak],
.pos-mobile-cart-scrim[b-3ziwfzkhak] {
    display: none;
}

@media (max-width: 767.98px) {
    .pos-mobile-cart-bar[b-3ziwfzkhak] {
        align-items: stretch;
        background: rgba(255, 255, 255, .98);
        border-top: 1px solid var(--pos-border);
        bottom: 0;
        display: grid;
        gap: .65rem;
        grid-template-columns: minmax(0, 1fr) minmax(7.25rem, .9fr);
        left: 0;
        padding: .7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .pos-mobile-cart-trigger[b-3ziwfzkhak] {
        align-items: center;
        border-radius: var(--pos-radius-lg);
        display: flex;
        font-weight: 900;
        justify-content: center;
        min-height: 3rem;
        background: #f2f7f4;
        border: 1px solid #bbd8cb;
        color: #07593d;
        flex-direction: column;
        gap: .1rem;
        padding: .3rem .55rem;
    }

    .pos-mobile-cart-trigger > span[b-3ziwfzkhak] {
        align-items: center;
        display: flex;
        font-size: .82rem;
        gap: .4rem;
    }

    .pos-mobile-cart-trigger small[b-3ziwfzkhak] {
        font-family: var(--font-label);
        font-size: .78rem;
    }

    .pos-mobile-checkout-button[b-3ziwfzkhak] {
        align-items: center;
        border-radius: var(--pos-radius-lg);
        display: flex;
        font-weight: 900;
        justify-content: center;
        min-height: 3rem;
        background: var(--pos-success);
        border: 1px solid var(--pos-success);
        color: #fff;
        font-size: .95rem;
        padding: .5rem .8rem;
    }

    .pos-mobile-checkout-button:disabled[b-3ziwfzkhak] {
        background: #b8c9c0;
        border-color: #b8c9c0;
        color: #fff;
    }

    .pos-mobile-cart-scrim[b-3ziwfzkhak] {
        background: rgba(16, 24, 40, .42);
        border: 0;
        bottom: 0;
        display: block;
        left: 0;
        padding: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 40;
    }
}
/* /Components/Pages/Pos/Components/Shell/PosWorkspaceHeader.razor.rz.scp.css */
/* Styles owned by PosWorkspaceHeader. Shared POS tokens inherit from Pos.razor.css. */

.pos-workspace-header[b-63np3vnccg] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    background: var(--pos-subtle);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    gap: .75rem;
    margin-bottom: .85rem;
    padding: .45rem .65rem;
}

.pos-context-cash.is-closed[b-63np3vnccg] {
    background: var(--pos-amber-bg);
    border-color: #f1d58a !important;
}

.pos-workspace-brand[b-63np3vnccg] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.pos-workspace-brand > div[b-63np3vnccg] {
    flex-direction: column;
    align-items: flex-start;
}

.pos-workspace-brand strong[b-63np3vnccg] {
    color: var(--pos-ink);
    font-size: 1rem;
    line-height: 1.1;
}

.pos-workspace-brand span:not(.pos-workspace-mark)[b-63np3vnccg] {
    color: var(--pos-muted);
    font-size: .72rem;
    font-weight: 700;
}

.pos-workspace-mark[b-63np3vnccg] {
    align-items: center;
    background: var(--pos-green);
    border-radius: var(--pos-radius-control);
    color: #fff;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.pos-workspace-context[b-63np3vnccg] {
    display: flex;
    align-items: center;
    gap: .25rem;
    min-width: 0;
}

.pos-context-item[b-63np3vnccg] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--pos-muted);
    display: inline-flex;
    font: inherit;
    gap: .3rem;
    min-width: 0;
    padding: .2rem .45rem;
}

.pos-context-item + .pos-context-item[b-63np3vnccg] {
    border-left: 1px solid var(--pos-border);
}

.pos-context-customer[b-63np3vnccg] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--pos-muted);
    display: inline-flex;
    font: inherit;
    gap: .3rem;
    min-width: 0;
    padding: .2rem .45rem;
    border-left: 1px solid var(--pos-border);
}

.pos-context-item > i[b-63np3vnccg],
.pos-context-customer > i[b-63np3vnccg],
.pos-context-cash > i[b-63np3vnccg] {
    color: var(--pos-green);
    font-size: .72rem;
}

.pos-context-item > span[b-63np3vnccg],
.pos-context-customer > span[b-63np3vnccg],
.pos-context-cash > span[b-63np3vnccg] {
    font-size: .7rem;
    font-weight: 700;
}

.pos-context-cash > small[b-63np3vnccg] {
    display: none;
    border-left: 1px solid var(--pos-border);
    color: var(--pos-muted);
    font-size: .68rem;
    font-weight: 700;
    margin-left: .15rem;
    padding-left: .45rem;
}

.pos-context-item > strong[b-63np3vnccg],
.pos-context-customer > strong[b-63np3vnccg] {
    color: var(--pos-ink);
    font-size: .74rem;
    max-width: 8.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-context-select[b-63np3vnccg] {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--pos-ink);
    cursor: pointer;
    font: inherit;
    font-size: .74rem;
    font-weight: 800;
    max-width: 8.5rem;
    min-width: 0;
    outline: 0;
    overflow: hidden;
    padding: 0 1rem 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-context-item:focus-within[b-63np3vnccg] {
    background: #eef7f2;
    border-radius: .4rem;
}

.pos-context-customer:hover[b-63np3vnccg],
.pos-context-customer:focus-visible[b-63np3vnccg] {
    background: #eef7f2;
    border-radius: .4rem;
    outline: 0;
}

.pos-context-cash[b-63np3vnccg] {
    border-radius: 999px;
    opacity: 1;
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--pos-muted);
    display: inline-flex;
    font: inherit;
    gap: .3rem;
    min-width: 0;
    padding: .2rem .45rem;
    border-left: 1px solid var(--pos-border);
    font-size: .74rem;
    font-weight: 800;
}

.pos-context-cash.is-open > i[b-63np3vnccg],
.pos-context-cash.is-open > strong[b-63np3vnccg] {
    color: #075942;
}

.pos-context-cash.is-closed > i[b-63np3vnccg],
.pos-context-cash.is-closed > strong[b-63np3vnccg] {
    color: #895700;
}

.pos-context-cash > strong[b-63np3vnccg] {
    color: var(--pos-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .78rem;
    max-width: none;
}

@media (max-width: 575.98px) {
    .pos-workspace-header[b-63np3vnccg] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: .65rem;
    }

    .pos-workspace-context[b-63np3vnccg] {
        flex-basis: 100%;
        order: 3;
        overflow-x: auto;
        padding-bottom: .2rem;
    }
}

@media (max-width: 767.98px) {
    .pos-workspace-header[b-63np3vnccg] {
        background: transparent;
        border: 0;
        border-radius: 0;
        display: block;
        margin-bottom: .45rem;
        padding: 0;
    }

    .pos-workspace-brand[b-63np3vnccg] {
        display: none;
    }

    .pos-workspace-context[b-63np3vnccg] {
        flex-basis: auto;
        gap: .4rem;
        overflow-x: auto;
        padding: 0 0 .2rem;
        width: 100%;
    }

    .pos-context-item[b-63np3vnccg] {
        background: var(--pos-surface);
        border: 1px solid var(--pos-border);
        border-radius: .65rem;
        flex: 0 0 auto;
        min-height: 2.5rem;
        padding: .3rem .5rem;
    }

    .pos-context-item + .pos-context-item[b-63np3vnccg] {
        border-left: 1px solid var(--pos-border);
    }

    .pos-context-customer[b-63np3vnccg] {
        background: var(--pos-surface);
        border: 1px solid var(--pos-border);
        border-radius: .65rem;
        flex: 0 0 auto;
        min-height: 2.5rem;
        padding: .3rem .5rem;
        border-left: 1px solid var(--pos-border);
    }

    .pos-context-item > span[b-63np3vnccg],
    .pos-context-customer > span[b-63np3vnccg] {
        display: none;
    }

    .pos-context-select[b-63np3vnccg] {
        max-width: 8.5rem;
    }

    .pos-context-cash[b-63np3vnccg] {
        border: 1px solid var(--pos-border);
        border-radius: .65rem;
        flex: 0 0 auto;
        min-height: 2.5rem;
        padding: .3rem .5rem;
        border-left: 1px solid var(--pos-border);
        background: #e5f5ee;
        border-color: #a6d8c1;
    }

    .pos-context-cash > strong[b-63np3vnccg] {
        font-size: .74rem;
    }
}
/* /Components/Pages/Pos/Pos.razor.rz.scp.css */
/* POS shell, shared design tokens and cross-component variants. */

.pos-page[b-bncea3r4pc] {
    --pos-ink: #181c20;
    --pos-muted: #596460;
    --pos-subtle: #e9efed;
    --pos-soft: #f7f9ff;
    --pos-surface: #ffffff;
    --pos-surface-tonal: #edf6f3;
    --pos-border: #d6dfdb;
    --pos-outline: #bec9c5;
    --pos-green: #0f6b5d;
    --pos-green-dark: #005146;
    --pos-accent: var(--color-secondary);
    --pos-success: var(--color-secondary);
    --pos-focus: rgba(15, 107, 93, .2);
    --pos-radius-sm: .5rem;
    --pos-radius-md: .625rem;
    --pos-radius-control: .7rem;
    --pos-radius-lg: .75rem;
    --pos-radius-xl: .9rem;
    min-height: calc(100vh - 3.5rem);
    padding: 0;
}

.pos-page .form-control[b-bncea3r4pc],
.pos-page .input-group-text[b-bncea3r4pc] {
    border-color: var(--pos-border);
    border-radius: var(--pos-radius-control);
}

.pos-page .input-group .form-control[b-bncea3r4pc] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pos-page .input-group .input-group-text[b-bncea3r4pc] {
    background: var(--pos-soft);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: var(--pos-muted);
}

[b-bncea3r4pc] .pos-terminal {
    background: var(--pos-soft);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    color: var(--pos-ink);
    height: calc(100vh - 5.5rem);
    min-height: 39rem;
    overflow: hidden;
    position: relative;
}

[b-bncea3r4pc] .pos-terminal.is-processing {
    pointer-events: none;
}

[b-bncea3r4pc] .pos-processing-overlay {
    align-items: center;
    background: rgba(248, 250, 252, .92);
    color: var(--pos-ink);
    display: flex;
    flex-direction: column;
    gap: .45rem;
    inset: 0;
    justify-content: center;
    position: absolute;
    text-align: center;
    z-index: 20;
}

[b-bncea3r4pc] .pos-processing-overlay small {
    color: var(--pos-muted);
    font-weight: 700;
}

[b-bncea3r4pc] .pos-terminal-loading {
    align-items: center;
    display: flex;
    justify-content: center;
}

[b-bncea3r4pc] .pos-terminal-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 28rem);
    height: 100%;
}

[b-bncea3r4pc] .pos-terminal-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    padding: .85rem 1.1rem 1rem;
}

[b-bncea3r4pc] .pos-product-search:focus-within {
    border-color: var(--pos-ink);
    box-shadow: 0 0 0 .25rem rgba(19, 27, 46, .12);
}

[b-bncea3r4pc] .pos-shortcut-chip:focus-visible {
    background: var(--pos-subtle);
    border-color: var(--pos-border);
    color: var(--pos-ink);
}

[b-bncea3r4pc] .pos-shortcut-rail {
    border-top: 1px solid var(--pos-border);
    margin: .15rem 0 .65rem;
    padding-top: .55rem;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .65rem;
}

[b-bncea3r4pc] .pos-shortcut-chip {
    border-color: transparent;
    font-size: .76rem;
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: .65rem;
    color: var(--pos-ink);
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    gap: .45rem;
    min-height: 2.55rem;
    padding: .4rem .65rem;
}

[b-bncea3r4pc] .pos-shortcut-chip:hover:not(:disabled),
[b-bncea3r4pc] .pos-secondary-action:hover:not(:disabled) {
    background: #eef7f2;
    border-color: #a6d8c1;
    color: var(--pos-green-dark);
}

[b-bncea3r4pc] .pos-shortcut-chip:disabled,
[b-bncea3r4pc] .pos-secondary-action:disabled {
    color: #8b95a5;
    opacity: .72;
}

[b-bncea3r4pc] .pos-shortcut-chip kbd {
    background: #172033;
    border-radius: .35rem;
    color: #fff;
    font-size: .74rem;
    min-width: 1.9rem;
    padding: .18rem .35rem;
    text-align: center;
}

[b-bncea3r4pc] .pos-shortcut-chip.has-sale kbd {
    background: var(--pos-green);
}

[b-bncea3r4pc] .pos-shortcut-more-label {
    color: var(--pos-muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

[b-bncea3r4pc] .pos-shortcut-chip-secondary {
    background: transparent;
    font-weight: 800;
}

[b-bncea3r4pc] .pos-shortcut-chip-secondary kbd {
    background: #5e6777;
}

[b-bncea3r4pc] .pos-shortcut-status {
    color: var(--pos-muted);
    font-size: .82rem;
    font-weight: 800;
    margin-left: auto;
}

[b-bncea3r4pc] .pos-operation-strip {
    align-items: center;
    gap: .5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: .7rem;
}

[b-bncea3r4pc] .pos-operation-strip > .pos-product-search:only-child {
    grid-column: 1 / -1;
}

[b-bncea3r4pc] .pos-search-box {
    align-items: center;
    display: flex;
    background: var(--pos-surface);
    border: 1px solid var(--pos-outline);
    border-radius: var(--pos-radius-lg);
    flex: 1 1 auto;
    gap: .6rem;
    min-height: 3.15rem;
    padding: 0 .8rem;
}

[b-bncea3r4pc] .pos-search-box:focus-within {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .22rem var(--pos-focus);
}

[b-bncea3r4pc] .pos-search-box i {
    color: var(--pos-muted);
}

[b-bncea3r4pc] .pos-search-box input {
    background: transparent;
    border: 0;
    color: var(--pos-ink);
    font-size: 1rem;
    min-width: 0;
    outline: 0;
    width: 100%;
}

[b-bncea3r4pc] .pos-product-search {
    border: 2px solid #9eada7;
    box-shadow: 0 0 0 .25rem rgba(19, 27, 46, .04);
    background: #fff;
    border-color: #9eada7;
    display: flex;
    min-height: 3.65rem;
    min-width: 0;
    padding-left: 1rem;
}

[b-bncea3r4pc] .pos-product-search > i:first-child {
    color: var(--pos-green);
    font-size: 1.05rem;
}

[b-bncea3r4pc] .pos-product-search input {
    font-weight: 700;
    font-size: 1.05rem;
}

[b-bncea3r4pc] .pos-product-search input::placeholder {
    color: #6b7782;
    opacity: 1;
}

[b-bncea3r4pc] .pos-scan-action {
    align-items: center;
    border: 0;
    border-radius: .55rem;
    display: inline-flex;
    background: var(--pos-subtle);
    color: var(--pos-green-dark);
    flex: 0 0 2.35rem;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

[b-bncea3r4pc] .pos-scan-action:disabled {
    cursor: wait;
    opacity: .72;
}

[b-bncea3r4pc] .pos-scan-action i {
    color: var(--pos-green-dark);
}

[b-bncea3r4pc] .pos-scan-action:hover:not(:disabled),
[b-bncea3r4pc] .pos-scan-action:focus-visible {
    background: #d9f1e6;
    box-shadow: 0 0 0 .18rem var(--pos-focus);
    outline: 0;
}

[b-bncea3r4pc] .pos-actions-modal .pos-modal-body {
    padding: .85rem !important;
}

[b-bncea3r4pc] .pos-scan-feedback {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: .65rem;
    color: #334155;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 700;
    gap: .45rem;
    margin-bottom: .85rem;
    padding: .55rem .75rem;
}

[b-bncea3r4pc] .pos-scan-feedback i {
    color: #111827;
}

[b-bncea3r4pc] .pos-scan-feedback.is-success {
    background: #eef7f2;
    border-color: #b9dec9;
    color: #163b2a;
}

[b-bncea3r4pc] .pos-scan-feedback.is-success i {
    color: var(--pos-green-dark);
}

[b-bncea3r4pc] .pos-scan-feedback.is-error {
    background: #fff3f2;
    border-color: #edb9b4;
    color: #7a271a;
}

[b-bncea3r4pc] .pos-scan-feedback.is-error i {
    color: #b42318;
}

[b-bncea3r4pc] .pos-open-cash {
    align-items: center;
    display: flex;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius-lg);
    gap: .75rem;
    padding: .5rem;
}

[b-bncea3r4pc] .pos-open-cash label {
    margin: 0;
    min-width: 8rem;
}

[b-bncea3r4pc] .pos-open-cash span {
    color: var(--pos-muted);
    display: block;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.1;
}

[b-bncea3r4pc] .pos-open-cash input {
    border: 0;
    color: var(--pos-ink);
    font-weight: 800;
    max-width: 7rem;
    outline: 0;
}

[b-bncea3r4pc] .pos-open-cash button {
    border: 0;
    font: inherit;
    background: var(--pos-green);
    border-radius: var(--pos-radius-md);
    color: #fff;
    font-weight: 800;
    gap: .45rem;
    min-height: 2.75rem;
    padding: 0 1rem;
}

[b-bncea3r4pc] .pos-open-cash button:hover:not(:disabled) {
    background: var(--pos-green-dark);
}

[b-bncea3r4pc] .pos-open-cash button:disabled {
    cursor: wait;
    opacity: .74;
}

[b-bncea3r4pc] .pos-presale-context {
    align-items: center;
    background: #eef5ff;
    border: 1px solid #c8d9f4;
    border-radius: var(--pos-radius-control);
    color: #24436f;
    display: flex;
    gap: .55rem;
    margin: 0 0 .75rem;
    padding: .5rem .65rem;
}

[b-bncea3r4pc] .pos-presale-context > span:not(.pos-context-id) {
    display: grid;
    gap: .05rem;
}

[b-bncea3r4pc] .pos-presale-context strong {
    font-size: .78rem;
}

[b-bncea3r4pc] .pos-presale-context small {
    color: #4b6283;
    font-size: .72rem;
}

[b-bncea3r4pc] .pos-context-id {
    font-size: .74rem;
    font-weight: 800;
    margin-left: auto;
}

[b-bncea3r4pc] .pos-terminal-cart {
    box-shadow: -0.4rem 0 1.2rem rgba(16, 24, 40, .035);
    background: var(--pos-surface);
    border-left: 1px solid var(--pos-border);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

[b-bncea3r4pc] .pos-cart-thumb {
    align-items: center;
    background: var(--pos-subtle);
    border-radius: var(--pos-radius-md);
    color: #24405f;
    display: flex;
    font-size: .85rem;
    font-weight: 900;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

[b-bncea3r4pc] .pos-checkout-panel .amount-input {
    background: var(--pos-surface);
    border: 1px solid var(--pos-outline);
    border-radius: .55rem;
    color: var(--pos-ink);
    font-weight: 800;
    max-width: 7.25rem;
    min-height: 2.5rem;
    padding: .35rem .55rem;
    text-align: right;
}

[b-bncea3r4pc] .pos-checkout-panel .amount-input:focus {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .2rem var(--pos-focus);
    outline: 0;
}

[b-bncea3r4pc] .pos-coupon-status {
    border: 1px solid #f1d58a;
    border-radius: .55rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    margin-top: .55rem;
    padding: .55rem .65rem;
}

[b-bncea3r4pc] .pos-coupon-status.accepted {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #047857;
}

[b-bncea3r4pc] .pos-coupon-status.rejected {
    background: #fff8e6;
    color: #92400e;
}

[b-bncea3r4pc] .pos-coupon-status strong {
    font-size: .82rem;
}

[b-bncea3r4pc] .pos-coupon-status span {
    font-size: .78rem;
}

[b-bncea3r4pc] .pos-payment-hint {
    background: #fff8e6;
    border: 1px solid #f1d58a;
    border-radius: var(--pos-radius-md);
    color: #5f4300;
    font-size: .82rem;
    font-weight: 700;
    margin: 0;
    padding: .65rem .75rem;
}

[b-bncea3r4pc] .pos-customer-modal .pos-modal-header {
    padding: 1.1rem 1.35rem !important;
}

[b-bncea3r4pc] .pos-customer-modal .pos-modal-body {
    padding: 1.15rem 1.35rem !important;
}

[b-bncea3r4pc] .pos-customer-modal .modal-body {
    max-height: calc(90vh - 9.5rem);
    overflow-y: auto;
}

[b-bncea3r4pc] .pos-section-heading {
    align-items: end;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

[b-bncea3r4pc] .pos-section-heading small {
    color: var(--pos-muted);
    font-size: .76rem;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-bncea3r4pc] .pos-section-label {
    color: var(--pos-ink);
    display: block;
    font-size: .86rem;
    font-weight: 900;
    margin-bottom: 0;
}

[b-bncea3r4pc] .pos-select {
    appearance: none;
    background-color: var(--pos-surface);
    background-image: linear-gradient(45deg, transparent 50%, var(--pos-muted) 50%), linear-gradient(135deg, var(--pos-muted) 50%, transparent 50%);
    background-position: calc(100% - 1rem) 50%, calc(100% - .7rem) 50%;
    background-repeat: no-repeat;
    background-size: .32rem .32rem, .32rem .32rem;
    border: 1px solid var(--pos-outline);
    border-radius: var(--pos-radius-sm);
    color: var(--pos-ink);
    font-weight: 800;
    line-height: 1.2;
    min-height: 2.5rem;
    padding: .45rem 1.85rem .45rem .65rem;
}

[b-bncea3r4pc] .pos-select option {
    background: #ffffff;
    color: var(--pos-ink);
    font-weight: 700;
}

[b-bncea3r4pc] .pos-select:focus {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .18rem var(--pos-focus);
    outline: 0;
}

[b-bncea3r4pc] .pos-secondary-action {
    align-items: center;
    background: var(--pos-surface);
    border: 1px solid var(--pos-border);
    border-radius: .65rem;
    color: var(--pos-ink);
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    gap: .45rem;
    padding: .4rem .65rem;
    justify-content: center;
    min-height: 2.85rem;
    width: 100%;
}

[b-bncea3r4pc] .pos-restaurant-split-link {
    border: 0;
    cursor: pointer;
}

[b-bncea3r4pc] .pos-restaurant-split-link:disabled {
    cursor: not-allowed;
    opacity: .55;
}

[b-bncea3r4pc] .pos-bill-split-modal .pos-modal-body {
    background: #f4f8f6;
}

[b-bncea3r4pc] .pos-bill-line-buttons button.is-exact {
    background: rgba(15, 107, 93, .1);
}

[b-bncea3r4pc] .pos-bill-split-summary .pos-checkout-modal-summary {
    margin: 0;
}

[b-bncea3r4pc] .pos-small-action {
    background: var(--pos-surface);
    border: 1px solid #a6d8c1;
    border-radius: var(--pos-radius-md);
    color: #07593d;
    font-weight: 800;
    min-height: 2.25rem;
    padding: .35rem .7rem;
}

[b-bncea3r4pc] .pos-modal-backdrop {
    background: rgba(15, 23, 42, .52);
}

[b-bncea3r4pc] .pos-modal {
    border: 1px solid var(--pos-border) !important;
    border-radius: var(--pos-radius-xl) !important;
    box-shadow: 0 1rem 3rem rgba(16, 24, 40, .18) !important;
    overflow: hidden;
}

[b-bncea3r4pc] .pos-modal-header {
    background: #f8fafc;
    border-bottom: 1px solid var(--pos-border) !important;
    padding: 1rem 1.15rem !important;
}

[b-bncea3r4pc] .pos-modal-header .modal-title {
    color: var(--pos-ink);
    font-weight: 900;
}

[b-bncea3r4pc] .pos-modal-body {
    padding: 1rem 1.15rem !important;
}

[b-bncea3r4pc] .pos-modal-body .form-label {
    color: var(--pos-ink);
    font-size: .86rem;
    font-weight: 800;
}

[b-bncea3r4pc] .pos-modal-body .form-control {
    border-color: var(--pos-outline);
    border-radius: var(--pos-radius-control);
    min-height: 2.85rem;
}

[b-bncea3r4pc] .pos-modal-body .form-control:focus {
    border-color: var(--pos-green);
    box-shadow: 0 0 0 .22rem var(--pos-focus);
}

[b-bncea3r4pc] .pos-modal-footer {
    background: #f8fafc;
    border-top: 1px solid var(--pos-border) !important;
    gap: .5rem;
    padding: .85rem 1.15rem !important;
}

[b-bncea3r4pc] .pos-modal-footer .btn {
    border-radius: var(--pos-radius-control);
    font-weight: 900;
    min-height: 2.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (max-width: 1199.98px) {
    [b-bncea3r4pc] .pos-terminal-body {
        grid-template-columns: minmax(0, 1fr) 22rem;
    }

    [b-bncea3r4pc] .pos-operation-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-bncea3r4pc] .pos-product-search,
    [b-bncea3r4pc] .pos-open-cash {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    [b-bncea3r4pc] .pos-terminal {
        border-radius: var(--pos-radius-lg);
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    [b-bncea3r4pc] .pos-terminal-body {
        grid-template-columns: 1fr;
        height: auto;
    }

    [b-bncea3r4pc] .pos-terminal-main {
        overflow: visible;
    }

    [b-bncea3r4pc] .pos-terminal-cart {
        border-left: 0;
        border-top: 1px solid var(--pos-border);
    }
}

@media (max-width: 575.98px) {
    [b-bncea3r4pc] .pos-terminal {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
    }

    [b-bncea3r4pc] .pos-terminal-main {
        padding: .8rem;
    }

    [b-bncea3r4pc] .pos-open-cash {
        align-items: stretch;
        flex-direction: column;
    }

    [b-bncea3r4pc] .pos-open-cash input,
    [b-bncea3r4pc] .pos-open-cash button,
    [b-bncea3r4pc] .pos-open-cash label {
        max-width: none;
        width: 100%;
    }

    [b-bncea3r4pc] .pos-operation-strip {
        grid-template-columns: 1fr;
    }

    [b-bncea3r4pc] .pos-shortcut-rail {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    [b-bncea3r4pc] .pos-shortcut-chip {
        justify-content: center;
        padding-left: .45rem;
        padding-right: .45rem;
    }

    [b-bncea3r4pc] .pos-shortcut-more-label {
        align-self: center;
        text-align: center;
    }

    [b-bncea3r4pc] .pos-shortcut-status {
        grid-column: 1 / -1;
        margin-left: 0;
        text-align: center;
    }

    [b-bncea3r4pc] .pos-modal-footer {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    [b-bncea3r4pc] .pos-modal-footer .btn {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .pos-page[b-bncea3r4pc] {
        padding-bottom: calc(5.75rem + env(safe-area-inset-bottom));
    }

    [b-bncea3r4pc] .pos-terminal-main {
        padding: .65rem .75rem .8rem;
    }

    [b-bncea3r4pc] .pos-shortcut-rail {
        display: none;
    }

    [b-bncea3r4pc] .pos-operation-strip {
        margin-bottom: .45rem;
    }

    [b-bncea3r4pc] .pos-terminal-cart {
        background: var(--color-surface);
        border: 1px solid var(--pos-border);
        border-bottom: 0;
        border-radius: 1.1rem 1.1rem 0 0;
        bottom: 0;
        box-shadow: 0 -1rem 2rem rgba(16, 24, 40, .16);
        left: 0;
        max-height: min(78dvh, 44rem);
        overflow: auto;
        pointer-events: none;
        position: fixed;
        right: 0;
        transform: translateY(calc(100% + 1rem));
        transition: transform .2s ease;
        visibility: hidden;
        z-index: 50;
    }

    [b-bncea3r4pc] .pos-terminal-cart.is-mobile-open {
        pointer-events: auto;
        transform: translateY(0);
        visibility: visible;
    }

    [b-bncea3r4pc] .pos-terminal-cart .pos-cart-header {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    [b-bncea3r4pc] .pos-terminal-cart .pos-checkout-panel {
        box-shadow: none;
        position: static;
    }

    [b-bncea3r4pc] .pos-terminal-cart .pos-cart-lines {
        height: auto;
        max-height: none;
        min-height: 0;
    }

    [b-bncea3r4pc] .pos-customer-modal .pos-modal-body {
        padding: 1rem !important;
    }
}
/* /Components/Pages/Reports/CancellationHistory.razor.rz.scp.css */
/* Cancellation history page */
.cancellation-history-page[b-n281kftzi1] {
    --cancellation-ink: #172033;
    --cancellation-muted: #667085;
    --cancellation-subtle: #eef3f8;
    --cancellation-subtle-strong: #e5f5ee;
    --cancellation-surface: #ffffff;
    --cancellation-border: #d8dee8;
    --cancellation-outline: #c4ccd8;
    --cancellation-green: #0f7b56;
    --cancellation-green-dark: #07593d;
    --cancellation-warning: #7a4f00;
    --cancellation-warning-bg: #fff8e6;
    color: var(--cancellation-ink);
}

[b-n281kftzi1] .cancellation-history-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-n281kftzi1] .cancellation-history-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-n281kftzi1] .cancellation-history-title-icon,
[b-n281kftzi1] .cancellation-history-empty-icon {
    align-items: center;
    background: var(--cancellation-subtle-strong);
    border-radius: .85rem;
    color: var(--cancellation-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-n281kftzi1] .cancellation-history-title-block h2 {
    color: var(--cancellation-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-n281kftzi1] .cancellation-history-title-block span {
    color: var(--cancellation-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-n281kftzi1] .cancellation-history-filter-card,
[b-n281kftzi1] .cancellation-history-table-card {
    background: var(--cancellation-surface);
    border: 1px solid var(--cancellation-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    margin-bottom: 1rem;
}

[b-n281kftzi1] .cancellation-history-loading {
    align-items: center;
    background: var(--cancellation-surface);
    display: flex;
    justify-content: center;
    min-height: 12rem;
}

[b-n281kftzi1] .cancellation-history-filter-header {
    padding: .95rem .95rem 0;
}

[b-n281kftzi1] .cancellation-history-filter-body {
    display: grid;
    gap: .85rem;
    padding: .95rem !important;
}

[b-n281kftzi1] .cancellation-history-filter-header strong,
[b-n281kftzi1] .cancellation-history-filter-header small {
    display: block;
}

[b-n281kftzi1] .cancellation-history-filter-header strong {
    color: var(--cancellation-ink);
    font-size: .96rem;
    font-weight: 900;
}

[b-n281kftzi1] .cancellation-history-filter-header small {
    color: var(--cancellation-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-n281kftzi1] .cancellation-history-filter-body .form-label {
    color: var(--cancellation-ink);
    font-size: .86rem;
    font-weight: 800;
}

[b-n281kftzi1] .cancellation-history-filter-body .form-control {
    border-color: var(--cancellation-outline);
    border-radius: .7rem;
    color: var(--cancellation-ink);
    min-height: 2.85rem;
}

[b-n281kftzi1] .cancellation-history-filter-body .form-control:focus {
    border-color: var(--cancellation-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
}

[b-n281kftzi1] .cancellation-history-primary-action,
[b-n281kftzi1] .cancellation-history-secondary-action {
    align-items: center;
    border-radius: .7rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
}

[b-n281kftzi1] .cancellation-history-primary-action {
    background: var(--cancellation-green) !important;
    border-color: var(--cancellation-green) !important;
    color: #fff !important;
}

[b-n281kftzi1] .cancellation-history-primary-action:hover:not(:disabled) {
    background: var(--cancellation-green-dark) !important;
    border-color: var(--cancellation-green-dark) !important;
}

[b-n281kftzi1] .cancellation-history-secondary-action {
    background: var(--cancellation-surface) !important;
    border-color: var(--cancellation-border) !important;
    color: var(--cancellation-ink) !important;
}

[b-n281kftzi1] .cancellation-history-alert {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

[b-n281kftzi1] .cancellation-history-alert.success {
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    color: var(--cancellation-green-dark);
}

[b-n281kftzi1] .cancellation-history-table-card {
    overflow: hidden;
}

[b-n281kftzi1] .cancellation-history-table-header {
    align-items: center;
    background: var(--cancellation-surface);
    border-bottom: 1px solid var(--cancellation-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-n281kftzi1] .cancellation-history-table-header strong,
[b-n281kftzi1] .cancellation-history-table-header small {
    display: block;
}

[b-n281kftzi1] .cancellation-history-table-header strong {
    color: var(--cancellation-ink);
    font-size: 1rem;
    font-weight: 900;
}

[b-n281kftzi1] .cancellation-history-table-header small {
    color: var(--cancellation-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-n281kftzi1] .cancellation-history-table-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

[b-n281kftzi1] .cancellation-history-table {
    color: var(--cancellation-ink);
    min-width: 58rem;
}

[b-n281kftzi1] .cancellation-history-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-n281kftzi1] .cancellation-history-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid var(--cancellation-border);
    color: var(--cancellation-muted);
    font-family: var(--font-label);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 0;
    padding: .85rem 1.15rem;
    text-transform: uppercase;
}

[b-n281kftzi1] .cancellation-history-table tbody td {
    border-color: var(--cancellation-border);
    color: #344054;
    padding: .9rem 1.15rem;
}

[b-n281kftzi1] .cancellation-history-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-n281kftzi1] .cancellation-history-number {
    max-width: 15rem;
    overflow-wrap: anywhere;
}

[b-n281kftzi1] .cancellation-history-empty {
    align-items: center;
    background: var(--cancellation-surface);
    color: var(--cancellation-muted);
    display: flex;
    gap: 1rem;
    justify-content: center;
    min-height: 9rem;
    padding: 1rem;
    text-align: left;
}

[b-n281kftzi1] .cancellation-history-empty strong,
[b-n281kftzi1] .cancellation-history-empty small {
    display: block;
}

[b-n281kftzi1] .cancellation-history-empty strong {
    color: var(--cancellation-ink);
    font-weight: 900;
}

[b-n281kftzi1] .cancellation-history-empty small {
    color: var(--cancellation-muted);
    font-weight: 700;
    margin-top: .15rem;
}

@media (max-width: 991.98px) {
    [b-n281kftzi1] .cancellation-history-header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-n281kftzi1] .status-chip {
        justify-content: center;
        width: fit-content;
    }
}

@media (max-width: 767.98px) {
    [b-n281kftzi1] .cancellation-history-title-block,
    [b-n281kftzi1] .cancellation-history-empty {
        align-items: flex-start;
    }

    [b-n281kftzi1] .status-chip,
    [b-n281kftzi1] .cancellation-history-primary-action,
    [b-n281kftzi1] .cancellation-history-secondary-action {
        width: 100%;
    }

    [b-n281kftzi1] .cancellation-history-table {
        min-width: 0;
    }

    [b-n281kftzi1] .cancellation-history-table thead {
        display: none;
    }

    [b-n281kftzi1] .cancellation-history-table,
    [b-n281kftzi1] .cancellation-history-table tbody,
    [b-n281kftzi1] .cancellation-history-table tr,
    [b-n281kftzi1] .cancellation-history-table td {
        display: block;
        width: 100%;
    }

    [b-n281kftzi1] .cancellation-history-table tbody tr {
        border-bottom: 1px solid var(--cancellation-border);
        padding: .85rem 1rem;
    }

    [b-n281kftzi1] .cancellation-history-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-n281kftzi1] .cancellation-history-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-n281kftzi1] .cancellation-history-table tbody td::before {
        color: var(--cancellation-muted);
        content: attr(data-label);
        flex: 0 0 7.5rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-n281kftzi1] .cancellation-history-table td[data-label="Número"] {
        display: block;
        text-align: left !important;
    }

    [b-n281kftzi1] .cancellation-history-table td[data-label="Número"]::before,
    [b-n281kftzi1] .cancellation-history-row-action::before {
        display: none;
    }

    [b-n281kftzi1] .cancellation-history-row-action {
        justify-content: flex-end !important;
    }

    [b-n281kftzi1] .cancellation-history-empty {
        flex-direction: column;
        justify-content: flex-start;
    }
}

/* /Components/Pages/Reports/DailyReport.razor.rz.scp.css */
/* Daily report page */
.daily-report-page[b-qzmn9nf0hj] {
    --daily-report-ink: #172033;
    --daily-report-muted: #667085;
    --daily-report-subtle: #eef3f8;
    --daily-report-subtle-strong: #e5f5ee;
    --daily-report-surface: #ffffff;
    --daily-report-border: #d8dee8;
    --daily-report-outline: #c4ccd8;
    --daily-report-green: #0f7b56;
    --daily-report-green-dark: #07593d;
    --daily-report-danger: #b42318;
    --daily-report-danger-bg: #fff1f0;
    --daily-report-warning: #7a4f00;
    --daily-report-warning-bg: #fff8e6;
    color: var(--daily-report-ink);
}

[b-qzmn9nf0hj] .daily-report-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-qzmn9nf0hj] .daily-report-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-qzmn9nf0hj] .daily-report-title-icon {
    align-items: center;
    background: var(--daily-report-subtle-strong);
    border-radius: .85rem;
    color: var(--daily-report-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-qzmn9nf0hj] .daily-report-title-block h2 {
    color: var(--daily-report-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-qzmn9nf0hj] .daily-report-title-block span {
    color: var(--daily-report-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-qzmn9nf0hj] .daily-report-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

[b-qzmn9nf0hj] .daily-report-compact-actions {
    margin-bottom: 1rem;
}

[b-qzmn9nf0hj] .daily-report-actions .form-control {
    border-color: var(--daily-report-outline);
    border-radius: .7rem;
    color: var(--daily-report-ink);
    min-height: 2.75rem;
    min-width: 10.5rem;
}

[b-qzmn9nf0hj] .daily-report-actions .form-control:focus,
[b-qzmn9nf0hj] .daily-report-cancel-inline .form-control:focus {
    border-color: var(--daily-report-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
}

[b-qzmn9nf0hj] .daily-report-primary-action,
[b-qzmn9nf0hj] .daily-report-secondary-action {
    align-items: center;
    border-radius: .7rem !important;
    display: inline-flex;
    font-weight: 900;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
}

[b-qzmn9nf0hj] .daily-report-primary-action {
    background: var(--daily-report-green) !important;
    border-color: var(--daily-report-green) !important;
    color: #fff !important;
}

[b-qzmn9nf0hj] .daily-report-primary-action:hover:not(:disabled) {
    background: var(--daily-report-green-dark) !important;
    border-color: var(--daily-report-green-dark) !important;
}

[b-qzmn9nf0hj] .daily-report-secondary-action {
    background: var(--daily-report-surface) !important;
    border-color: var(--daily-report-border) !important;
    color: var(--daily-report-ink) !important;
}

[b-qzmn9nf0hj] .daily-report-action-chip {
    background: #e7edf5 !important;
    border-color: #aeb8c4 !important;
    color: #17212b !important;
}

[b-qzmn9nf0hj] .daily-report-action-chip.status-chip-success {
    background: #e5f5ee !important;
    border-color: #8fc6ac !important;
    color: #07593d !important;
}

[b-qzmn9nf0hj] .daily-report-action-chip.status-chip-warning {
    background: #fff8e6 !important;
    border-color: #e0b655 !important;
    color: #5d3a00 !important;
}

[b-qzmn9nf0hj] .daily-report-alert {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-weight: 800;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .75rem .9rem;
}

[b-qzmn9nf0hj] .daily-report-alert.success {
    background: #e9f7ef;
    border: 1px solid #a6d8c1;
    color: var(--daily-report-green-dark);
}

[b-qzmn9nf0hj] .daily-report-loading,
[b-qzmn9nf0hj] .daily-report-panel {
    background: var(--daily-report-surface);
    border: 1px solid var(--daily-report-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-qzmn9nf0hj] .daily-report-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 14rem;
}

[b-qzmn9nf0hj] .daily-report-kpis {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-qzmn9nf0hj] .daily-report-kpi {
    background: var(--daily-report-surface);
    border: 1px solid var(--daily-report-border);
    border-radius: .75rem;
    min-height: 7rem;
    padding: 1rem;
}

[b-qzmn9nf0hj] .daily-report-kpi.kpi-strong {
    background: #edf8f2;
    border-color: #b8dfcc;
}

[b-qzmn9nf0hj] .daily-report-kpi.warning {
    background: var(--daily-report-warning-bg);
    border-color: #f1d28a;
}

[b-qzmn9nf0hj] .daily-report-kpi span {
    color: var(--daily-report-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: .55rem;
    text-transform: uppercase;
}

[b-qzmn9nf0hj] .daily-report-kpi strong {
    color: var(--daily-report-ink);
    display: block;
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    font-weight: 900;
    line-height: 1.15;
}

[b-qzmn9nf0hj] .daily-report-kpi small {
    color: var(--daily-report-muted);
    display: block;
    font-weight: 700;
    margin-top: .45rem;
}

[b-qzmn9nf0hj] .daily-report-content {
    margin-top: 0;
}

[b-qzmn9nf0hj] .daily-report-fiscal {
    background: #f8fbff;
    border: 1px solid #cddbf0;
    border-radius: .75rem;
    margin-bottom: 1rem;
    padding: 1rem 1.15rem;
}

[b-qzmn9nf0hj] .daily-report-fiscal-heading {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-qzmn9nf0hj] .daily-report-fiscal-heading h2 {
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}

[b-qzmn9nf0hj] .daily-report-fiscal-heading p {
    color: var(--daily-report-muted);
    font-size: .82rem;
    font-weight: 700;
    margin: .2rem 0 0;
}

[b-qzmn9nf0hj] .daily-report-fiscal-kpis {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

[b-qzmn9nf0hj] .daily-report-fiscal-kpi {
    background: var(--daily-report-surface);
    border: 1px solid var(--daily-report-border);
    border-radius: .6rem;
    padding: .8rem;
}

[b-qzmn9nf0hj] .daily-report-fiscal-kpi.total {
    background: #edf8f2;
    border-color: #b8dfcc;
}

[b-qzmn9nf0hj] .daily-report-fiscal-kpi span {
    color: var(--daily-report-muted);
    display: block;
    font-size: .72rem;
    font-weight: 900;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

[b-qzmn9nf0hj] .daily-report-fiscal-kpi strong {
    font-size: 1.05rem;
    font-weight: 900;
}

[b-qzmn9nf0hj] .daily-report-panel {
    overflow: hidden;
}

[b-qzmn9nf0hj] .daily-report-panel-header {
    align-items: center;
    background: var(--daily-report-surface);
    border-bottom: 1px solid var(--daily-report-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-qzmn9nf0hj] .daily-report-panel-header strong,
[b-qzmn9nf0hj] .daily-report-panel-header span {
    display: block;
}

[b-qzmn9nf0hj] .daily-report-panel-header strong {
    color: var(--daily-report-ink);
    font-size: 1rem;
    font-weight: 900;
}

[b-qzmn9nf0hj] .daily-report-panel-header span {
    color: var(--daily-report-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-qzmn9nf0hj] .daily-report-table {
    color: var(--daily-report-ink);
    min-width: 54rem;
}

[b-qzmn9nf0hj] .daily-report-table.compact {
    min-width: 34rem;
}

[b-qzmn9nf0hj] .daily-report-table.sales {
    min-width: 58rem;
}

[b-qzmn9nf0hj] .daily-report-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-qzmn9nf0hj] .daily-report-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid var(--daily-report-border);
    color: var(--daily-report-muted);
    font-family: var(--font-label);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 0;
    padding: .85rem 1.15rem;
    text-transform: uppercase;
}

[b-qzmn9nf0hj] .daily-report-table tbody td {
    border-color: var(--daily-report-border);
    color: #344054;
    padding: .9rem 1.15rem;
}

[b-qzmn9nf0hj] .daily-report-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-qzmn9nf0hj] .daily-report-code {
    background: var(--daily-report-subtle);
    border-radius: .5rem;
    color: var(--daily-report-ink);
    display: inline-flex;
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    max-width: 15rem;
    overflow-wrap: anywhere;
    padding: .25rem .5rem;
}

[b-qzmn9nf0hj] .daily-report-row-actions {
    min-width: 14rem;
    width: 22rem;
    white-space: normal;
}

[b-qzmn9nf0hj] .daily-report-cancel-inline {
    margin-left: auto;
    margin-top: .5rem;
    max-width: 24rem;
    width: 100%;
}

[b-qzmn9nf0hj] .daily-report-cancel-inline .form-control {
    border-color: var(--daily-report-outline);
    border-radius: .65rem 0 0 .65rem;
}

[b-qzmn9nf0hj] .daily-report-cancel-inline .btn {
    align-items: center;
    border-radius: 0 .65rem .65rem 0;
    display: inline-flex;
    font-weight: 900;
    gap: .4rem;
}

[b-qzmn9nf0hj] .daily-report-empty {
    align-items: center;
    color: var(--daily-report-muted);
    display: flex;
    font-weight: 800;
    gap: .65rem;
    justify-content: center;
    min-height: 8rem;
    padding: 1rem;
    text-align: center;
}

[b-qzmn9nf0hj] .daily-report-empty i {
    color: var(--daily-report-green);
    font-size: 1.2rem;
}

@media (max-width: 1199.98px) {
    [b-qzmn9nf0hj] .daily-report-header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-qzmn9nf0hj] .daily-report-actions {
        justify-content: flex-start;
    }

    [b-qzmn9nf0hj] .daily-report-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-qzmn9nf0hj] .daily-report-fiscal-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    [b-qzmn9nf0hj] .daily-report-title-block,
    [b-qzmn9nf0hj] .daily-report-actions,
    [b-qzmn9nf0hj] .daily-report-empty {
        align-items: flex-start;
    }

    [b-qzmn9nf0hj] .daily-report-actions,
    [b-qzmn9nf0hj] .daily-report-actions .form-control,
    [b-qzmn9nf0hj] .daily-report-actions .btn,
    [b-qzmn9nf0hj] .daily-report-primary-action,
    [b-qzmn9nf0hj] .daily-report-secondary-action {
        width: 100%;
    }

    [b-qzmn9nf0hj] .daily-report-kpis {
        grid-template-columns: 1fr;
    }

    [b-qzmn9nf0hj] .daily-report-fiscal-heading {
        align-items: stretch;
        flex-direction: column;
    }

    [b-qzmn9nf0hj] .daily-report-fiscal-kpis {
        grid-template-columns: 1fr;
    }

    [b-qzmn9nf0hj] .daily-report-table {
        min-width: 0 !important;
    }

    [b-qzmn9nf0hj] .daily-report-table thead {
        display: none;
    }

    [b-qzmn9nf0hj] .daily-report-table,
    [b-qzmn9nf0hj] .daily-report-table tbody,
    [b-qzmn9nf0hj] .daily-report-table tr,
    [b-qzmn9nf0hj] .daily-report-table td {
        display: block;
        width: 100%;
    }

    [b-qzmn9nf0hj] .daily-report-table tbody tr {
        border-bottom: 1px solid var(--daily-report-border);
        padding: .85rem 1rem;
    }

    [b-qzmn9nf0hj] .daily-report-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-qzmn9nf0hj] .daily-report-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-qzmn9nf0hj] .daily-report-table tbody td::before {
        color: var(--daily-report-muted);
        content: attr(data-label);
        flex: 0 0 6.75rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-qzmn9nf0hj] .daily-report-table td[data-label="Código"],
    [b-qzmn9nf0hj] .daily-report-table td[data-label="Número"] {
        display: block;
        text-align: left !important;
    }

    [b-qzmn9nf0hj] .daily-report-table td[data-label="Código"]::before,
    [b-qzmn9nf0hj] .daily-report-table td[data-label="Número"]::before,
    [b-qzmn9nf0hj] .daily-report-row-actions::before {
        display: none;
    }

    [b-qzmn9nf0hj] .daily-report-row-actions {
        min-width: 0;
        text-align: left !important;
    }

    [b-qzmn9nf0hj] .daily-report-row-actions .btn,
    [b-qzmn9nf0hj] .daily-report-row-actions .icon-action-button {
        width: 100%;
    }

    [b-qzmn9nf0hj] .daily-report-cancel-inline {
        display: grid;
        gap: .5rem;
        margin-left: 0;
        max-width: none;
    }

    [b-qzmn9nf0hj] .daily-report-cancel-inline .form-control,
    [b-qzmn9nf0hj] .daily-report-cancel-inline .btn {
        border-radius: .65rem;
        width: 100%;
    }

    [b-qzmn9nf0hj] .daily-report-empty {
        justify-content: flex-start;
        text-align: left;
    }
}

/* /Components/Pages/Reports/InventoryTraceabilityReports.razor.rz.scp.css */
.trace-report-screen[b-2ea1hb13kd] {
    --trace-report-border: var(--color-border);
    --trace-report-muted: var(--color-muted);
    --trace-report-text: var(--color-text);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-2ea1hb13kd] .trace-report-filter-card {
    border: 1px solid var(--trace-report-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
}

[b-2ea1hb13kd] .trace-report-filter-body {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: end;
    padding: 1rem !important;
}

[b-2ea1hb13kd] .trace-report-filter-body > :nth-child(1) { grid-column: span 4; }
[b-2ea1hb13kd] .trace-report-filter-body > :nth-child(2),
[b-2ea1hb13kd] .trace-report-filter-body > :nth-child(3) { grid-column: span 3; }
[b-2ea1hb13kd] .trace-report-filter-body > :nth-child(4) { grid-column: span 2; }

[b-2ea1hb13kd] .trace-report-filter-body .form-control,
[b-2ea1hb13kd] .trace-report-filter-body .form-select {
    border-color: var(--trace-report-border);
    border-radius: .7rem;
    color: var(--trace-report-text);
    min-height: 2.75rem;
}

[b-2ea1hb13kd] .trace-report-filter-body .form-control:focus,
[b-2ea1hb13kd] .trace-report-filter-body .form-select:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--color-secondary) 18%, transparent);
}

[b-2ea1hb13kd] .trace-report-filter-body .form-field-help {
    color: var(--trace-report-muted);
    font-size: .72rem;
    line-height: 1.2;
    margin-top: .25rem;
}

.trace-report-summary[b-2ea1hb13kd] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.trace-report-detail-grid article[b-2ea1hb13kd] {
    border: 1px solid #e1e7ef;
    border-radius: .5rem;
    background: #fff;
    padding: .9rem;
}

.trace-report-detail-grid span[b-2ea1hb13kd],
.trace-report-detail-grid small[b-2ea1hb13kd] {
    display: block;
    color: #64748b;
}

.trace-report-detail-grid strong[b-2ea1hb13kd] {
    display: block;
    margin: .2rem 0;
    color: #111827;
    font-size: 1.25rem;
}

.trace-report-tabs[b-2ea1hb13kd] {
    display: flex;
    gap: .4rem;
    overflow-x: auto;
    border-bottom: 1px solid #e1e7ef;
}

.trace-report-tabs button[b-2ea1hb13kd] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.4rem;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #64748b;
    padding: .45rem .65rem;
    font-weight: 800;
    white-space: nowrap;
}

.trace-report-tabs button.active[b-2ea1hb13kd] {
    border-bottom-color: #2563eb;
    color: #172033;
}

.trace-report-loading[b-2ea1hb13kd] {
    min-height: 18rem;
}

.trace-report-table[b-2ea1hb13kd] {
    margin: 0;
}

.trace-report-table th[b-2ea1hb13kd] {
    color: #64748b;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.trace-report-table td[b-2ea1hb13kd] {
    vertical-align: middle;
}

.trace-report-table td strong[b-2ea1hb13kd],
.trace-report-table td small[b-2ea1hb13kd] {
    display: block;
}

.trace-report-table td small[b-2ea1hb13kd] {
    color: #64748b;
}

.trace-report-table tr.is-expiring td[b-2ea1hb13kd] {
    background: #fffbea;
}

.trace-report-table tr.is-expired td[b-2ea1hb13kd] {
    background: #fff1f2;
}

.trace-report-hub[b-2ea1hb13kd],
.trace-report-detail[b-2ea1hb13kd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trace-report-detail-grid[b-2ea1hb13kd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.trace-report-detail-section[b-2ea1hb13kd] {
    border-top: 1px solid #e1e7ef;
    padding-top: .8rem;
}

.trace-report-detail-section h3[b-2ea1hb13kd] {
    margin: 0 0 .6rem;
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
}

.trace-report-detail-section p[b-2ea1hb13kd] {
    margin: 0;
    color: #64748b;
}

.trace-report-event[b-2ea1hb13kd] {
    display: grid;
    grid-template-columns: minmax(8rem, 1fr) minmax(12rem, 1.4fr) minmax(10rem, 1.2fr);
    gap: .75rem;
    padding: .55rem 0;
    border-bottom: 1px solid #eef2f7;
}

.trace-report-event strong[b-2ea1hb13kd] {
    color: #172033;
}

.trace-report-event span[b-2ea1hb13kd],
.trace-report-event small[b-2ea1hb13kd] {
    color: #64748b;
}

@media (max-width: 1100px) {
    .trace-report-summary[b-2ea1hb13kd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    [b-2ea1hb13kd] .trace-report-filter-body > * { grid-column: span 6; }
}

@media (max-width: 720px) {
    .trace-report-summary[b-2ea1hb13kd],
    .trace-report-detail-grid[b-2ea1hb13kd],
    .trace-report-event[b-2ea1hb13kd] {
        grid-template-columns: 1fr;
    }

    [b-2ea1hb13kd] .trace-report-filter-body {
        grid-template-columns: 1fr;
    }

    [b-2ea1hb13kd] .trace-report-filter-body > * { grid-column: auto; }
}
/* /Components/Pages/Reports/OperationalAudit.razor.rz.scp.css */
/* Operational audit page */
.operational-audit-page[b-jmzak7uezh] {
    --operational-audit-ink: #172033;
    --operational-audit-muted: #667085;
    --operational-audit-subtle: #eef3f8;
    --operational-audit-subtle-strong: #e5f5ee;
    --operational-audit-surface: #ffffff;
    --operational-audit-border: #d8dee8;
    --operational-audit-outline: #c4ccd8;
    --operational-audit-green: #0f7b56;
    --operational-audit-green-dark: #07593d;
    color: var(--operational-audit-ink);
}

[b-jmzak7uezh] .operational-audit-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-jmzak7uezh] .operational-audit-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

[b-jmzak7uezh] .operational-audit-title-icon,
[b-jmzak7uezh] .operational-audit-empty-icon {
    align-items: center;
    background: var(--operational-audit-subtle-strong);
    border-radius: .85rem;
    color: var(--operational-audit-green-dark);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-jmzak7uezh] .operational-audit-title-block h2 {
    color: var(--operational-audit-ink);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 0 .3rem;
}

[b-jmzak7uezh] .operational-audit-title-block span {
    color: var(--operational-audit-muted);
    display: block;
    font-size: .9rem;
    font-weight: 700;
}

[b-jmzak7uezh] .operational-audit-primary-action {
    align-items: center;
    background: var(--operational-audit-green) !important;
    border-color: var(--operational-audit-green) !important;
    border-radius: .7rem !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 900;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

[b-jmzak7uezh] .operational-audit-primary-action:hover:not(:disabled) {
    background: var(--operational-audit-green-dark) !important;
    border-color: var(--operational-audit-green-dark) !important;
}

[b-jmzak7uezh] .operational-audit-filter-card,
[b-jmzak7uezh] .operational-audit-table-card {
    background: var(--operational-audit-surface);
    border: 1px solid var(--operational-audit-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    margin-bottom: 1rem;
}

[b-jmzak7uezh] .operational-audit-loading {
    align-items: center;
    background: var(--operational-audit-surface);
    display: flex;
    justify-content: center;
    min-height: 14rem;
}

[b-jmzak7uezh] .operational-audit-filter-body {
    display: grid;
    gap: .85rem;
    padding: .95rem !important;
}

[b-jmzak7uezh] .operational-audit-filter-header {
    padding: .95rem .95rem 0;
}

[b-jmzak7uezh] .operational-audit-filter-header strong,
[b-jmzak7uezh] .operational-audit-filter-header small {
    display: block;
}

[b-jmzak7uezh] .operational-audit-filter-header strong {
    color: var(--operational-audit-ink);
    font-size: .96rem;
    font-weight: 900;
}

[b-jmzak7uezh] .operational-audit-filter-header small {
    color: var(--operational-audit-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-jmzak7uezh] .operational-audit-filter-body .form-label {
    color: var(--operational-audit-ink);
    font-size: .86rem;
    font-weight: 800;
}

[b-jmzak7uezh] .operational-audit-filter-body .form-control,
[b-jmzak7uezh] .operational-audit-filter-body .form-select {
    border-color: var(--operational-audit-outline);
    border-radius: .7rem;
    color: var(--operational-audit-ink);
    min-height: 2.85rem;
}

[b-jmzak7uezh] .operational-audit-filter-body .form-control:focus,
[b-jmzak7uezh] .operational-audit-filter-body .form-select:focus {
    border-color: var(--operational-audit-green);
    box-shadow: 0 0 0 .22rem rgba(15, 123, 86, .18);
}

[b-jmzak7uezh] .operational-audit-kpis {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-jmzak7uezh] .operational-audit-kpi {
    background: var(--operational-audit-surface);
    border: 1px solid var(--operational-audit-border);
    border-radius: .75rem;
    min-height: 7rem;
    padding: 1rem;
}

[b-jmzak7uezh] .operational-audit-kpi.kpi-strong {
    background: #edf8f2;
    border-color: #b8dfcc;
}

[b-jmzak7uezh] .operational-audit-kpi span {
    color: var(--operational-audit-muted);
    display: block;
    font-family: var(--font-label);
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: 0;
    margin-bottom: .55rem;
    text-transform: uppercase;
}

[b-jmzak7uezh] .operational-audit-kpi strong {
    color: var(--operational-audit-ink);
    display: block;
    font-size: clamp(1.15rem, 2vw, 1.5rem);
    font-weight: 900;
    line-height: 1.15;
}

[b-jmzak7uezh] .operational-audit-kpi small {
    color: var(--operational-audit-muted);
    display: block;
    font-weight: 700;
    margin-top: .45rem;
}

[b-jmzak7uezh] .operational-audit-table-card {
    overflow: hidden;
}

[b-jmzak7uezh] .operational-audit-table-header {
    align-items: center;
    background: var(--operational-audit-surface);
    border-bottom: 1px solid var(--operational-audit-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

[b-jmzak7uezh] .operational-audit-table-header strong,
[b-jmzak7uezh] .operational-audit-table-header small {
    display: block;
}

[b-jmzak7uezh] .operational-audit-table-header strong {
    color: var(--operational-audit-ink);
    font-size: 1rem;
    font-weight: 900;
}

[b-jmzak7uezh] .operational-audit-table-header small {
    color: var(--operational-audit-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-jmzak7uezh] .operational-audit-table-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

[b-jmzak7uezh] .operational-audit-table {
    color: var(--operational-audit-ink);
    min-width: 66rem;
}

[b-jmzak7uezh] .operational-audit-table caption {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-jmzak7uezh] .operational-audit-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid var(--operational-audit-border);
    color: var(--operational-audit-muted);
    font-family: var(--font-label);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 0;
    padding: .85rem 1.15rem;
    text-transform: uppercase;
}

[b-jmzak7uezh] .operational-audit-table tbody td {
    border-color: var(--operational-audit-border);
    color: #344054;
    padding: .9rem 1.15rem;
    vertical-align: top;
}

[b-jmzak7uezh] .operational-audit-table tbody tr:hover td {
    background: #f2f7f4;
}

[b-jmzak7uezh] .operational-audit-empty {
    align-items: center;
    background: var(--operational-audit-surface);
    color: var(--operational-audit-muted);
    display: flex;
    gap: 1rem;
    justify-content: center;
    min-height: 9rem;
    padding: 1rem;
    text-align: left;
}

[b-jmzak7uezh] .operational-audit-empty strong,
[b-jmzak7uezh] .operational-audit-empty small {
    display: block;
}

[b-jmzak7uezh] .operational-audit-empty strong {
    color: var(--operational-audit-ink);
    font-weight: 900;
}

[b-jmzak7uezh] .operational-audit-empty small {
    color: var(--operational-audit-muted);
    font-weight: 700;
    margin-top: .15rem;
}

@media (max-width: 1199.98px) {
    [b-jmzak7uezh] .operational-audit-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    [b-jmzak7uezh] .operational-audit-header {
        align-items: stretch;
        flex-direction: column;
    }

    [b-jmzak7uezh] .operational-audit-title-block,
    [b-jmzak7uezh] .operational-audit-empty {
        align-items: flex-start;
    }

    [b-jmzak7uezh] .operational-audit-primary-action {
        width: 100%;
    }

    [b-jmzak7uezh] .operational-audit-kpis {
        grid-template-columns: 1fr;
    }

    [b-jmzak7uezh] .operational-audit-table {
        min-width: 0;
    }

    [b-jmzak7uezh] .operational-audit-table thead {
        display: none;
    }

    [b-jmzak7uezh] .operational-audit-table,
    [b-jmzak7uezh] .operational-audit-table tbody,
    [b-jmzak7uezh] .operational-audit-table tr,
    [b-jmzak7uezh] .operational-audit-table td {
        display: block;
        width: 100%;
    }

    [b-jmzak7uezh] .operational-audit-table tbody tr {
        border-bottom: 1px solid var(--operational-audit-border);
        padding: .85rem 1rem;
    }

    [b-jmzak7uezh] .operational-audit-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-jmzak7uezh] .operational-audit-table tbody td {
        align-items: flex-start;
        border-bottom: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .45rem 0;
        text-align: right !important;
    }

    [b-jmzak7uezh] .operational-audit-table tbody td::before {
        color: var(--operational-audit-muted);
        content: attr(data-label);
        flex: 0 0 7.5rem;
        font-family: var(--font-label);
        font-size: .75rem;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
    }

    [b-jmzak7uezh] .operational-audit-table td[data-label="Entidad"],
    [b-jmzak7uezh] .operational-audit-table td[data-label="Detalle"] {
        display: block;
        text-align: left !important;
    }

    [b-jmzak7uezh] .operational-audit-empty {
        flex-direction: column;
        justify-content: flex-start;
    }
}

.operational-audit-table-footer[b-jmzak7uezh] {
    align-items: center;
    background: #f8fafc;
    border-top: 1px solid var(--color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem 1rem;
}

.operational-audit-table-footer > span[b-jmzak7uezh] {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 800;
}

@media (max-width: 767.98px) {
    .operational-audit-table-footer[b-jmzak7uezh] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/Reports/ProfitabilityReport.razor.rz.scp.css */
.profitability-report-page[b-c84mamz9e5] {
    --profitability-ink: #172033;
    --profitability-muted: #667085;
    --profitability-surface: #ffffff;
    --profitability-subtle: #f3f7fb;
    --profitability-subtle-strong: #e8f4ee;
    --profitability-border: #d8dee8;
    --profitability-outline: #c4ccd8;
    --profitability-green: #0f7b56;
    --profitability-green-dark: #07593d;
    --profitability-danger: #b42318;
    --profitability-danger-bg: #fff1f0;
    --profitability-warning: #7a4f00;
    --profitability-warning-bg: #fff8e6;
    color: var(--profitability-ink);
}

[b-c84mamz9e5] .profitability-report-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-c84mamz9e5] .profitability-report-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 16rem;
}

[b-c84mamz9e5] .profitability-report-title-icon {
    align-items: center;
    background: var(--profitability-subtle-strong);
    border-radius: 1rem;
    color: var(--profitability-green-dark);
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-c84mamz9e5] .profitability-report-title-block h2 {
    color: var(--profitability-ink);
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

[b-c84mamz9e5] .profitability-report-title-block span {
    color: var(--profitability-muted);
    display: block;
    font-size: .92rem;
    margin-top: .2rem;
}

[b-c84mamz9e5] .profitability-report-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

[b-c84mamz9e5] .profitability-report-compact-actions {
    margin-bottom: 1rem;
}

[b-c84mamz9e5] .profitability-report-actions .form-control {
    border-color: var(--profitability-outline);
    border-radius: .8rem;
    color: var(--profitability-ink);
    min-height: 2.75rem;
    min-width: 9.5rem;
}

[b-c84mamz9e5] .profitability-report-actions .form-control:focus {
    border-color: var(--profitability-green);
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .15);
}

[b-c84mamz9e5] .profitability-report-primary-action,
[b-c84mamz9e5] .profitability-report-secondary-action {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 700;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1rem;
}

[b-c84mamz9e5] .profitability-report-primary-action {
    background: var(--profitability-green) !important;
    border-color: var(--profitability-green) !important;
    color: #ffffff !important;
}

[b-c84mamz9e5] .profitability-report-primary-action:hover:not(:disabled) {
    background: var(--profitability-green-dark) !important;
    border-color: var(--profitability-green-dark) !important;
}

[b-c84mamz9e5] .profitability-report-secondary-action {
    background: var(--profitability-surface) !important;
    border-color: var(--profitability-border) !important;
    color: var(--profitability-ink) !important;
}

[b-c84mamz9e5] .profitability-report-loading,
[b-c84mamz9e5] .profitability-report-panel {
    background: var(--profitability-surface);
    border: 1px solid var(--profitability-border) !important;
    border-radius: 1rem;
    box-shadow: 0 1rem 2.4rem rgba(23, 32, 51, .06);
}

[b-c84mamz9e5] .profitability-report-loading {
    align-items: center;
    color: var(--profitability-muted);
    display: flex;
    gap: .75rem;
    justify-content: center;
    min-height: 13rem;
}

[b-c84mamz9e5] .profitability-report-kpis {
    display: grid;
    gap: .8rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 1rem;
}

[b-c84mamz9e5] .profitability-report-kpi {
    background: var(--profitability-surface);
    border: 1px solid var(--profitability-border);
    border-radius: 1rem;
    min-height: 7.5rem;
    padding: 1rem;
}

[b-c84mamz9e5] .profitability-report-kpi.kpi-strong {
    background: var(--profitability-subtle-strong);
    border-color: rgba(15, 123, 86, .26);
}

[b-c84mamz9e5] .profitability-report-kpi.warning {
    background: var(--profitability-warning-bg);
    border-color: rgba(122, 79, 0, .22);
}

[b-c84mamz9e5] .profitability-report-kpi span {
    color: var(--profitability-muted);
    display: block;
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .04em;
    line-height: 1.2;
    margin-bottom: .7rem;
    text-transform: uppercase;
}

[b-c84mamz9e5] .profitability-report-kpi strong {
    color: var(--profitability-ink);
    display: block;
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
    font-weight: 800;
    line-height: 1.2;
}

[b-c84mamz9e5] .profitability-report-kpi small {
    color: var(--profitability-green-dark);
    display: block;
    font-weight: 750;
    margin-top: .35rem;
}

[b-c84mamz9e5] .profitability-report-content {
    margin-top: .25rem;
}

[b-c84mamz9e5] .profitability-report-panel {
    overflow: hidden;
}

[b-c84mamz9e5] .profitability-report-panel-header {
    align-items: center;
    background: var(--profitability-surface);
    border-bottom: 1px solid var(--profitability-border);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-height: 4.5rem;
    padding: 1rem 1.1rem;
}

[b-c84mamz9e5] .profitability-report-panel-header strong {
    color: var(--profitability-ink);
    display: block;
    font-size: 1rem;
    font-weight: 800;
}

[b-c84mamz9e5] .profitability-report-panel-header span,
[b-c84mamz9e5] .profitability-report-panel-header small {
    color: var(--profitability-muted);
    font-size: .84rem;
}

[b-c84mamz9e5] .profitability-report-panel-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

[b-c84mamz9e5] .profitability-report-table {
    color: var(--profitability-ink);
    margin-bottom: 0;
}

[b-c84mamz9e5] .profitability-report-table caption {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-c84mamz9e5] .profitability-report-table thead th {
    background: var(--profitability-subtle);
    border-bottom: 1px solid var(--profitability-border);
    color: var(--profitability-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    padding: .8rem 1rem;
    text-transform: uppercase;
}

[b-c84mamz9e5] .profitability-report-table tbody td {
    border-color: var(--profitability-border);
    padding: .9rem 1rem;
    vertical-align: middle;
}

[b-c84mamz9e5] .profitability-report-table tbody tr:hover td {
    background: rgba(15, 123, 86, .04);
}

[b-c84mamz9e5] .profitability-report-code {
    background: var(--profitability-subtle);
    border-radius: 999px;
    color: var(--profitability-ink);
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .3rem .6rem;
}

[b-c84mamz9e5] .profitability-report-amount,
[b-c84mamz9e5] .profitability-report-margin {
    display: inline-block;
    font-weight: 800;
}

[b-c84mamz9e5] .profitability-report-amount.positive,
[b-c84mamz9e5] .profitability-report-margin.positive {
    color: var(--profitability-green-dark);
}

[b-c84mamz9e5] .profitability-report-amount.negative,
[b-c84mamz9e5] .profitability-report-margin.negative {
    color: var(--profitability-danger);
}

[b-c84mamz9e5] .profitability-report-margin-rate {
    color: var(--profitability-muted);
    font-size: .78rem;
    font-weight: 700;
    margin-top: .15rem;
}

[b-c84mamz9e5] .profitability-report-empty {
    align-items: center;
    background: var(--profitability-surface);
    color: var(--profitability-muted);
    display: flex;
    flex-direction: column;
    gap: .6rem;
    justify-content: center;
    min-height: 10rem;
    padding: 1rem;
    text-align: center;
}

[b-c84mamz9e5] .profitability-report-empty i {
    color: var(--profitability-green);
    font-size: 1.35rem;
}

@media (max-width: 1199.98px) {
    [b-c84mamz9e5] .profitability-report-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-c84mamz9e5] .profitability-report-actions {
        justify-content: flex-start;
        width: 100%;
    }

    [b-c84mamz9e5] .profitability-report-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    [b-c84mamz9e5] .profitability-report-title-block,
    [b-c84mamz9e5] .profitability-report-actions,
    [b-c84mamz9e5] .profitability-report-actions .form-control,
    [b-c84mamz9e5] .profitability-report-actions .btn {
        width: 100%;
    }

    [b-c84mamz9e5] .profitability-report-kpis {
        grid-template-columns: 1fr;
    }

    [b-c84mamz9e5] .profitability-report-kpi {
        min-height: auto;
    }

    [b-c84mamz9e5] .profitability-report-panel-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-c84mamz9e5] .profitability-report-table {
        min-width: 0;
    }

    [b-c84mamz9e5] .profitability-report-table thead {
        display: none;
    }

    [b-c84mamz9e5] .profitability-report-table,
    [b-c84mamz9e5] .profitability-report-table tbody,
    [b-c84mamz9e5] .profitability-report-table tr,
    [b-c84mamz9e5] .profitability-report-table td {
        display: block;
        width: 100%;
    }

    [b-c84mamz9e5] .profitability-report-table tbody tr {
        border-bottom: 1px solid var(--profitability-border);
        padding: .75rem 1rem;
    }

    [b-c84mamz9e5] .profitability-report-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-c84mamz9e5] .profitability-report-table tbody td {
        align-items: flex-start;
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .4rem 0;
        text-align: right !important;
    }

    [b-c84mamz9e5] .profitability-report-table tbody td::before {
        color: var(--profitability-muted);
        content: attr(data-label);
        flex: 0 0 7.5rem;
        font-size: .75rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-align: left;
        text-transform: uppercase;
    }

    [b-c84mamz9e5] .profitability-report-empty {
        align-items: flex-start;
        text-align: left;
    }
}

/* /Components/Pages/Restaurant/Floor.razor.rz.scp.css */
/* Salón: superficies tonales y cuadrícula de mesas. Usa exclusivamente tokens globales. */
.restaurant-floor[b-lea2pioxkc] {
    display: grid;
    gap: 24px;
}

[b-lea2pioxkc] .restaurant-floor-controls {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: none;
    margin-bottom: 24px;
}

[b-lea2pioxkc] .restaurant-floor-controls-header {
    align-items: center;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    min-height: 56px;
    padding: 12px 20px;
}

[b-lea2pioxkc] .restaurant-floor-controls-header strong {
    color: var(--md-primary-container);
    font-size: var(--type-headline-sm-size);
    font-weight: 700;
}

[b-lea2pioxkc] .restaurant-floor-controls-header small {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    margin: 2px 0 0;
}

[b-lea2pioxkc] .restaurant-floor-controls-body {
    padding: 16px 20px;
}

[b-lea2pioxkc] .restaurant-floor-controls .form-select {
    background-color: var(--color-surface);
    min-height: var(--touch-target-min);
}

.restaurant-floor > .card[b-lea2pioxkc] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg);
    box-shadow: none !important;
    overflow: hidden;
}

.restaurant-floor > .card .card-body[b-lea2pioxkc] {
    padding: 20px;
}

.restaurant-floor-area-heading[b-lea2pioxkc] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.restaurant-floor-area-heading h2[b-lea2pioxkc] {
    color: var(--md-primary-container);
    font-size: var(--type-headline-sm-size);
    font-weight: 700;
    margin: 0;
}

.restaurant-floor-area-count[b-lea2pioxkc] {
    color: var(--color-muted);
    font-family: var(--font-technical);
    font-size: var(--type-label-sm-size);
}

.restaurant-floor-filters[b-lea2pioxkc] {
    align-items: end;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.restaurant-floor-refresh[b-lea2pioxkc] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    min-height: var(--touch-target-min);
    white-space: nowrap;
}

.restaurant-floor-freshness[b-lea2pioxkc] {
    align-items: center;
    color: var(--color-muted);
    display: inline-flex;
    font-family: var(--font-technical);
    font-size: var(--type-label-sm-size);
    gap: 6px;
    min-height: var(--touch-target-min);
}

[b-lea2pioxkc] .restaurant-floor-refresh-button {
    min-height: var(--touch-target-min);
}

.restaurant-table-grid[b-lea2pioxkc] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 248px), 1fr));
}

.restaurant-table-card[b-lea2pioxkc] {
    align-items: flex-start;
    background: var(--color-surface);
    border: 1px solid var(--md-outline-variant);
    border-radius: 20px;
    color: var(--color-text);
    display: grid;
    gap: 12px;
    min-height: 208px;
    overflow: hidden;
    padding: 18px;
    position: relative;
    text-align: left;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.restaurant-table-card:hover:not(:disabled)[b-lea2pioxkc] {
    border-color: var(--md-primary-container);
    box-shadow: 0 .75rem 1.5rem rgba(16, 24, 40, .12);
    transform: translateY(-3px);
}

.restaurant-table-card[b-lea2pioxkc]::before {
    border-radius: 0 0 0 14px;
    content: "";
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 52px;
}

.restaurant-table-card-visual[b-lea2pioxkc] {
    align-items: center;
    background: var(--md-surface-container-high);
    border: 1px solid var(--md-outline-variant);
    border-radius: 14px;
    color: var(--md-primary-container);
    display: inline-flex;
    font-size: 18px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.restaurant-table-card > *[b-lea2pioxkc] {
    position: relative;
    z-index: 1;
}

.restaurant-table-card.free[b-lea2pioxkc]::before {
    background: var(--md-outline-variant);
}

.restaurant-table-card.chargeable:not(.delayed)[b-lea2pioxkc]::before {
    background: var(--md-secondary-fixed-dim);
}

.restaurant-table-card.occupied[b-lea2pioxkc]::before {
    background: var(--md-primary-fixed-dim);
}

.restaurant-table-card.delayed[b-lea2pioxkc]::before {
    background: var(--md-tertiary-fixed-dim);
}

.restaurant-table-card:disabled[b-lea2pioxkc] {
    cursor: wait;
    opacity: .72;
}

.restaurant-table-card strong[b-lea2pioxkc] {
    font-size: var(--type-headline-sm-size);
    letter-spacing: 0;
    line-height: var(--type-headline-sm-line);
    overflow-wrap: anywhere;
}

.restaurant-table-card.free[b-lea2pioxkc] {
    background: var(--color-surface);
    border-color: var(--color-border);
}

.restaurant-table-card.occupied[b-lea2pioxkc] {
    background: var(--md-primary-fixed);
    border-color: var(--md-primary-fixed-dim);
}

.restaurant-table-card.delayed[b-lea2pioxkc] {
    background: var(--md-tertiary-fixed);
    border-color: var(--md-tertiary-fixed-dim);
}

.restaurant-table-card.chargeable:not(.delayed)[b-lea2pioxkc] {
    background: var(--md-secondary-fixed);
    border-color: var(--md-secondary-fixed-dim);
}

.restaurant-table-card.occupied:hover:not(:disabled)[b-lea2pioxkc] {
    box-shadow: 0 .75rem 1.5rem rgba(16, 24, 40, .12);
}

.restaurant-table-card.delayed:hover:not(:disabled)[b-lea2pioxkc] {
    box-shadow: 0 .75rem 1.5rem rgba(16, 24, 40, .12);
}

.restaurant-table-card.chargeable:not(.delayed):hover:not(:disabled)[b-lea2pioxkc] {
    box-shadow: 0 .75rem 1.5rem rgba(16, 24, 40, .12);
}

.restaurant-table-card:focus-visible[b-lea2pioxkc] {
    outline: 3px solid var(--md-secondary);
    outline-offset: 3px;
}

.restaurant-table-card-heading[b-lea2pioxkc] {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    width: 100%;
}

.restaurant-table-statuses[b-lea2pioxkc] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.restaurant-table-card-detail[b-lea2pioxkc],
.restaurant-table-card-action[b-lea2pioxkc] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.restaurant-table-card-detail[b-lea2pioxkc] {
    color: var(--color-muted);
    font-size: var(--type-label-md-size);
    flex-wrap: wrap;
}

.restaurant-table-card-detail span[b-lea2pioxkc] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.restaurant-table-card-action[b-lea2pioxkc] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--md-outline-variant);
    border-radius: 12px;
    color: var(--md-primary-container);
    font-size: var(--type-label-md-size);
    font-weight: 700;
    margin-top: auto;
    min-height: 44px;
    padding: 8px 10px;
    width: 100%;
}

.restaurant-table-card-heading strong[b-lea2pioxkc] {
    padding-right: 28px;
}

.restaurant-table-card.free .restaurant-table-card-action[b-lea2pioxkc],
.restaurant-table-card.chargeable .restaurant-table-card-action[b-lea2pioxkc] {
    color: var(--color-secondary);
}

.restaurant-table-card.delayed .restaurant-table-card-action[b-lea2pioxkc] {
    color: var(--md-on-tertiary-fixed-variant);
}

.restaurant-table-ops[b-lea2pioxkc] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.restaurant-table-op-card[b-lea2pioxkc] {
    align-items: flex-start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-text);
    display: grid;
    gap: 8px;
    min-height: 136px;
    padding: 16px;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.restaurant-table-op-card:hover[b-lea2pioxkc],
.restaurant-table-op-card:focus-visible[b-lea2pioxkc] {
    border-color: var(--md-primary-container);
    box-shadow: 0 .45rem 1.25rem rgba(16, 24, 40, .08);
    transform: translateY(-1px);
}

.restaurant-table-op-card:focus-visible[b-lea2pioxkc] {
    outline: 3px solid var(--md-secondary);
    outline-offset: 3px;
}

.restaurant-table-op-card i[b-lea2pioxkc] {
    align-items: center;
    background: var(--md-primary-fixed);
    border-radius: 999px;
    color: var(--md-primary-container);
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.restaurant-table-op-card strong[b-lea2pioxkc] {
    color: var(--md-primary-container);
    font-size: var(--type-title-md-size);
}

.restaurant-table-op-card span[b-lea2pioxkc] {
    color: var(--color-muted);
    font-size: var(--type-label-md-size);
}

.restaurant-table-operation-form[b-lea2pioxkc] {
    display: grid;
    gap: 16px;
}

.restaurant-split-lines[b-lea2pioxkc] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 8px;
    max-height: 320px;
    overflow: auto;
    padding: 12px;
}

.restaurant-split-line[b-lea2pioxkc] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid transparent;
    border-radius: var(--radius);
    display: flex;
    gap: 12px;
    min-height: var(--touch-target-min);
    padding: 10px 12px;
}

.restaurant-split-line:has(input:checked)[b-lea2pioxkc] {
    background: var(--md-primary-fixed);
    border-color: var(--md-primary-fixed-dim);
}

.restaurant-split-line.is-disabled[b-lea2pioxkc] {
    opacity: .62;
}

.restaurant-split-line input[b-lea2pioxkc] {
    min-height: 20px;
    min-width: 20px;
}

.restaurant-split-line strong[b-lea2pioxkc],
.restaurant-split-line small[b-lea2pioxkc] {
    display: block;
}

.restaurant-split-line small[b-lea2pioxkc] {
    color: var(--color-muted);
}

@media (max-width: 767.98px) {
    .restaurant-floor-filters[b-lea2pioxkc] {
        grid-template-columns: 1fr 1fr;
    }

    .restaurant-table-ops[b-lea2pioxkc] {
        grid-template-columns: 1fr;
    }

    .restaurant-floor-refresh[b-lea2pioxkc] {
        grid-column: 1 / -1;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {
    .restaurant-floor-filters[b-lea2pioxkc] {
        grid-template-columns: 1fr;
    }

    .restaurant-floor-refresh[b-lea2pioxkc] {
        grid-column: auto;
    }

    [b-lea2pioxkc] .restaurant-floor-controls-body {
        padding: 16px;
    }

    .restaurant-table-grid[b-lea2pioxkc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .restaurant-table-card[b-lea2pioxkc] {
        min-height: 196px;
        padding: 12px;
    }

    .restaurant-table-card-heading[b-lea2pioxkc] {
        align-items: flex-start;
        flex-direction: column;
    }

    .restaurant-table-statuses[b-lea2pioxkc] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Mobile restaurant service: prioritize table availability and the next action. */
@media (max-width: 767.98px) {
    [b-lea2pioxkc] .restaurant-floor-controls-header {
        padding: .85rem 1rem;
    }

    [b-lea2pioxkc] .restaurant-floor-controls-header small {
        display: none;
    }

    [b-lea2pioxkc] .restaurant-floor-controls-body {
        padding: .75rem 1rem 1rem;
    }

    .restaurant-floor-filters[b-lea2pioxkc] {
        gap: .65rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .restaurant-floor-filter-control:nth-child(3)[b-lea2pioxkc],
    .restaurant-floor-refresh[b-lea2pioxkc] {
        grid-column: 1 / -1;
    }

    [b-lea2pioxkc] .restaurant-floor-controls .form-select {
        min-height: 3rem;
    }

    .restaurant-floor-refresh[b-lea2pioxkc] {
        margin-top: .1rem;
    }

    .restaurant-floor[b-lea2pioxkc] {
        margin-top: .75rem !important;
    }

    .restaurant-floor > .card .card-body[b-lea2pioxkc] {
        padding: .85rem;
    }

    .restaurant-floor-area-heading[b-lea2pioxkc] {
        margin-bottom: .75rem;
    }

    .restaurant-floor-area-heading h2[b-lea2pioxkc] {
        font-size: 1rem;
    }

    .restaurant-table-grid[b-lea2pioxkc] {
        align-content: start;
        gap: .65rem;
        grid-auto-rows: 10.75rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .restaurant-table-card[b-lea2pioxkc] {
        box-sizing: border-box;
        gap: .5rem;
        height: 10.75rem;
        min-height: 0;
        padding: .75rem;
        width: 100%;
    }

    .restaurant-table-card[b-lea2pioxkc]::before {
        height: 42px;
        width: 42px;
    }

    .restaurant-table-card-visual[b-lea2pioxkc] {
        border-radius: .65rem;
        font-size: .95rem;
        height: 2.25rem;
        width: 2.25rem;
    }

    .restaurant-table-card-heading[b-lea2pioxkc] {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
        min-width: 0;
    }

    .restaurant-table-card-heading strong[b-lea2pioxkc] {
        align-items: baseline;
        display: flex;
        font-size: .93rem;
        gap: .35rem;
        min-width: 0;
        padding-right: 0;
        white-space: nowrap;
    }

    .restaurant-table-code[b-lea2pioxkc] {
        color: var(--md-primary-container);
        font-family: var(--font-technical);
        font-size: 1.2rem;
        font-weight: 900;
        letter-spacing: .02em;
        overflow-wrap: normal;
    }

    .restaurant-table-statuses[b-lea2pioxkc] {
        align-items: flex-start;
        flex: 0 0 auto;
        flex-direction: row;
        gap: .2rem;
        max-width: 13.5rem;
        flex-wrap: wrap;
    }

    .restaurant-table-card-detail[b-lea2pioxkc] {
        font-size: .72rem;
        gap: .35rem;
        line-height: 1.2;
    }

    .restaurant-table-card-detail + .restaurant-table-card-detail[b-lea2pioxkc] {
        display: none;
    }

    .restaurant-table-card-action[b-lea2pioxkc] {
        border-radius: .6rem;
        font-size: .74rem;
        min-height: 2.75rem;
        padding: .45rem .55rem;
    }
}
/* /Components/Pages/Restaurant/Kitchen.razor.rz.scp.css */
/* Cocina: tarjetas de tickets densas, legibles y con objetivos táctiles mínimos. */
.restaurant-ticket-grid[b-gai8ixd1ne] {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
}

[b-gai8ixd1ne] .restaurant-kitchen-controls {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: none;
    margin-bottom: 24px;
}

[b-gai8ixd1ne] .restaurant-kitchen-controls-header {
    align-items: center;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    min-height: 56px;
    padding: 12px 20px;
}

[b-gai8ixd1ne] .restaurant-kitchen-controls-header strong {
    color: var(--md-primary-container);
    font-size: var(--type-headline-sm-size);
    font-weight: 700;
}

[b-gai8ixd1ne] .restaurant-kitchen-controls-header small {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    margin: 2px 0 0;
}

[b-gai8ixd1ne] .restaurant-kitchen-controls-body {
    padding: 16px 20px;
}

[b-gai8ixd1ne] .restaurant-kitchen-controls .form-select {
    background-color: var(--color-surface);
    min-height: 48px;
}

.restaurant-kitchen-freshness[b-gai8ixd1ne] {
    align-items: center;
    color: var(--color-muted);
    display: inline-flex;
    font-family: var(--font-technical);
    font-size: var(--type-label-sm-size);
    gap: 6px;
    min-height: 48px;
    white-space: nowrap;
}

[b-gai8ixd1ne] .restaurant-kitchen-refresh {
    min-height: 48px;
}

.restaurant-kitchen-stale-notice[b-gai8ixd1ne] {
    align-items: center;
    background: var(--md-tertiary-fixed);
    border: 1px solid var(--md-tertiary-fixed-dim);
    border-radius: var(--radius);
    color: var(--md-on-tertiary-fixed-variant);
    display: flex;
    font-size: var(--type-body-md-size);
    gap: 8px;
    margin-top: 24px;
    padding: 12px 16px;
}

.restaurant-ticket-grid > .card[b-gai8ixd1ne] {
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg);
    box-shadow: none !important;
    overflow: hidden;
}

.restaurant-ticket-grid .btn[b-gai8ixd1ne] {
    min-height: var(--touch-target-min);
}

.restaurant-kitchen-card[b-gai8ixd1ne] {
    background: var(--color-surface) !important;
    border-left: 4px solid var(--md-secondary) !important;
}

.restaurant-kitchen-card-overdue[b-gai8ixd1ne] {
    background:
        linear-gradient(0deg, color-mix(in srgb, var(--md-tertiary-fixed) 22%, transparent), color-mix(in srgb, var(--md-tertiary-fixed) 22%, transparent)),
        var(--color-surface) !important;
    border-left-color: var(--md-tertiary-fixed-dim) !important;
}

.restaurant-ticket-lines[b-gai8ixd1ne] {
    border-top: 1px solid var(--color-border);
    margin-bottom: 12px;
    max-height: none;
    overflow: visible;
}

.restaurant-ticket-lines .list-group-item[b-gai8ixd1ne] {
    background: transparent;
}

.restaurant-kitchen-card .card-body[b-gai8ixd1ne] {
    display: grid !important;
    gap: 16px;
    grid-template-rows: auto 1fr auto;
    padding: 20px;
}

.restaurant-ticket-header[b-gai8ixd1ne] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    background: transparent;
    border-bottom: 1px solid var(--color-border);
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 0 12px;
}

.restaurant-ticket-priority[b-gai8ixd1ne] {
    min-width: 0;
}

.restaurant-ticket-table[b-gai8ixd1ne] {
    align-items: center;
    color: var(--color-primary);
    display: flex;
    font-size: var(--type-headline-sm-size);
    gap: 8px;
    line-height: var(--type-headline-sm-line);
    margin: 0;
}

.restaurant-ticket-age[b-gai8ixd1ne] {
    align-items: center;
    background: var(--md-surface-container);
    border-radius: 999px;
    color: var(--md-on-surface-variant);
    display: flex;
    font-family: var(--font-technical);
    font-size: var(--type-label-md-size);
    font-weight: 700;
    gap: 8px;
    margin: 8px 0 0;
    padding: 4px 8px;
    width: fit-content;
}

.restaurant-kitchen-card-overdue .restaurant-ticket-age[b-gai8ixd1ne] {
    background: var(--md-tertiary-fixed);
    color: var(--md-on-tertiary-fixed-variant);
}

.restaurant-ticket-context[b-gai8ixd1ne] {
    align-items: center;
    color: var(--color-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--type-label-sm-size);
    gap: 6px;
    margin: 6px 0 0;
}

.restaurant-ticket-lines .list-group-item[b-gai8ixd1ne] {
    border-color: var(--color-border);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.restaurant-ticket-line .technical-value[b-gai8ixd1ne] {
    background: var(--md-surface-container);
    border-radius: var(--radius-sm);
    display: inline-flex;
    font-size: var(--type-label-md-size);
    justify-content: center;
    min-width: 32px;
    padding: 2px 6px;
}

[b-gai8ixd1ne] .restaurant-ticket-status {
    flex: 0 0 auto;
}

.restaurant-ticket-badges[b-gai8ixd1ne],
.restaurant-ticket-secondary-actions[b-gai8ixd1ne] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.restaurant-ticket-urgent[b-gai8ixd1ne],
.restaurant-ticket-print[b-gai8ixd1ne] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: var(--type-label-sm-size);
    font-weight: 700;
    gap: 6px;
    min-height: 32px;
    padding: 4px 10px;
}

.restaurant-ticket-urgent[b-gai8ixd1ne] {
    background: var(--md-tertiary-fixed);
    color: var(--md-on-tertiary-fixed-variant);
}

.restaurant-ticket-print[b-gai8ixd1ne] {
    background: var(--md-surface-container);
    color: var(--md-on-surface-variant);
}

.restaurant-ticket-print-printed[b-gai8ixd1ne] {
    background: color-mix(in srgb, var(--md-secondary-fixed) 70%, transparent);
    color: var(--md-on-secondary-fixed);
}

.restaurant-ticket-print-failed[b-gai8ixd1ne] {
    background: color-mix(in srgb, var(--bs-danger) 14%, var(--color-surface));
    color: var(--bs-danger);
}

.restaurant-ticket-print-error[b-gai8ixd1ne] {
    align-items: center;
    background: color-mix(in srgb, var(--bs-danger) 10%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--bs-danger) 24%, var(--color-border));
    border-radius: var(--radius);
    color: var(--bs-danger);
    display: flex;
    font-size: var(--type-body-sm-size);
    gap: 8px;
    padding: 10px 12px;
}

.restaurant-ticket-course[b-gai8ixd1ne] {
    background: transparent !important;
    border-bottom: 0;
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.restaurant-ticket-secondary-actions[b-gai8ixd1ne] {
    justify-content: flex-start;
}

.restaurant-ticket-secondary-actions .btn[b-gai8ixd1ne] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.restaurant-ticket-action[b-gai8ixd1ne] {
    font-weight: 700;
    min-height: var(--touch-target-min);
}

.restaurant-ticket-action-start[b-gai8ixd1ne],
.restaurant-ticket-action-serve[b-gai8ixd1ne] {
    background: var(--md-primary-container);
    border-color: var(--md-primary-container);
    color: var(--md-on-primary);
}

.restaurant-ticket-action-start:hover:not(:disabled)[b-gai8ixd1ne],
.restaurant-ticket-action-start:focus-visible[b-gai8ixd1ne],
.restaurant-ticket-action-serve:hover:not(:disabled)[b-gai8ixd1ne],
.restaurant-ticket-action-serve:focus-visible[b-gai8ixd1ne] {
    background: var(--md-primary-fixed);
    border-color: var(--md-primary-container);
    color: var(--md-primary-container);
}

.restaurant-ticket-action-ready[b-gai8ixd1ne] {
    background: var(--md-secondary);
    border-color: var(--md-secondary);
    color: var(--md-on-secondary);
}

.restaurant-ticket-action-ready:hover:not(:disabled)[b-gai8ixd1ne],
.restaurant-ticket-action-ready:focus-visible[b-gai8ixd1ne] {
    background: var(--md-secondary-fixed-dim);
    border-color: var(--md-secondary);
    color: var(--md-on-secondary-fixed);
}

.restaurant-ticket-action:focus-visible[b-gai8ixd1ne],
.restaurant-kitchen-card footer .btn-outline-danger:focus-visible[b-gai8ixd1ne] {
    outline: 3px solid rgba(19, 27, 46, .25);
    outline-offset: 2px;
}

.restaurant-kitchen-card footer .btn-outline-danger[b-gai8ixd1ne] {
    background: var(--color-surface);
    min-width: var(--touch-target-min);
}

.restaurant-ticket-context i[b-gai8ixd1ne],
.restaurant-ticket-line small i[b-gai8ixd1ne] {
    margin-right: 6px;
}

.restaurant-ticket-line strong[b-gai8ixd1ne],
.restaurant-ticket-line small[b-gai8ixd1ne] {
    display: block;
}

.restaurant-ticket-line strong[b-gai8ixd1ne] {
    line-height: 1.35;
}

.restaurant-ticket-line small[b-gai8ixd1ne] {
    color: var(--color-muted);
    margin-top: 4px;
}

@media (min-width: 768px) {
    .restaurant-ticket-grid[b-gai8ixd1ne] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .restaurant-ticket-grid[b-gai8ixd1ne] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .restaurant-ticket-grid[b-gai8ixd1ne] {
        grid-template-columns: 1fr;
    }

    .restaurant-ticket-header[b-gai8ixd1ne] {
        flex-direction: column;
    }

    [b-gai8ixd1ne] .restaurant-kitchen-controls-body {
        padding: 16px;
    }

    .restaurant-kitchen-freshness[b-gai8ixd1ne] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/Restaurant/Modifiers.razor.rz.scp.css */
.restaurant-modifier-guide[b-ykyminj77l] { background: var(--md-primary-fixed); border: 1px solid var(--md-primary-fixed-dim) !important; border-radius: var(--radius-lg); box-shadow: none !important; }
.restaurant-modifier-guide .card-body[b-ykyminj77l] { align-items: flex-start; display: flex; gap: 12px; padding: 16px 20px; }
.restaurant-modifier-guide i[b-ykyminj77l] { color: var(--md-primary-container); font-size: 20px; }
.restaurant-modifier-guide span[b-ykyminj77l] { display: grid; gap: 3px; }.restaurant-modifier-guide small[b-ykyminj77l] { color: var(--md-on-primary-fixed-variant); }
.restaurant-modifier-grid[b-ykyminj77l] { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr)); }
.restaurant-modifier-card[b-ykyminj77l] { background: var(--md-surface-container-low); border: 1px solid var(--color-border); border-radius: var(--radius-lg); display: grid; gap: 16px; padding: 18px; }
.restaurant-modifier-card header[b-ykyminj77l] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; }.restaurant-modifier-card h2[b-ykyminj77l] { color: var(--md-primary-container); font-size: var(--type-title-lg-size); margin: 0 0 4px; }.restaurant-modifier-card header small[b-ykyminj77l], .restaurant-modifier-card p[b-ykyminj77l], .restaurant-modifier-form-heading p[b-ykyminj77l] { color: var(--color-muted); font-size: var(--type-label-md-size); margin: 0; }.restaurant-modifier-card section[b-ykyminj77l] { display: grid; gap: 8px; }.restaurant-modifier-card section > strong[b-ykyminj77l] { font-size: var(--type-label-md-size); }
.restaurant-modifier-chips[b-ykyminj77l], .restaurant-modifier-selected-products[b-ykyminj77l] { display: flex; flex-wrap: wrap; gap: 8px; }.restaurant-modifier-chips span[b-ykyminj77l], .restaurant-modifier-selected-products button[b-ykyminj77l] { background: var(--color-surface); border: 1px solid var(--md-outline-variant); border-radius: 999px; color: var(--color-text); font-size: var(--type-label-sm-size); padding: 5px 9px; }.restaurant-modifier-chips small[b-ykyminj77l] { color: var(--color-secondary); margin-left: 4px; }.restaurant-modifier-chips .is-inactive[b-ykyminj77l] { opacity: .55; text-decoration: line-through; }.restaurant-modifier-card footer[b-ykyminj77l] { margin-top: auto; }
.restaurant-modifier-form-heading[b-ykyminj77l] { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 12px; }.restaurant-modifier-form-heading h3[b-ykyminj77l] { color: var(--md-primary-container); font-size: var(--type-title-md-size); margin: 0 0 3px; }.restaurant-modifier-option-editor[b-ykyminj77l] { display: grid; gap: 10px; }.restaurant-modifier-product-results[b-ykyminj77l] { max-height: 240px; overflow: auto; }.restaurant-modifier-selected-products[b-ykyminj77l] { margin-top: 12px; }.restaurant-modifier-selected-products button[b-ykyminj77l] { align-items: center; display: inline-flex; gap: 8px; }.restaurant-modifier-selected-products button:hover[b-ykyminj77l] { border-color: var(--md-primary-container); }
@media (max-width: 575.98px) { .restaurant-modifier-form-heading[b-ykyminj77l] { align-items: stretch; flex-direction: column; } }
/* /Components/Pages/Restaurant/Order.razor.rz.scp.css */
/* Comanda POS alineada con Stitch: catálogo 70 %, carrito/resumen 30 %. */
.restaurant-order-toolbar[b-9h0ofhic2l] {
    align-items: center;
    background: var(--md-primary-container);
    border: 1px solid var(--md-primary-container);
    border-radius: var(--radius-lg);
    color: var(--md-on-primary);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
    padding: 12px;
}

.restaurant-order-toolbar .btn-outline-secondary[b-9h0ofhic2l] {
    background: var(--color-surface);
    border-color: transparent;
    color: var(--color-primary);
    min-height: var(--touch-target-min);
}

.restaurant-order-toolbar-context[b-9h0ofhic2l],
.restaurant-order-toolbar-actions[b-9h0ofhic2l] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.restaurant-order-toolbar-context[b-9h0ofhic2l] {
    color: var(--md-inverse-on-surface);
    font-size: var(--type-label-md-size);
    font-weight: 600;
}

.restaurant-order-toolbar-context span[b-9h0ofhic2l] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.restaurant-order-toolbar-context .technical-value[b-9h0ofhic2l] {
    color: var(--md-on-primary);
}

.restaurant-order-layout[b-9h0ofhic2l] {
    align-items: stretch;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 7fr) minmax(20rem, 3fr);
    min-height: calc(100vh - 220px);
}

.restaurant-order-layout > *[b-9h0ofhic2l] {
    min-width: 0;
}

.restaurant-order-catalog-panel[b-9h0ofhic2l],
.restaurant-order-cart[b-9h0ofhic2l] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: none;
    overflow: hidden;
}

.restaurant-order-catalog-panel[b-9h0ofhic2l] {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.restaurant-order-section-heading[b-9h0ofhic2l] {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.restaurant-order-section-heading h2[b-9h0ofhic2l] {
    color: var(--md-primary-container);
    font-size: var(--type-headline-md-size);
    font-weight: 700;
    line-height: var(--type-headline-md-line);
    margin: 0;
}

.restaurant-order-section-heading p[b-9h0ofhic2l] {
    color: var(--color-muted);
    margin: 2px 0 0;
}

.restaurant-order-inline-state[b-9h0ofhic2l] {
    align-items: center;
    color: var(--color-muted);
    display: inline-flex;
    font-size: var(--type-label-md-size);
    gap: 6px;
    min-height: var(--touch-target-min);
}

.restaurant-product-search[b-9h0ofhic2l] {
    max-width: 44rem;
}

.restaurant-product-search .input-group-text[b-9h0ofhic2l],
.restaurant-product-search .form-control[b-9h0ofhic2l] {
    min-height: 56px;
}

.restaurant-product-search .form-control[b-9h0ofhic2l],
.restaurant-product-search .input-group-text[b-9h0ofhic2l] {
    background: var(--color-surface);
    border-color: var(--color-border);
}

.restaurant-product-search .input-group-text[b-9h0ofhic2l] {
    color: var(--color-muted);
}

.restaurant-menu-category-strip[b-9h0ofhic2l] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-color: var(--md-outline-variant) transparent;
    scrollbar-width: thin;
}

.restaurant-menu-category-chip[b-9h0ofhic2l] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 700;
    min-height: 40px;
    padding: 0 14px;
}

.restaurant-menu-category-chip.is-selected[b-9h0ofhic2l] {
    background: var(--md-primary-fixed);
    border-color: var(--md-primary-container);
    color: var(--md-primary-container);
}

.restaurant-menu-category-chip:focus-visible[b-9h0ofhic2l] {
    outline: 3px solid rgba(37, 99, 235, .22);
    outline-offset: 2px;
}

.restaurant-product-grid[b-9h0ofhic2l] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
    margin-top: 20px;
    overflow-y: auto;
    padding-bottom: 8px;
}

.restaurant-product-card[b-9h0ofhic2l] {
    align-items: stretch;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    min-height: 11rem;
    overflow: hidden;
    padding: .8rem;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.restaurant-product-card:hover:not(:disabled)[b-9h0ofhic2l] {
    border-color: #9fd6bf;
    box-shadow: 0 .45rem 1.25rem rgba(16, 24, 40, .08);
    transform: translateY(-1px);
}

.restaurant-product-card:disabled[b-9h0ofhic2l] {
    cursor: not-allowed;
    opacity: .6;
}

.restaurant-product-card.is-unavailable[b-9h0ofhic2l] {
    background: var(--md-surface-container-low);
    border-style: dashed;
    opacity: 1;
}

.restaurant-product-card.is-unavailable .restaurant-product-visual[b-9h0ofhic2l],
.restaurant-product-card.is-unavailable .restaurant-product-card-copy[b-9h0ofhic2l],
.restaurant-product-card.is-unavailable .restaurant-product-card-price[b-9h0ofhic2l] {
    opacity: .58;
}

.restaurant-product-availability-badge[b-9h0ofhic2l] {
    align-items: center;
    align-self: flex-start;
    background: var(--md-error-container);
    border-radius: 999px;
    color: var(--md-on-error-container);
    display: inline-flex;
    font-size: var(--type-label-sm-size);
    font-weight: 800;
    gap: 6px;
    margin-bottom: 8px;
    padding: 4px 9px;
}

.restaurant-product-catalog-summary[b-9h0ofhic2l] {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    margin: 16px 0 -8px;
}

.restaurant-load-more-products[b-9h0ofhic2l] {
    align-items: center;
    align-self: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    color: var(--md-primary-container);
    display: inline-flex;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    margin: 16px auto 0;
    min-height: var(--touch-target-min);
    padding: 0 16px;
}

.restaurant-load-more-products:hover:not(:disabled)[b-9h0ofhic2l],
.restaurant-load-more-products:focus-visible[b-9h0ofhic2l] {
    background: var(--md-primary-fixed);
    border-color: var(--md-primary-container);
}

.restaurant-load-more-products:disabled[b-9h0ofhic2l] { cursor: wait; opacity: .7; }

.restaurant-product-card:focus-visible[b-9h0ofhic2l] {
    outline: 3px solid rgba(15, 107, 93, .2);
    outline-offset: 2px;
}

.restaurant-product-visual[b-9h0ofhic2l] {
    align-items: center;
    background: var(--md-surface-container-low);
    border-radius: .625rem;
    color: var(--color-muted);
    display: flex;
    flex: 0 0 4.5rem;
    font-size: 1.1rem;
    font-weight: 900;
    justify-content: center;
    margin-bottom: .65rem;
    width: 100%;
}

.restaurant-product-image[b-9h0ofhic2l] {
    color: transparent;
    object-fit: cover;
}

.restaurant-product-card-copy[b-9h0ofhic2l] {
    display: grid;
    gap: .15rem;
    min-height: 2.45rem;
    min-width: 0;
    padding: 0;
}

.restaurant-product-card-copy strong[b-9h0ofhic2l] {
    color: var(--color-text);
    display: -webkit-box;
    font-size: .9rem;
    line-height: 1.2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.restaurant-product-card-copy small[b-9h0ofhic2l] {
    color: var(--color-muted);
    font-size: .75rem;
    line-height: 1.2;
}

.restaurant-product-card-price[b-9h0ofhic2l] {
    align-items: center;
    color: #0f6b5d;
    display: flex;
    font-size: 1.12rem;
    font-weight: 900;
    justify-content: flex-start;
    line-height: 1;
    margin-top: .65rem;
    padding: 0;
}

.restaurant-product-card-price[b-9h0ofhic2l]::after {
    display: none;
}

.restaurant-order-empty-note[b-9h0ofhic2l] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    color: var(--color-muted);
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 12px;
}

.restaurant-order-cart[b-9h0ofhic2l] {
    display: grid;
    grid-template-rows: auto minmax(12rem, 1fr) auto auto;
}

.restaurant-order-cart-header[b-9h0ofhic2l] {
    align-items: center;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
    display: flex;
    justify-content: space-between;
    padding: 16px 20px;
}

.restaurant-order-cart-header h2[b-9h0ofhic2l] {
    color: var(--color-text);
    font-size: var(--type-headline-sm-size);
    font-weight: 700;
    line-height: var(--type-headline-sm-line);
    margin: 0;
}

.restaurant-order-cart-header p[b-9h0ofhic2l] {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    margin: 0;
}

.restaurant-order-more[b-9h0ofhic2l] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-muted);
    display: inline-flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.restaurant-order-cart-lines[b-9h0ofhic2l] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: clamp(18rem, 46vh, 34rem);
    min-height: 0;
    overflow-y: auto;
    padding: 20px;
    scrollbar-color: var(--md-outline-variant) transparent;
    scrollbar-width: thin;
}

.restaurant-order-line-group h3[b-9h0ofhic2l] {
    border-radius: var(--radius);
    display: inline-flex;
    font-size: var(--type-label-sm-size);
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 12px;
    padding: 4px 8px;
    text-transform: uppercase;
}

.restaurant-order-line-group.is-pending h3[b-9h0ofhic2l] {
    background: var(--md-tertiary-fixed);
    color: var(--md-on-tertiary-fixed-variant);
}

.restaurant-order-line-group.is-sent h3[b-9h0ofhic2l] {
    background: var(--md-secondary-fixed);
    color: var(--md-on-secondary-fixed-variant);
}

.restaurant-order-line-group.is-cancelled h3[b-9h0ofhic2l] {
    background: var(--md-error-container);
    color: var(--md-on-error-container);
}

.restaurant-order-line-card[b-9h0ofhic2l] {
    align-items: flex-start;
    display: grid;
    gap: 12px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 10px 0;
}

.restaurant-order-line-card + .restaurant-order-line-card[b-9h0ofhic2l] {
    border-top: 1px solid var(--color-border);
}

.restaurant-order-line-quantity[b-9h0ofhic2l] {
    align-items: center;
    background: var(--md-surface-container);
    border-radius: var(--radius);
    color: var(--color-text);
    display: inline-flex;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    padding: 0 8px;
}

.restaurant-order-line-copy[b-9h0ofhic2l] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.restaurant-order-line-copy strong[b-9h0ofhic2l] {
    color: var(--color-text);
    line-height: 1.35;
}

.restaurant-order-line-copy small[b-9h0ofhic2l] {
    color: var(--color-muted);
}

.restaurant-order-line-price[b-9h0ofhic2l] {
    color: var(--md-primary-container);
    display: grid;
    font-weight: 700;
    gap: 2px;
    justify-items: end;
    line-height: 1.15;
    white-space: nowrap;
}

.restaurant-order-line-price small[b-9h0ofhic2l] {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    font-weight: 600;
}

.restaurant-order-line-side[b-9h0ofhic2l] {
    align-items: flex-end;
    display: grid;
    gap: 8px;
    justify-items: end;
}

.restaurant-order-line-actions[b-9h0ofhic2l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    grid-column: 3;
}

.restaurant-order-line-icon-button[b-9h0ofhic2l] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    color: var(--color-muted);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    width: 32px;
}

.restaurant-order-line-icon-button:hover:not(:disabled)[b-9h0ofhic2l],
.restaurant-order-line-icon-button:focus-visible[b-9h0ofhic2l] {
    background: var(--md-surface-container);
    border-color: var(--md-primary-container);
    color: var(--md-primary-container);
}

.restaurant-order-line-icon-button.danger[b-9h0ofhic2l] {
    color: var(--md-error);
}

.restaurant-order-line-icon-button.danger:hover:not(:disabled)[b-9h0ofhic2l],
.restaurant-order-line-icon-button.danger:focus-visible[b-9h0ofhic2l] {
    background: var(--md-error-container);
    border-color: var(--md-error-container);
    color: var(--md-on-error-container);
}

.restaurant-order-line-icon-button:disabled[b-9h0ofhic2l] {
    cursor: not-allowed;
    opacity: .45;
}

.restaurant-order-line-group.is-sent[b-9h0ofhic2l],
.restaurant-order-line-group.is-cancelled[b-9h0ofhic2l] {
    opacity: .76;
}

.restaurant-order-line-group.is-cancelled .restaurant-order-line-copy strong[b-9h0ofhic2l] {
    text-decoration: line-through;
}

.restaurant-order-send[b-9h0ofhic2l] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    padding: 14px 20px;
}

.restaurant-checkout-summary[b-9h0ofhic2l] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
    padding: 20px;
}

.restaurant-checkout-summary h2[b-9h0ofhic2l] {
    align-items: center;
    color: var(--md-primary-container);
    display: flex;
    font-size: var(--type-headline-sm-size);
    font-weight: 700;
    gap: 8px;
    margin: 0 0 16px;
}

.restaurant-checkout-breakdown[b-9h0ofhic2l] {
    display: grid;
    gap: 8px 12px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 0 16px;
}

.restaurant-checkout-breakdown dt[b-9h0ofhic2l] {
    color: var(--color-muted);
    font-weight: 600;
}

.restaurant-checkout-breakdown dd[b-9h0ofhic2l] {
    margin: 0;
    text-align: right;
}

.restaurant-promotion-discount[b-9h0ofhic2l] { color: var(--color-secondary); font-weight: 700; }
.restaurant-promotion-estimate[b-9h0ofhic2l] { border-top: 1px solid var(--color-border); display: grid; gap: 8px; margin-top: 14px; padding-top: 14px; }
.restaurant-promotion-estimate > div[b-9h0ofhic2l] { align-items: center; background: var(--md-secondary-fixed); border: 1px solid var(--md-secondary-fixed-dim); border-radius: var(--radius); display: flex; gap: 12px; justify-content: space-between; padding: 10px; }
.restaurant-promotion-estimate span[b-9h0ofhic2l] { display: grid; gap: 2px; min-width: 0; }.restaurant-promotion-estimate span i[b-9h0ofhic2l] { color: var(--color-secondary); grid-row: span 2; margin-right: 6px; }.restaurant-promotion-estimate small[b-9h0ofhic2l] { color: var(--color-muted); font-size: var(--type-label-sm-size); }.restaurant-promotion-estimate b[b-9h0ofhic2l] { color: var(--color-secondary); }

.restaurant-checkout-total-label[b-9h0ofhic2l],
.restaurant-checkout-total[b-9h0ofhic2l] {
    background: var(--md-secondary-fixed);
    border-top: 1px solid var(--md-secondary-fixed-dim);
    margin-top: 8px !important;
    padding: 16px 0 12px;
}

.restaurant-checkout-total-label[b-9h0ofhic2l] {
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    color: var(--md-on-secondary-fixed-variant) !important;
    padding-left: 16px;
}

.restaurant-checkout-total[b-9h0ofhic2l] {
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    color: var(--color-secondary);
    font-size: 2rem;
    line-height: 2.5rem;
    padding-right: 16px;
}

.restaurant-checkout-action[b-9h0ofhic2l] {
    font-size: 1rem;
    font-weight: 700;
    min-height: 64px;
}

.restaurant-line-modifiers[b-9h0ofhic2l] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.restaurant-line-modifier-chip[b-9h0ofhic2l] {
    background: var(--md-primary-fixed);
    border: 1px solid var(--md-primary-fixed-dim);
    border-radius: 999px;
    color: var(--md-primary-container);
    font-size: var(--type-label-sm-size);
    font-weight: 700;
    padding: 2px 8px;
}

.restaurant-modifier-modal[b-9h0ofhic2l] {
    display: grid;
    gap: 16px;
}

.restaurant-modifier-product-summary[b-9h0ofhic2l] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    display: flex;
    gap: 12px;
    padding: 12px;
}

.restaurant-modifier-product-summary strong[b-9h0ofhic2l],
.restaurant-modifier-product-summary small[b-9h0ofhic2l] {
    display: block;
}

.restaurant-modifier-product-summary small[b-9h0ofhic2l] {
    color: var(--color-muted);
}

.restaurant-modifier-group[b-9h0ofhic2l] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 12px;
    padding: 14px;
}

.restaurant-modifier-group h3[b-9h0ofhic2l] {
    color: var(--md-primary-container);
    font-size: var(--type-title-md-size);
    font-weight: 700;
    margin: 0;
}

.restaurant-modifier-group small[b-9h0ofhic2l] {
    color: var(--color-muted);
}

.restaurant-modifier-options[b-9h0ofhic2l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.restaurant-modifier-option[b-9h0ofhic2l] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text);
    display: inline-flex;
    gap: 6px;
    min-height: var(--touch-target-min);
    padding: 8px 12px;
}

.restaurant-modifier-option.is-selected[b-9h0ofhic2l] {
    background: var(--md-primary-fixed);
    border-color: var(--md-primary-container);
    color: var(--md-primary-container);
    font-weight: 700;
}

.restaurant-modifier-option:focus-visible[b-9h0ofhic2l] {
    outline: 3px solid var(--md-secondary);
    outline-offset: 3px;
}

@media (max-width: 1199.98px) {
    .restaurant-order-layout[b-9h0ofhic2l] {
        grid-template-columns: 1fr;
    }

    .restaurant-product-grid[b-9h0ofhic2l] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr));
    }

    .restaurant-order-cart[b-9h0ofhic2l] {
        min-height: auto;
    }
}

@media (max-width: 767.98px) {
    .restaurant-order-toolbar[b-9h0ofhic2l] {
        align-items: stretch;
        flex-direction: column;
    }

    .restaurant-order-toolbar-context[b-9h0ofhic2l],
    .restaurant-order-toolbar-actions[b-9h0ofhic2l] {
        justify-content: space-between;
    }

    .restaurant-order-catalog-panel[b-9h0ofhic2l] {
        padding: 16px;
    }

    .restaurant-product-card[b-9h0ofhic2l] {
        min-height: 160px;
    }

    .restaurant-product-visual[b-9h0ofhic2l] {
        flex-basis: 4rem;
    }
}
/* /Components/Pages/Restaurant/Reservations.razor.rz.scp.css */
.restaurant-reservations-toolbar[b-yr21b1g5m0] { align-items: end; display: flex; gap: 16px; justify-content: space-between; }
.restaurant-reservations-toolbar[b-yr21b1g5m0]  .form-field { margin-bottom: 0; min-width: 190px; }
.restaurant-reservations-actions[b-yr21b1g5m0] { display: flex; flex-wrap: wrap; gap: 8px; }
.restaurant-reservation-details span[b-yr21b1g5m0], .restaurant-reservations-panel-heading p[b-yr21b1g5m0] { color: var(--color-muted); font-size: var(--type-label-md-size); }
.restaurant-reservations-layout[b-yr21b1g5m0] { display: grid; gap: 24px; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr); }
.restaurant-reservations-panel[b-yr21b1g5m0] { background: var(--md-surface-container-low); border: 1px solid var(--color-border) !important; border-radius: var(--radius-lg); box-shadow: none !important; }
.restaurant-reservations-panel .card-body[b-yr21b1g5m0] { padding: 20px; }
.restaurant-reservations-panel-heading[b-yr21b1g5m0] { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 20px; }
.restaurant-reservations-panel-heading h2[b-yr21b1g5m0] { color: var(--md-primary-container); font-size: var(--type-headline-sm-size); margin: 0 0 4px; }
.restaurant-reservations-panel-heading p[b-yr21b1g5m0] { margin: 0; }
.restaurant-reservations-count[b-yr21b1g5m0] { align-items: center; background: var(--md-primary-fixed); border-radius: 999px; color: var(--md-primary-container); display: inline-flex; font-family: var(--font-technical); font-weight: 700; justify-content: center; min-height: 32px; min-width: 32px; }
.restaurant-reservation-list[b-yr21b1g5m0], .restaurant-waiting-list[b-yr21b1g5m0] { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.restaurant-reservation-card[b-yr21b1g5m0] { align-items: center; background: var(--color-surface); border: 1px solid var(--md-outline-variant); border-radius: var(--radius); display: grid; gap: 14px; grid-template-columns: 68px minmax(0, 1fr) auto; padding: 14px; }
.restaurant-reservation-time[b-yr21b1g5m0] { border-right: 1px solid var(--color-border); display: grid; gap: 3px; }
.restaurant-reservation-time strong[b-yr21b1g5m0] { color: var(--md-primary-container); font-size: var(--type-title-lg-size); }
.restaurant-reservation-time small[b-yr21b1g5m0] { color: var(--color-muted); font-size: var(--type-label-sm-size); }
.restaurant-reservation-details[b-yr21b1g5m0] { display: grid; gap: 5px; min-width: 0; }
.restaurant-reservation-details strong[b-yr21b1g5m0] { overflow-wrap: anywhere; }
.restaurant-reservation-details span[b-yr21b1g5m0] { align-items: center; display: inline-flex; gap: 7px; }
.restaurant-reservation-card-actions[b-yr21b1g5m0] { align-items: flex-end; display: grid; gap: 8px; justify-items: end; }
.restaurant-waiting-panel[b-yr21b1g5m0] { border-top: 3px solid var(--md-tertiary-fixed-dim) !important; }
.restaurant-waiting-list[b-yr21b1g5m0] { counter-reset: waiting; }
.restaurant-waiting-list li[b-yr21b1g5m0] { align-items: center; background: var(--color-surface); border: 1px solid var(--md-outline-variant); border-radius: var(--radius); display: grid; gap: 12px; grid-template-columns: 32px minmax(0, 1fr) auto; padding: 12px; }
.restaurant-waiting-position[b-yr21b1g5m0] { align-items: center; background: var(--md-tertiary-fixed); border-radius: 50%; color: var(--md-on-tertiary-fixed-variant); display: inline-flex; font-family: var(--font-technical); font-weight: 700; height: 30px; justify-content: center; width: 30px; }
.restaurant-waiting-list li div[b-yr21b1g5m0] { display: grid; gap: 3px; min-width: 0; }
.restaurant-waiting-list small[b-yr21b1g5m0] { color: var(--color-muted); font-size: var(--type-label-sm-size); }
@media (max-width: 991.98px) { .restaurant-reservations-layout[b-yr21b1g5m0] { grid-template-columns: 1fr; } }
@media (max-width: 767.98px) { .restaurant-reservations-toolbar[b-yr21b1g5m0] { align-items: stretch; flex-direction: column; } .restaurant-reservations-toolbar[b-yr21b1g5m0]  .form-field { min-width: 0; } .restaurant-reservations-actions > *[b-yr21b1g5m0] { flex: 1; } .restaurant-reservation-card[b-yr21b1g5m0] { align-items: start; grid-template-columns: 58px minmax(0, 1fr); } .restaurant-reservation-card-actions[b-yr21b1g5m0] { align-items: center; grid-column: 1 / -1; grid-template-columns: 1fr 1fr; justify-items: stretch; } .restaurant-reservation-card-actions[b-yr21b1g5m0]  .shared-save-button { width: 100%; } }
/* /Components/Pages/Restaurant/Settings.razor.rz.scp.css */
/* Configuración: contexto, navegación y tablas comparten superficies CajaPyme. */
.restaurant-settings-context[b-m2h2x2l630] {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg);
    box-shadow: none !important;
}

.restaurant-settings-context .card-body[b-m2h2x2l630] {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--md-primary-container) 8%, transparent), transparent 52%),
        var(--color-surface);
    border-radius: var(--radius-lg);
}

.restaurant-settings-context-body[b-m2h2x2l630] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    justify-content: space-between;
    padding: 16px 20px !important;
}

.restaurant-settings-scope[b-m2h2x2l630],
.restaurant-settings-progress[b-m2h2x2l630] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.restaurant-settings-scope > i[b-m2h2x2l630] {
    align-items: center;
    background: var(--md-primary-fixed);
    border-radius: var(--radius);
    display: inline-flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.restaurant-settings-scope span[b-m2h2x2l630],
.restaurant-settings-progress span[b-m2h2x2l630] {
    display: grid;
    gap: 2px;
}

.restaurant-settings-scope small[b-m2h2x2l630],
.restaurant-settings-progress span[b-m2h2x2l630] {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
}

.restaurant-settings-scope strong[b-m2h2x2l630] { color: var(--color-text); }

.restaurant-settings-progress span[b-m2h2x2l630] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 6px 10px;
}

.restaurant-settings-progress strong[b-m2h2x2l630] { color: var(--md-primary-container); }

.restaurant-settings-context i[b-m2h2x2l630] {
    color: var(--md-primary-container) !important;
}

.restaurant-settings-tabs[b-m2h2x2l630] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    flex-wrap: wrap;
    padding: 8px;
}

.restaurant-settings-tabs .nav-link[b-m2h2x2l630] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius);
    color: var(--color-primary);
    display: inline-flex;
    gap: 6px;
    min-height: var(--touch-target-min);
    padding: 0 16px;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.restaurant-settings-step-number[b-m2h2x2l630] {
    align-items: center;
    background: var(--md-surface-container);
    border-radius: 999px;
    display: inline-flex;
    font-family: var(--font-technical);
    font-size: var(--type-label-sm-size);
    height: 22px;
    justify-content: center;
    width: 22px;
}

.restaurant-settings-tabs .nav-link small[b-m2h2x2l630] { color: var(--color-muted); font-size: var(--type-label-sm-size); }
.restaurant-settings-tabs .nav-link.active .restaurant-settings-step-number[b-m2h2x2l630] { background: var(--md-on-primary); color: var(--md-primary-container); }
.restaurant-settings-tabs .nav-link.active small[b-m2h2x2l630] { color: var(--md-on-primary); }

.restaurant-settings-setup-hint[b-m2h2x2l630] {
    align-items: center;
    background: var(--md-tertiary-fixed);
    border: 1px solid var(--md-tertiary-fixed-dim);
    border-radius: var(--radius);
    color: var(--md-on-tertiary-fixed-variant);
    display: flex;
    gap: 8px;
    margin: -8px 0 24px;
    padding: 12px 16px;
}

.restaurant-settings-tabs .nav-link:hover[b-m2h2x2l630],
.restaurant-settings-tabs .nav-link:focus-visible[b-m2h2x2l630] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-primary);
}

.restaurant-settings-tabs .nav-link.active[b-m2h2x2l630] {
    background: var(--md-primary-container);
    border-color: var(--md-primary-container);
    color: var(--md-on-primary);
    font-weight: 700;
}

.restaurant-settings-tabs .nav-link.active i[b-m2h2x2l630] {
    color: var(--md-on-primary);
}

.restaurant-settings-search .input-group-text[b-m2h2x2l630],
.restaurant-settings-search .form-control[b-m2h2x2l630] {
    min-height: 56px;
}

.restaurant-settings-search .input-group-text[b-m2h2x2l630] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-muted);
}

.restaurant-settings-table[b-m2h2x2l630] {
    --bs-table-bg: var(--color-surface);
    margin-bottom: 0;
}

.restaurant-settings-table thead th[b-m2h2x2l630] {
    background: var(--md-surface-container-low);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    font-weight: 700;
    padding-bottom: 14px;
    padding-top: 14px;
    text-transform: uppercase;
}

.restaurant-settings-table tbody td[b-m2h2x2l630] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 16px;
    padding-top: 16px;
}

.restaurant-settings-table tbody tr:hover td[b-m2h2x2l630] {
    background: var(--md-surface-container-low);
}

.restaurant-settings-pager[b-m2h2x2l630] {
    align-items: center;
    border-top: 1px solid var(--md-outline-variant);
    padding-top: 12px;
}

.restaurant-settings-dependency[b-m2h2x2l630] {
    align-items: center;
    background: var(--md-tertiary-fixed);
    border: 1px solid var(--md-tertiary-fixed-dim);
    border-radius: var(--radius);
    color: var(--md-on-tertiary-fixed-variant);
    display: flex;
    gap: 8px;
    margin: 16px 0 0;
    padding: 12px;
}

.restaurant-menu-admin-summary[b-m2h2x2l630] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.restaurant-menu-admin-summary span[b-m2h2x2l630] {
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    display: grid;
    gap: 2px;
    min-width: 10rem;
    padding: 10px 12px;
}

.restaurant-menu-admin-summary small[b-m2h2x2l630] {
    color: var(--color-muted);
    font-size: var(--type-label-sm-size);
    font-weight: 700;
    text-transform: uppercase;
}

.restaurant-menu-admin-actions[b-m2h2x2l630] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.restaurant-checkout-settings[b-m2h2x2l630] {
    display: grid;
    max-width: 720px;
}

.restaurant-checkout-setting-card[b-m2h2x2l630] {
    background: var(--md-surface-container-lowest);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 16px;
    padding: 18px;
}

.restaurant-checkout-setting-card > div:first-child[b-m2h2x2l630] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.restaurant-checkout-setting-card strong[b-m2h2x2l630] {
    color: var(--color-text);
    display: block;
}

.restaurant-checkout-setting-card small[b-m2h2x2l630] {
    color: var(--color-muted);
}

.restaurant-service-charge-input[b-m2h2x2l630] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.restaurant-print-settings-grid[b-m2h2x2l630] {
    display: grid;
    gap: 16px;
}

.restaurant-print-setting-card[b-m2h2x2l630] {
    background: var(--md-surface-container-lowest);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    display: grid;
    gap: 16px;
    padding: 18px;
}

.restaurant-print-setting-header[b-m2h2x2l630] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.restaurant-print-setting-header strong[b-m2h2x2l630] {
    color: var(--color-text);
    display: block;
}

.restaurant-print-setting-header small[b-m2h2x2l630] {
    color: var(--color-muted);
    display: block;
}

.restaurant-print-setting-actions[b-m2h2x2l630] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    .restaurant-settings-context-body[b-m2h2x2l630] { align-items: stretch; }
    .restaurant-settings-progress[b-m2h2x2l630] { width: 100%; }
    .restaurant-settings-tabs[b-m2h2x2l630] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 12px;
    }

    .restaurant-settings-tabs .nav-link[b-m2h2x2l630] {
        flex: 0 0 auto;
    }

    .restaurant-settings-table[b-m2h2x2l630],
    .restaurant-settings-table tbody[b-m2h2x2l630],
    .restaurant-settings-table tr[b-m2h2x2l630],
    .restaurant-settings-table td[b-m2h2x2l630] {
        display: block;
        width: 100%;
    }

    .restaurant-settings-table thead[b-m2h2x2l630] {
        display: none;
    }

    .restaurant-settings-table tr[b-m2h2x2l630] {
        background: var(--md-surface-container-lowest);
        border-bottom: 1px solid var(--md-outline-variant);
        padding: 8px 0;
    }

    .restaurant-settings-table td[b-m2h2x2l630] {
        align-items: center;
        border: 0;
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(6rem, 40%) 1fr;
        padding: 8px 16px;
        text-align: left !important;
    }

    .restaurant-settings-table td[b-m2h2x2l630]::before {
        color: var(--color-muted);
        content: attr(data-label);
        font-size: var(--type-label-sm-size);
        font-weight: 700;
    }

    .restaurant-settings-pager[b-m2h2x2l630] {
        justify-content: stretch !important;
    }

    .restaurant-menu-admin-actions[b-m2h2x2l630] {
        justify-content: flex-start;
    }

    .restaurant-service-charge-input[b-m2h2x2l630] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .restaurant-print-setting-actions[b-m2h2x2l630] {
        justify-content: stretch;
    }
}

/* Navegación de configuración alineada al patrón de tarjetas del catálogo óptico. */
.restaurant-settings-tabs[b-m2h2x2l630] {
    background: transparent;
    border: 0;
    display: grid;
    gap: .75rem !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 0;
}

.restaurant-settings-tabs .nav-link[b-m2h2x2l630] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    color: var(--color-text);
    display: grid;
    gap: .25rem .75rem;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    min-height: 76px;
    padding: .875rem 1rem;
    text-align: left;
}

.restaurant-settings-tabs .nav-link > i[b-m2h2x2l630] { color: var(--md-primary-container); grid-row: 1 / span 2; text-align: center; width: 1.5rem; }
.restaurant-settings-tabs .nav-link > span:not(.restaurant-settings-step-number)[b-m2h2x2l630] { font-weight: 700; }
.restaurant-settings-tabs .nav-link small[b-m2h2x2l630] { grid-column: 2; margin: 0; }
.restaurant-settings-tabs .restaurant-settings-step-number[b-m2h2x2l630] { display: none; }
.restaurant-settings-tabs .nav-link.active[b-m2h2x2l630] { background: var(--md-primary-fixed); border-color: var(--md-primary-container); box-shadow: 0 4px 14px color-mix(in srgb, var(--md-primary-container) 12%, transparent); color: var(--md-on-primary-fixed); }
.restaurant-settings-tabs .nav-link.active i[b-m2h2x2l630] { color: var(--md-primary-container); }
.restaurant-settings-tabs .nav-link.active small[b-m2h2x2l630] { color: var(--color-muted); }

@media (max-width: 991.98px) { .restaurant-settings-tabs[b-m2h2x2l630] { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; padding: 0; } }
@media (max-width: 575.98px) { .restaurant-settings-tabs[b-m2h2x2l630] { grid-template-columns: 1fr; } }
/* /Components/Pages/Sales/Delivery.razor.rz.scp.css */
.delivery-page[b-pnm5fpto14] {
    display: grid;
    gap: 1rem;
    padding-block: 1rem 2rem;
}

.delivery-kpis[b-pnm5fpto14] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.delivery-filter-grid[b-pnm5fpto14] {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(16rem, 1fr) minmax(12rem, .3fr);
}

.delivery-search[b-pnm5fpto14] { position: relative; }
.delivery-search i[b-pnm5fpto14] { color: #6b7280; left: .85rem; position: absolute; top: 50%; transform: translateY(-50%); }
.delivery-search .form-control[b-pnm5fpto14] { padding-left: 2.35rem; }

[b-pnm5fpto14] .delivery-panel .data-table-shell-body { overflow-x: auto; }
.delivery-table[b-pnm5fpto14] { min-width: 1040px; table-layout: fixed; width: 100%; }
.delivery-table :is(th, td):nth-child(1)[b-pnm5fpto14] { width: 16%; }
.delivery-table :is(th, td):nth-child(2)[b-pnm5fpto14] { width: 17%; }
.delivery-table :is(th, td):nth-child(3)[b-pnm5fpto14] { width: 22%; }
.delivery-table :is(th, td):nth-child(4)[b-pnm5fpto14] { width: 13%; }
.delivery-table :is(th, td):nth-child(5)[b-pnm5fpto14] { width: 11%; }
.delivery-table :is(th, td):nth-child(6)[b-pnm5fpto14] { width: 9%; }
.delivery-table :is(th, td):nth-child(7)[b-pnm5fpto14] { width: 12%; }
.delivery-table small[b-pnm5fpto14] { color: #6b7280; display: block; font-size: .82rem; margin-top: .15rem; }
.delivery-address[b-pnm5fpto14] { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.delivery-table caption[b-pnm5fpto14] { clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute; width: 1px; }

@media (max-width: 768px) {
    .delivery-kpis[b-pnm5fpto14], .delivery-filter-grid[b-pnm5fpto14] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Sales/DeliverySupervision.razor.rz.scp.css */
.delivery-supervision-page[b-ckw5lbjd6b] { display: grid; gap: 1rem; padding-block: 1rem 2rem; }
.delivery-supervision-grid[b-ckw5lbjd6b] { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) minmax(18rem, .34fr); }
.delivery-supervision-kpis[b-ckw5lbjd6b] { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.supervision-table[b-ckw5lbjd6b] { min-width: 820px; }
.supervision-table small[b-ckw5lbjd6b] { color: #64748b; display: block; font-size: .8rem; margin-top: .15rem; }
.supervision-table .delivery-incident[b-ckw5lbjd6b] { color: #b45309; max-width: 16rem; }
.supervision-table .delivery-delayed[b-ckw5lbjd6b] { color: #b91c1c; font-weight: 700; }
.delivery-event-feed[b-ckw5lbjd6b] { display: grid; gap: .65rem; }
.delivery-event-feed div[b-ckw5lbjd6b] { border-bottom: 1px solid #e2e8f0; display: grid; gap: .12rem; padding-bottom: .6rem; }
.delivery-event-feed small[b-ckw5lbjd6b] { color: #64748b; }
.event-warning[b-ckw5lbjd6b] { color: #b45309; font-size: .82rem; font-weight: 700; }.event-neutral[b-ckw5lbjd6b] { color: #2563eb; font-size: .82rem; }
.delivery-map-card[b-ckw5lbjd6b] { background: #fff; border: 1px solid #dbe3ee; border-radius: .9rem; display: grid; gap: .9rem; padding: 1rem; }
.delivery-live-map[b-ckw5lbjd6b] { border: 1px solid #cbd5e1; border-radius: .75rem; height: 22rem; overflow: hidden; width: 100%; }
.delivery-location-details[b-ckw5lbjd6b] { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.delivery-location-details div[b-ckw5lbjd6b] { background: #f8fafc; border-radius: .6rem; min-width: 0; padding: .65rem .75rem; }
.delivery-location-details dt[b-ckw5lbjd6b] { color: #64748b; font-size: .78rem; font-weight: 600; margin-bottom: .2rem; }
.delivery-location-details dd[b-ckw5lbjd6b] { color: #1e293b; font-size: .9rem; margin: 0; overflow-wrap: anywhere; }
.delivery-report-grid[b-ckw5lbjd6b] { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }.delivery-metrics[b-ckw5lbjd6b] { display: grid; gap: .65rem; }.delivery-metrics div[b-ckw5lbjd6b] { border-bottom: 1px solid #e2e8f0; display: grid; gap: .1rem; padding-bottom: .55rem; }.delivery-metrics span[b-ckw5lbjd6b] { color: #334155; }.delivery-metrics small[b-ckw5lbjd6b] { color: #64748b; }
.assignment-form[b-ckw5lbjd6b] { display: grid; gap: .75rem; }
.proof-backdrop[b-ckw5lbjd6b] { align-items: center; background: rgb(15 23 42 / .58); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 1050; }
.proof-dialog[b-ckw5lbjd6b] { background: #fff; border-radius: 1rem; display: grid; gap: 1rem; max-height: calc(100vh - 2rem); max-width: 36rem; overflow: auto; padding: 1.25rem; width: 100%; }
.proof-photo[b-ckw5lbjd6b] { border-radius: .75rem; max-height: 22rem; object-fit: contain; width: 100%; }
.proof-signature[b-ckw5lbjd6b] { border: 1px solid #cbd5e1; border-radius: .5rem; height: 8rem; object-fit: contain; width: 100%; }
@media (max-width: 992px) { .delivery-supervision-grid[b-ckw5lbjd6b], .delivery-supervision-kpis[b-ckw5lbjd6b], .delivery-report-grid[b-ckw5lbjd6b], .delivery-location-details[b-ckw5lbjd6b] { grid-template-columns: 1fr; } }
/* /Components/Pages/Sales/History/Sales.razor.rz.scp.css */
.sales-history-page[b-x2dr8kiwhg] {
    display: grid;
    gap: 1rem;
    padding: 1.25rem;
}

.sales-history-toolbar[b-x2dr8kiwhg] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.sales-history-toolbar h1[b-x2dr8kiwhg] {
    color: #101828;
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
}

.sales-history-toolbar span[b-x2dr8kiwhg],
.sales-history-panel-header span[b-x2dr8kiwhg],
.sales-history-table small[b-x2dr8kiwhg],
.sales-history-mini-table span[b-x2dr8kiwhg],
.sales-history-list-row span[b-x2dr8kiwhg],
.sales-history-modal-intro span[b-x2dr8kiwhg],
.sales-history-muted[b-x2dr8kiwhg],
.sales-history-cancellation-note small[b-x2dr8kiwhg] {
    color: #667085;
}

.sales-history-toolbar-actions[b-x2dr8kiwhg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: flex-end;
}

.sales-history-primary-action[b-x2dr8kiwhg],
.sales-history-secondary-action[b-x2dr8kiwhg],
.sales-history-danger-action[b-x2dr8kiwhg] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 700;
    gap: .45rem;
    min-height: 40px;
}

.sales-history-primary-action[b-x2dr8kiwhg] {
    background: #155eef;
    border-color: #155eef;
    color: #fff;
}

.sales-history-secondary-action[b-x2dr8kiwhg] {
    background: #fff;
    border: 1px solid #d0d5dd;
    color: #344054;
}

.sales-history-danger-action[b-x2dr8kiwhg] {
    background: #d92d20;
    border-color: #d92d20;
    color: #fff;
}

.sales-history-detail-grid > div[b-x2dr8kiwhg] {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.sales-history-detail-grid span[b-x2dr8kiwhg] {
    color: #667085;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sales-history-detail-grid strong[b-x2dr8kiwhg] {
    color: #101828;
    font-size: 1.05rem;
}

.sales-history-filter-grid[b-x2dr8kiwhg] {
    display: grid;
    gap: .75rem;
}

.sales-history-primary-filters[b-x2dr8kiwhg],
.sales-history-advanced-filters[b-x2dr8kiwhg] {
    display: grid;
    gap: .75rem;
}

.sales-history-primary-filters[b-x2dr8kiwhg] {
    grid-template-columns: minmax(15rem, 1.4fr) minmax(14rem, 1fr) minmax(9rem, .75fr) minmax(9rem, .75fr) max-content;
}

.sales-history-advanced-filters[b-x2dr8kiwhg] {
    border-top: 1px solid #dfe7e3;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: .9rem;
}

.sales-history-date-range[b-x2dr8kiwhg] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sales-history-primary-filters .form-label[b-x2dr8kiwhg],
.sales-history-advanced-filters .form-label[b-x2dr8kiwhg] {
    color: #475467;
    display: block;
    font-size: .75rem;
    font-weight: 800;
    margin: 0 0 .3rem;
}

.sales-history-filter-actions[b-x2dr8kiwhg] {
    align-items: center;
    align-self: end;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    min-height: 48px;
    white-space: nowrap;
}

.sales-history-filter-count[b-x2dr8kiwhg] {
    align-items: center;
    background: #e3f3ef;
    border-radius: 999px;
    color: #005146;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 800;
    height: 1.25rem;
    justify-content: center;
    min-width: 1.25rem;
    padding: 0 .3rem;
}

.sales-history-clear-filters[b-x2dr8kiwhg] {
    color: #005146;
    font-weight: 800;
    min-height: 40px;
    padding-inline: .45rem;
}

.sales-history-active-filters[b-x2dr8kiwhg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.sales-history-active-filters > span:first-child[b-x2dr8kiwhg] {
    color: #667085;
    font-size: .78rem;
    font-weight: 800;
}

.sales-history-search[b-x2dr8kiwhg] {
    align-self: end;
    position: relative;
}

.sales-history-search > i[b-x2dr8kiwhg] {
    color: #98a2b3;
    left: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.sales-history-search input[b-x2dr8kiwhg] {
    padding-left: 2.35rem;
    padding-right: 6.75rem;
}

.sales-history-search-status[b-x2dr8kiwhg] {
    align-items: center;
    color: #667085;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .35rem;
    pointer-events: none;
    position: absolute;
    right: .8rem;
    top: 50%;
    transform: translateY(-50%);
}

.sales-history-panel[b-x2dr8kiwhg] {
    border: 0;
    box-shadow: 0 10px 26px rgba(16, 24, 40, .06);
}

.sales-history-table-wrap[b-x2dr8kiwhg] {
    overflow-x: auto;
}

.sales-history-table[b-x2dr8kiwhg] {
    min-width: 1160px;
    table-layout: fixed;
    width: 100%;
}

.sales-history-table :is(th, td):nth-child(1)[b-x2dr8kiwhg] { width: 11%; }
.sales-history-table :is(th, td):nth-child(2)[b-x2dr8kiwhg] { width: 10%; }
.sales-history-table :is(th, td):nth-child(3)[b-x2dr8kiwhg] { width: 17%; }
.sales-history-table :is(th, td):nth-child(4)[b-x2dr8kiwhg] { width: 13%; }
.sales-history-table :is(th, td):nth-child(5)[b-x2dr8kiwhg] { width: 12%; }
.sales-history-table :is(th, td):nth-child(6)[b-x2dr8kiwhg] { width: 9%; }
.sales-history-table :is(th, td):nth-child(7)[b-x2dr8kiwhg] { width: 12%; }
.sales-history-table :is(th, td):nth-child(8)[b-x2dr8kiwhg] { width: 9%; }
.sales-history-table :is(th, td):nth-child(9)[b-x2dr8kiwhg] { width: 7%; }

.sales-history-table caption[b-x2dr8kiwhg],
.sales-history-mini-table caption[b-x2dr8kiwhg] {
    display: none;
}

.sales-history-table th[b-x2dr8kiwhg] {
    background: #f9fafb;
    color: #475467;
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.sales-history-table td[b-x2dr8kiwhg] {
    color: #344054;
    vertical-align: middle;
}

.sales-history-table td strong[b-x2dr8kiwhg],
.sales-history-table td span[b-x2dr8kiwhg],
.sales-history-table td small[b-x2dr8kiwhg] {
    display: block;
}

.sales-history-payment-cell[b-x2dr8kiwhg] {
    max-width: 16rem;
}

.sales-history-row-actions[b-x2dr8kiwhg] {
    text-align: center !important;
    white-space: nowrap;
}

.sales-history-pager[b-x2dr8kiwhg] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.sales-history-pager > div[b-x2dr8kiwhg] {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

.sales-history-pager-summary[b-x2dr8kiwhg] {
    display: grid !important;
    gap: .1rem;
}

.sales-history-pager-summary strong[b-x2dr8kiwhg] {
    color: #344054;
    font-size: .88rem;
}

.sales-history-pager-summary span[b-x2dr8kiwhg] {
    color: #667085;
    font-size: .78rem;
}

.sales-history-modal-intro[b-x2dr8kiwhg] {
    align-items: center;
    border-bottom: 1px solid #eaecf0;
    display: flex;
    justify-content: space-between;
    margin: -.25rem 0 1rem;
    padding-bottom: 1rem;
}

.sales-history-modal-intro strong[b-x2dr8kiwhg],
.sales-history-modal-intro span[b-x2dr8kiwhg] {
    display: block;
}

.sales-history-modal-total[b-x2dr8kiwhg] {
    margin-left: auto;
    text-align: right;
}

.sales-history-modal-total span[b-x2dr8kiwhg] {
    color: #667085;
    font-size: .75rem;
    font-weight: 700;
}

.sales-history-modal-total strong[b-x2dr8kiwhg] {
    color: #005146;
    font-size: 1.1rem;
}

.sales-history-quick-actions[b-x2dr8kiwhg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: -.25rem 0 1rem;
}

.sales-history-quick-actions .btn[b-x2dr8kiwhg] {
    min-height: 36px;
    padding: .35rem .65rem;
}

.sales-history-detail-grid[b-x2dr8kiwhg] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.sales-history-detail-columns[b-x2dr8kiwhg] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.sales-history-detail-section[b-x2dr8kiwhg] {
    border: 1px solid #eaecf0;
    border-radius: 8px;
    margin-top: 1rem;
    padding: 1rem;
}

.sales-history-section-title[b-x2dr8kiwhg] {
    color: #101828;
    font-weight: 800;
    margin-bottom: .75rem;
}

.sales-history-mini-table[b-x2dr8kiwhg] {
    margin-bottom: 0;
}

.sales-history-disclosure[b-x2dr8kiwhg] {
    border: 1px solid #dfe7e3;
    border-radius: 8px;
    margin-top: .75rem;
    overflow: hidden;
}

.sales-history-disclosure-toggle[b-x2dr8kiwhg] {
    align-items: center;
    background: #fff;
    border: 0;
    color: #101828;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-height: 48px;
    padding: .7rem .85rem;
    text-align: left;
    width: 100%;
}

.sales-history-disclosure-toggle:hover[b-x2dr8kiwhg],
.sales-history-disclosure-toggle:focus-visible[b-x2dr8kiwhg] {
    background: #f1f8f6;
}

.sales-history-disclosure-toggle:focus-visible[b-x2dr8kiwhg] {
    outline: 2px solid #005146;
    outline-offset: -2px;
}

.sales-history-disclosure-toggle span > strong[b-x2dr8kiwhg],
.sales-history-disclosure-toggle span > small[b-x2dr8kiwhg] {
    display: block;
}

.sales-history-disclosure-toggle small[b-x2dr8kiwhg] {
    color: #667085;
    font-size: .75rem;
    font-weight: 600;
    margin-top: .1rem;
}

.sales-history-disclosure-toggle > i[b-x2dr8kiwhg] {
    color: #005146;
}

.sales-history-disclosure-content[b-x2dr8kiwhg] {
    border-top: 1px solid #eaecf0;
    padding: .85rem;
}

.sales-history-disclosure .sales-history-detail-grid[b-x2dr8kiwhg] {
    border-top: 1px solid #eaecf0;
    margin: 0;
    padding: .85rem;
}

.sales-history-disclosure .sales-history-detail-columns[b-x2dr8kiwhg] {
    border-top: 1px solid #eaecf0;
    padding: 0 .85rem .85rem;
}

.sales-history-disclosure .sales-history-detail-section[b-x2dr8kiwhg] {
    margin-top: .85rem;
}

.sales-history-line-cards[b-x2dr8kiwhg] {
    display: none;
}

.sales-history-line-card[b-x2dr8kiwhg] {
    background: #fff;
    border: 1px solid #dfe7e3;
    border-radius: .75rem;
    padding: .85rem;
}

.sales-history-line-card + .sales-history-line-card[b-x2dr8kiwhg] {
    margin-top: .65rem;
}

.sales-history-line-card-header[b-x2dr8kiwhg] {
    align-items: start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.sales-history-line-card-header > div:first-child > strong[b-x2dr8kiwhg],
.sales-history-line-card-header > div:first-child > span[b-x2dr8kiwhg],
.sales-history-line-total > span[b-x2dr8kiwhg],
.sales-history-line-total > strong[b-x2dr8kiwhg] {
    display: block;
}

.sales-history-line-card-header > div:first-child > span[b-x2dr8kiwhg],
.sales-history-line-total > span[b-x2dr8kiwhg],
.sales-history-line-metrics dt[b-x2dr8kiwhg],
.sales-history-line-metrics small[b-x2dr8kiwhg] {
    color: #667085;
    font-size: .75rem;
}

.sales-history-line-total[b-x2dr8kiwhg] {
    min-width: max-content;
    text-align: right;
}

.sales-history-line-total strong[b-x2dr8kiwhg] {
    color: #005146;
    font-size: 1rem;
}

.sales-history-line-metrics[b-x2dr8kiwhg] {
    display: grid;
    gap: .65rem .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: .85rem 0 0;
}

.sales-history-line-metrics > div[b-x2dr8kiwhg] {
    border-top: 1px solid #eaecf0;
    padding-top: .5rem;
}

.sales-history-line-metrics dt[b-x2dr8kiwhg] {
    font-weight: 700;
    margin-bottom: .2rem;
}

.sales-history-line-metrics dd[b-x2dr8kiwhg] {
    color: #101828;
    font-weight: 800;
    margin: 0;
}

.sales-history-line-metrics dd small[b-x2dr8kiwhg] {
    display: block;
    margin-top: .2rem;
}

.sales-history-options-group + .sales-history-options-group[b-x2dr8kiwhg] {
    border-top: 1px solid #dfe7e3;
    margin-top: .8rem;
    padding-top: .8rem;
}

.sales-history-options-list[b-x2dr8kiwhg] {
    grid-template-columns: 1fr;
}

.sales-history-options-group[b-x2dr8kiwhg] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sales-history-options-group-label[b-x2dr8kiwhg] {
    grid-column: 1 / -1;
}

.sales-history-options-group .sales-history-options-item-danger[b-x2dr8kiwhg] {
    grid-column: auto;
    justify-self: stretch;
    width: 100%;
}

@media (max-width: 560px) {
    .sales-history-options-group[b-x2dr8kiwhg] {
        grid-template-columns: 1fr;
    }
}

.sales-history-options-group-label[b-x2dr8kiwhg] {
    color: #667085;
    display: block;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin: 0 .1rem .35rem;
    text-transform: uppercase;
}

.sales-history-mini-table td strong[b-x2dr8kiwhg],
.sales-history-mini-table td span[b-x2dr8kiwhg] {
    display: block;
}

.sales-history-traceability[b-x2dr8kiwhg] {
    display: grid;
    gap: .2rem;
    margin-top: .45rem;
    padding: .45rem .55rem;
    border-radius: 8px;
    background: #f8fafc;
    color: #344054;
    font-size: .8rem;
}

.sales-history-traceability div[b-x2dr8kiwhg] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-weight: 800;
}

.sales-history-traceability small[b-x2dr8kiwhg] {
    color: #667085;
}

.sales-history-list-row[b-x2dr8kiwhg] {
    align-items: center;
    border-top: 1px solid #f2f4f7;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .7rem 0;
}

.sales-history-list-row:first-of-type[b-x2dr8kiwhg] {
    border-top: 0;
    padding-top: 0;
}

.sales-history-cancellation-note[b-x2dr8kiwhg] {
    background: #fff1f3;
    border: 1px solid #fecdd6;
    border-radius: 8px;
    color: #912018;
    display: grid;
    gap: .2rem;
    margin-top: 1rem;
    padding: .85rem;
}

@media (max-width: 1200px) {
    .sales-history-primary-filters[b-x2dr8kiwhg] {
        grid-template-columns: minmax(16rem, 1.5fr) minmax(15rem, 1fr) repeat(2, minmax(0, 1fr));
    }

    .sales-history-search[b-x2dr8kiwhg] {
        grid-column: 1 / -1;
    }

    .sales-history-filter-actions[b-x2dr8kiwhg] {
        grid-column: 1 / -1;
    }

    .sales-history-advanced-filters[b-x2dr8kiwhg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .sales-history-page[b-x2dr8kiwhg] {
        padding: .85rem;
    }

    .sales-history-toolbar[b-x2dr8kiwhg],
    .sales-history-toolbar-actions[b-x2dr8kiwhg],
    .sales-history-modal-intro[b-x2dr8kiwhg],
    .sales-history-pager[b-x2dr8kiwhg] {
        align-items: stretch;
        flex-direction: column;
    }

    .sales-history-primary-filters[b-x2dr8kiwhg],
    .sales-history-advanced-filters[b-x2dr8kiwhg],
    .sales-history-detail-grid[b-x2dr8kiwhg],
    .sales-history-detail-columns[b-x2dr8kiwhg] {
        grid-template-columns: 1fr;
    }

    .sales-history-mini-table[b-x2dr8kiwhg] {
        display: none;
    }

    .sales-history-line-cards[b-x2dr8kiwhg] {
        display: block;
    }

    .sales-history-table[b-x2dr8kiwhg] {
        min-width: 0;
    }

    .sales-history-table tbody[b-x2dr8kiwhg] {
        display: grid;
        gap: .75rem;
        padding: .75rem;
    }

    .sales-history-table thead[b-x2dr8kiwhg] {
        display: none;
    }

    .sales-history-table tr[b-x2dr8kiwhg] {
        background: #fff;
        border: 1px solid #dfe7e3;
        border-radius: .8rem;
        box-shadow: 0 .1rem .35rem rgba(15, 41, 33, .05);
        display: grid;
        gap: .55rem .8rem;
        grid-template-areas:
            "sale sale"
            "date status"
            "customer branch"
            "payment fiscal"
            "total actions";
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: .9rem;
    }

    .sales-history-table td[b-x2dr8kiwhg] {
        align-items: start;
        border: 0;
        display: flex;
        gap: .75rem;
        justify-content: space-between;
        padding: 0;
        text-align: left !important;
    }

    .sales-history-table td:nth-child(1)[b-x2dr8kiwhg] { grid-area: sale; }
    .sales-history-table td:nth-child(2)[b-x2dr8kiwhg] { grid-area: date; }
    .sales-history-table td:nth-child(3)[b-x2dr8kiwhg] { grid-area: customer; }
    .sales-history-table td:nth-child(4)[b-x2dr8kiwhg] { grid-area: branch; }
    .sales-history-table td:nth-child(5)[b-x2dr8kiwhg] { grid-area: payment; }
    .sales-history-table td:nth-child(6)[b-x2dr8kiwhg] { grid-area: status; }
    .sales-history-table td:nth-child(7)[b-x2dr8kiwhg] { grid-area: fiscal; }
    .sales-history-table td:nth-child(8)[b-x2dr8kiwhg] { grid-area: total; }
    .sales-history-table td:nth-child(9)[b-x2dr8kiwhg] { grid-area: actions; }

    .sales-history-table td:nth-child(1)[b-x2dr8kiwhg] {
        display: block;
        padding-bottom: .2rem;
    }

    .sales-history-table td:nth-child(1)[b-x2dr8kiwhg]::before,
    .sales-history-table td.sales-history-row-actions[b-x2dr8kiwhg]::before {
        display: none;
    }

    .sales-history-table td[b-x2dr8kiwhg]::before {
        color: #667085;
        content: attr(data-label);
        font-size: .76rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .sales-history-row-actions[b-x2dr8kiwhg] {
        align-items: center !important;
        border-top: 1px solid #eaecf0 !important;
        justify-content: center;
        margin-top: .1rem;
        padding-top: .7rem !important;
        white-space: normal;
    }
}

@media (min-width: 769px) and (max-width: 1100px) {
    .sales-history-toolbar[b-x2dr8kiwhg],
    .sales-history-toolbar-actions[b-x2dr8kiwhg],
    .sales-history-pager[b-x2dr8kiwhg] {
        align-items: center;
        flex-direction: row;
    }

    .sales-history-primary-filters[b-x2dr8kiwhg],
    .sales-history-advanced-filters[b-x2dr8kiwhg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-history-search[b-x2dr8kiwhg] {
        grid-column: 1 / -1;
    }

    .sales-history-detail-grid[b-x2dr8kiwhg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .sales-history-line-metrics[b-x2dr8kiwhg] {
        grid-template-columns: 1fr;
    }

    .sales-history-table tbody[b-x2dr8kiwhg] {
        gap: .6rem;
        padding: .6rem;
    }

    .sales-history-table tr[b-x2dr8kiwhg] {
        grid-template-areas:
            "sale"
            "date"
            "customer"
            "branch"
            "payment"
            "status"
            "fiscal"
            "total"
            "actions";
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Sales/PreSales.razor.rz.scp.css */
.pre-sales-page[b-mr0se3mri3] {
    display: grid;
    gap: 1rem;
    padding-block: 1rem 2rem;
}

.pre-sales-panel-header[b-mr0se3mri3],
.pre-sales-detail-header[b-mr0se3mri3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pre-sales-table small[b-mr0se3mri3],
.pre-sales-detail-header span[b-mr0se3mri3] {
    color: #6b7280;
    font-size: .86rem;
}

.pre-sales-actions[b-mr0se3mri3],
.pre-sales-pager > div[b-mr0se3mri3] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

[b-mr0se3mri3] .pre-sales-actions-dialog {
    max-width: min(38rem, calc(100vw - 1.5rem));
}

[b-mr0se3mri3] .pre-sales-actions-modal .pre-sales-actions-body {
    padding: .85rem !important;
}

[b-mr0se3mri3] .pre-sales-document-actions {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-mr0se3mri3] .pre-sales-actions-item {
    align-items: center;
    background: #fff;
    border: 1px solid #d7e0dd;
    border-radius: .75rem;
    color: #172033;
    display: flex;
    font: inherit;
    font-weight: 850;
    gap: .7rem;
    min-height: 5.75rem;
    padding: .8rem;
    text-align: left;
    width: 100%;
}

[b-mr0se3mri3] .pre-sales-actions-item i {
    align-items: center;
    background: #eaf5f0;
    border-radius: .55rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    text-align: center;
    width: 2.25rem;
}

[b-mr0se3mri3] .pre-sales-actions-item > span {
    display: grid;
    gap: .15rem;
}

[b-mr0se3mri3] .pre-sales-actions-item strong {
    font-size: .85rem;
}

[b-mr0se3mri3] .pre-sales-actions-item small {
    color: #64748b;
    font-size: .72rem;
    font-weight: 650;
    line-height: 1.25;
}

[b-mr0se3mri3] .pre-sales-actions-item:hover:not(:disabled),
[b-mr0se3mri3] .pre-sales-actions-item:focus-visible:not(:disabled) {
    background: #eef7f2;
    border-color: #a9cdbd;
    color: #0f6b5d;
    outline: 3px solid rgba(15, 107, 93, .2);
    outline-offset: 2px;
}

[b-mr0se3mri3] .pre-sales-actions-item:hover:not(:disabled) i,
[b-mr0se3mri3] .pre-sales-actions-item:focus-visible:not(:disabled) i {
    background: #d9f1e6;
}

[b-mr0se3mri3] .pre-sales-actions-item-danger i {
    background: #fde8e7;
    color: #b42318;
}

[b-mr0se3mri3] .pre-sales-actions-item-danger {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - .275rem);
}

[b-mr0se3mri3] .pre-sales-actions-item:disabled {
    color: #98a2b3;
    cursor: not-allowed;
    opacity: .72;
}

.pre-sales-kpis[b-mr0se3mri3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.pre-sales-lines-card[b-mr0se3mri3] {
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    background: #fff;
    padding: .9rem 1rem;
}

.pre-sales-filter-grid[b-mr0se3mri3] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(10rem, .35fr) minmax(10rem, .35fr) auto;
    gap: .75rem;
    align-items: end;
}

.pre-sales-search[b-mr0se3mri3] {
    position: relative;
}

.pre-sales-search i[b-mr0se3mri3] {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: #6b7280;
    transform: translateY(-50%);
}

.pre-sales-search .form-control[b-mr0se3mri3] {
    padding-left: 2.35rem;
}

.pre-sales-table-wrap[b-mr0se3mri3] {
    overflow-x: auto;
}

.pre-sales-table[b-mr0se3mri3] {
    min-width: 1080px;
    table-layout: fixed;
    width: 100%;
}

.pre-sales-table :is(th, td):nth-child(1)[b-mr0se3mri3] { width: 25%; }
.pre-sales-table :is(th, td):nth-child(2)[b-mr0se3mri3] { width: 13%; }
.pre-sales-table :is(th, td):nth-child(3)[b-mr0se3mri3] { width: 9%; }
.pre-sales-table :is(th, td):nth-child(4)[b-mr0se3mri3] { width: 14%; }
.pre-sales-table :is(th, td):nth-child(5)[b-mr0se3mri3] { width: 9%; }
.pre-sales-table :is(th, td):nth-child(6)[b-mr0se3mri3] { width: 9%; }
.pre-sales-table :is(th, td):nth-child(7)[b-mr0se3mri3] { width: 11%; }
.pre-sales-table :is(th, td):nth-child(8)[b-mr0se3mri3] { width: 10%; }

.pre-sales-table th[b-mr0se3mri3],
.pre-sales-table td[b-mr0se3mri3] {
    vertical-align: middle;
}

.pre-sales-table td.pre-sales-row-actions[b-mr0se3mri3] {
    display: table-cell;
    text-align: center !important;
}

.pre-sales-table td:first-child strong[b-mr0se3mri3],
.pre-sales-table td:nth-child(2) span[b-mr0se3mri3],
.pre-sales-table td:first-child small[b-mr0se3mri3],
.pre-sales-table td:nth-child(2) small[b-mr0se3mri3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pre-sales-table caption[b-mr0se3mri3] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.pre-sales-table td:first-child strong[b-mr0se3mri3],
.pre-sales-table td:nth-child(2) span[b-mr0se3mri3] {
    display: block;
    color: #111827;
}

.pre-sales-expiration[b-mr0se3mri3] {
    align-items: center;
    color: #536273;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 700;
    gap: .35rem;
    white-space: nowrap;
}

.pre-sales-expiration i[b-mr0se3mri3] {
    font-size: .78rem;
}

.pre-sales-expiration.is-expired[b-mr0se3mri3] {
    color: #b42318;
}

.pre-sales-expiration.is-today[b-mr0se3mri3],
.pre-sales-expiration.is-soon[b-mr0se3mri3] {
    color: #9a6700;
}

.pre-sales-expiration.is-scheduled[b-mr0se3mri3] {
    color: #0f6b5d;
}

.pre-sales-form-grid[b-mr0se3mri3],
.pre-sales-line-builder[b-mr0se3mri3],
.pre-sales-deposit-row[b-mr0se3mri3] {
    align-items: start;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

[b-mr0se3mri3] .pre-sales-form-grid > .pre-sales-customer-field {
    grid-column: span 2;
}

.pre-sales-customer-input-row[b-mr0se3mri3] {
    align-items: flex-start;
    display: flex;
    gap: .45rem;
}

.pre-sales-customer-picker[b-mr0se3mri3] {
    flex: 1 1 auto;
    min-width: 0;
}

.pre-sales-customer-search-shell[b-mr0se3mri3] {
    align-items: center;
    display: flex;
    position: relative;
}

.pre-sales-customer-search-shell > i[b-mr0se3mri3] {
    color: #60706c;
    left: .75rem;
    position: absolute;
}

.pre-sales-customer-search-shell .form-control[b-mr0se3mri3] {
    padding-left: 2.2rem;
    padding-right: 2.25rem;
}

.pre-sales-customer-search-shell .spinner-border[b-mr0se3mri3] {
    color: #0f6b5d;
    height: .95rem;
    position: absolute;
    right: .75rem;
    width: .95rem;
}

.pre-sales-customer-clear[b-mr0se3mri3] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: #3f4946;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: .45rem;
    width: 2rem;
}

.pre-sales-customer-clear:hover:not(:disabled)[b-mr0se3mri3],
.pre-sales-customer-clear:focus-visible[b-mr0se3mri3] {
    background: #e1e3e4;
    color: #005146;
    outline: 2px solid #0f6b5d;
    outline-offset: 1px;
}

.pre-sales-customer-results[b-mr0se3mri3] {
    background: #fff;
    border: 1px solid #bec9c5;
    border-radius: .5rem;
    display: grid;
    left: 0;
    max-height: 13.5rem;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: calc(100% + .3rem);
    z-index: 20;
}

.pre-sales-customer-result[b-mr0se3mri3] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e5e8ee;
    color: #243247;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-height: 3rem;
    padding: .5rem .7rem;
    text-align: left;
}

.pre-sales-customer-result:last-child[b-mr0se3mri3] {
    border-bottom: 0;
}

.pre-sales-customer-result:hover:not(:disabled)[b-mr0se3mri3],
.pre-sales-customer-result:focus-visible[b-mr0se3mri3],
.pre-sales-customer-result.is-selected[b-mr0se3mri3] {
    background: #edf8f2;
    color: #005146;
}

.pre-sales-customer-result:focus-visible[b-mr0se3mri3] {
    outline: 2px solid #0f6b5d;
    outline-offset: -2px;
}

.pre-sales-customer-result > span[b-mr0se3mri3] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.pre-sales-customer-result strong[b-mr0se3mri3],
.pre-sales-customer-result small[b-mr0se3mri3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pre-sales-customer-result strong[b-mr0se3mri3] {
    font-size: .82rem;
}

.pre-sales-customer-result small[b-mr0se3mri3] {
    color: #64748b;
    font-size: .72rem;
}

.pre-sales-customer-result > i[b-mr0se3mri3] {
    flex: 0 0 auto;
    font-size: .85rem;
}

.pre-sales-customer-search-status[b-mr0se3mri3] {
    color: #64748b;
    display: block;
    font-size: .72rem;
    line-height: 1.25;
    margin-top: .35rem;
}

[b-mr0se3mri3] .pre-sales-customer-input-row .icon-action-button {
    align-self: flex-start;
    flex: 0 0 auto;
    height: 3rem;
    min-height: 3rem;
    min-width: 3rem;
}

.pre-sales-new-customer[b-mr0se3mri3] {
    background: #f8fafc;
    border: 1px solid #dbe4ee;
    border-radius: .65rem;
    margin-top: .65rem;
}

.pre-sales-new-customer summary[b-mr0se3mri3] {
    align-items: center;
    color: #243247;
    cursor: pointer;
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .4rem;
    justify-content: space-between;
    list-style: none;
    padding: .65rem;
}

.pre-sales-new-customer summary[b-mr0se3mri3]::-webkit-details-marker {
    display: none;
}

.pre-sales-new-customer summary[b-mr0se3mri3]::after {
    color: #0f6b5d;
    content: "⌄";
    font-size: 1.1rem;
    line-height: 1;
}

.pre-sales-new-customer:not([open]) summary[b-mr0se3mri3]::after {
    transform: rotate(-90deg);
}

.pre-sales-new-customer summary small[b-mr0se3mri3] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 600;
    margin-left: auto;
}

.pre-sales-new-customer summary:focus-visible[b-mr0se3mri3] {
    border-radius: .65rem;
    outline: 3px solid rgba(15, 107, 93, .2);
    outline-offset: 2px;
}

.pre-sales-new-customer-form[b-mr0se3mri3] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 .65rem .65rem;
}

.pre-sales-add-customer-button[b-mr0se3mri3] {
    align-self: end;
    background: #0f6b5d;
    border-color: #0f6b5d;
    color: #fff;
    grid-column: 1 / -1;
    justify-content: center;
}

.pre-sales-modal-section[b-mr0se3mri3] {
    border-bottom: 1px solid #e5e7eb;
    padding: 0 0 1rem;
}

.pre-sales-form-alert[b-mr0se3mri3] {
    align-items: flex-start;
    background: #ffdad6;
    border: 1px solid #ba1a1a;
    border-radius: .65rem;
    color: #650d08;
    display: flex;
    font-size: .82rem;
    gap: .65rem;
    line-height: 1.35;
    margin-bottom: 1rem;
    padding: .75rem;
}

.pre-sales-form-alert > i[b-mr0se3mri3] {
    color: #ba1a1a;
    margin-top: .1rem;
}

.pre-sales-form-alert > div[b-mr0se3mri3] {
    display: grid;
    gap: .2rem;
}

.pre-sales-form-alert strong[b-mr0se3mri3] {
    font-size: .84rem;
}

.pre-sales-form-alert ul[b-mr0se3mri3] {
    margin: .15rem 0 0;
    padding-left: 1.1rem;
}

.pre-sales-modal-section + .pre-sales-modal-section[b-mr0se3mri3] {
    padding-top: 1rem;
}

.pre-sales-modal-section:last-child[b-mr0se3mri3] {
    border-bottom: 0;
    padding-bottom: 0;
}

.pre-sales-modal-section-heading[b-mr0se3mri3] {
    align-items: center;
    display: flex;
    gap: .65rem;
    margin-bottom: .85rem;
}

.pre-sales-modal-section-heading > div[b-mr0se3mri3] {
    display: grid;
    gap: .1rem;
}

.pre-sales-modal-section-heading strong[b-mr0se3mri3] {
    color: #172033;
    font-size: .96rem;
}

.pre-sales-modal-section-heading span:not(.pre-sales-section-icon)[b-mr0se3mri3] {
    color: #6b7280;
    font-size: .82rem;
}

.pre-sales-document-type-picker[b-mr0se3mri3] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: .7rem;
}

.pre-sales-document-type[b-mr0se3mri3] {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #d7e0dd;
    border-radius: .7rem;
    color: #172033;
    display: flex;
    font: inherit;
    gap: .6rem;
    min-height: 7.6rem;
    padding: .75rem;
    text-align: left;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    width: 100%;
}

.pre-sales-document-type > i[b-mr0se3mri3] {
    align-items: center;
    background: #eaf5f0;
    border-radius: .55rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.pre-sales-document-type > span[b-mr0se3mri3] {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.pre-sales-document-type strong[b-mr0se3mri3] {
    color: #172033;
    font-size: .84rem;
}

.pre-sales-document-type small[b-mr0se3mri3],
.pre-sales-document-type em[b-mr0se3mri3] {
    color: #64748b;
    font-size: .72rem;
    font-style: normal;
    line-height: 1.3;
}

.pre-sales-document-type em[b-mr0se3mri3] {
    color: #395a50;
    font-weight: 750;
}

.pre-sales-document-type:hover:not(:disabled)[b-mr0se3mri3],
.pre-sales-document-type:focus-visible:not(:disabled)[b-mr0se3mri3] {
    background: #f4faf7;
    border-color: #8fc9aa;
    outline: 3px solid rgba(15, 107, 93, .2);
    outline-offset: 2px;
}

.pre-sales-document-type.is-selected[b-mr0se3mri3] {
    background: #edf8f2;
    border: 2px solid #0f6b5d;
    padding: calc(.75rem - 1px);
}

.pre-sales-document-type.is-selected > i[b-mr0se3mri3] {
    background: #d9f1e6;
}

.pre-sales-document-type-summary[b-mr0se3mri3] {
    background: #f1f7f4;
    border-left: 3px solid #0f6b5d;
    color: #395a50;
    font-size: .78rem;
    line-height: 1.35;
    margin: 0 0 .85rem;
    padding: .55rem .7rem;
}

.pre-sales-section-icon[b-mr0se3mri3] {
    align-items: center;
    background: #eaf5f0;
    border-radius: .55rem;
    color: #0f6b5d;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.pre-sales-line-builder[b-mr0se3mri3] {
    background: #f8fafc;
    border: 1px solid #e3eaf0;
    border-radius: .75rem;
    display: grid;
    gap: .7rem;
    grid-template-columns: 1fr;
    margin-top: 1rem;
    padding: .85rem;
}

.pre-sales-line-main[b-mr0se3mri3] {
    align-items: start;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(14rem, 1fr) minmax(7rem, .3fr) auto;
}

.pre-sales-line-adjustments[b-mr0se3mri3] {
    background: #fff;
    border: 1px solid #dbe4ee;
    border-radius: .65rem;
}

.pre-sales-line-adjustments summary[b-mr0se3mri3] {
    align-items: center;
    color: #243247;
    cursor: pointer;
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .5rem;
    list-style: none;
    padding: .65rem .75rem;
}

.pre-sales-line-adjustments summary[b-mr0se3mri3]::-webkit-details-marker {
    display: none;
}

.pre-sales-line-adjustments summary[b-mr0se3mri3]::after {
    color: #0f6b5d;
    content: "⌄";
    font-size: 1.1rem;
    line-height: 1;
}

.pre-sales-line-adjustments:not([open]) summary[b-mr0se3mri3]::after {
    transform: rotate(-90deg);
}

.pre-sales-line-adjustments summary small[b-mr0se3mri3] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 600;
    margin-left: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pre-sales-line-adjustments summary:focus-visible[b-mr0se3mri3] {
    border-radius: .65rem;
    outline: 3px solid rgba(15, 107, 93, .2);
    outline-offset: 2px;
}

.pre-sales-line-adjustments-grid[b-mr0se3mri3] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 .75rem .75rem;
}

.pre-sales-line-builder .form-text[b-mr0se3mri3] {
    font-size: .75rem;
    line-height: 1.25;
}

.pre-sales-deposit-row[b-mr0se3mri3] {
    margin-top: 1rem;
}

.pre-sales-payment-balance[b-mr0se3mri3] {
    color: #536273;
    font-size: .85rem;
    margin-top: .65rem;
    text-align: right;
}

.pre-sales-payment-balance strong[b-mr0se3mri3] {
    color: #172033;
}

.pre-sales-delivery-option[b-mr0se3mri3] {
    align-items: center;
    background: #f1f4fa;
    border: 1px solid #bec9c5;
    border-radius: .65rem;
    display: flex;
    gap: .7rem;
    min-height: 4rem;
    padding: .65rem .75rem;
}

.pre-sales-delivery-option.is-active[b-mr0se3mri3] {
    background: #edf8f2;
    border-color: #8fc9aa;
}

.pre-sales-delivery-icon[b-mr0se3mri3] {
    align-items: center;
    background: #e1e3e4;
    border-radius: .55rem;
    color: #3f4946;
    display: inline-flex;
    flex: 0 0 2.3rem;
    height: 2.3rem;
    justify-content: center;
    width: 2.3rem;
}

.pre-sales-delivery-option.is-active .pre-sales-delivery-icon[b-mr0se3mri3] {
    background: #d9f1e6;
    color: #0f6b5d;
}

.pre-sales-delivery-copy[b-mr0se3mri3] {
    display: grid;
    flex: 1 1 auto;
    gap: .1rem;
    min-width: 0;
}

.pre-sales-delivery-copy strong[b-mr0se3mri3] {
    color: #243247;
    font-size: .86rem;
}

.pre-sales-delivery-copy small[b-mr0se3mri3] {
    color: #64748b;
    font-size: .74rem;
    line-height: 1.25;
}

.pre-sales-delivery-option .form-check-input[b-mr0se3mri3] {
    flex: 0 0 auto;
    float: none;
    margin: 0;
}

.pre-sales-delivery-confirmation[b-mr0se3mri3] {
    align-items: flex-start;
    background: #fff8e1;
    border: 1px solid #e5c363;
    border-radius: .65rem;
    color: #5f4200;
    display: flex;
    font-size: .8rem;
    gap: .65rem;
    margin-top: .6rem;
    padding: .75rem;
}

.pre-sales-delivery-confirmation > i[b-mr0se3mri3] {
    color: #956f00;
    margin-top: .1rem;
}

.pre-sales-delivery-confirmation > div[b-mr0se3mri3] {
    display: grid;
    gap: .25rem;
}

.pre-sales-delivery-confirmation strong[b-mr0se3mri3] {
    font-size: .83rem;
}

.pre-sales-delivery-confirmation span[b-mr0se3mri3] {
    line-height: 1.35;
}

.pre-sales-delivery-confirmation-actions[b-mr0se3mri3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .35rem;
}

.pre-sales-delivery-confirmation-actions .btn[b-mr0se3mri3] {
    font-size: .78rem;
    min-height: 2.25rem;
}

.pre-sales-delivery-notice[b-mr0se3mri3] {
    align-items: center;
    color: #0f6b5d;
    display: flex;
    font-size: .78rem;
    font-weight: 700;
    gap: .4rem;
    margin: .6rem 0 0;
}

.pre-sales-reserve-switch.form-check.form-switch[b-mr0se3mri3] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: .65rem;
    display: flex;
    gap: .6rem;
    margin: 1.6rem 0 0;
    min-height: 3.25rem;
    padding: .45rem .65rem .45rem .85rem;
}

.pre-sales-reserve-switch .form-check-input[b-mr0se3mri3] {
    flex: 0 0 auto;
    float: none;
    margin: 0 0 0 auto;
    order: 2;
}

.pre-sales-reserve-switch:has(.form-check-input:checked)[b-mr0se3mri3] {
    background: #edf8f2;
    border-color: #8fc9aa;
}

.pre-sales-reserve-switch .form-check-input:checked:disabled[b-mr0se3mri3] {
    background-color: #0f6b5d;
    border-color: #0f6b5d;
    opacity: 1;
}

.pre-sales-reserve-switch:has(.form-check-input:disabled)[b-mr0se3mri3] {
    cursor: not-allowed;
}

.pre-sales-reserve-switch .form-check-label[b-mr0se3mri3] {
    display: grid;
    flex: 1 1 auto;
    gap: .05rem;
    margin: 0;
}

.pre-sales-reserve-switch .form-check-label strong[b-mr0se3mri3] {
    color: #243247;
    font-size: .86rem;
}

.pre-sales-reserve-switch .form-check-label small[b-mr0se3mri3] {
    color: #64748b;
    font-size: .73rem;
    font-weight: 500;
    line-height: 1.2;
}

.pre-sales-line-builder .input-group-text[b-mr0se3mri3] {
    background: #eef4f1;
    border-color: #cbd8d2;
    color: #0f6b5d;
    font-size: .82rem;
    font-weight: 800;
}

.pre-sales-line-builder .input-group .form-control[b-mr0se3mri3] {
    min-width: 0;
}

[b-mr0se3mri3] .pre-sales-line-main > .icon-action-button {
    align-self: start;
    margin-top: 1.6rem;
}

.pre-sales-lines-card[b-mr0se3mri3] {
    margin-top: 1rem;
}

.pre-sales-document-summary[b-mr0se3mri3] {
    align-items: center;
    background: #f0f8f4;
    border: 1px solid #b9dbc9;
    border-radius: .75rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .75rem;
    padding: .75rem .9rem;
}

.pre-sales-document-summary > div[b-mr0se3mri3] {
    display: grid;
    gap: .1rem;
}

.pre-sales-document-summary span[b-mr0se3mri3] {
    color: #597066;
    font-size: .76rem;
    font-weight: 700;
}

.pre-sales-document-summary strong[b-mr0se3mri3] {
    color: #18382f;
    font-size: .95rem;
}

.pre-sales-document-summary .is-total[b-mr0se3mri3] {
    border-left: 1px solid #b9dbc9;
    padding-left: .75rem;
}

.pre-sales-document-summary .is-total strong[b-mr0se3mri3] {
    color: #075646;
    font-size: 1.1rem;
}

.pre-sales-mini-table[b-mr0se3mri3] {
    margin-top: 1rem;
}

.pre-sales-delivery-list[b-mr0se3mri3] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.pre-sales-delivery-row[b-mr0se3mri3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 9rem;
    gap: .75rem;
    align-items: center;
    padding: .75rem;
    border: 1px solid #e5e7eb;
    border-radius: .65rem;
}

.pre-sales-delivery-row strong[b-mr0se3mri3],
.pre-sales-delivery-row span[b-mr0se3mri3] {
    display: block;
}

.pre-sales-delivery-row span[b-mr0se3mri3] {
    color: #6b7280;
    font-size: .85rem;
}

.pre-sales-delivery-quantity-field[b-mr0se3mri3] {
    display: grid;
    gap: .25rem;
}

.pre-sales-delivery-quantity-field label[b-mr0se3mri3] {
    color: #3f4946;
    font-size: .78rem;
    font-weight: 600;
}

.pre-sales-delivery-quantity-field small[b-mr0se3mri3] {
    color: #5f6f6b;
    font-size: .75rem;
}

.pre-sales-delivery-quantity-field .form-control[aria-invalid="true"][b-mr0se3mri3] {
    border-color: #ba1a1a;
}

.pre-sales-delivery-quantity-error[b-mr0se3mri3] {
    color: #ba1a1a;
    font-size: .75rem;
    line-height: 1.3;
}

@media (max-width: 1100px) {
    .pre-sales-document-type-picker[b-mr0se3mri3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pre-sales-panel-header[b-mr0se3mri3],
    .pre-sales-detail-header[b-mr0se3mri3] {
        align-items: stretch;
        flex-direction: column;
    }

    .pre-sales-actions[b-mr0se3mri3] {
        justify-content: flex-start;
    }

    .pre-sales-filter-grid[b-mr0se3mri3],
    .pre-sales-form-grid[b-mr0se3mri3],
    .pre-sales-line-builder[b-mr0se3mri3],
    .pre-sales-deposit-row[b-mr0se3mri3],
    .pre-sales-document-summary[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    [b-mr0se3mri3] .pre-sales-form-grid > .pre-sales-customer-field {
        grid-column: auto;
    }

    .pre-sales-new-customer-form[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    .pre-sales-kpis[b-mr0se3mri3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-mr0se3mri3] .pre-sales-filter-grid > .icon-action-button,
    [b-mr0se3mri3] .pre-sales-actions > .icon-action-button {
        justify-content: center;
        width: 100%;
    }

    .pre-sales-document-summary .is-total[b-mr0se3mri3] {
        border-left: 0;
        border-top: 1px solid #b9dbc9;
        padding-left: 0;
        padding-top: .65rem;
    }

    .pre-sales-reserve-switch.form-check.form-switch[b-mr0se3mri3],
    [b-mr0se3mri3] .pre-sales-line-main > .icon-action-button {
        margin-top: 0;
    }

    .pre-sales-line-main[b-mr0se3mri3],
    .pre-sales-line-adjustments-grid[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    [b-mr0se3mri3] .pre-sales-line-main > .icon-action-button {
        justify-content: center;
        width: 100%;
    }

    .pre-sales-lines-card[b-mr0se3mri3] {
        padding: .7rem;
    }

    .pre-sales-lines-table thead[b-mr0se3mri3] {
        display: none;
    }

    .pre-sales-lines-table tbody[b-mr0se3mri3] {
        display: grid;
        gap: .65rem;
    }

    .pre-sales-lines-table tr[b-mr0se3mri3] {
        display: grid;
        gap: .45rem .75rem;
        grid-template-areas:
            "product product"
            "quantity price"
            "discount total"
            "reservation actions";
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border: 1px solid #dfe7e3;
        border-radius: .7rem;
        padding: .75rem;
    }

    .pre-sales-lines-table td[b-mr0se3mri3] {
        align-items: center;
        border: 0;
        display: flex;
        gap: .75rem;
        justify-content: space-between;
        padding: 0;
        text-align: right !important;
    }

    .pre-sales-lines-table td:nth-child(1)[b-mr0se3mri3] { grid-area: product; }
    .pre-sales-lines-table td:nth-child(2)[b-mr0se3mri3] { grid-area: quantity; }
    .pre-sales-lines-table td:nth-child(3)[b-mr0se3mri3] { grid-area: price; }
    .pre-sales-lines-table td:nth-child(4)[b-mr0se3mri3] { grid-area: discount; }
    .pre-sales-lines-table td:nth-child(5)[b-mr0se3mri3] { grid-area: total; }
    .pre-sales-lines-table td:nth-child(6)[b-mr0se3mri3] { grid-area: reservation; }
    .pre-sales-lines-table td:nth-child(7)[b-mr0se3mri3] { grid-area: actions; }

    .pre-sales-lines-table td[b-mr0se3mri3]::before {
        color: #6b7280;
        content: attr(data-label);
        font-size: .74rem;
        font-weight: 700;
        text-align: left;
    }

    .pre-sales-lines-table td:first-child[b-mr0se3mri3] {
        display: block;
        font-weight: 800;
        text-align: left !important;
    }

    .pre-sales-lines-table td:first-child[b-mr0se3mri3]::before,
    .pre-sales-lines-table td.pre-sales-line-action[b-mr0se3mri3]::before {
        display: none;
    }

    .pre-sales-lines-table td.pre-sales-line-action[b-mr0se3mri3] {
        align-items: flex-end;
        border-left: 1px solid #e5e7eb;
        justify-content: flex-end;
        padding-left: .75rem;
    }

    .pre-sales-table[b-mr0se3mri3] {
        min-width: 0;
    }

    .pre-sales-table tbody[b-mr0se3mri3] {
        display: grid;
        gap: .75rem;
        padding: .75rem;
    }

    .pre-sales-table thead[b-mr0se3mri3] {
        display: none;
    }

    .pre-sales-table tr[b-mr0se3mri3] {
        display: grid;
        gap: .55rem .8rem;
        grid-template-areas:
            "document document"
            "customer status"
            "reservation expiration"
            "total paid"
            "actions actions";
        grid-template-columns: repeat(2, minmax(0, 1fr));
        background: #fff;
        border: 1px solid #dfe7e3;
        border-radius: .8rem;
        box-shadow: 0 .1rem .35rem rgba(15, 41, 33, .05);
        padding: .85rem;
    }

    .pre-sales-table td[b-mr0se3mri3] {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        border: 0;
        padding: 0;
        text-align: right !important;
    }

    .pre-sales-table td:nth-child(1)[b-mr0se3mri3] { grid-area: document; }
    .pre-sales-table td:nth-child(2)[b-mr0se3mri3] { grid-area: customer; }
    .pre-sales-table td:nth-child(3)[b-mr0se3mri3] { grid-area: status; }
    .pre-sales-table td:nth-child(4)[b-mr0se3mri3] { grid-area: reservation; }
    .pre-sales-table td:nth-child(5)[b-mr0se3mri3] { grid-area: total; }
    .pre-sales-table td:nth-child(6)[b-mr0se3mri3] { grid-area: paid; }
    .pre-sales-table td:nth-child(7)[b-mr0se3mri3] { grid-area: expiration; }
    .pre-sales-table td:nth-child(8)[b-mr0se3mri3] { grid-area: actions; }

    .pre-sales-table td:nth-child(1)[b-mr0se3mri3] {
        align-items: flex-start;
        display: block;
        padding-bottom: .2rem;
        text-align: left !important;
    }

    .pre-sales-table td:nth-child(1)[b-mr0se3mri3]::before,
    .pre-sales-table td.pre-sales-row-actions[b-mr0se3mri3]::before {
        display: none;
    }

    .pre-sales-table td:first-child strong[b-mr0se3mri3],
    .pre-sales-table td:first-child small[b-mr0se3mri3] {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }

    .pre-sales-table td.pre-sales-row-actions[b-mr0se3mri3] {
        border-top: 1px solid #e5e7eb;
        margin-top: .1rem;
        padding-top: .7rem;
    }

    .pre-sales-table td[b-mr0se3mri3]::before {
        content: attr(data-label);
        color: #6b7280;
        font-weight: 700;
        text-align: left;
    }

    .pre-sales-row-actions[b-mr0se3mri3] {
        display: flex !important;
        justify-content: center;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    .pre-sales-page[b-mr0se3mri3] {
        padding-inline: .25rem;
    }

    .pre-sales-filter-grid[b-mr0se3mri3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pre-sales-search[b-mr0se3mri3],
    [b-mr0se3mri3] .pre-sales-filter-grid > .icon-action-button {
        grid-column: 1 / -1;
    }

    .pre-sales-form-grid[b-mr0se3mri3],
    .pre-sales-deposit-row[b-mr0se3mri3],
    .pre-sales-line-builder[b-mr0se3mri3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pre-sales-line-builder[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    .pre-sales-line-main[b-mr0se3mri3] {
        grid-template-columns: minmax(14rem, 1fr) minmax(7rem, .3fr) auto;
    }

    .pre-sales-line-adjustments-grid[b-mr0se3mri3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pre-sales-line-adjustments-grid .pre-sales-reserve-switch[b-mr0se3mri3] {
        grid-column: 1 / -1;
    }

    .pre-sales-document-summary[b-mr0se3mri3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pre-sales-document-summary .is-total[b-mr0se3mri3] {
        border-left: 1px solid #b9dbc9;
        border-top: 0;
        padding-left: .75rem;
        padding-top: 0;
    }
}

@media (max-width: 560px) {
    .pre-sales-document-type-picker[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    .pre-sales-document-type[b-mr0se3mri3] {
        min-height: 0;
    }

    .pre-sales-page[b-mr0se3mri3] {
        gap: .75rem;
        padding-block: .75rem 1.25rem;
    }

    .pre-sales-kpis[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    .pre-sales-table tbody[b-mr0se3mri3] {
        gap: .6rem;
        padding: .6rem;
    }

    .pre-sales-table tr[b-mr0se3mri3] {
        gap: .5rem;
        grid-template-areas:
            "document"
            "customer"
            "status"
            "reservation"
            "expiration"
            "total"
            "paid"
            "actions";
        grid-template-columns: 1fr;
    }

    .pre-sales-delivery-row[b-mr0se3mri3] {
        grid-template-columns: 1fr;
    }

    .pre-sales-line-adjustments summary[b-mr0se3mri3] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .pre-sales-line-adjustments summary small[b-mr0se3mri3] {
        margin-left: 0;
        width: calc(100% - 1.6rem);
    }

    .pre-sales-lines-table tr[b-mr0se3mri3] {
        grid-template-areas:
            "product"
            "quantity"
            "price"
            "discount"
            "total"
            "reservation"
            "actions";
        grid-template-columns: 1fr;
    }

    .pre-sales-lines-table td.pre-sales-line-action[b-mr0se3mri3] {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
        padding-left: 0;
        padding-top: .6rem;
    }
}
/* /Components/Pages/Sales/SaleReturns.razor.rz.scp.css */
.sales-return-page[b-8zdkn5kmgy] {
    --sales-return-ink: #172033;
    --sales-return-muted: #667085;
    --sales-return-surface: #ffffff;
    --sales-return-subtle: #f3f7fb;
    --sales-return-subtle-strong: #e8f4ee;
    --sales-return-border: #d8dee8;
    --sales-return-outline: #c4ccd8;
    --sales-return-green: #0f7b56;
    --sales-return-green-dark: #07593d;
    --sales-return-danger: #b42318;
    --sales-return-danger-dark: #8f1d13;
    --sales-return-danger-bg: #fff1f0;
    color: var(--sales-return-ink);
    padding-bottom: 2rem;
    padding-top: 1rem;
}

[b-8zdkn5kmgy] .sales-return-header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

[b-8zdkn5kmgy] .sales-return-title-block {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 16rem;
}

[b-8zdkn5kmgy] .sales-return-title-icon {
    align-items: center;
    background: var(--sales-return-subtle-strong);
    border-radius: 1rem;
    color: var(--sales-return-green-dark);
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

[b-8zdkn5kmgy] .sales-return-title-block h2 {
    color: var(--sales-return-ink);
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0;
}

[b-8zdkn5kmgy] .sales-return-title-block span {
    color: var(--sales-return-muted);
    display: block;
    font-size: .92rem;
    margin-top: .2rem;
}

[b-8zdkn5kmgy] .sales-return-context {
    align-items: flex-end;
    background: var(--sales-return-subtle);
    border: 1px solid var(--sales-return-border);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 12rem;
    padding: .75rem .95rem;
    text-align: right;
}

[b-8zdkn5kmgy] .sales-return-context span {
    color: var(--sales-return-muted);
    font-size: .78rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

[b-8zdkn5kmgy] .sales-return-context strong {
    color: var(--sales-return-ink);
    font-size: .95rem;
}

[b-8zdkn5kmgy] .sales-return-context-row {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-bottom: .75rem;
}

[b-8zdkn5kmgy] .sales-return-alert {
    align-items: center;
    border-radius: .9rem;
    display: flex;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}

[b-8zdkn5kmgy] .sales-return-alert.success {
    background: var(--sales-return-subtle-strong);
    border: 1px solid rgba(15, 123, 86, .2);
    color: var(--sales-return-green-dark);
}

[b-8zdkn5kmgy] .sales-return-search-panel,
[b-8zdkn5kmgy] .sales-return-panel {
    background: var(--sales-return-surface);
    border: 1px solid var(--sales-return-border) !important;
    border-radius: 1rem;
    box-shadow: 0 1rem 2.4rem rgba(23, 32, 51, .06);
}

[b-8zdkn5kmgy] .sales-return-search-panel {
    margin-bottom: 1rem;
    overflow: hidden;
}

[b-8zdkn5kmgy] .sales-return-search-body {
    display: grid;
    gap: .9rem;
    grid-template-columns: minmax(14rem, .85fr) minmax(20rem, 1.4fr);
    padding: 1rem;
}

[b-8zdkn5kmgy] .sales-return-search-copy {
    background: var(--sales-return-surface);
    border-bottom: 1px solid var(--sales-return-border);
    padding: 1rem 1.1rem;
}

[b-8zdkn5kmgy] .sales-return-search-copy strong {
    color: var(--sales-return-ink);
    display: block;
    font-size: 1rem;
    font-weight: 800;
}

[b-8zdkn5kmgy] .sales-return-search-copy span {
    color: var(--sales-return-muted);
    display: block;
    font-size: .88rem;
    margin-top: .2rem;
}

[b-8zdkn5kmgy] .sales-return-search-field {
    grid-column: 1 / -1;
}

[b-8zdkn5kmgy] .sales-return-search-control {
    align-items: end;
    display: grid;
    gap: .65rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

[b-8zdkn5kmgy] .sales-return-search-control .form-control,
[b-8zdkn5kmgy] .sales-return-form-grid .form-control,
[b-8zdkn5kmgy] .sales-return-form-grid .form-select,
[b-8zdkn5kmgy] .sales-return-quantity-input {
    border-color: var(--sales-return-outline);
    border-radius: .8rem;
    color: var(--sales-return-ink);
    min-height: 2.75rem;
}

[b-8zdkn5kmgy] .sales-return-search-control .form-control:focus,
[b-8zdkn5kmgy] .sales-return-form-grid .form-control:focus,
[b-8zdkn5kmgy] .sales-return-form-grid .form-select:focus,
[b-8zdkn5kmgy] .sales-return-quantity-input:focus {
    border-color: var(--sales-return-green);
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .15);
}

[b-8zdkn5kmgy] .sales-return-primary-action,
[b-8zdkn5kmgy] .sales-return-danger-action {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 800;
    gap: .45rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1rem;
}

[b-8zdkn5kmgy] .sales-return-primary-action {
    background: var(--sales-return-green) !important;
    border-color: var(--sales-return-green) !important;
    color: #ffffff !important;
}

[b-8zdkn5kmgy] .sales-return-primary-action:hover:not(:disabled) {
    background: var(--sales-return-green-dark) !important;
    border-color: var(--sales-return-green-dark) !important;
}

[b-8zdkn5kmgy] .sales-return-danger-action {
    background: var(--sales-return-danger) !important;
    border-color: var(--sales-return-danger) !important;
    color: #ffffff !important;
    margin-top: 1rem;
    width: 100%;
}

[b-8zdkn5kmgy] .sales-return-danger-action:hover:not(:disabled) {
    background: var(--sales-return-danger-dark) !important;
    border-color: var(--sales-return-danger-dark) !important;
}

[b-8zdkn5kmgy] .sales-return-danger-action:disabled {
    opacity: .55;
}

[b-8zdkn5kmgy] .sales-return-workspace {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
}

[b-8zdkn5kmgy] .sales-return-main,
[b-8zdkn5kmgy] .sales-return-side {
    min-width: 0;
}

[b-8zdkn5kmgy] .sales-return-panel {
    overflow: hidden;
}

[b-8zdkn5kmgy] .sales-return-products-shell {
    background: transparent;
}

[b-8zdkn5kmgy] .sales-return-sale-summary {
    background: var(--sales-return-subtle);
    border-bottom: 1px solid var(--sales-return-border);
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1rem;
}

[b-8zdkn5kmgy] .sales-return-sale-summary div {
    min-width: 0;
}

[b-8zdkn5kmgy] .sales-return-sale-summary span {
    color: var(--sales-return-muted);
    display: block;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: .25rem;
    text-transform: uppercase;
}

[b-8zdkn5kmgy] .sales-return-sale-summary strong {
    color: var(--sales-return-ink);
    display: block;
    font-size: .98rem;
    overflow-wrap: anywhere;
}

[b-8zdkn5kmgy] .sales-return-mode-row {
    background: var(--sales-return-surface);
    border-bottom: 1px solid var(--sales-return-border);
    display: flex;
    gap: .5rem;
    padding: .8rem 1rem;
}

[b-8zdkn5kmgy] .sales-return-mode-button {
    background: var(--sales-return-subtle);
    border: 1px solid var(--sales-return-border);
    border-radius: .65rem;
    color: var(--sales-return-ink);
    font-weight: 850;
    min-height: 2.5rem;
    padding: 0 .95rem;
}

[b-8zdkn5kmgy] .sales-return-mode-button.active {
    background: var(--sales-return-subtle-strong);
    border-color: rgba(15, 123, 86, .35);
    color: var(--sales-return-green-dark);
}

[b-8zdkn5kmgy] .sales-return-panel-header {
    align-items: center;
    background: var(--sales-return-surface);
    border-bottom: 1px solid var(--sales-return-border);
    display: flex;
    justify-content: space-between;
    min-height: 4.5rem;
    padding: 1rem 1.1rem;
}

[b-8zdkn5kmgy] .sales-return-panel-header strong {
    color: var(--sales-return-ink);
    display: block;
    font-size: 1rem;
    font-weight: 800;
}

[b-8zdkn5kmgy] .sales-return-panel-header span {
    color: var(--sales-return-muted);
    display: block;
    font-size: .84rem;
    margin-top: .15rem;
}

[b-8zdkn5kmgy] .sales-return-table {
    color: var(--sales-return-ink);
}

[b-8zdkn5kmgy] .sales-return-table caption {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

[b-8zdkn5kmgy] .sales-return-table thead th {
    background: var(--sales-return-subtle);
    border-bottom: 1px solid var(--sales-return-border);
    color: var(--sales-return-muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    padding: .8rem 1rem;
    text-transform: uppercase;
}

[b-8zdkn5kmgy] .sales-return-table tbody td {
    border-color: var(--sales-return-border);
    padding: .9rem 1rem;
    vertical-align: middle;
}

[b-8zdkn5kmgy] .sales-return-table tbody tr:hover td {
    background: rgba(15, 123, 86, .04);
}

[b-8zdkn5kmgy] .sales-return-code {
    margin-bottom: .35rem;
    max-width: 12rem;
    overflow-wrap: anywhere;
}

[b-8zdkn5kmgy] .sales-return-product-name {
    color: var(--sales-return-ink);
    font-weight: 750;
}

[b-8zdkn5kmgy] .sales-return-available {
    justify-content: center;
    min-width: 4.25rem;
}

[b-8zdkn5kmgy] .sales-return-quantity-input {
    margin-left: auto;
    max-width: 7.5rem;
}

[b-8zdkn5kmgy] .sales-return-inventory-select {
    border-color: var(--sales-return-outline);
    border-radius: .75rem;
    color: var(--sales-return-ink);
    min-height: 2.65rem;
    min-width: 11rem;
}

[b-8zdkn5kmgy] .sales-return-inventory-unavailable {
    align-items: flex-start;
    display: grid;
    gap: .35rem;
}

[b-8zdkn5kmgy] .sales-return-inventory-unavailable small {
    color: var(--sales-return-muted);
    font-size: .76rem;
    line-height: 1.25;
}

[b-8zdkn5kmgy] .sales-return-refund-panel {
    position: sticky;
    top: 1rem;
}

[b-8zdkn5kmgy] .sales-return-total-card {
    background: var(--sales-return-subtle-strong);
    border: 1px solid rgba(15, 123, 86, .2);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

[b-8zdkn5kmgy] .sales-return-total-card span {
    color: var(--sales-return-green-dark);
    display: block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: .45rem;
    text-transform: uppercase;
}

[b-8zdkn5kmgy] .sales-return-total-card strong {
    color: var(--sales-return-ink);
    display: block;
    font-size: clamp(1.45rem, 2vw, 1.9rem);
    font-weight: 850;
    line-height: 1.1;
}

[b-8zdkn5kmgy] .sales-return-breakdown {
    border: 1px solid var(--sales-return-border);
    border-radius: .85rem;
    display: grid;
    gap: .45rem;
    margin-bottom: 1rem;
    padding: .8rem;
}

[b-8zdkn5kmgy] .sales-return-breakdown div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

[b-8zdkn5kmgy] .sales-return-breakdown span {
    color: var(--sales-return-muted);
    font-size: .8rem;
    font-weight: 800;
}

[b-8zdkn5kmgy] .sales-return-breakdown strong {
    color: var(--sales-return-ink);
    font-weight: 900;
}

[b-8zdkn5kmgy] .sales-return-form-grid {
    display: grid;
    gap: .85rem;
}

[b-8zdkn5kmgy] .sales-return-history-shell {
    border-top: 1px solid var(--sales-return-border) !important;
}

@media (max-width: 1199.98px) {
    [b-8zdkn5kmgy] .sales-return-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-8zdkn5kmgy] .sales-return-context {
        align-items: flex-start;
        text-align: left;
    }

    [b-8zdkn5kmgy] .sales-return-workspace {
        grid-template-columns: 1fr;
    }

    [b-8zdkn5kmgy] .sales-return-refund-panel {
        position: static;
    }
}

@media (max-width: 767.98px) {
    [b-8zdkn5kmgy] .sales-return-title-block,
    [b-8zdkn5kmgy] .sales-return-context,
    [b-8zdkn5kmgy] .sales-return-search-body,
    [b-8zdkn5kmgy] .sales-return-search-control,
    [b-8zdkn5kmgy] .sales-return-search-control .form-control,
    [b-8zdkn5kmgy] .sales-return-search-control .btn {
        width: 100%;
    }

    [b-8zdkn5kmgy] .sales-return-search-body,
    [b-8zdkn5kmgy] .sales-return-search-control,
    [b-8zdkn5kmgy] .sales-return-mode-row,
    [b-8zdkn5kmgy] .sales-return-sale-summary {
        grid-template-columns: 1fr;
    }

    [b-8zdkn5kmgy] .sales-return-mode-row {
        flex-direction: column;
    }

    [b-8zdkn5kmgy] .sales-return-panel-header {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-8zdkn5kmgy] .sales-return-table {
        min-width: 0;
    }

    [b-8zdkn5kmgy] .sales-return-table thead {
        display: none;
    }

    [b-8zdkn5kmgy] .sales-return-table,
    [b-8zdkn5kmgy] .sales-return-table tbody,
    [b-8zdkn5kmgy] .sales-return-table tr,
    [b-8zdkn5kmgy] .sales-return-table td {
        display: block;
        width: 100%;
    }

    [b-8zdkn5kmgy] .sales-return-table tbody tr {
        border-bottom: 1px solid var(--sales-return-border);
        padding: .75rem 1rem;
    }

    [b-8zdkn5kmgy] .sales-return-table tbody tr:last-child {
        border-bottom: 0;
    }

    [b-8zdkn5kmgy] .sales-return-table tbody td {
        align-items: flex-start;
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: .4rem 0;
        text-align: right !important;
    }

    [b-8zdkn5kmgy] .sales-return-table tbody td::before {
        color: var(--sales-return-muted);
        content: attr(data-label);
        flex: 0 0 7.5rem;
        font-size: .75rem;
        font-weight: 800;
        letter-spacing: .04em;
        text-align: left;
        text-transform: uppercase;
    }

    [b-8zdkn5kmgy] .sales-return-table td[data-label="Producto"] {
        display: block;
        text-align: left !important;
    }

    [b-8zdkn5kmgy] .sales-return-table td[data-label="Producto"]::before {
        display: block;
        margin-bottom: .45rem;
    }

    [b-8zdkn5kmgy] .sales-return-quantity-input {
        max-width: 8rem;
    }
}

[b-8zdkn5kmgy] .sales-return-line-count {
    background: #e7edf5 !important;
    border-color: #aeb8c4 !important;
    color: #17212b !important;
}
/* /Components/Pages/Suppliers/Suppliers.razor.rz.scp.css */
.suppliers-page[b-4n2ze5ja83] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 2rem;
}

.suppliers-actions[b-4n2ze5ja83],
.suppliers-section-title[b-4n2ze5ja83],
.suppliers-row-actions[b-4n2ze5ja83],
.suppliers-statement-header[b-4n2ze5ja83] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.suppliers-actions[b-4n2ze5ja83],
.suppliers-row-actions[b-4n2ze5ja83] {
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.suppliers-kpis[b-4n2ze5ja83],
.suppliers-statement-summary[b-4n2ze5ja83] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.suppliers-filter-grid[b-4n2ze5ja83] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(15rem, 1fr) minmax(13rem, auto) auto;
}

.suppliers-search[b-4n2ze5ja83] {
    position: relative;
}

.suppliers-search i[b-4n2ze5ja83] {
    color: var(--color-muted);
    left: .85rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.suppliers-search input[b-4n2ze5ja83] {
    padding-left: 2.4rem;
}

.suppliers-table-wrap[b-4n2ze5ja83] {
    overflow: auto;
}

.suppliers-table[b-4n2ze5ja83] {
    font-size: .92rem;
}

.suppliers-table caption[b-4n2ze5ja83] {
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.suppliers-table th[b-4n2ze5ja83],
.suppliers-mini-table th[b-4n2ze5ja83] {
    color: var(--color-muted);
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.suppliers-table td[b-4n2ze5ja83] {
    vertical-align: middle;
}

.suppliers-table td small[b-4n2ze5ja83],
.suppliers-muted[b-4n2ze5ja83] {
    color: var(--color-muted);
    display: block;
    font-size: .85rem;
}

.suppliers-products[b-4n2ze5ja83],
.suppliers-product-list[b-4n2ze5ja83] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.suppliers-products span[b-4n2ze5ja83],
.suppliers-product-list > span[b-4n2ze5ja83] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text);
    display: inline-flex;
    font-size: .78rem;
    gap: .35rem;
    max-width: 14rem;
    padding: .22rem .48rem;
}

.suppliers-product-list > span[b-4n2ze5ja83] {
    max-width: 100%;
    padding: .35rem .55rem;
}

.suppliers-product-list small[b-4n2ze5ja83] {
    color: var(--color-muted);
}

.suppliers-product-list button[b-4n2ze5ja83] {
    align-items: center;
    background: var(--md-surface-container);
    border: 0;
    border-radius: 999px;
    color: var(--color-muted);
    display: inline-flex;
    height: 1.4rem;
    justify-content: center;
    width: 1.4rem;
}

.suppliers-form[b-4n2ze5ja83] {
    display: grid;
    gap: .8rem;
}

.suppliers-options-dialog[b-4n2ze5ja83] {
    max-width: min(42rem, 100%);
}

.suppliers-options-modal[b-4n2ze5ja83],
.suppliers-options-footer[b-4n2ze5ja83] {
    background: #fcfdfd;
}

.suppliers-options-intro[b-4n2ze5ja83] {
    margin-bottom: 1rem;
}

.suppliers-options-list[b-4n2ze5ja83] {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.suppliers-options-item[b-4n2ze5ja83] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce6e2;
    border-radius: .75rem;
    color: #16352e;
    display: flex;
    gap: .8rem;
    min-height: 4.25rem;
    padding: .75rem;
    text-align: left;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
    width: 100%;
}

.suppliers-options-item:hover:not(:disabled)[b-4n2ze5ja83] {
    background: #f2f8f5;
    border-color: #9dcab3;
}

.suppliers-options-item:focus-visible[b-4n2ze5ja83] {
    box-shadow: 0 0 0 .22rem rgba(15, 107, 93, .18);
    outline: 0;
}

.suppliers-options-item:disabled[b-4n2ze5ja83] {
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.suppliers-options-item > i[b-4n2ze5ja83] {
    align-items: center;
    background: #e8f4ee;
    border-radius: .6rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.suppliers-options-item > span[b-4n2ze5ja83] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.suppliers-options-item strong[b-4n2ze5ja83] {
    font-size: .9rem;
    font-weight: 900;
}

.suppliers-options-item small[b-4n2ze5ja83] {
    color: #5c6b7c;
    font-size: .78rem;
    line-height: 1.3;
}

.suppliers-options-item-danger[b-4n2ze5ja83] {
    border-color: #f2c7c4;
    color: #9f1239;
    grid-column: 1 / -1;
    justify-self: center;
    max-width: calc(50% - .25rem);
}

.suppliers-options-item-danger > i[b-4n2ze5ja83] {
    background: #fff1f2;
    color: #be123c;
}

.suppliers-options-item-danger:hover:not(:disabled)[b-4n2ze5ja83] {
    background: #fff7f7;
    border-color: #e99b96;
}

.suppliers-modal-dialog[b-4n2ze5ja83] {
    max-width: min(58rem, 100%);
}

.suppliers-modal-content[b-4n2ze5ja83],
.suppliers-modal-footer[b-4n2ze5ja83] {
    background: #fcfdfd;
}

.suppliers-modal-body[b-4n2ze5ja83] {
    padding: 1.25rem;
}

.suppliers-modal-intro[b-4n2ze5ja83] {
    margin-bottom: 1.25rem;
}

.suppliers-form-sections[b-4n2ze5ja83] {
    display: grid;
    gap: 1rem;
}

.suppliers-form-section[b-4n2ze5ja83] {
    background: #ffffff;
    border: 1px solid #dce6e2;
    border-radius: .9rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.suppliers-form-section-heading[b-4n2ze5ja83] {
    align-items: flex-start;
    display: flex;
    gap: .7rem;
}

.suppliers-form-section-heading > div[b-4n2ze5ja83] {
    display: grid;
    gap: .15rem;
}

.suppliers-form-section-heading h3[b-4n2ze5ja83] {
    color: #16352e;
    font-size: .93rem;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
}

.suppliers-form-section-heading p[b-4n2ze5ja83] {
    color: #5c6b7c;
    font-size: .82rem;
    line-height: 1.4;
    margin: 0;
}

.suppliers-form-section-icon[b-4n2ze5ja83] {
    align-items: center;
    background: #e8f4ee;
    border-radius: .6rem;
    color: #0f6b5d;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.suppliers-form-grid[b-4n2ze5ja83] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.suppliers-form-identity-grid[b-4n2ze5ja83] {
    grid-template-columns: minmax(0, 1.35fr) minmax(9rem, .65fr);
}

.suppliers-form-field-wide[b-4n2ze5ja83] {
    grid-column: 1 / -1;
}

.suppliers-products-section[b-4n2ze5ja83] {
    background: #f4faf7;
    border-color: #c8dfd3;
}

.suppliers-product-picker[b-4n2ze5ja83] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(14rem, 1fr) minmax(11rem, .55fr) auto;
}

.suppliers-products-empty[b-4n2ze5ja83] {
    align-items: center;
    background: #ffffff;
    border: 1px dashed #b8d4c6 !important;
    color: #5c6b7c !important;
    gap: .45rem !important;
    justify-content: center;
    min-height: 2.75rem;
    width: 100%;
}

[b-4n2ze5ja83] .suppliers-modal-body .form-control,
[b-4n2ze5ja83] .suppliers-modal-body .form-select {
    background-color: #ffffff;
}

[b-4n2ze5ja83] .suppliers-modal-body .form-control:focus,
[b-4n2ze5ja83] .suppliers-modal-body .form-select:focus {
    box-shadow: 0 0 0 .22rem rgba(15, 107, 93, .18);
}

.suppliers-statement-header[b-4n2ze5ja83],
.suppliers-statement-section[b-4n2ze5ja83],
.suppliers-statement-summary > div[b-4n2ze5ja83] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
}

.suppliers-statement-header[b-4n2ze5ja83] {
    margin-bottom: 1rem;
    padding: .85rem;
}

.suppliers-statement-header strong[b-4n2ze5ja83],
.suppliers-statement-section strong[b-4n2ze5ja83] {
    color: var(--color-text);
}

.suppliers-statement-header span[b-4n2ze5ja83] {
    color: var(--color-muted);
    font-size: .9rem;
}

.suppliers-statement-summary[b-4n2ze5ja83] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.suppliers-statement-summary > div[b-4n2ze5ja83] {
    padding: .9rem 1rem;
}

.suppliers-statement-summary span[b-4n2ze5ja83] {
    color: var(--color-muted);
    display: block;
    font-size: .8rem;
}

.suppliers-statement-summary strong[b-4n2ze5ja83] {
    color: var(--color-text);
    font-size: 1.2rem;
}

.suppliers-statement-section[b-4n2ze5ja83] {
    display: grid;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.suppliers-statement-grid[b-4n2ze5ja83] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.suppliers-ledger-row[b-4n2ze5ja83] {
    border-bottom: 1px solid var(--color-border);
    display: grid;
    gap: .15rem .75rem;
    grid-template-columns: 1fr auto;
    padding: .6rem 0;
}

.suppliers-ledger-row:last-child[b-4n2ze5ja83] {
    border-bottom: 0;
}

.suppliers-ledger-row small[b-4n2ze5ja83] {
    color: var(--color-muted);
    grid-column: 1 / -1;
}

@media (max-width: 992px) {
    .suppliers-kpis[b-4n2ze5ja83],
    .suppliers-filter-grid[b-4n2ze5ja83],
    .suppliers-statement-grid[b-4n2ze5ja83] {
        grid-template-columns: 1fr 1fr;
    }

    .suppliers-product-picker[b-4n2ze5ja83] {
        grid-template-columns: 1fr 1fr;
    }

    .suppliers-product-picker .icon-action-button[b-4n2ze5ja83] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .suppliers-actions[b-4n2ze5ja83],
    .suppliers-section-title[b-4n2ze5ja83],
    .suppliers-statement-header[b-4n2ze5ja83] {
        align-items: stretch;
        flex-direction: column;
    }

    .suppliers-actions[b-4n2ze5ja83],
    .suppliers-actions .icon-action-button[b-4n2ze5ja83] {
        width: 100%;
    }

    .suppliers-kpis[b-4n2ze5ja83],
    .suppliers-filter-grid[b-4n2ze5ja83],
    .suppliers-form-grid[b-4n2ze5ja83],
    .suppliers-form-identity-grid[b-4n2ze5ja83],
    .suppliers-statement-summary[b-4n2ze5ja83],
    .suppliers-statement-grid[b-4n2ze5ja83],
    .suppliers-product-picker[b-4n2ze5ja83] {
        grid-template-columns: 1fr;
    }

    .suppliers-table thead[b-4n2ze5ja83] {
        display: none;
    }

    .suppliers-table tr[b-4n2ze5ja83] {
        border-bottom: 1px solid var(--color-border);
        display: grid;
        gap: .45rem;
        padding: .85rem 1rem;
    }

    .suppliers-table td[b-4n2ze5ja83] {
        border: 0;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    .suppliers-table td[b-4n2ze5ja83]::before {
        color: var(--color-muted);
        content: attr(data-label);
        font-weight: 800;
        text-align: left;
    }

    .suppliers-products[b-4n2ze5ja83],
    .suppliers-row-actions[b-4n2ze5ja83] {
        justify-content: flex-end;
    }

    .suppliers-form-field-wide[b-4n2ze5ja83] {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .suppliers-modal-body[b-4n2ze5ja83] {
        padding: 1rem;
    }

    .suppliers-form-section[b-4n2ze5ja83] {
        gap: .85rem;
        padding: .85rem;
    }

    .suppliers-modal-footer[b-4n2ze5ja83]  .btn {
        width: 100%;
    }

    .suppliers-options-list[b-4n2ze5ja83] {
        grid-template-columns: 1fr;
    }

    .suppliers-options-item-danger[b-4n2ze5ja83] {
        grid-column: auto;
        max-width: none;
    }
}
/* /Components/Shared/AppModal.razor.rz.scp.css */
.app-modal-backdrop[b-h2s618thtj] {
    align-items: center;
    background: rgba(11, 28, 48, .42);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}

/* Los mensajes de error bloquean y explican la operación fallida: siempre deben
   permanecer por delante del modal que la originó. */
.app-message-modal-backdrop[b-h2s618thtj] {
    z-index: 1200;
}

.app-modal-dialog[b-h2s618thtj] {
    margin: 0;
    max-height: calc(100vh - 2rem);
    max-width: min(34rem, 100%);
    width: 100%;
}
.app-modal-dialog-sm[b-h2s618thtj] {
    max-width: min(24rem, 100%);
}

.app-modal-dialog-lg[b-h2s618thtj] {
    max-width: min(52rem, 100%);
}

.app-modal-dialog-xl[b-h2s618thtj] {
    max-width: min(72rem, 100%);
}

.app-modal-content[b-h2s618thtj] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: .9rem;
    box-shadow: none;
    color: #0b1c30;
    display: flex;
    flex-direction: column;
    max-height: inherit;
    overflow: hidden;
    pointer-events: auto;
}

.app-modal-header[b-h2s618thtj] {
    align-items: center;
    background: #ffffff;
    flex: 0 0 auto;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4rem;
    padding: 1rem 1.15rem;
}

.app-modal-header .modal-title[b-h2s618thtj] {
    color: #0b1c30;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
}

.app-modal-header .btn-close[b-h2s618thtj] {
    border-radius: 999px;
    min-height: 2.5rem;
    min-width: 2.5rem;
}

.app-modal-body[b-h2s618thtj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1.15rem;
}

.app-modal-footer[b-h2s618thtj] {
    align-items: center;
    background: #ffffff;
    flex: 0 0 auto;
    border-top: 1px solid #e2e8f0;
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    padding: 1rem 1.15rem;
}

/* Los interruptores en los formularios modales comparten una zona de toque
   clara: texto a la izquierda y estado a la derecha. */
[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch) {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe4ee;
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin: 0;
    min-height: 3.25rem;
    padding: .55rem .75rem .55rem 1rem;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch):hover:not(:has(.form-check-input:disabled)) {
    background: #f2f8f5;
    border-color: #a9cdbd;
}

[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch):focus-within {
    border-color: #0f6b5d;
    box-shadow: 0 0 0 .2rem rgba(15, 107, 93, .16);
}

[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch) .form-check-input {
    cursor: pointer;
    flex: 0 0 auto;
    float: none;
    height: 1.5rem;
    margin: 0 0 0 auto;
    order: 2;
    width: 2.75rem;
}

[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch) .form-check-label,
[b-h2s618thtj] .app-modal-body .check-option-copy {
    color: #243247;
    cursor: pointer;
    flex: 1 1 auto;
    font-size: .9rem;
    font-weight: 750;
    line-height: 1.3;
    margin: 0;
}

[b-h2s618thtj] .app-modal-body .check-option-copy {
    display: grid;
    gap: .15rem;
}

[b-h2s618thtj] .app-modal-body .check-option-copy small {
    color: #5c6b7c;
    font-size: .78rem;
    font-weight: 500;
}

[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch):has(.form-check-input:disabled) {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #6b7280;
}

[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch) .form-check-input:disabled,
[b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch) .form-check-input:disabled + .form-check-label {
    cursor: not-allowed;
    opacity: .65;
}

@media (max-width: 560px) {
    .app-modal-backdrop[b-h2s618thtj] {
        align-items: center;
        padding: .75rem;
    }

    .app-modal-dialog[b-h2s618thtj] {
        max-height: calc(100vh - 1.5rem);
    }

    .app-modal-footer[b-h2s618thtj] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    [b-h2s618thtj] .app-modal-body :is(.form-check.form-switch, .check-option-switch) {
        min-height: 3.5rem;
    }
}

/* Page modal variants */

@media (max-width: 767.98px) {
    :where(.products-modal-footer, .categories-modal-footer, .inventory-modal-footer, .users-modal-footer)[b-h2s618thtj] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    :where(.products-modal-footer, .categories-modal-footer, .inventory-modal-footer, .users-modal-footer) .btn[b-h2s618thtj] {
        width: 100%;
    }

}
/* /Components/Shared/CashSummary.razor.rz.scp.css */
.cash-summary-card[b-d4132d08uv] {
    --cash-summary-ink: #0b1c30;
    --cash-summary-muted: #64748b;
    --cash-summary-surface: #ffffff;
    --cash-summary-soft: #f8fafc;
    --cash-summary-border: #e2e8f0;
    --cash-summary-primary: #0066ff;
    --cash-summary-success: #166534;
    --cash-summary-success-bg: #dcfce7;
    --cash-summary-danger: #ba1a1a;
    --cash-summary-danger-bg: #ffdad6;
    background: var(--cash-summary-surface);
    border: 1px solid var(--cash-summary-border);
    border-radius: .75rem;
    color: var(--cash-summary-ink);
    overflow: hidden;
}

.cash-summary-header[b-d4132d08uv] {
    align-items: center;
    background: var(--cash-summary-surface);
    border-bottom: 1px solid var(--cash-summary-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4.25rem;
    padding: .9rem 1rem;
}

.cash-summary-title[b-d4132d08uv] {
    align-items: center;
    display: flex;
    gap: .8rem;
    min-width: 0;
}

.cash-summary-icon[b-d4132d08uv] {
    align-items: center;
    background: #eff6ff;
    border-radius: .75rem;
    color: var(--cash-summary-primary);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.cash-summary-title strong[b-d4132d08uv],
.cash-summary-title small[b-d4132d08uv] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cash-summary-title strong[b-d4132d08uv] {
    color: var(--cash-summary-ink);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.2;
}

.cash-summary-title small[b-d4132d08uv] {
    color: var(--cash-summary-muted);
    font-size: .8rem;
    font-weight: 700;
    margin-top: .15rem;
}

.cash-summary-status[b-d4132d08uv] {
    background: var(--cash-summary-success-bg);
    border-radius: 999px;
    color: var(--cash-summary-success);
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 900;
    line-height: 1;
    min-height: 2rem;
    padding: .6rem .8rem;
}

.cash-summary-grid[b-d4132d08uv] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 1rem;
}

.cash-summary-metric[b-d4132d08uv] {
    background: var(--cash-summary-soft);
    border: 1px solid var(--cash-summary-border);
    border-radius: .75rem;
    display: grid;
    gap: .35rem;
    min-height: 5rem;
    padding: .85rem;
}

.cash-summary-metric small[b-d4132d08uv] {
    color: var(--cash-summary-muted);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.2;
}

.cash-summary-metric strong[b-d4132d08uv] {
    color: var(--cash-summary-ink);
    font-size: 1.08rem;
    font-weight: 900;
    line-height: 1.15;
}

.cash-summary-metric.is-emphasis[b-d4132d08uv] {
    background: #ffffff;
}

.cash-summary-metric.is-positive strong[b-d4132d08uv] {
    color: var(--cash-summary-success);
}

.cash-summary-metric.is-negative[b-d4132d08uv] {
    background: var(--cash-summary-danger-bg);
    border-color: rgba(186, 26, 26, .24);
}

.cash-summary-metric.is-negative strong[b-d4132d08uv] {
    color: var(--cash-summary-danger);
}

@media (max-width: 767.98px) {
    .cash-summary-header[b-d4132d08uv] {
        align-items: flex-start;
        flex-direction: column;
    }

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

@media (max-width: 460px) {
    .cash-summary-grid[b-d4132d08uv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/CheckOption.razor.rz.scp.css */
.check-option[b-upx3cdpsu4] {
    align-items: center;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    color: var(--color-text);
    cursor: pointer;
    display: flex;
    gap: .65rem;
    min-height: var(--touch-target-min);
    padding: .65rem .75rem;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.check-option:hover[b-upx3cdpsu4],
.check-option:focus-within[b-upx3cdpsu4] {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .14);
}

.check-option:has(.form-check-input:disabled)[b-upx3cdpsu4] {
    cursor: not-allowed;
    opacity: .62;
}

.check-option .form-check-input[b-upx3cdpsu4] {
    flex: 0 0 auto;
    margin: 0;
}

.check-option .form-check-input:checked[b-upx3cdpsu4] {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.check-option .form-check-input:focus[b-upx3cdpsu4] {
    box-shadow: none;
}

.check-option-copy[b-upx3cdpsu4] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.check-option-label[b-upx3cdpsu4] {
    color: var(--color-text);
    font-weight: 800;
    line-height: 1.2;
}

.check-option small[b-upx3cdpsu4] {
    color: var(--color-muted);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.35;
}

.check-option-switch[b-upx3cdpsu4] {
    padding-left: .75rem;
}

.check-option-switch .check-option-switch-input[b-upx3cdpsu4] {
    width: 2.5rem;
    height: 1.25rem;
}
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
[b-puq0rlvo3j] .shared-confirm-dialog {
    max-width: min(27rem, calc(100vw - 1.5rem));
}

[b-puq0rlvo3j] .shared-confirm-body {
    display: grid;
    gap: .7rem;
    justify-items: center;
    padding: 1.5rem 1.4rem .65rem;
    text-align: center;
}

[b-puq0rlvo3j] .shared-confirm-icon {
    align-items: center;
    background: #fff4d6;
    border: 1px solid #f4d48a;
    border-radius: 1rem;
    color: #7a4f00;
    display: inline-flex;
    font-size: 1.35rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
}

[b-puq0rlvo3j] .shared-confirm-title {
    color: #172033;
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1.2;
    margin: .1rem 0 0;
}

[b-puq0rlvo3j] .shared-confirm-body p {
    color: #424656;
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.45;
    margin: 0;
    max-width: 22rem;
}

[b-puq0rlvo3j] .shared-confirm-body strong {
    color: #172033;
    font-weight: 900;
}

[b-puq0rlvo3j] .shared-confirm-footer {
    border-top: 0;
    justify-content: center;
    padding: .55rem 1.4rem 1.35rem;
}

[b-puq0rlvo3j] .shared-confirm-actions {
    display: flex;
    gap: .65rem;
    justify-content: center;
    width: 100%;
}

[b-puq0rlvo3j] .shared-confirm-cancel,
[b-puq0rlvo3j] .shared-confirm-danger {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    justify-content: center;
    min-height: 3rem;
    padding: 0 1.1rem;
}

[b-puq0rlvo3j] .shared-confirm-actions > *,
[b-puq0rlvo3j] .shared-confirm-cancel,
[b-puq0rlvo3j] .shared-confirm-danger {
    min-width: 7.5rem;
}

[b-puq0rlvo3j] .shared-confirm-cancel {
    background: #ffffff;
    border: 1px solid #cfd8e3;
    color: #0b1c30;
}

[b-puq0rlvo3j] .shared-confirm-danger {
    background: #ba1a1a;
    border: 1px solid #ba1a1a;
    color: #ffffff;
}

[b-puq0rlvo3j] .shared-confirm-cancel:hover {
    background: #f8fafc;
    border-color: #b8c4d2;
}

[b-puq0rlvo3j] .shared-confirm-danger:hover {
    background: #93000a;
    border-color: #93000a;
}

@media (max-width: 480px) {
    [b-puq0rlvo3j] .shared-confirm-actions {
        flex-direction: column-reverse;
    }

    [b-puq0rlvo3j] .shared-confirm-actions > *,
    [b-puq0rlvo3j] .shared-confirm-cancel,
    [b-puq0rlvo3j] .shared-confirm-danger {
        width: 100%;
    }
}
/* /Components/Shared/CustomerCreateModal.razor.rz.scp.css */
.customer-create-modal-dialog[b-7swb2xu6oh]{max-width:min(58rem,100%)}.customer-create-modal-content[b-7swb2xu6oh]{background:#fcfdfd}.customer-create-modal-body[b-7swb2xu6oh]{padding:1.25rem}.customer-create-modal-intro[b-7swb2xu6oh]{margin-bottom:1.25rem}.customer-create-sections[b-7swb2xu6oh]{display:grid;gap:1rem}.customer-create-section[b-7swb2xu6oh]{background:#fff;border:1px solid #dce6e2;border-radius:.9rem;display:grid;gap:1rem;padding:1rem}.customer-create-section-heading[b-7swb2xu6oh]{align-items:flex-start;display:flex;gap:.7rem}.customer-create-section-heading>div[b-7swb2xu6oh]{display:grid;gap:.15rem}.customer-create-section-heading h3[b-7swb2xu6oh]{color:#16352e;font-size:.93rem;font-weight:900;line-height:1.25;margin:0}.customer-create-section-heading p[b-7swb2xu6oh]{color:#5c6b7c;font-size:.82rem;line-height:1.4;margin:0}.customer-create-section-icon[b-7swb2xu6oh]{align-items:center;background:#e8f4ee;border-radius:.6rem;color:#0f6b5d;display:inline-flex;flex:0 0 2.25rem;height:2.25rem;justify-content:center;width:2.25rem}.customer-create-grid[b-7swb2xu6oh]{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-create-identity-grid[b-7swb2xu6oh]{grid-template-columns:minmax(9rem,.65fr) minmax(0,1.35fr)}.customer-create-field-wide[b-7swb2xu6oh]{grid-column:1/-1}.customer-create-credit-section[b-7swb2xu6oh]{background:#f4faf7;border-color:#c8dfd3}.customer-create-credit-grid[b-7swb2xu6oh]{max-width:37rem}.customer-create-modal-footer[b-7swb2xu6oh]{background:#fcfdfd}[b-7swb2xu6oh] .customer-create-modal-body .form-control,[b-7swb2xu6oh] .customer-create-modal-body .form-select{background-color:#fff}[b-7swb2xu6oh] .customer-create-modal-body .form-control:focus,[b-7swb2xu6oh] .customer-create-modal-body .form-select:focus{box-shadow:0 0 0 .22rem rgba(15,107,93,.18)}@media (max-width:760px){.customer-create-grid[b-7swb2xu6oh],.customer-create-identity-grid[b-7swb2xu6oh],.customer-create-credit-grid[b-7swb2xu6oh]{grid-template-columns:1fr;max-width:none}.customer-create-field-wide[b-7swb2xu6oh]{grid-column:auto}}@media (max-width:560px){.customer-create-modal-body[b-7swb2xu6oh]{padding:1rem}.customer-create-section[b-7swb2xu6oh]{gap:.85rem;padding:.85rem}.customer-create-modal-footer[b-7swb2xu6oh]  .btn{width:100%}}
/* /Components/Shared/DataTableShell.razor.rz.scp.css */
.data-table-shell[b-1u8kuzgx1q] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.data-table-shell-header[b-1u8kuzgx1q],
.data-table-shell-footer[b-1u8kuzgx1q] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

.data-table-shell-header[b-1u8kuzgx1q] {
    border-bottom: 1px solid var(--color-border);
}

.data-table-shell-footer[b-1u8kuzgx1q] {
    background: #f8fafc;
    border-top: 1px solid var(--color-border);
}

.data-table-shell-header h2[b-1u8kuzgx1q],
.data-table-shell-header small[b-1u8kuzgx1q] {
    display: block;
}

.data-table-shell-header h2[b-1u8kuzgx1q] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.25;
    margin: 0;
}

.data-table-shell-header small[b-1u8kuzgx1q] {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

.data-table-shell-actions[b-1u8kuzgx1q] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.data-table-shell-body[b-1u8kuzgx1q] {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.data-table-shell-body > .table[b-1u8kuzgx1q] {
    margin-bottom: 0;
    min-width: 100%;
}

.data-table-shell-loading[b-1u8kuzgx1q],
.data-table-shell-empty[b-1u8kuzgx1q] {
    min-height: 10rem;
}

.data-table-shell-empty-icon[b-1u8kuzgx1q] {
    align-items: center;
    background: var(--md-secondary-fixed);
    border-radius: var(--radius);
    color: var(--md-on-secondary-fixed-variant);
    display: inline-flex;
    flex: 0 0 auto;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

@media (max-width: 767.98px) {
    .data-table-shell-header[b-1u8kuzgx1q],
    .data-table-shell-footer[b-1u8kuzgx1q] {
        align-items: stretch;
        flex-direction: column;
    }

    .data-table-shell-actions[b-1u8kuzgx1q] {
        justify-content: flex-start;
    }

    /* Las tablas con data-label se convierten en tarjetas sin alterar su marcado,
       paginación ni acciones; las matrices sin etiquetas conservan scroll horizontal. */
    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]),
    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) tbody,
    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) tr,
    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) td {
        display: block;
        width: 100%;
    }

    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) thead {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) tr {
        border-bottom: 1px solid var(--color-border);
        padding: .65rem 1rem;
    }

    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) tr:last-child {
        border-bottom: 0;
    }

    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) td {
        align-items: start;
        border: 0;
        display: grid;
        gap: .75rem;
        grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr);
        padding: .42rem 0;
        text-align: start !important;
    }

    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) td::before {
        color: var(--color-muted);
        content: attr(data-label);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .02em;
        line-height: 1.35;
        text-transform: uppercase;
    }

    .data-table-shell-body[b-1u8kuzgx1q]  .table:has(td[data-label]) td:has(.btn, button, a) {
        align-items: center;
    }
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.empty-state[b-p5ycagp8y3] {
    align-items: center;
    background: var(--color-surface, #ffffff);
    border: 1px dashed var(--color-border, #cbd5e1);
    border-radius: var(--radius, 1rem);
    color: var(--color-muted, #64748b);
    display: flex;
    gap: 1rem;
    justify-content: center;
    min-height: 11rem;
    padding: 2rem 1.5rem;
    text-align: center;
}

.empty-state-icon[b-p5ycagp8y3] {
    align-items: center;
    background: var(--md-secondary-fixed, #e0f2f1);
    border-radius: 1rem;
    color: var(--md-on-secondary-fixed-variant, #00695c);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.25rem;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
}

.empty-state-content[b-p5ycagp8y3] {
    max-width: 34rem;
}

.empty-state strong[b-p5ycagp8y3],
.empty-state small[b-p5ycagp8y3] {
    display: block;
    line-height: 1.35;
}

.empty-state strong[b-p5ycagp8y3] {
    color: var(--color-text, #172033);
    font-size: 1rem;
    font-weight: 800;
}

.empty-state small[b-p5ycagp8y3] {
    color: var(--color-muted, #64748b);
    font-size: .875rem;
    font-weight: 500;
    margin-top: .35rem;
}

.empty-state-action[b-p5ycagp8y3] {
    align-items: center;
    background: var(--md-primary);
    border: 0;
    border-radius: .625rem;
    color: var(--md-on-primary);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 700;
    gap: .45rem;
    margin-top: .9rem;
    min-height: 2.5rem;
    padding: .5rem 1rem;
}

.empty-state-action:focus-visible[b-p5ycagp8y3] {
    outline: 3px solid rgba(37, 99, 235, .28);
    outline-offset: 2px;
}

.empty-state[data-empty-state-variant="compact"][b-p5ycagp8y3] {
    gap: .65rem;
    justify-content: flex-start;
    min-height: 0;
    padding: .85rem 1rem;
    text-align: left;
}

.empty-state[data-empty-state-variant="compact"] .empty-state-icon[b-p5ycagp8y3] {
    border-radius: .75rem;
    font-size: 1rem;
    height: 2.5rem;
    width: 2.5rem;
}

@media (max-width: 575.98px) {
    .empty-state[b-p5ycagp8y3] {
        align-items: center;
        flex-direction: column;
        min-height: 10rem;
        padding: 1.5rem 1rem;
    }

    .empty-state[data-empty-state-variant="compact"][b-p5ycagp8y3] {
        align-items: flex-start;
        flex-direction: row;
        min-height: 0;
    }
}
/* /Components/Shared/ErrorAlert.razor.rz.scp.css */
.shared-error-alert[b-96k9eknthx] {
    align-items: flex-start;
    background: var(--md-error-container, #ffdad6);
    border: 1px solid rgba(186, 26, 26, .24);
    border-radius: .75rem;
    color: var(--md-on-error-container, #93000a);
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .85rem .95rem;
}

.shared-error-alert-icon[b-96k9eknthx] {
    align-items: center;
    background: rgba(186, 26, 26, .1);
    border-radius: .65rem;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.shared-error-alert-copy[b-96k9eknthx] {
    display: grid;
    gap: .15rem;
    min-width: 0;
    width: 100%;
}

.shared-error-alert-copy strong[b-96k9eknthx] {
    color: var(--md-on-error-container, #93000a);
    font-size: .92rem;
    font-weight: 900;
    line-height: 1.25;
}

.shared-error-alert-copy span[b-96k9eknthx] {
    color: var(--md-on-error-container, #93000a);
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.4;
}

.shared-error-alert-close[b-96k9eknthx] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--md-on-error-container, #93000a);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    margin: -.25rem -.35rem -.25rem 0;
    width: 2.25rem;
}

.shared-error-alert-close:hover[b-96k9eknthx],
.shared-error-alert-close:focus-visible[b-96k9eknthx] {
    background: rgba(186, 26, 26, .1);
    outline: 0;
}
/* /Components/Shared/FilterCard.razor.rz.scp.css */
.filter-card[b-2ttaxftlym] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
}

.filter-card-header[b-2ttaxftlym] {
    border-bottom: 1px solid var(--color-border);
    padding: 1rem 1.15rem 0;
}

.filter-card-header strong[b-2ttaxftlym],
.filter-card-header small[b-2ttaxftlym] {
    display: block;
}

.filter-card-header strong[b-2ttaxftlym] {
    color: var(--color-text);
    font-size: .96rem;
    font-weight: 900;
}

.filter-card-header small[b-2ttaxftlym] {
    color: var(--color-muted);
    font-size: .82rem;
    font-weight: 700;
    margin-top: .15rem;
}

.filter-card-body[b-2ttaxftlym] {
    padding: 1rem 1.15rem;
}

.filter-card :where(.form-label)[b-2ttaxftlym] {
    color: var(--color-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.filter-card :where(.form-control, .form-select)[b-2ttaxftlym] {
    border-color: var(--color-outline);
    min-height: 2.75rem;
}
/* /Components/Shared/FormField.razor.rz.scp.css */
.form-field[b-qxks2xoz4u] {
    display: grid;
    gap: .4rem;
    min-width: 0;
}

.form-field-label[b-qxks2xoz4u] {
    color: var(--color-muted);
    font-family: var(--font-label);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.25;
    text-transform: uppercase;
}

.form-field-help[b-qxks2xoz4u] {
    color: var(--color-muted);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.35;
}

.form-field-error[b-qxks2xoz4u] {
    color: var(--color-error);
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.35;
}

.form-field :where(.form-control, .form-select)[b-qxks2xoz4u] {
    border-color: var(--color-outline);
    min-height: 2.75rem;
}

.form-field :where(.form-control, .form-select):focus[b-qxks2xoz4u] {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 .2rem rgba(15, 123, 86, .16);
}
/* /Components/Shared/IconActionButton.razor.rz.scp.css */
.icon-action-button[b-wngpi6hs51] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--radius);
    display: inline-flex;
    font-weight: 900;
    gap: .45rem;
    justify-content: center;
    min-height: var(--touch-target-min);
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.icon-action-button-sm[b-wngpi6hs51] {
    min-height: 2.25rem;
    min-width: 2.25rem;
    padding: .4rem .65rem;
}

.icon-action-button-md[b-wngpi6hs51] {
    min-height: 2.75rem;
    min-width: 2.75rem;
    padding: .55rem .8rem;
}

.icon-action-button-lg[b-wngpi6hs51] {
    min-height: 3rem;
    min-width: 3rem;
    padding: .65rem 1rem;
}

.icon-action-button-neutral[b-wngpi6hs51] {
    background: var(--md-surface-container);
    color: var(--color-text);
}

.icon-action-button-primary[b-wngpi6hs51] {
    background: var(--color-secondary);
    color: var(--md-on-secondary);
}

.icon-action-button-danger[b-wngpi6hs51] {
    background: var(--md-error-container);
    color: var(--md-on-error-container);
}

.icon-action-button-outline[b-wngpi6hs51] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-text);
}

.icon-action-button:hover:not(:disabled)[b-wngpi6hs51],
.icon-action-button:focus-visible[b-wngpi6hs51] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-focus) 28%, transparent);
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

.icon-action-button:disabled[b-wngpi6hs51] {
    cursor: not-allowed;
    opacity: .55;
}
/* /Components/Shared/LoadingState.razor.rz.scp.css */
.loading-state[b-mjorv4y857] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: .75rem;
    display: flex;
    justify-content: center;
    min-height: 10rem;
    padding: 2rem;
}

.loading-state-spinner[b-mjorv4y857] {
    animation: loading-state-spin-b-mjorv4y857 .8s linear infinite;
    border: 3px solid #dbeafe;
    border-radius: 999px;
    border-top-color: #0066ff;
    height: 2.5rem;
    width: 2.5rem;
}

@keyframes loading-state-spin-b-mjorv4y857 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/MetricCard.razor.rz.scp.css */
.metric-card[b-kw05eo6yei] {
    align-items: flex-start;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    display: flex;
    gap: .75rem;
    min-width: 0;
    padding: .9rem;
}

.metric-card-icon[b-kw05eo6yei] {
    align-items: center;
    background: var(--md-surface-container);
    border-radius: .75rem;
    color: var(--color-muted);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.metric-card-copy[b-kw05eo6yei] {
    min-width: 0;
}

.metric-card-label[b-kw05eo6yei],
.metric-card-description[b-kw05eo6yei] {
    color: var(--color-muted);
    display: block;
    line-height: 1.35;
}

.metric-card-label[b-kw05eo6yei] {
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.metric-card-value[b-kw05eo6yei] {
    color: var(--color-text);
    display: block;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.1;
    margin: .2rem 0;
}

.metric-card-description[b-kw05eo6yei] {
    font-size: .8rem;
    font-weight: 700;
}

.metric-card-success[b-kw05eo6yei] {
    background: #f0fdf4;
    border-color: #86efac;
}

.metric-card-success .metric-card-icon[b-kw05eo6yei] {
    background: #dcfce7;
    color: #047857;
}

.metric-card-info[b-kw05eo6yei] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.metric-card-info .metric-card-icon[b-kw05eo6yei] {
    background: #dbeafe;
    color: #1d4ed8;
}

.metric-card-warning[b-kw05eo6yei] {
    background: #fffbea;
    border-color: #facc15;
}

.metric-card-warning .metric-card-icon[b-kw05eo6yei] {
    background: #fef3c7;
    color: #92400e;
}

.metric-card-danger[b-kw05eo6yei] {
    background: #fff1f2;
    border-color: #fca5a5;
}

.metric-card-danger .metric-card-icon[b-kw05eo6yei] {
    background: #fee2e2;
    color: #b91c1c;
}
/* /Components/Shared/ModalIntro.razor.rz.scp.css */
.modal-intro[b-o0z6tlg8rj] {
    align-items: center;
    background: var(--md-surface-container-low);
    border: 1px solid var(--color-border);
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    min-width: 0;
    padding: .85rem;
}

.modal-intro-icon[b-o0z6tlg8rj] {
    align-items: center;
    background: var(--color-secondary);
    border-radius: .65rem;
    color: var(--md-on-secondary);
    display: inline-flex;
    flex: 0 0 2.5rem;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.modal-intro-copy[b-o0z6tlg8rj] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.modal-intro-copy strong[b-o0z6tlg8rj] {
    color: var(--color-text);
    font-weight: 900;
    line-height: 1.25;
}

.modal-intro-copy span[b-o0z6tlg8rj] {
    color: var(--color-muted);
    font-size: .9rem;
    line-height: 1.35;
}

.modal-intro-extra[b-o0z6tlg8rj] {
    margin-left: auto;
}

@media (max-width: 575.98px) {
    .modal-intro[b-o0z6tlg8rj] {
        align-items: flex-start;
    }
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-8d8ud8cr6p] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.page-header-actions-only[b-8d8ud8cr6p] {
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    .page-header[b-8d8ud8cr6p] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/ReauthenticationDialog.razor.rz.scp.css */
.reauthentication-dialog-body[b-lmkuk8t202] {
    display: grid;
    gap: 1.25rem;
}

.reauthentication-dialog-intro[b-lmkuk8t202] {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
}

.reauthentication-dialog-intro p[b-lmkuk8t202] {
    color: var(--color-muted, #64748b);
    font-size: .9rem;
    line-height: 1.45;
    margin: .15rem 0 0;
}

.reauthentication-dialog-icon[b-lmkuk8t202] {
    align-items: center;
    background: var(--md-secondary-fixed, #e0f2f1);
    border-radius: .875rem;
    color: var(--md-on-secondary-fixed-variant, #00695c);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.reauthentication-password-field[b-lmkuk8t202] {
    display: flex;
    gap: .5rem;
}

.reauthentication-password-field .form-control[b-lmkuk8t202] {
    min-width: 0;
}

.reauthentication-password-field .btn[b-lmkuk8t202] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 2.75rem;
}

.reauthentication-dialog-error[b-lmkuk8t202] {
    align-items: flex-start;
    display: flex;
    font-size: .875rem;
    gap: .5rem;
}

@media (max-width: 575.98px) {
    .reauthentication-dialog-footer .icon-action-button[b-lmkuk8t202] {
        width: 100%;
    }
}
/* /Components/Shared/SaveButton.razor.rz.scp.css */
.shared-save-button[b-p6z0vli3ou] {
    align-items: center;
    background: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    border-radius: var(--radius);
    color: var(--md-on-secondary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    min-height: 3rem;
    padding: 0 1.15rem;
}

.shared-save-button:hover:not(:disabled)[b-p6z0vli3ou] {
    background: var(--md-on-secondary-fixed-variant);
    border-color: var(--md-on-secondary-fixed-variant);
}

.shared-save-button:disabled[b-p6z0vli3ou] {
    cursor: not-allowed;
    opacity: .62;
}

.shared-save-button:focus-visible[b-p6z0vli3ou] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

/* Modal action variants */
/* /Components/Shared/StatusChip.razor.rz.scp.css */
.status-chip[b-51txjbzpux] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-family: var(--font-label);
    font-weight: 900;
    gap: .4rem;
    line-height: 1;
    white-space: nowrap;
}

.status-chip-sm[b-51txjbzpux] {
    font-size: .72rem;
    min-height: 1.75rem;
    padding: .35rem .55rem;
}

.status-chip-md[b-51txjbzpux] {
    font-size: .78rem;
    min-height: 2rem;
    padding: .42rem .65rem;
}

.status-chip-lg[b-51txjbzpux] {
    font-size: .86rem;
    min-height: 2.35rem;
    padding: .5rem .8rem;
}

.status-chip-neutral[b-51txjbzpux] {
    background: var(--md-surface-container);
    border-color: #d0d5dd;
    color: var(--color-text);
}

.status-chip-success[b-51txjbzpux] {
    background: var(--md-secondary-fixed);
    border-color: #8fc6ac;
    color: var(--md-on-secondary-fixed-variant);
}

.status-chip-warning[b-51txjbzpux] {
    background: var(--md-tertiary-fixed);
    border-color: #f1c75b;
    color: var(--md-on-tertiary-fixed-variant);
}

.status-chip-danger[b-51txjbzpux] {
    background: var(--md-error-container);
    border-color: #fda29b;
    color: var(--md-on-error-container);
}

.status-chip-info[b-51txjbzpux] {
    background: var(--md-surface-container);
    border-color: var(--md-outline-variant);
    color: var(--color-primary);
}
/* /Components/Shared/SuccessAlert.razor.rz.scp.css */
.shared-success-alert[b-lo56wjnic6] {
    align-items: center;
    background: #dcfce7;
    border: 1px solid rgba(34, 197, 94, .32);
    border-radius: .75rem;
    color: #166534;
    display: flex;
    font-size: .9rem;
    font-weight: 800;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .85rem .95rem;
}

.shared-success-alert > i[b-lo56wjnic6] {
    align-items: center;
    background: rgba(34, 197, 94, .14);
    border-radius: .65rem;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.shared-success-alert span[b-lo56wjnic6] {
    flex: 1 1 auto;
    min-width: 0;
}

.shared-success-alert .btn-close[b-lo56wjnic6] {
    flex: 0 0 auto;
}

/* Page alert variants */
/* /Components/Shared/SupplierCreateModal.razor.rz.scp.css */
.supplier-create-modal-dialog[b-wg26rrtp1o]{max-width:min(58rem,100%)}.supplier-create-modal-content[b-wg26rrtp1o],.supplier-create-modal-footer[b-wg26rrtp1o]{background:#fcfdfd}.supplier-create-modal-body[b-wg26rrtp1o]{padding:1.25rem}.supplier-create-modal-intro[b-wg26rrtp1o]{margin-bottom:1.25rem}.supplier-create-sections[b-wg26rrtp1o]{display:grid;gap:1rem}.supplier-create-section[b-wg26rrtp1o]{background:#fff;border:1px solid #dce6e2;border-radius:.9rem;display:grid;gap:1rem;padding:1rem}.supplier-create-heading[b-wg26rrtp1o]{align-items:flex-start;display:flex;gap:.7rem}.supplier-create-heading>div[b-wg26rrtp1o]{display:grid;gap:.15rem}.supplier-create-heading h3[b-wg26rrtp1o]{color:#16352e;font-size:.93rem;font-weight:900;line-height:1.25;margin:0}.supplier-create-heading p[b-wg26rrtp1o]{color:#5c6b7c;font-size:.82rem;line-height:1.4;margin:0}.supplier-create-icon[b-wg26rrtp1o]{align-items:center;background:#e8f4ee;border-radius:.6rem;color:#0f6b5d;display:inline-flex;flex:0 0 2.25rem;height:2.25rem;justify-content:center;width:2.25rem}.supplier-create-grid[b-wg26rrtp1o]{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-create-identity-grid[b-wg26rrtp1o]{grid-template-columns:minmax(0,1.35fr) minmax(9rem,.65fr)}.supplier-create-wide[b-wg26rrtp1o]{grid-column:1/-1}.supplier-create-products[b-wg26rrtp1o]{background:#f4faf7;border-color:#c8dfd3}.supplier-create-picker[b-wg26rrtp1o]{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(14rem,1fr) minmax(11rem,.55fr) auto}.supplier-create-products-list[b-wg26rrtp1o]{display:flex;flex-wrap:wrap;gap:.35rem}.supplier-create-products-list>span[b-wg26rrtp1o]{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);display:inline-flex;font-size:.78rem;gap:.35rem;max-width:100%;padding:.35rem .55rem}.supplier-create-products-list button[b-wg26rrtp1o]{align-items:center;background:var(--md-surface-container);border:0;border-radius:999px;color:var(--color-muted);display:inline-flex;height:1.4rem;justify-content:center;width:1.4rem}.supplier-create-empty[b-wg26rrtp1o]{border:1px dashed #b8d4c6!important;color:#5c6b7c!important;gap:.45rem!important;justify-content:center;min-height:2.75rem;width:100%}[b-wg26rrtp1o] .supplier-create-modal-body .form-control,[b-wg26rrtp1o] .supplier-create-modal-body .form-select{background-color:#fff}[b-wg26rrtp1o] .supplier-create-modal-body .form-control:focus,[b-wg26rrtp1o] .supplier-create-modal-body .form-select:focus{box-shadow:0 0 0 .22rem rgba(15,107,93,.18)}@media(max-width:720px){.supplier-create-grid[b-wg26rrtp1o],.supplier-create-identity-grid[b-wg26rrtp1o],.supplier-create-picker[b-wg26rrtp1o]{grid-template-columns:1fr}.supplier-create-wide[b-wg26rrtp1o]{grid-column:auto}}@media(max-width:560px){.supplier-create-modal-body[b-wg26rrtp1o]{padding:1rem}.supplier-create-section[b-wg26rrtp1o]{gap:.85rem;padding:.85rem}.supplier-create-modal-footer[b-wg26rrtp1o]  .btn{width:100%}}
/* /Components/Shared/TablePager.razor.rz.scp.css */
.table-pagination[b-mu1abhui8u] {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
}

.table-pagination span[b-mu1abhui8u] {
    color: var(--color-muted);
    font-size: .875rem;
    font-weight: 800;
}

.table-pagination button[b-mu1abhui8u] {
    align-items: center;
    background: var(--md-surface-container-lowest);
    border: 1px solid var(--md-outline-variant);
    border-radius: var(--radius);
    color: var(--color-primary);
    cursor: pointer;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    min-height: 2.35rem;
    min-width: 2.35rem;
    width: 2.35rem;
}

.table-pagination button:hover:not(:disabled)[b-mu1abhui8u] {
    background: var(--md-secondary-fixed);
    color: var(--md-on-secondary-fixed-variant);
}

.table-pagination button:disabled[b-mu1abhui8u] {
    color: var(--color-muted);
    cursor: not-allowed;
    opacity: .55;
}

.table-pagination button:focus-visible[b-mu1abhui8u] {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}

@media (max-width: 767.98px) {
    .table-pagination[b-mu1abhui8u] {
        justify-content: space-between;
        width: 100%;
    }
}
/* /Components/Shared/UserCreateModal.razor.rz.scp.css */
.user-create-modal-content[b-7wykxctuym] { overflow: hidden; }
.user-create-modal-body[b-7wykxctuym] { display: grid; gap: 1rem; padding-top: 1rem; }
.user-create-modal-intro[b-7wykxctuym] { margin: 0; }
.user-create-section[b-7wykxctuym] { border: 1px solid #d8dee8; border-radius: .875rem; padding: 1rem; }
.user-create-section-heading[b-7wykxctuym] { align-items: flex-start; display: flex; gap: .7rem; margin-bottom: .9rem; }
.user-create-section-heading > i[b-7wykxctuym] { align-items: center; background: #e5f5ee; border-radius: .65rem; color: #07593d; display: inline-flex; flex: 0 0 auto; height: 2.25rem; justify-content: center; width: 2.25rem; }
.user-create-section-heading h3[b-7wykxctuym] { color: #172033; font-size: .95rem; font-weight: 800; margin: .1rem 0 .2rem; }
.user-create-section-heading p[b-7wykxctuym] { color: #667085; font-size: .8rem; margin: 0; }
.user-create-grid[b-7wykxctuym] { display: grid; gap: .85rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.user-create-wide[b-7wykxctuym] { grid-column: 1 / -1; }
.user-create-role-help[b-7wykxctuym] { align-items: flex-start; background: #eef5ff; border-radius: .65rem; color: #264a78; display: flex; font-size: .82rem; gap: .5rem; line-height: 1.35; margin: .9rem 0 0; padding: .7rem .8rem; }
.user-create-role-help i[b-7wykxctuym] { margin-top: .15rem; }
.user-create-error[b-7wykxctuym] { align-items: flex-start; display: flex; gap: .55rem; margin: 0; }
@media (max-width: 575.98px) { .user-create-grid[b-7wykxctuym] { grid-template-columns: 1fr; } .user-create-wide[b-7wykxctuym] { grid-column: auto; } }