/* /Components/Layout/!NavMenu.razor.rz.scp.css */
.navbar-toggler[b-hxdbmigajp] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-hxdbmigajp] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-hxdbmigajp] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-hxdbmigajp] {
    font-size: 1.1rem;
}

.bi[b-hxdbmigajp] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-hxdbmigajp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-hxdbmigajp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-hxdbmigajp] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-hxdbmigajp] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-hxdbmigajp] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-hxdbmigajp] {
        padding-bottom: 1rem;
    }

    .nav-item[b-hxdbmigajp]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-hxdbmigajp]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-hxdbmigajp]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

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

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

    .nav-scrollable[b-hxdbmigajp] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */


   


#blazor-error-ui[b-vu97nmdiyb] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-vu97nmdiyb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.header-profile-toggle[b-vu97nmdiyb] {
    gap: 0;
}

.header-profile-placeholder[b-vu97nmdiyb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f0f4f8;
    color: #546179;
    font-size: 18px;
}

.header-profile-placeholder.menu-placeholder[b-vu97nmdiyb] {
    width: 48px;
    height: 48px;
    font-size: 22px;
}

.header-profile-copy[b-vu97nmdiyb] {
    max-width: 160px;
    overflow: hidden;
    color: #283347;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 800;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-profile-copy em[b-vu97nmdiyb] {
    display: block;
    overflow: hidden;
    color: #7a8495;
    font-size: 11px;
    font-style: normal;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rcy8zsoc38],
.components-reconnect-repeated-attempt-visible[b-rcy8zsoc38],
.components-reconnect-failed-visible[b-rcy8zsoc38],
.components-pause-visible[b-rcy8zsoc38],
.components-resume-failed-visible[b-rcy8zsoc38],
.components-rejoining-animation[b-rcy8zsoc38] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Master/CartDrawer.razor.rz.scp.css */
.cart-header-shell[b-j8j4q5uonl] {
    font-family: "IBM Plex Sans", sans-serif;
}

.cart-toggle[b-j8j4q5uonl] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 7px 14px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.cart-toggle.empty[b-j8j4q5uonl] {
    background: #64748b;
}

.cart-toggle.has-items[b-j8j4q5uonl] {
    background: linear-gradient(180deg, #0f766e 0%, #0d5f59 100%);
    box-shadow: 0 10px 24px rgba(15, 118, 110, .22);
}

.cart-toggle:disabled[b-j8j4q5uonl] {
    cursor: not-allowed;
    opacity: .55;
}

.cart-toggle:not(:disabled):hover[b-j8j4q5uonl] {
    transform: translateY(-1px);
}

.cart-toggle-icon[b-j8j4q5uonl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
}

.cart-toggle-text[b-j8j4q5uonl] {
    font-size: 14px;
}

.cart-toggle-count[b-j8j4q5uonl] {
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #0f766e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.cart-sidebar-right[b-j8j4q5uonl] {
    width: min(440px, 100vw);
    max-width: 100vw;
    font-family: "IBM Plex Sans", sans-serif;
}

.cart-sidebar-card[b-j8j4q5uonl] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: stretch;
    background: #f8fafc;
}

.cart-sidebar-heading[b-j8j4q5uonl] {
    display: flex;
    width: 100% !important;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex: 0 0 auto;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    padding: 16px 18px;
    color: #0f172a;
}

.cart-heading-main[b-j8j4q5uonl] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.cart-heading-icon[b-j8j4q5uonl] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 10px;
    background: #f1f5f9;
    color: #0f766e;
    font-size: 18px;
}

.cart-sidebar-heading .card-title[b-j8j4q5uonl] {
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
}

.cart-heading-subtitle[b-j8j4q5uonl] {
    overflow: hidden;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-close-button[b-j8j4q5uonl] {
    display: inline-grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #f8fafc;
    color: #334155;
}

.cart-close-button:hover[b-j8j4q5uonl],
.cart-close-button:focus-visible[b-j8j4q5uonl] {
    border-color: #cbd5e1;
    background: #eef2f7;
}

.cart-sidebar-body[b-j8j4q5uonl] {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
}

.cart-tabs-header[b-j8j4q5uonl] {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 58px;
    background: #fff;
    padding: 10px 14px;
}

.cart-tabs-header .panel-tabs[b-j8j4q5uonl] {
    padding-right: 0;
}

.cart-tabs-header .panel-tabs a[b-j8j4q5uonl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    background: #f1f5f9;
    padding: 8px 12px;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}

.cart-top-checkout[b-j8j4q5uonl] {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    border-color: #0f766e !important;
    border-radius: 8px;
    background: #0f766e !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
}

.cart-top-checkout i[b-j8j4q5uonl],
.cart-checkout-button i[b-j8j4q5uonl] {
    color: #fff !important;
}

.cart-top-checkout:hover[b-j8j4q5uonl],
.cart-top-checkout:focus-visible[b-j8j4q5uonl] {
    border-color: #0d5f59 !important;
    background: #0d5f59 !important;
    color: #fff !important;
}

.cart-tab-content[b-j8j4q5uonl] {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
}

.cart-tab-content .tab-pane.active[b-j8j4q5uonl] {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
}

.cart-panel-body[b-j8j4q5uonl] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: auto;
    background: #f8fafc;
    padding: 14px;
}

.cart-loader[b-j8j4q5uonl],
.cart-alert[b-j8j4q5uonl],
.cart-empty[b-j8j4q5uonl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 220px;
    color: #475569;
    font-weight: 600;
}

.cart-alert[b-j8j4q5uonl] {
    align-items: flex-start;
    min-height: auto;
    justify-content: flex-start;
    padding: 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff1f2;
    color: #991b1b;
}

.cart-empty[b-j8j4q5uonl] {
    flex-direction: column;
    min-height: 360px;
    text-align: center;
}

.cart-empty i[b-j8j4q5uonl] {
    color: #cbd5e1;
    font-size: 72px;
}

.cart-empty h3[b-j8j4q5uonl] {
    margin: 0 0 8px;
    color: #94a3b8;
    font-size: 24px;
    font-weight: 700;
}

.cart-empty .btn[b-j8j4q5uonl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cart-columns[b-j8j4q5uonl] {
    display: none;
}

.cart-lines[b-j8j4q5uonl] {
    display: grid;
    gap: 9px;
}

.cart-line[b-j8j4q5uonl] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
    overflow: hidden;
}

.cart-line-main[b-j8j4q5uonl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, .85fr) 34px;
    grid-template-areas:
        "product product delete"
        "price price price"
        "quantity total total";
    gap: 10px;
    align-items: start;
    padding: 12px;
}

.cart-product[b-j8j4q5uonl] {
    grid-area: product;
    min-width: 0;
}

.cart-product strong[b-j8j4q5uonl],
.cart-product span[b-j8j4q5uonl],
.cart-product small[b-j8j4q5uonl],
.cart-product em[b-j8j4q5uonl] {
    display: block;
}

.cart-product strong[b-j8j4q5uonl] {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.cart-product span[b-j8j4q5uonl] {
    margin-top: 2px;
    color: #334155;
    font-size: 12px;
    line-height: 1.25;
}

.cart-product small[b-j8j4q5uonl] {
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
}

.cart-product em[b-j8j4q5uonl] {
    margin-top: 5px;
    color: #0f766e;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.cart-price[b-j8j4q5uonl],
.cart-line-total[b-j8j4q5uonl],
.cart-quantity-area[b-j8j4q5uonl] {
    min-width: 0;
}

.cart-price[b-j8j4q5uonl] {
    grid-area: price;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #edf2f7;
    border-radius: 9px;
    background: #f8fafc;
    padding: 8px 10px;
}

.cart-line-total[b-j8j4q5uonl] {
    grid-area: total;
    display: grid;
    min-height: 54px;
    align-content: center;
    gap: 4px;
    border: 1px solid rgb(185 28 28 / 14%);
    border-radius: 9px;
    background: rgb(185 28 28 / 6%);
    padding: 8px 10px;
}

.cart-price span[b-j8j4q5uonl],
.cart-line-total span[b-j8j4q5uonl],
.cart-quantity-area > span[b-j8j4q5uonl] {
    color: #718096;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase;
}

.cart-price strong[b-j8j4q5uonl],
.cart-line-total strong[b-j8j4q5uonl] {
    color: #0f172a;
    font-size: 13px;
    font-weight: 850;
    text-align: right;
    white-space: nowrap;
}

.cart-line-total strong[b-j8j4q5uonl] {
    color: #a32424;
}

.cart-quantity-area[b-j8j4q5uonl] {
    grid-area: quantity;
    display: grid;
    gap: 5px;
}

.cart-quantity[b-j8j4q5uonl] {
    display: grid;
    grid-template-columns: 30px minmax(42px, 1fr) 30px;
    overflow: hidden;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background: #fff;
}

.cart-step[b-j8j4q5uonl],
.cart-delete[b-j8j4q5uonl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    cursor: pointer;
}

.cart-step[b-j8j4q5uonl] {
    min-width: 30px;
    height: 32px;
    background: #f1f5f9;
    color: #0f766e;
    font-size: 11px;
}

.cart-step:hover[b-j8j4q5uonl],
.cart-step:focus-visible[b-j8j4q5uonl] {
    background: #e6f4f2;
    color: #0d5f59;
}

.cart-step i[b-j8j4q5uonl] {
    color: inherit;
}

.cart-step:disabled[b-j8j4q5uonl],
.cart-delete:disabled[b-j8j4q5uonl] {
    cursor: wait;
    opacity: .65;
}

.cart-quantity input[b-j8j4q5uonl] {
    width: 100%;
    min-width: 0;
    height: 32px;
    border: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.cart-delete[b-j8j4q5uonl] {
    grid-area: delete;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: #fee2e2;
    color: #b91c1c;
}

.cart-delete-confirm[b-j8j4q5uonl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 12px 12px;
    color: #7f1d1d;
    font-size: 12px;
    font-weight: 700;
}

.cart-panel-footer[b-j8j4q5uonl] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    flex: 0 0 auto;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    padding: 14px;
    align-items: stretch !important;
}

.cart-amounts-card[b-j8j4q5uonl] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 12px !important;
    box-sizing: border-box;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07);
}

.cart-amounts-card header[b-j8j4q5uonl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #edf2f7;
}

.cart-amounts-card header span[b-j8j4q5uonl],
.cart-amounts-card header strong[b-j8j4q5uonl] {
    display: block;
}

.cart-amounts-card header span[b-j8j4q5uonl] {
    color: #64748b;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cart-amounts-card header strong[b-j8j4q5uonl] {
    margin-top: 2px;
    color: #0f172a;
    font-size: 14px;
    font-weight: 850;
}

.cart-amounts-card header > i[b-j8j4q5uonl] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 9px;
    background: rgb(185 28 28 / 9%);
    color: #a32424;
    font-size: 16px;
}

.cart-totals[b-j8j4q5uonl] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.cart-totals div[b-j8j4q5uonl] {
    display: grid;
    align-items: start;
    gap: 14px;
    width: 100%;
    border-radius: 9px;
    background: #f8fafc;
    padding: 9px 10px;
    color: #475569;
    font-size: 13px;
}

.cart-totals strong[b-j8j4q5uonl] {
    color: #0f172a;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.cart-grand[b-j8j4q5uonl] {
    grid-column: 1 / -1;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 3px;
    border: 1px solid rgb(185 28 28 / 16%);
    background: rgb(185 28 28 / 7%) !important;
    padding: 12px !important;
}

.cart-grand span[b-j8j4q5uonl],
.cart-grand strong[b-j8j4q5uonl] {
    color: #a32424;
    font-size: 16px;
}

.cart-grand strong[b-j8j4q5uonl] {
    font-size: 18px;
}

.cart-minimum-confirm[b-j8j4q5uonl] {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff1f2;
    color: #991b1b;
    font-size: 12px;
}

.cart-minimum-confirm div[b-j8j4q5uonl] {
    display: flex;
    gap: 8px;
}

.cart-checkout-button[b-j8j4q5uonl] {
    display: inline-flex;
    width: 100% !important;
    max-width: none !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #14a078 0%, #0f766e 100%) !important;
    color: #fff !important;
    font-weight: 800;
    box-shadow: 0 10px 20px rgba(15, 118, 110, .24);
}

.cart-checkout-button:hover[b-j8j4q5uonl],
.cart-checkout-button:focus-visible[b-j8j4q5uonl] {
    background: linear-gradient(180deg, #0f8f6d 0%, #0d5f59 100%) !important;
    color: #fff !important;
}

.cart-checkout-button:disabled[b-j8j4q5uonl] {
    cursor: not-allowed;
    opacity: .55;
}

.cart-checkout-backdrop[b-j8j4q5uonl] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .45);
    backdrop-filter: blur(2px);
}

.cart-checkout-modal[b-j8j4q5uonl] {
    position: relative;
    width: min(1180px, 100%);
    max-height: calc(100dvh - 48px);
    overflow: auto;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .35);
}

.cart-checkout-close[b-j8j4q5uonl] {
    position: sticky;
    top: 12px;
    left: calc(100% - 48px);
    z-index: 2;
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    margin: 12px 12px -48px auto;
    border: 0;
    border-radius: 8px;
    background: #0f172a;
    color: #fff;
}

@media (max-width: 640px) {
    .cart-sidebar-right[b-j8j4q5uonl] {
        width: 100vw;
    }

    .cart-sidebar-heading[b-j8j4q5uonl] {
        padding: 14px;
    }

    .cart-tabs-header[b-j8j4q5uonl] {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .cart-tabs-header .panel-tabs[b-j8j4q5uonl],
    .cart-top-checkout[b-j8j4q5uonl] {
        width: 100%;
    }

    .cart-top-checkout[b-j8j4q5uonl] {
        justify-content: center;
    }

    .cart-delete-confirm[b-j8j4q5uonl] {
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .cart-panel-footer[b-j8j4q5uonl] {
        padding: 12px;
    }
}

@media (max-width: 380px) {
    .cart-line-main[b-j8j4q5uonl] {
        grid-template-columns: minmax(0, 1fr) 34px;
        grid-template-areas:
            "product delete"
            "price price"
            "quantity quantity"
            "total total";
    }

    .cart-totals[b-j8j4q5uonl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Master/SelectedCLInfo.razor.rz.scp.css */
.selected-cl-header[b-rlgg38jdj2] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    font-family: "IBM Plex Sans", sans-serif;
}

.selected-cl-copy[b-rlgg38jdj2] {
    display: grid;
    min-width: 0;
    gap: 1px;
    color: #273142;
    font-size: 13px;
    line-height: 1.18;
}

.selected-cl-code[b-rlgg38jdj2] {
    color: #0d98d1;
    font-size: 12px;
    font-weight: 850;
}

.selected-cl-name[b-rlgg38jdj2] {
    max-width: 420px;
    overflow: hidden;
    color: #172033;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-cl-meta[b-rlgg38jdj2] {
    color: #526071;
    font-size: 12px;
    font-weight: 650;
}

.selected-cl-spec[b-rlgg38jdj2] {
    max-width: 420px;
    overflow: hidden;
    color: #7a8495;
    font-size: 11px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-cl-button-shell[b-rlgg38jdj2] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: flex-end;
    margin-left: auto;
    text-align: center;
}

.selected-cl-buttons[b-rlgg38jdj2] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.selected-cl-buttons .btn[b-rlgg38jdj2] {
    position: static !important;
    top: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 27px;
    margin: 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgb(15 23 42 / 10%);
}

.selected-cl-buttons .btn-danger[b-rlgg38jdj2] {
    background: #dc3545;
    border-color: #dc3545;
}

.selected-cl-buttons .btn-purple[b-rlgg38jdj2] {
    background: #6c5ffc;
    border-color: #6c5ffc;
    color: #fff;
}

.selected-cl-empty[b-rlgg38jdj2] {
    color: #7a8495;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 13px;
    font-weight: 800;
}

@media (max-width: 1199.98px) {
    .selected-cl-name[b-rlgg38jdj2],
    .selected-cl-spec[b-rlgg38jdj2] {
        max-width: 280px;
    }
}
/* /Components/Pages/Analysis/AnalysisWorkspace.razor.rz.scp.css */
.analysis-access-loading[b-o6e08syipu],
.analysis-access-page[b-o6e08syipu] {
    display: grid;
    min-height: min(720px, calc(100vh - 180px));
    place-items: center;
    padding: 24px;
}

.analysis-access-loading-card[b-o6e08syipu] {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e5eaf0;
    border-radius: 14px;
    background: #fff;
    padding: 18px 22px;
    color: #445066;
    box-shadow: 0 12px 36px rgb(31 45 61 / 9%);
}

.analysis-access-card[b-o6e08syipu] {
    width: min(100%, 460px);
    border: 1px solid rgb(13 152 209 / 16%);
    border-radius: 22px;
    background: #fff;
    padding: 34px;
    box-shadow: 0 24px 70px rgb(28 42 60 / 14%);
}

.analysis-access-icon[b-o6e08syipu] {
    display: grid;
    width: 68px;
    height: 68px;
    margin: 0 auto 20px;
    place-items: center;
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        rgb(13 152 209 / 14%),
        rgb(111 66 193 / 13%)
    );
    color: #0d98d1;
    font-size: 28px;
}

.analysis-access-heading[b-o6e08syipu] {
    text-align: center;
}

.analysis-access-heading h1[b-o6e08syipu] {
    margin: 5px 0 8px;
    color: #283548;
    font-size: 27px;
}

.analysis-access-heading p[b-o6e08syipu] {
    margin: 0;
    color: #748094;
    font-size: 13px;
    line-height: 1.65;
}

.analysis-access-form[b-o6e08syipu] {
    margin-top: 25px;
}

.analysis-access-error[b-o6e08syipu] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 10px 0;
    border-radius: 9px;
    background: rgb(232 38 70 / 10%);
    padding: 9px 11px;
    color: #bd1e39;
    font-size: 12px;
    font-weight: 700;
}

.analysis-access-note[b-o6e08syipu] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    color: #8791a2;
    font-size: 11px;
    line-height: 1.55;
}

.analysis-access-note code[b-o6e08syipu] {
    color: #566274;
}

.analysis-workspace[b-o6e08syipu] {
    min-width: 0;
    padding: 14px;
}

.workspace-header[b-o6e08syipu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.workspace-header h1[b-o6e08syipu] {
    margin: 0;
    color: #263143;
    font-size: 27px;
    font-weight: 850;
}

.workspace-header p[b-o6e08syipu] {
    margin: 4px 0 0;
    color: #7d8797;
    font-size: 12px;
}

.eyebrow[b-o6e08syipu] {
    color: #0d98d1;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.analysis-workspace-actions[b-o6e08syipu] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.view-toggle[b-o6e08syipu] {
    display: flex;
    align-self: flex-start;
    border-radius: 10px;
    background: #eef2f6;
    padding: 4px;
}

.view-toggle button[b-o6e08syipu] {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    padding: 8px 12px;
    color: #687386;
    font-size: 11px;
    font-weight: 700;
}

.view-toggle button.active[b-o6e08syipu] {
    background: #fff;
    color: #0d98d1;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
}

.analysis-lock-button[b-o6e08syipu] {
    display: inline-flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #e3e8ee;
    border-radius: 9px;
    background: #fff;
    padding: 0 13px;
    color: #687488;
    font-size: 12px;
    font-weight: 700;
}

.analysis-lock-button:hover[b-o6e08syipu] {
    border-color: rgb(232 38 70 / 28%);
    background: rgb(232 38 70 / 6%);
    color: #c11f3b;
}

.workspace-layout[b-o6e08syipu] {
    --analysis-catalog-width: 310px;
    display: grid;
    min-width: 0;
    min-height: 680px;
    grid-template-columns: var(--analysis-catalog-width) 12px minmax(0, 1fr);
    gap: 0;
}

.analysis-catalog[b-o6e08syipu] {
    min-width: 0;
    overflow: auto;
    border: 1px solid #e6ebf1;
    border-radius: 15px;
    background: #fff;
    padding: 13px;
}

.analysis-catalog section + section[b-o6e08syipu] {
    margin-top: 17px;
}

.analysis-catalog h2[b-o6e08syipu] {
    margin: 0 0 7px;
    color: #8791a2;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.catalog-items[b-o6e08syipu] {
    display: grid;
    gap: 7px;
}

.analysis-catalog.cards .catalog-items[b-o6e08syipu] {
    grid-template-columns: 1fr;
}

.catalog-item[b-o6e08syipu] {
    display: flex;
    width: 100%;
    min-width: 0;
    gap: 10px;
    border: 1px solid #e8ecf1;
    border-radius: 11px;
    background: #fff;
    padding: 11px;
    color: inherit;
    text-align: left;
}

.catalog-item:hover:not(:disabled)[b-o6e08syipu] {
    border-color: rgb(13 152 209 / 35%);
    background: rgb(13 152 209 / 4%);
}

.catalog-item.disabled[b-o6e08syipu] {
    opacity: .52;
}

.catalog-icon[b-o6e08syipu] {
    display: flex;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgb(13 152 209 / 10%);
    color: #0d98d1;
}

.catalog-item > span:last-child[b-o6e08syipu] {
    min-width: 0;
}

.catalog-item strong[b-o6e08syipu],
.catalog-item small[b-o6e08syipu] {
    display: block;
}

.catalog-item strong[b-o6e08syipu] {
    overflow: hidden;
    color: #354054;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-item small[b-o6e08syipu] {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 2px;
    color: #8791a2;
    font-size: 10px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.catalog-item em[b-o6e08syipu] {
    display: inline-block;
    margin-top: 5px;
    color: #b77900;
    font-size: 9px;
    font-style: normal;
    font-weight: 750;
}

.workspace-splitter[b-o6e08syipu] {
    position: relative;
    z-index: 10;
    display: flex;
    width: 12px;
    min-width: 12px;
    align-items: stretch;
    justify-content: center;
    cursor: col-resize;
    outline: none;
    touch-action: none;
    user-select: none;
}

.workspace-splitter[b-o6e08syipu]::before {
    content: "";
    width: 2px;
    border-radius: 999px;
    background: transparent;
    transition:
        width 120ms ease,
        background-color 120ms ease;
}

.workspace-splitter span[b-o6e08syipu] {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 38px;
    border-radius: 999px;
    background: #d4dce6;
    transform: translateY(-50%);
    transition:
        width 120ms ease,
        height 120ms ease,
        background-color 120ms ease,
        box-shadow 120ms ease;
}

.workspace-splitter:hover[b-o6e08syipu]::before,
.workspace-splitter:focus-visible[b-o6e08syipu]::before,
.workspace-splitter.dragging[b-o6e08syipu]::before {
    width: 5px;
    background: rgb(13 152 209 / 18%);
}

.workspace-splitter:hover span[b-o6e08syipu],
.workspace-splitter:focus-visible span[b-o6e08syipu],
.workspace-splitter.dragging span[b-o6e08syipu] {
    width: 5px;
    height: 58px;
    background: #0d98d1;
    box-shadow: 0 0 0 4px rgb(13 152 209 / 10%);
}

.workspace-main[b-o6e08syipu] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e6ebf1;
    border-radius: 15px;
    background: #fff;
}

.workspace-empty[b-o6e08syipu] {
    display: flex;
    min-height: 600px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #8791a2;
    text-align: center;
}

.workspace-empty i[b-o6e08syipu] {
    display: flex;
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: rgb(13 152 209 / 10%);
    color: #0d98d1;
    font-size: 28px;
}

.workspace-empty h2[b-o6e08syipu] {
    margin: 15px 0 4px;
    color: #354054;
}

.tab-header[b-o6e08syipu] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.tab-header button[b-o6e08syipu] {
    display: inline-flex;
    border: 0;
    background: transparent;
    padding: 3px;
    color: #9aa3b1;
}

.tab-content[b-o6e08syipu] {
    min-width: 0;
    min-height: 600px;
    overflow: hidden;
    padding: 3px;
}

.analysis-workspace[b-o6e08syipu]  .e-tab,
.analysis-workspace[b-o6e08syipu]  .e-tab .e-content,
.analysis-workspace[b-o6e08syipu]  .e-tab .e-content > .e-item {
    min-width: 0;
}

.analysis-workspace[b-o6e08syipu]  .e-tab .e-content {
    background: #f6f8fb;
}

.analysis-workspace[b-o6e08syipu]  .e-tab-header {
    background: #fff;
}

.analysis-workspace[b-o6e08syipu]  .analysis-report-page,
.analysis-workspace[b-o6e08syipu]  .analysis-grid-card,
.analysis-workspace[b-o6e08syipu]  .analysis-grid-card .card-body {
    min-width: 0;
}

.analysis-workspace[b-o6e08syipu]  .analysis-grid-card .card-body {
    overflow-x: auto;
}

.analysis-workspace[b-o6e08syipu]  .e-grid {
    width: 100% !important;
    min-width: 0;
}

.analysis-button-view[b-o6e08syipu] {
    display: flex;
    min-height: min(650px, calc(100vh - 260px));
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e7ebf0;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at top left,
            rgb(13 152 209 / 7%),
            transparent 34%
        ),
        radial-gradient(
            circle at bottom right,
            rgb(111 66 193 / 6%),
            transparent 32%
        ),
        #fff;
    padding: 30px;
    box-shadow: 0 8px 28px rgb(33 48 68 / 7%);
}

.analysis-button-view-heading[b-o6e08syipu] {
    margin-bottom: 25px;
    text-align: center;
}

.analysis-button-view-heading h2[b-o6e08syipu] {
    margin-bottom: 5px;
    color: #2d394d;
    font-size: 23px;
}

.analysis-button-view-heading p[b-o6e08syipu] {
    margin: 0;
    color: #7b8799;
    font-size: 12px;
}

.analysis-button-grid[b-o6e08syipu] {
    display: grid;
    width: min(100%, 1040px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    gap: 12px 16px;
    margin-inline: auto;
    padding: 8px 5px 16px;
}

.analysis-launch-button[b-o6e08syipu] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 76px;
    grid-template-columns: 45px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 11px;
    border: 1px solid #e4e9ef;
    border-radius: 12px;
    background: #fff;
    padding: 13px;
    color: inherit;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 5px 15px rgb(31 45 61 / 6%);
    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.analysis-launch-button:hover[b-o6e08syipu] {
    transform: translateY(-2px);
    border-color: rgb(13 152 209 / 34%);
    color: inherit;
    box-shadow: 0 10px 22px rgb(31 45 61 / 10%);
}

.analysis-launch-button.disabled[b-o6e08syipu] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.analysis-launch-button.disabled:hover[b-o6e08syipu] {
    transform: none;
}

.analysis-launch-icon[b-o6e08syipu] {
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border-radius: 11px;
    background: rgb(13 152 209 / 10%);
    color: #0d98d1;
    font-size: 18px;
}

.analysis-launch-copy[b-o6e08syipu] {
    min-width: 0;
}

.analysis-launch-copy strong[b-o6e08syipu],
.analysis-launch-copy small[b-o6e08syipu] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.analysis-launch-copy strong[b-o6e08syipu] {
    color: #354054;
    font-size: 12px;
}

.analysis-launch-copy small[b-o6e08syipu] {
    margin-top: 4px;
    color: #8a94a4;
    font-size: 10px;
}

.analysis-launch-external[b-o6e08syipu] {
    color: #a1a9b6;
    font-size: 13px;
}

@media (max-width: 1199.98px) {
    .workspace-layout[b-o6e08syipu] {
        --analysis-catalog-width: 280px;
    }
}

@media (max-width: 991.98px) {
    .analysis-workspace[b-o6e08syipu] {
        padding: 8px;
    }

    .workspace-header[b-o6e08syipu] {
        flex-direction: column;
    }

    .analysis-workspace-actions[b-o6e08syipu] {
        width: 100%;
        justify-content: space-between;
    }

    .workspace-layout[b-o6e08syipu] {
        display: block;
        min-height: auto;
    }

    .workspace-splitter[b-o6e08syipu] {
        display: none;
    }

    .workspace-main[b-o6e08syipu] {
        display: none;
    }

    .analysis-catalog[b-o6e08syipu] {
        max-height: none;
    }

    .analysis-catalog.cards .catalog-items[b-o6e08syipu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analysis-button-view[b-o6e08syipu] {
        min-height: auto;
        padding: 22px 14px;
    }

    .analysis-button-grid[b-o6e08syipu] {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .analysis-button-grid[b-o6e08syipu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .analysis-access-page[b-o6e08syipu] {
        padding: 12px;
    }

    .analysis-access-card[b-o6e08syipu] {
        border-radius: 17px;
        padding: 24px 18px;
    }

    .analysis-workspace-actions[b-o6e08syipu] {
        align-items: stretch;
        flex-direction: column;
    }

    .view-toggle[b-o6e08syipu] {
        width: 100%;
    }

    .view-toggle button[b-o6e08syipu] {
        flex: 1;
    }

    .analysis-lock-button[b-o6e08syipu] {
        width: 100%;
    }

    .analysis-catalog.cards .catalog-items[b-o6e08syipu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Analysis/Reports/CostIncomeReport.razor.rz.scp.css */
/* Bu dosyayı wwwroot/css/analysis-reports.css olarak da ekleyebilirsiniz. */
.report-page[b-t3lgbk9apo]{padding:13px}.report-page.embedded[b-t3lgbk9apo]{padding:10px}.report-nav[b-t3lgbk9apo]{margin-bottom:10px}.report-header[b-t3lgbk9apo]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.report-header h1[b-t3lgbk9apo]{margin:0;font-size:24px;font-weight:850}.report-header p[b-t3lgbk9apo]{margin:4px 0;color:#7d8797}.eyebrow[b-t3lgbk9apo]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-actions[b-t3lgbk9apo]{display:flex;align-items:flex-end;gap:8px;min-width:390px}.report-actions select[b-t3lgbk9apo]{min-width:210px}.filter-card[b-t3lgbk9apo],.report-card[b-t3lgbk9apo]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-t3lgbk9apo]{display:flex;min-height:310px;align-items:center;justify-content:center}.report-pager[b-t3lgbk9apo]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-t3lgbk9apo]{display:flex;align-items:center;gap:10px}.nested-detail[b-t3lgbk9apo]{min-height:100px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-t3lgbk9apo]{margin:0 0 9px;font-size:13px;font-weight:800}.summary-cards[b-t3lgbk9apo]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}.summary-cards>div[b-t3lgbk9apo]{border:1px solid #e7ebf0;border-radius:12px;background:#fff;padding:12px}.summary-cards span[b-t3lgbk9apo],.summary-cards strong[b-t3lgbk9apo]{display:block}.summary-cards span[b-t3lgbk9apo]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-t3lgbk9apo]{margin-top:3px;font-size:18px}.segmented[b-t3lgbk9apo]{display:flex;background:#eef2f6;border-radius:10px;padding:4px}.segmented button[b-t3lgbk9apo]{border:0;border-radius:8px;background:transparent;padding:8px 13px;color:#687386;font-weight:750}.segmented button.active[b-t3lgbk9apo]{background:#fff;color:#0d98d1;box-shadow:0 2px 8px rgb(0 0 0/.08)}@media(max-width:991.98px){.report-page[b-t3lgbk9apo]{padding:7px}.report-header[b-t3lgbk9apo]{flex-direction:column}.report-actions[b-t3lgbk9apo]{width:100%;min-width:0;flex-wrap:wrap}.summary-cards[b-t3lgbk9apo]{grid-template-columns:1fr}.report-pager[b-t3lgbk9apo]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/Analysis/Reports/CustomerBalanceReport.razor.rz.scp.css */
.report-page[b-fe80ijpwpb]{padding:13px}.report-page.embedded[b-fe80ijpwpb]{padding:10px}.report-nav[b-fe80ijpwpb]{margin-bottom:10px}.report-header[b-fe80ijpwpb]{margin-bottom:14px}.report-header h1[b-fe80ijpwpb]{margin:0;font-size:24px;font-weight:850}.report-header p[b-fe80ijpwpb]{margin:4px 0;color:#7d8797}.eyebrow[b-fe80ijpwpb]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.filter-card[b-fe80ijpwpb],.report-card[b-fe80ijpwpb]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-fe80ijpwpb]{display:flex;min-height:310px;align-items:center;justify-content:center}.summary-cards[b-fe80ijpwpb]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:13px 0}.summary-cards>div[b-fe80ijpwpb]{border:1px solid #e7ebf0;border-radius:12px;background:#fff;padding:11px}.summary-cards span[b-fe80ijpwpb],.summary-cards strong[b-fe80ijpwpb]{display:block}.summary-cards span[b-fe80ijpwpb]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-fe80ijpwpb]{margin-top:3px;font-size:16px}.report-pager[b-fe80ijpwpb]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-fe80ijpwpb]{display:flex;align-items:center;gap:10px}.status-badge[b-fe80ijpwpb]{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.status-badge.success[b-fe80ijpwpb]{background:rgb(9 173 149/.12);color:#078a78}.status-badge.warning[b-fe80ijpwpb]{background:rgb(245 158 11/.13);color:#a96300}.status-badge.danger[b-fe80ijpwpb]{background:rgb(232 38 70/.12);color:#c51e39}@media(max-width:991.98px){.report-page[b-fe80ijpwpb]{padding:7px}.summary-cards[b-fe80ijpwpb]{grid-template-columns:repeat(2,minmax(0,1fr))}.report-pager[b-fe80ijpwpb]{align-items:flex-start;flex-direction:column}}@media(max-width:575.98px){.summary-cards[b-fe80ijpwpb]{grid-template-columns:1fr}}
/* /Components/Pages/Analysis/Reports/CustomerDueReport.razor.rz.scp.css */
.report-page[b-ylx9demqrq]{padding:13px}.report-page.embedded[b-ylx9demqrq]{padding:10px}.report-nav[b-ylx9demqrq]{margin-bottom:10px}.report-header[b-ylx9demqrq]{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.report-header h1[b-ylx9demqrq]{margin:0;font-size:24px;font-weight:850}.report-header p[b-ylx9demqrq]{margin:4px 0;color:#7d8797}.eyebrow[b-ylx9demqrq]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.filter-card[b-ylx9demqrq],.report-card[b-ylx9demqrq]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.check-control[b-ylx9demqrq]{display:flex;min-height:39px;align-items:center;gap:8px;border:1px solid #d8dde5;border-radius:6px;padding:0 11px}.report-loading[b-ylx9demqrq]{display:flex;min-height:310px;align-items:center;justify-content:center}.summary-cards[b-ylx9demqrq]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:13px 0}.summary-cards>div[b-ylx9demqrq]{border:1px solid #e7ebf0;border-radius:11px;background:#fff;padding:10px}.summary-cards span[b-ylx9demqrq],.summary-cards strong[b-ylx9demqrq]{display:block}.summary-cards span[b-ylx9demqrq]{color:#8791a2;font-size:9px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-ylx9demqrq]{margin-top:3px;font-size:13px}.report-pager[b-ylx9demqrq]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-ylx9demqrq]{display:flex;align-items:center;gap:10px}.sales-state[b-ylx9demqrq]{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.sales-state.open[b-ylx9demqrq]{background:rgb(9 173 149/.12);color:#078a78}.sales-state.closed[b-ylx9demqrq]{background:rgb(245 158 11/.13);color:#a96300}@media(max-width:1199.98px){.summary-cards[b-ylx9demqrq]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:991.98px){.report-page[b-ylx9demqrq]{padding:7px}.report-header[b-ylx9demqrq]{flex-direction:column}.summary-cards[b-ylx9demqrq]{grid-template-columns:repeat(2,minmax(0,1fr))}.report-pager[b-ylx9demqrq]{align-items:flex-start;flex-direction:column}}@media(max-width:575.98px){.summary-cards[b-ylx9demqrq]{grid-template-columns:1fr}}
/* /Components/Pages/Analysis/Reports/FinanceGroupsReport.razor.rz.scp.css */
/* Bu dosyayı wwwroot/css/analysis-reports.css olarak da ekleyebilirsiniz. */
.report-page[b-a94kvfclyl]{padding:13px}.report-page.embedded[b-a94kvfclyl]{padding:10px}.report-nav[b-a94kvfclyl]{margin-bottom:10px}.report-header[b-a94kvfclyl]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.report-header h1[b-a94kvfclyl]{margin:0;font-size:24px;font-weight:850}.report-header p[b-a94kvfclyl]{margin:4px 0;color:#7d8797}.eyebrow[b-a94kvfclyl]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-actions[b-a94kvfclyl]{display:flex;align-items:flex-end;gap:8px;min-width:390px}.report-actions select[b-a94kvfclyl]{min-width:210px}.filter-card[b-a94kvfclyl],.report-card[b-a94kvfclyl]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-a94kvfclyl]{display:flex;min-height:310px;align-items:center;justify-content:center}.report-pager[b-a94kvfclyl]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-a94kvfclyl]{display:flex;align-items:center;gap:10px}.nested-detail[b-a94kvfclyl]{min-height:100px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-a94kvfclyl]{margin:0 0 9px;font-size:13px;font-weight:800}.summary-cards[b-a94kvfclyl]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}.summary-cards>div[b-a94kvfclyl]{border:1px solid #e7ebf0;border-radius:12px;background:#fff;padding:12px}.summary-cards span[b-a94kvfclyl],.summary-cards strong[b-a94kvfclyl]{display:block}.summary-cards span[b-a94kvfclyl]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-a94kvfclyl]{margin-top:3px;font-size:18px}.segmented[b-a94kvfclyl]{display:flex;background:#eef2f6;border-radius:10px;padding:4px}.segmented button[b-a94kvfclyl]{border:0;border-radius:8px;background:transparent;padding:8px 13px;color:#687386;font-weight:750}.segmented button.active[b-a94kvfclyl]{background:#fff;color:#0d98d1;box-shadow:0 2px 8px rgb(0 0 0/.08)}@media(max-width:991.98px){.report-page[b-a94kvfclyl]{padding:7px}.report-header[b-a94kvfclyl]{flex-direction:column}.report-actions[b-a94kvfclyl]{width:100%;min-width:0;flex-wrap:wrap}.summary-cards[b-a94kvfclyl]{grid-template-columns:1fr}.report-pager[b-a94kvfclyl]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/Analysis/Reports/MonthlyCollectionReport.razor.rz.scp.css */
.report-page[b-7b6oea5wdo]{padding:13px}.report-page.embedded[b-7b6oea5wdo]{padding:10px}.report-nav[b-7b6oea5wdo]{margin-bottom:10px}.report-header[b-7b6oea5wdo]{margin-bottom:14px}.report-header h1[b-7b6oea5wdo]{margin:0;font-size:24px;font-weight:850}.report-header p[b-7b6oea5wdo]{margin:4px 0;color:#7d8797}.eyebrow[b-7b6oea5wdo]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.filter-card[b-7b6oea5wdo],.report-card[b-7b6oea5wdo]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-7b6oea5wdo]{display:flex;min-height:310px;align-items:center;justify-content:center}.summary-cards[b-7b6oea5wdo]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:13px 0 8px}.channel-cards[b-7b6oea5wdo]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:13px}.summary-cards>div[b-7b6oea5wdo],.channel-cards>div[b-7b6oea5wdo]{border:1px solid #e7ebf0;border-radius:11px;background:#fff;padding:10px}.summary-cards span[b-7b6oea5wdo],.summary-cards strong[b-7b6oea5wdo],.channel-cards span[b-7b6oea5wdo],.channel-cards strong[b-7b6oea5wdo]{display:block}.summary-cards span[b-7b6oea5wdo],.channel-cards span[b-7b6oea5wdo]{color:#8791a2;font-size:9px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-7b6oea5wdo]{margin-top:3px;font-size:14px}.channel-cards strong[b-7b6oea5wdo]{margin-top:3px;font-size:13px}.report-pager[b-7b6oea5wdo]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-7b6oea5wdo]{display:flex;align-items:center;gap:10px}@media(max-width:1199.98px){.summary-cards[b-7b6oea5wdo]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991.98px){.report-page[b-7b6oea5wdo]{padding:7px}.channel-cards[b-7b6oea5wdo]{grid-template-columns:repeat(2,minmax(0,1fr))}.report-pager[b-7b6oea5wdo]{align-items:flex-start;flex-direction:column}}@media(max-width:575.98px){.summary-cards[b-7b6oea5wdo],.channel-cards[b-7b6oea5wdo]{grid-template-columns:1fr}}
/* /Components/Pages/Analysis/Reports/ProductAnalysisReport.razor.rz.scp.css */
/* Bu dosyayı wwwroot/css/analysis-reports.css olarak da ekleyebilirsiniz. */
.report-page[b-hl2z8yilbw]{padding:13px}.report-page.embedded[b-hl2z8yilbw]{padding:10px}.report-nav[b-hl2z8yilbw]{margin-bottom:10px}.report-header[b-hl2z8yilbw]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.report-header h1[b-hl2z8yilbw]{margin:0;font-size:24px;font-weight:850}.report-header p[b-hl2z8yilbw]{margin:4px 0;color:#7d8797}.eyebrow[b-hl2z8yilbw]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-actions[b-hl2z8yilbw]{display:flex;align-items:flex-end;gap:8px;min-width:390px}.report-actions select[b-hl2z8yilbw]{min-width:210px}.filter-card[b-hl2z8yilbw],.report-card[b-hl2z8yilbw]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-hl2z8yilbw]{display:flex;min-height:310px;align-items:center;justify-content:center}.report-pager[b-hl2z8yilbw]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-hl2z8yilbw]{display:flex;align-items:center;gap:10px}.nested-detail[b-hl2z8yilbw]{min-height:100px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-hl2z8yilbw]{margin:0 0 9px;font-size:13px;font-weight:800}.summary-cards[b-hl2z8yilbw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}.summary-cards>div[b-hl2z8yilbw]{border:1px solid #e7ebf0;border-radius:12px;background:#fff;padding:12px}.summary-cards span[b-hl2z8yilbw],.summary-cards strong[b-hl2z8yilbw]{display:block}.summary-cards span[b-hl2z8yilbw]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-hl2z8yilbw]{margin-top:3px;font-size:18px}.segmented[b-hl2z8yilbw]{display:flex;background:#eef2f6;border-radius:10px;padding:4px}.segmented button[b-hl2z8yilbw]{border:0;border-radius:8px;background:transparent;padding:8px 13px;color:#687386;font-weight:750}.segmented button.active[b-hl2z8yilbw]{background:#fff;color:#0d98d1;box-shadow:0 2px 8px rgb(0 0 0/.08)}@media(max-width:991.98px){.report-page[b-hl2z8yilbw]{padding:7px}.report-header[b-hl2z8yilbw]{flex-direction:column}.report-actions[b-hl2z8yilbw]{width:100%;min-width:0;flex-wrap:wrap}.summary-cards[b-hl2z8yilbw]{grid-template-columns:1fr}.report-pager[b-hl2z8yilbw]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/Analysis/Reports/SalesEmployeeReport.razor.rz.scp.css */
.report-page[b-xz6azt2yf9]{padding:13px}.report-page.embedded[b-xz6azt2yf9]{padding:10px}.report-nav[b-xz6azt2yf9]{margin-bottom:10px}.report-header[b-xz6azt2yf9]{margin-bottom:14px}.report-header h1[b-xz6azt2yf9]{margin:0;font-size:24px;font-weight:850}.report-header p[b-xz6azt2yf9]{margin:4px 0;color:#7d8797}.eyebrow[b-xz6azt2yf9]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.filter-card[b-xz6azt2yf9],.report-card[b-xz6azt2yf9]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-xz6azt2yf9],.empty-report[b-xz6azt2yf9]{display:flex;min-height:310px;align-items:center;justify-content:center}.empty-report[b-xz6azt2yf9]{color:#8791a2}.summary-cards[b-xz6azt2yf9]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0 9px}.summary-cards>div[b-xz6azt2yf9],.channel-cards>div[b-xz6azt2yf9]{border:1px solid #e7ebf0;border-radius:12px;background:#fff;padding:11px}.summary-cards span[b-xz6azt2yf9],.summary-cards strong[b-xz6azt2yf9],.channel-cards span[b-xz6azt2yf9],.channel-cards strong[b-xz6azt2yf9]{display:block}.summary-cards span[b-xz6azt2yf9],.channel-cards span[b-xz6azt2yf9]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-xz6azt2yf9]{margin-top:3px;font-size:17px}.channel-cards[b-xz6azt2yf9]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}.channel-cards i[b-xz6azt2yf9]{float:right;color:#0d98d1}.channel-cards strong[b-xz6azt2yf9]{margin-top:3px;font-size:14px}@media(max-width:991.98px){.report-page[b-xz6azt2yf9]{padding:7px}.summary-cards[b-xz6azt2yf9],.channel-cards[b-xz6azt2yf9]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.summary-cards[b-xz6azt2yf9],.channel-cards[b-xz6azt2yf9]{grid-template-columns:1fr}}
/* /Components/Pages/Analysis/Reports/WaitingOrdersReport.razor.rz.scp.css */
/* Bu dosyayı wwwroot/css/analysis-reports.css olarak da ekleyebilirsiniz. */
.report-page[b-3i76ny2ysx]{padding:13px}.report-page.embedded[b-3i76ny2ysx]{padding:10px}.report-nav[b-3i76ny2ysx]{margin-bottom:10px}.report-header[b-3i76ny2ysx]{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.report-header h1[b-3i76ny2ysx]{margin:0;font-size:24px;font-weight:850}.report-header p[b-3i76ny2ysx]{margin:4px 0;color:#7d8797}.eyebrow[b-3i76ny2ysx]{color:#0d98d1;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.report-actions[b-3i76ny2ysx]{display:flex;align-items:flex-end;gap:8px;min-width:390px}.report-actions select[b-3i76ny2ysx]{min-width:210px}.filter-card[b-3i76ny2ysx],.report-card[b-3i76ny2ysx]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0/.07)}.report-loading[b-3i76ny2ysx]{display:flex;min-height:310px;align-items:center;justify-content:center}.report-pager[b-3i76ny2ysx]{display:flex;align-items:center;justify-content:space-between;color:#7a8597;font-size:12px}.report-pager>div[b-3i76ny2ysx]{display:flex;align-items:center;gap:10px}.nested-detail[b-3i76ny2ysx]{min-height:100px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-3i76ny2ysx]{margin:0 0 9px;font-size:13px;font-weight:800}.summary-cards[b-3i76ny2ysx]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}.summary-cards>div[b-3i76ny2ysx]{border:1px solid #e7ebf0;border-radius:12px;background:#fff;padding:12px}.summary-cards span[b-3i76ny2ysx],.summary-cards strong[b-3i76ny2ysx]{display:block}.summary-cards span[b-3i76ny2ysx]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.summary-cards strong[b-3i76ny2ysx]{margin-top:3px;font-size:18px}.segmented[b-3i76ny2ysx]{display:flex;background:#eef2f6;border-radius:10px;padding:4px}.segmented button[b-3i76ny2ysx]{border:0;border-radius:8px;background:transparent;padding:8px 13px;color:#687386;font-weight:750}.segmented button.active[b-3i76ny2ysx]{background:#fff;color:#0d98d1;box-shadow:0 2px 8px rgb(0 0 0/.08)}@media(max-width:991.98px){.report-page[b-3i76ny2ysx]{padding:7px}.report-header[b-3i76ny2ysx]{flex-direction:column}.report-actions[b-3i76ny2ysx]{width:100%;min-width:0;flex-wrap:wrap}.summary-cards[b-3i76ny2ysx]{grid-template-columns:1fr}.report-pager[b-3i76ny2ysx]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/CLCards/CLCardAccountSummary.razor.rz.scp.css */
.cl-modal-loading[b-1af99a84r5],
.cl-summary-modal[b-1af99a84r5],
.cl-summary-modal *[b-1af99a84r5] {
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-modal-loading[b-1af99a84r5] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #657084;
    font-size: 13px;
    font-weight: 400;
}

.cl-summary-modal[b-1af99a84r5] {
    position: relative;
    display: grid;
    gap: 14px;
}

.cl-summary-refresh[b-1af99a84r5] {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e6ebf2;
    border-radius: 8px;
    background: rgb(255 255 255 / 94%);
    padding: 7px 10px;
    box-shadow: 0 5px 16px rgb(28 39 60 / 9%);
    color: #657084;
    font-size: 12px;
    font-weight: 400;
}

.cl-summary-hero[b-1af99a84r5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgb(13 152 209 / 18%);
    border-radius: 10px;
    background: linear-gradient(135deg, rgb(13 152 209 / 10%), rgb(255 255 255 / 96%)), #fff;
    padding: 16px;
}

.cl-summary-identity[b-1af99a84r5] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 13px;
    min-width: 0;
}

.cl-summary-mark[b-1af99a84r5] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 14px;
    background: #0d98d1;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 8px 18px rgb(13 152 209 / 22%);
}

.cl-summary-code[b-1af99a84r5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    background: rgb(13 152 209 / 12%);
    padding: 4px 8px;
    color: #0d86bc;
    font-size: 12px;
    font-weight: 600;
}

.cl-summary-identity h3[b-1af99a84r5] {
    margin: 8px 0 7px;
    color: #253044;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.cl-summary-meta[b-1af99a84r5] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

    .cl-summary-meta span[b-1af99a84r5] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #647086;
        font-size: 12px;
        font-weight: 400;
    }

.cl-summary-controls[b-1af99a84r5] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

    .cl-summary-controls label[b-1af99a84r5] {
        display: grid;
        gap: 4px;
        min-width: 116px;
    }

        .cl-summary-controls label span[b-1af99a84r5] {
            color: #6f7a8d;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: .04em;
            text-transform: uppercase;
        }

    .cl-summary-controls .form-select[b-1af99a84r5] {
        min-height: 34px;
        border-color: #dfe5ed;
        border-radius: 8px;
        color: #354052;
        font-size: 12px;
        font-weight: 400;
    }

.cl-summary-metrics[b-1af99a84r5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 10px;
}

.cl-summary-metrics-compact[b-1af99a84r5] {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.cl-summary-metrics article[b-1af99a84r5] {
    min-width: 0;
    border: 1px solid #e8edf3;
    border-radius: 9px;
    background: #fff;
    padding: 12px;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
}

.cl-summary-metric-head[b-1af99a84r5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .cl-summary-metric-head span[b-1af99a84r5] {
        color: #7b8495;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .cl-summary-metric-head i[b-1af99a84r5] {
        display: grid;
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
        place-items: center;
        border-radius: 8px;
        background: #f3f6fa;
        color: #0d98d1;
        font-size: 14px;
    }

.cl-summary-metrics strong[b-1af99a84r5] {
    display: block;
    margin-top: 8px;
    color: #273247;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.metric-debt .cl-summary-metric-head i[b-1af99a84r5],
.metric-risk .cl-summary-metric-head i[b-1af99a84r5] {
    background: rgb(211 35 63 / 9%);
    color: #d3233f;
}

.metric-credit .cl-summary-metric-head i[b-1af99a84r5],
.metric-remaining .cl-summary-metric-head i[b-1af99a84r5] {
    background: rgb(9 173 149 / 10%);
    color: #078a78;
}

.metric-future .cl-summary-metric-head i[b-1af99a84r5],
.metric-limit .cl-summary-metric-head i[b-1af99a84r5],
.metric-additional .cl-summary-metric-head i[b-1af99a84r5] {
    background: rgb(245 158 11 / 10%);
    color: #a86600;
}

.cl-summary-last-row[b-1af99a84r5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

    .cl-summary-last-row article[b-1af99a84r5] {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        border: 1px solid #e8edf3;
        border-radius: 9px;
        background: #fff;
        padding: 12px;
        box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
    }

        .cl-summary-last-row article > i[b-1af99a84r5] {
            display: grid;
            width: 34px;
            height: 34px;
            place-items: center;
            border-radius: 9px;
            background: #f3f6fa;
            color: #0d98d1;
            font-size: 15px;
        }

    .cl-summary-last-row span[b-1af99a84r5] {
        display: block;
        margin-bottom: 3px;
        color: #6f7a8d;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .cl-summary-last-row strong[b-1af99a84r5] {
        color: #273247;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

.cl-summary-section[b-1af99a84r5] {
    display: grid;
    gap: 10px;
    border: 1px solid rgb(211 35 63 / 18%);
    border-radius: 9px;
    background: rgb(211 35 63 / 4%);
    padding: 13px;
}

.cl-summary-section-title[b-1af99a84r5] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #d3233f;
    font-size: 13px;
    font-weight: 700;
}

.cl-summary-table-panel[b-1af99a84r5] {
    overflow: hidden;
    border: 1px solid #e8edf3;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
}

.cl-summary-table-title[b-1af99a84r5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf0f4;
    background: #fafbfc;
    padding: 12px 14px;
}

    .cl-summary-table-title span[b-1af99a84r5] {
        display: block;
        color: #596579;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .cl-summary-table-title strong[b-1af99a84r5] {
        display: block;
        margin-top: 2px;
        color: #273247;
        font-size: 13px;
        font-weight: 700;
    }

.cl-summary-table[b-1af99a84r5] {
    min-width: 580px;
}

    .cl-summary-table thead th[b-1af99a84r5] {
        border-bottom: 0;
        background: #0d98d1;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        white-space: nowrap;
    }

    .cl-summary-table tbody td[b-1af99a84r5] {
        border-color: #edf0f4;
        color: #3f4b5f;
        font-size: 12px;
        font-weight: 400;
    }

    .cl-summary-table tbody tr:hover[b-1af99a84r5] {
        background: rgb(13 152 209 / 4%);
    }

.cl-summary-row-title[b-1af99a84r5] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    font-weight: 400;
}

    .cl-summary-row-title small[b-1af99a84r5] {
        color: #7b8495;
        font-size: 11px;
        font-weight: 400;
    }

.cl-summary-empty[b-1af99a84r5] {
    height: 140px;
    color: #7b8495;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

@media (max-width: 991.98px) {
    .cl-summary-hero[b-1af99a84r5] {
        flex-direction: column;
    }

    .cl-summary-controls[b-1af99a84r5] {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .cl-summary-identity[b-1af99a84r5] {
        grid-template-columns: 1fr;
    }

    .cl-summary-controls label[b-1af99a84r5],
    .cl-summary-controls[b-1af99a84r5],
    .cl-summary-controls select[b-1af99a84r5] {
        width: 100%;
    }

    .cl-summary-last-row[b-1af99a84r5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CLCards/CLCardCheckoutDetails.razor.rz.scp.css */
.cl-modal-loading[b-70igqu020o],
.cl-checkout-modal[b-70igqu020o],
.cl-checkout-modal *[b-70igqu020o] {
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-modal-loading[b-70igqu020o] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #657084;
    font-size: 14px;
    font-weight: 700;
}

.cl-checkout-modal[b-70igqu020o] {
    position: relative;
    display: grid;
    gap: 18px;
    color: #172033;
}

.cl-checkout-refresh[b-70igqu020o] {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    background: rgb(255 255 255 / 94%);
    padding: 8px 12px;
    box-shadow: 0 5px 16px rgb(28 39 60 / 9%);
    color: #657084;
    font-size: 13px;
    font-weight: 750;
}

.cl-checkout-hero[b-70igqu020o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    border: 1px solid #dce8f3;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgb(13 152 209 / 11%) 0%, rgb(9 173 149 / 5%) 46%, rgb(255 255 255 / 98%) 78%),
        #fff;
    padding: 20px 22px;
}

.cl-checkout-identity[b-70igqu020o] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 15px;
    min-width: 0;
}

.cl-checkout-mark[b-70igqu020o] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #0d98d1, #0f766e);
    color: #fff;
    font-size: 24px;
    box-shadow: 0 12px 26px rgb(13 152 209 / 22%);
}

.cl-checkout-code[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    background: rgb(13 152 209 / 12%);
    padding: 5px 10px;
    color: #0876a4;
    font-size: 13px;
    font-weight: 850;
}

.cl-checkout-identity h3[b-70igqu020o] {
    margin: 9px 0 8px;
    color: #172033;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.28;
    overflow-wrap: anywhere;
}

.cl-checkout-meta[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.cl-checkout-meta span[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #5f6b7c;
    font-size: 13px;
    font-weight: 750;
}

.cl-checkout-controls[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.cl-checkout-controls .btn[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    border-color: #dfe5ed;
    color: #354052;
    padding-inline: 13px;
    font-size: 13px;
    font-weight: 800;
}

.cl-checkout-controls .btn:first-child[b-70igqu020o] {
    border-color: rgb(232 38 70 / 24%);
    color: #b4233c;
}

.cl-checkout-metrics[b-70igqu020o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}

.cl-checkout-metrics article[b-70igqu020o],
.cl-checkout-table-panel[b-70igqu020o],
.cl-checkout-total-card[b-70igqu020o] {
    min-width: 0;
    border: 1px solid #e8edf3;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
}

.cl-checkout-metrics article[b-70igqu020o] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 15px;
}

.cl-checkout-metrics article > i[b-70igqu020o] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 11px;
    background: #eef7fb;
    color: #0d83b5;
    font-size: 18px;
}

.cl-checkout-metrics span[b-70igqu020o],
.cl-checkout-table-title span[b-70igqu020o] {
    display: block;
    color: #6f7a8d;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-checkout-metrics strong[b-70igqu020o],
.cl-checkout-table-title strong[b-70igqu020o] {
    color: #172033;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cl-checkout-alert[b-70igqu020o] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgb(232 38 70 / 18%);
    border-radius: 9px;
    background: rgb(232 38 70 / 7%);
    padding: 10px 12px;
    color: #b4233c;
    font-size: 12px;
    font-weight: 800;
}

.cl-checkout-alert.success[b-70igqu020o] {
    border-color: rgb(9 173 149 / 20%);
    background: rgb(9 173 149 / 8%);
    color: #087b6d;
}

.cl-checkout-table-panel[b-70igqu020o] {
    overflow: hidden;
}

.cl-checkout-table-title[b-70igqu020o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #edf0f4;
    background: linear-gradient(180deg, #fff, #f8fafc);
    padding: 14px 16px;
}

.cl-checkout-table-title strong[b-70igqu020o] {
    display: block;
    margin-top: 2px;
    font-size: 15px;
}

.cl-checkout-select-all[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #354052;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.cl-checkout-table-tools[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.cash-toggle[b-70igqu020o] {
    color: #8a5a00;
}

.cl-checkout-table-wrap[b-70igqu020o] {
    width: 100%;
    overflow-x: visible;
}

.cl-checkout-mobile-list[b-70igqu020o] {
    display: none;
}

.cl-checkout-table[b-70igqu020o] {
    width: 100%;
    min-width: min(100%, 1220px);
    table-layout: fixed;
}

.cl-checkout-table col.checkout-col-select[b-70igqu020o] {
    width: 44px;
}

.cl-checkout-table col.checkout-col-code[b-70igqu020o] {
    width: 7%;
}

.cl-checkout-table col.checkout-col-description[b-70igqu020o] {
    width: 16%;
}

.cl-checkout-table col.checkout-col-image[b-70igqu020o] {
    width: 58px;
}

.cl-checkout-table col.checkout-col-quantity[b-70igqu020o] {
    width: 78px;
}

.cl-checkout-table col.checkout-col-stock[b-70igqu020o] {
    width: 4.3%;
}

.cl-checkout-table col.checkout-col-money[b-70igqu020o] {
    width: 6.3%;
}

.cl-checkout-table col.checkout-col-money-wide[b-70igqu020o] {
    width: 7.2%;
}

.cl-checkout-table col.checkout-col-discount[b-70igqu020o] {
    width: 5.4%;
}

.cl-checkout-table col.checkout-col-info[b-70igqu020o] {
    width: 6%;
}

.cl-checkout-table col.checkout-col-delete[b-70igqu020o] {
    width: 48px;
}

.cl-checkout-table thead th[b-70igqu020o] {
    border-bottom: 0;
    background: #13233d;
    color: #fff;
    padding: 10px 7px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
}

.cl-checkout-table tbody td[b-70igqu020o] {
    border-color: #edf0f4;
    padding: 10px 7px;
    color: #3f4b5f;
    font-size: 12px;
    line-height: 1.3;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.cl-checkout-table tbody tr:hover[b-70igqu020o] {
    background: rgb(17 112 228 / 4%);
}

.cl-checkout-row-muted[b-70igqu020o] {
    background: #fbfcfe;
    opacity: .62;
}

.cl-checkout-item-code[b-70igqu020o] {
    display: block;
    color: #172033;
    font-size: 12px;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.cl-checkout-producer[b-70igqu020o] {
    display: block;
    margin-top: 3px;
    color: #7b8495;
    font-size: 11px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.cl-checkout-item-name[b-70igqu020o] {
    max-width: 100%;
    color: #263143;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cl-checkout-waiting[b-70igqu020o],
.cl-checkout-discount[b-70igqu020o],
.cl-checkout-campaign[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    margin-top: 6px;
    padding: 3px 7px;
    font-size: 10.5px;
    font-weight: 850;
}

.cl-checkout-waiting[b-70igqu020o] {
    background: rgb(232 38 70 / 10%);
    color: #c41d3a;
}

.cl-checkout-discount[b-70igqu020o] {
    margin-top: 0;
    background: rgb(9 173 149 / 11%);
    color: #078a78;
}

.cl-checkout-discount.cash[b-70igqu020o] {
    background: rgb(247 183 49 / 17%);
    color: #8a5a00;
}

.cl-checkout-campaign[b-70igqu020o] {
    background: rgb(86 109 245 / 10%);
    color: #3f4fc8;
}

.cl-checkout-thumb[b-70igqu020o],
.cl-checkout-no-image[b-70igqu020o] {
    display: inline-grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #e6ebf2;
    border-radius: 10px;
    background: #f6f8fb;
}

.cl-checkout-thumb[b-70igqu020o] {
    object-fit: cover;
}

.cl-checkout-no-image[b-70igqu020o] {
    color: #9aa4b5;
    font-size: 18px;
}

.cl-stock-pill[b-70igqu020o] {
    display: inline-flex;
    min-width: 38px;
    justify-content: center;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 850;
}

.stock-good[b-70igqu020o] {
    background: rgb(9 173 149 / 11%);
    color: #078a78;
}

.stock-low[b-70igqu020o] {
    background: rgb(247 183 49 / 16%);
    color: #9a6500;
}

.stock-empty[b-70igqu020o] {
    background: rgb(232 38 70 / 10%);
    color: #c41d3a;
}

.cl-checkout-note[b-70igqu020o] {
    display: flex;
    max-width: 250px;
    align-items: flex-start;
    gap: 5px;
    color: #39465a;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cl-checkout-created[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 7px;
    color: #8a94a5;
    font-size: 11.5px;
    font-weight: 750;
}

.cl-checkout-created span[b-70igqu020o]::before {
    content: "/";
    margin-right: 4px;
    color: #b1bac8;
}

.cl-checkout-empty[b-70igqu020o] {
    height: 190px;
    color: #8791a2 !important;
    font-size: 14px !important;
    font-weight: 750;
    text-align: center;
}

.cl-checkout-quantity[b-70igqu020o] {
    width: 64px;
    min-height: 34px;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #fff;
    padding: 6px 7px;
    color: #172033;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

.cl-checkout-note-input[b-70igqu020o],
.cl-checkout-note-panel textarea[b-70igqu020o] {
    width: 100%;
    border: 1px solid #dfe5ed;
    border-radius: 10px;
    background: #fff;
    padding: 10px 11px;
    color: #334055;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    resize: vertical;
}

.cl-checkout-note-input[b-70igqu020o] {
    width: 220px;
    min-height: 58px;
    vertical-align: top;
}

.cl-checkout-table .cl-checkout-note-input[b-70igqu020o],
.cl-checkout-table .cl-checkout-note-input + .cl-icon-button[b-70igqu020o] {
    display: none;
}

.cl-note-action[b-70igqu020o] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #fff;
    padding: 0 8px;
    color: #435066;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.cl-note-action:hover[b-70igqu020o],
.cl-note-action:focus-visible[b-70igqu020o],
.cl-note-action.has-note[b-70igqu020o] {
    border-color: rgb(17 112 228 / 35%);
    background: rgb(17 112 228 / 8%);
    color: #105fc2;
}

.cl-checkout-note-preview[b-70igqu020o] {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 5px;
    color: #5e6b80;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cl-icon-button[b-70igqu020o] {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #dfe5ed;
    border-radius: 9px;
    background: #fff;
    color: #435066;
    font-size: 14px;
}

.cl-icon-button:hover[b-70igqu020o],
.cl-icon-button:focus-visible[b-70igqu020o] {
    border-color: #1170e4;
    color: #1170e4;
}

.cl-icon-button.danger:hover[b-70igqu020o],
.cl-icon-button.danger:focus-visible[b-70igqu020o] {
    border-color: #e82646;
    color: #c41d3a;
}

.cl-checkout-notes[b-70igqu020o] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.cl-checkout-note-panel[b-70igqu020o] {
    min-width: 0;
    border: 1px solid #e8edf3;
    border-radius: 12px;
    background: #fff;
    padding: 14px;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
}

.cl-checkout-note-panel label[b-70igqu020o] {
    display: block;
    margin-bottom: 8px;
    color: #536078;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.delivery-options[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.delivery-options label[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid #e1e6ee;
    border-radius: 999px;
    margin: 0;
    background: #f9fafc;
    padding: 6px 10px;
    color: #354052;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.delivery-options input[b-70igqu020o] {
    margin: 0;
}

.cl-checkout-footer[b-70igqu020o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
    align-items: start;
    gap: 18px;
}

.cl-checkout-hint[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #667285;
    font-size: 13px;
    font-weight: 750;
}

.cl-checkout-total-card[b-70igqu020o] {
    padding: 16px;
}

.cl-checkout-total-card dl[b-70igqu020o] {
    display: grid;
    gap: 10px;
    margin: 0;
}

.cl-checkout-total-card dl > div[b-70igqu020o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-radius: 10px;
    background: #f8fafc;
    padding: 10px 12px;
}

.cl-checkout-total-card dt[b-70igqu020o] {
    color: #657084;
    font-size: 13px;
    font-weight: 800;
}

.cl-checkout-total-card dd[b-70igqu020o] {
    margin: 0;
    color: #172033;
    font-size: 14px;
    font-weight: 850;
    text-align: right;
    white-space: nowrap;
}

.cl-checkout-grand[b-70igqu020o] {
    border: 1px solid rgb(13 152 209 / 18%);
    margin-top: 4px;
    background: rgb(13 152 209 / 7%) !important;
}

.cl-checkout-grand dt[b-70igqu020o],
.cl-checkout-grand dd[b-70igqu020o] {
    font-size: 17px;
}

.cl-checkout-total-warning[b-70igqu020o] {
    border-radius: 10px;
    margin-top: 12px;
    background: rgb(232 38 70 / 8%);
    padding: 10px 12px;
    color: #b4233c;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

.cl-checkout-actions[b-70igqu020o],
.cl-checkout-result-actions[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

.cl-checkout-actions .btn[b-70igqu020o],
.cl-checkout-result-actions .btn[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    border-radius: 10px;
    padding-inline: 14px;
    font-size: 13px;
    font-weight: 850;
}

.cl-checkout-actions .btn-primary[b-70igqu020o],
.cl-checkout-result-actions .btn-primary[b-70igqu020o] {
    border-color: #10a37f;
    background: #10a37f;
    box-shadow: 0 10px 18px rgb(16 163 127 / 18%);
}

.cl-checkout-actions .btn-primary:hover[b-70igqu020o],
.cl-checkout-actions .btn-primary:focus-visible[b-70igqu020o],
.cl-checkout-result-actions .btn-primary:hover[b-70igqu020o],
.cl-checkout-result-actions .btn-primary:focus-visible[b-70igqu020o] {
    border-color: #0e8f70;
    background: #0e8f70;
}

.cl-checkout-result[b-70igqu020o] {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 5px 18px rgb(28 39 60 / 7%);
}

.cl-checkout-result.success[b-70igqu020o] {
    border-color: rgb(9 173 149 / 24%);
    background: rgb(9 173 149 / 5%);
}

.cl-checkout-result.failure[b-70igqu020o] {
    border-color: rgb(232 38 70 / 20%);
    background: rgb(232 38 70 / 5%);
}

.cl-checkout-result-mark[b-70igqu020o] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 14px;
    background: #f3f6fa;
    color: #1170e4;
    font-size: 24px;
}

.cl-checkout-result.success .cl-checkout-result-mark[b-70igqu020o] {
    background: rgb(9 173 149 / 12%);
    color: #078a78;
}

.cl-checkout-result.failure .cl-checkout-result-mark[b-70igqu020o] {
    background: rgb(232 38 70 / 10%);
    color: #c41d3a;
}

.cl-checkout-result h4[b-70igqu020o] {
    margin: 0 0 6px;
    color: #172033;
    font-size: 20px;
    font-weight: 850;
}

.cl-checkout-result p[b-70igqu020o] {
    margin: 0;
    color: #5b6679;
    font-size: 14px;
    font-weight: 700;
}

.cl-checkout-mobile-card[b-70igqu020o] {
    display: grid;
    gap: 12px;
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    background: #fff;
    padding: 14px;
    box-shadow: 0 5px 18px rgb(15 23 42 / 7%);
}

.cl-checkout-mobile-card header[b-70igqu020o],
.cl-checkout-mobile-card footer[b-70igqu020o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.cl-checkout-mobile-select[b-70igqu020o] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #172033;
    font-size: 14px;
    font-weight: 850;
}

.cl-checkout-mobile-select span[b-70igqu020o] {
    overflow-wrap: anywhere;
}

.cl-checkout-mobile-main[b-70igqu020o] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.cl-checkout-mobile-values[b-70igqu020o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.cl-checkout-mobile-values > div[b-70igqu020o] {
    min-width: 0;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    background: #fafbfc;
    padding: 9px;
}

.cl-checkout-mobile-values > div.wide[b-70igqu020o] {
    grid-column: 1 / -1;
}

.cl-checkout-mobile-values span[b-70igqu020o] {
    display: block;
    margin-bottom: 4px;
    color: #748094;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-checkout-mobile-values strong[b-70igqu020o] {
    color: #172033;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.cl-checkout-mobile-values .cl-stock-pill[b-70igqu020o] {
    display: inline-flex;
}

.cl-checkout-mobile-empty[b-70igqu020o] {
    border: 1px dashed #d9e0ea;
    border-radius: 10px;
    background: #fafbfc;
    padding: 28px 12px;
    color: #8791a2;
    font-size: 13px;
    font-weight: 750;
    text-align: center;
}

.cl-checkout-note-preview.mobile[b-70igqu020o] {
    margin-top: 0;
    border-radius: 8px;
    background: #f6f8fb;
    padding: 8px;
    font-size: 11px;
    -webkit-line-clamp: 3;
}

.cl-line-note-editor[b-70igqu020o] {
    display: grid;
    gap: 10px;
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-line-note-editor label[b-70igqu020o] {
    color: #536078;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-line-note-editor textarea[b-70igqu020o] {
    width: 100%;
    min-height: 120px;
    border: 1px solid #dfe5ed;
    border-radius: 8px;
    background: #fff;
    padding: 10px;
    color: #334055;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
    resize: vertical;
}

.cl-line-note-actions[b-70igqu020o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.cl-line-note-actions .btn[b-70igqu020o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 991.98px) {
    .cl-checkout-hero[b-70igqu020o],
    .cl-checkout-table-title[b-70igqu020o],
    .cl-checkout-footer[b-70igqu020o],
    .cl-checkout-notes[b-70igqu020o],
    .cl-checkout-result[b-70igqu020o] {
        grid-template-columns: 1fr;
    }

    .cl-checkout-hero[b-70igqu020o] {
        flex-direction: column;
    }

    .cl-checkout-controls[b-70igqu020o] {
        justify-content: flex-start;
    }

    .cl-checkout-controls .btn[b-70igqu020o] {
        flex: 1 1 170px;
        justify-content: center;
    }

    .cl-checkout-footer[b-70igqu020o] {
        display: grid;
    }

    .cl-checkout-table-wrap[b-70igqu020o] {
        display: none;
    }

    .cl-checkout-mobile-list[b-70igqu020o] {
        display: grid;
        gap: 12px;
        padding: 12px;
    }

    .cl-checkout-mobile-list .cl-checkout-thumb[b-70igqu020o],
    .cl-checkout-mobile-list .cl-checkout-no-image[b-70igqu020o] {
        width: 44px;
        height: 44px;
    }

    .cl-checkout-mobile-list .cl-checkout-quantity[b-70igqu020o] {
        width: 100%;
        max-width: 92px;
        text-align: left;
    }

    .cl-checkout-metrics[b-70igqu020o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .cl-checkout-identity[b-70igqu020o] {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
    }

    .cl-checkout-mark[b-70igqu020o] {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        font-size: 21px;
    }

    .cl-checkout-identity h3[b-70igqu020o] {
        font-size: 18px;
    }

    .cl-checkout-metrics[b-70igqu020o] {
        grid-template-columns: 1fr;
    }

    .cl-checkout-mobile-values[b-70igqu020o] {
        grid-template-columns: 1fr;
    }

    .cl-checkout-actions .btn[b-70igqu020o],
    .cl-checkout-result-actions .btn[b-70igqu020o] {
        width: 100%;
    }
}
/* /Components/Pages/CLCards/CLCardContactDetails.razor.rz.scp.css */
.cl-modal-loading[b-crxml0pd23],
.cl-contact-modal[b-crxml0pd23],
.cl-contact-modal *[b-crxml0pd23] {
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-modal-loading[b-crxml0pd23] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #657084;
    font-size: 13px;
    font-weight: 400;
}

.cl-contact-modal[b-crxml0pd23] {
    display: grid;
    gap: 14px;
}

.cl-contact-hero[b-crxml0pd23] {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    border: 1px solid rgb(13 152 209 / 18%);
    border-radius: 10px;
    background: linear-gradient(135deg, rgb(13 152 209 / 10%), rgb(255 255 255 / 96%)), #fff;
    padding: 16px;
}

.cl-contact-mark[b-crxml0pd23] {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border-radius: 14px;
    background: #0d98d1;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 8px 18px rgb(13 152 209 / 22%);
}

.cl-contact-identity[b-crxml0pd23] {
    min-width: 0;
}

.cl-contact-code[b-crxml0pd23] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    background: rgb(13 152 209 / 12%);
    padding: 4px 8px;
    color: #0d86bc;
    font-size: 12px;
    font-weight: 600;
}

.cl-contact-identity h3[b-crxml0pd23] {
    margin: 8px 0 7px;
    color: #253044;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.cl-contact-meta[b-crxml0pd23] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

    .cl-contact-meta span[b-crxml0pd23] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: #647086;
        font-size: 12px;
        font-weight: 400;
    }

.cl-contact-primary-grid[b-crxml0pd23] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.cl-contact-tile[b-crxml0pd23],
.cl-contact-legal-grid article[b-crxml0pd23],
.cl-contact-section[b-crxml0pd23] {
    min-width: 0;
    border: 1px solid #e8edf3;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
}

.cl-contact-tile[b-crxml0pd23] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
}

    .cl-contact-tile > i[b-crxml0pd23] {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        border-radius: 9px;
        background: #f3f6fa;
        color: #0d98d1;
        font-size: 16px;
    }

    .cl-contact-tile span[b-crxml0pd23],
    .cl-contact-legal-grid span[b-crxml0pd23] {
        display: block;
        margin-bottom: 3px;
        color: #7b8495;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .cl-contact-tile strong[b-crxml0pd23],
    .cl-contact-legal-grid strong[b-crxml0pd23] {
        display: block;
        min-width: 0;
        color: #273247;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

.cl-contact-section[b-crxml0pd23] {
    display: grid;
    gap: 8px;
    padding: 13px 14px;
}

.cl-contact-section-title[b-crxml0pd23] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #596579;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-contact-address[b-crxml0pd23] {
    color: #273247;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.cl-contact-legal-grid[b-crxml0pd23] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

    .cl-contact-legal-grid article[b-crxml0pd23] {
        padding: 12px;
    }

@media (max-width: 767.98px) {
    .cl-contact-primary-grid[b-crxml0pd23] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .cl-contact-hero[b-crxml0pd23],
    .cl-contact-legal-grid[b-crxml0pd23] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CLCards/CLCardFuturePaperwork.razor.rz.scp.css */
.cl-paperwork-modal[b-f6e8v6jq12] {
    position: relative;
    padding: 18px;
    background: #f7f9fc;
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-paperwork-refresh[b-f6e8v6jq12] {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d8e4f1;
    border-radius: 8px;
    padding: 7px 10px;
    background: rgb(255 255 255 / 92%);
    color: #44546a;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgb(15 23 42 / 8%);
}

.cl-paperwork-hero[b-f6e8v6jq12] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    border: 1px solid #d9e4f1;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
}

.cl-paperwork-identity[b-f6e8v6jq12] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.cl-paperwork-mark[b-f6e8v6jq12] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgb(220 53 69 / 12%);
    color: #dc3545;
    font-size: 21px;
}

.cl-paperwork-code[b-f6e8v6jq12],
.cl-paperwork-meta[b-f6e8v6jq12] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7a8495;
    font-size: 12px;
    font-weight: 700;
}

.cl-paperwork-hero h3[b-f6e8v6jq12] {
    margin: 2px 0;
    color: #172033;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.cl-paperwork-total[b-f6e8v6jq12] {
    flex: 0 0 auto;
    border-radius: 9px;
    padding: 9px 12px;
    background: rgb(220 53 69 / 10%);
    text-align: right;
}

.cl-paperwork-total span[b-f6e8v6jq12],
.cl-paperwork-total strong[b-f6e8v6jq12] {
    display: block;
}

.cl-paperwork-total span[b-f6e8v6jq12] {
    color: #7a8495;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.cl-paperwork-total strong[b-f6e8v6jq12] {
    color: #b42333;
    font-size: 18px;
    font-weight: 850;
}

.cl-paperwork-groups[b-f6e8v6jq12] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.cl-paperwork-groups article[b-f6e8v6jq12] {
    border: 1px solid #e3e8f0;
    border-radius: 9px;
    padding: 10px 12px;
    background: #fff;
}

.cl-paperwork-groups span[b-f6e8v6jq12],
.cl-paperwork-groups strong[b-f6e8v6jq12] {
    display: block;
}

.cl-paperwork-groups span[b-f6e8v6jq12] {
    color: #6b7280;
    font-size: 11px;
    font-weight: 800;
}

.cl-paperwork-groups strong[b-f6e8v6jq12] {
    margin-top: 3px;
    color: #172033;
    font-size: 16px;
    font-weight: 850;
}

.cl-paperwork-table-panel[b-f6e8v6jq12] {
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #fff;
}

.cl-paperwork-table[b-f6e8v6jq12] {
    min-width: 980px;
}

.cl-paperwork-table thead th[b-f6e8v6jq12] {
    border-bottom: 0;
    background: linear-gradient(180deg, rgb(13 152 209) 0%, rgb(2 156 249) 43%, rgb(13 152 209) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    text-shadow: 1px 2px 2px rgb(0 0 0 / 24%);
    white-space: nowrap;
}

.cl-paperwork-table td[b-f6e8v6jq12] {
    border-color: #eef2f7;
    color: #334155;
    font-size: 12px;
}

.cl-paperwork-empty[b-f6e8v6jq12] {
    height: 120px;
    color: #7a8495;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 767.98px) {
    .cl-paperwork-modal[b-f6e8v6jq12] {
        padding: 12px;
    }

    .cl-paperwork-hero[b-f6e8v6jq12] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cl-paperwork-total[b-f6e8v6jq12] {
        width: 100%;
        text-align: left;
    }
}
/* /Components/Pages/CLCards/CLCardMonthlySummary.razor.rz.scp.css */
.cl-monthly-modal[b-hoxssn8dqx] {
    position: relative;
    padding: 18px;
    background: #f7f9fc;
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-monthly-refresh[b-hoxssn8dqx] {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d8e4f1;
    border-radius: 8px;
    padding: 7px 10px;
    background: rgb(255 255 255 / 92%);
    color: #44546a;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgb(15 23 42 / 8%);
}

.cl-monthly-hero[b-hoxssn8dqx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    border: 1px solid #d9e4f1;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
}

.cl-monthly-identity[b-hoxssn8dqx] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.cl-monthly-mark[b-hoxssn8dqx] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgb(108 95 252 / 12%);
    color: #6c5ffc;
    font-size: 21px;
}

.cl-monthly-code[b-hoxssn8dqx],
.cl-monthly-meta[b-hoxssn8dqx] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7a8495;
    font-size: 12px;
    font-weight: 700;
}

.cl-monthly-hero h3[b-hoxssn8dqx] {
    margin: 2px 0;
    color: #172033;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.cl-monthly-actions[b-hoxssn8dqx] {
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 10px;
}

.cl-monthly-detail[b-hoxssn8dqx] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    font-weight: 750;
}

.cl-monthly-period[b-hoxssn8dqx] {
    display: grid;
    min-width: 120px;
    gap: 5px;
}

.cl-monthly-period span[b-hoxssn8dqx] {
    color: #667085;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.cl-monthly-table-panel[b-hoxssn8dqx] {
    overflow: hidden;
    border: 1px solid #e1e7f0;
    border-radius: 10px;
    background: #fff;
}

.cl-monthly-table[b-hoxssn8dqx] {
    min-width: 720px;
}

.cl-monthly-table thead th[b-hoxssn8dqx] {
    border-bottom: 0;
    background: linear-gradient(180deg, rgb(13 152 209) 0%, rgb(2 156 249) 43%, rgb(13 152 209) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    text-shadow: 1px 2px 2px rgb(0 0 0 / 24%);
    white-space: nowrap;
}

.cl-monthly-table td[b-hoxssn8dqx] {
    border-color: #eef2f7;
    color: #334155;
    font-size: 12px;
}

.cl-monthly-empty[b-hoxssn8dqx] {
    height: 120px;
    color: #7a8495;
    font-weight: 700;
    text-align: center;
}

.cl-monthly-account-dialog .e-dlg-content[b-hoxssn8dqx] {
    padding: 0;
    background: #f7f9fc;
}

@media (max-width: 767.98px) {
    .cl-monthly-modal[b-hoxssn8dqx] {
        padding: 12px;
    }

    .cl-monthly-hero[b-hoxssn8dqx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cl-monthly-actions[b-hoxssn8dqx] {
        width: 100%;
        justify-content: flex-start;
    }

    .cl-monthly-period[b-hoxssn8dqx] {
        width: 100%;
    }
}
/* /Components/Pages/CLCards/CLCardPaymentAnalysisDetails.razor.rz.scp.css */
.cl-modal-loading[b-cisvr7ln9o],
.cl-payment-modal[b-cisvr7ln9o],
.cl-payment-modal *[b-cisvr7ln9o] {
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-modal-loading[b-cisvr7ln9o] {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #657084;
    font-size: 13px;
    font-weight: 700;
}

.cl-payment-modal[b-cisvr7ln9o] {
    position: relative;
    display: grid;
    gap: 14px;
}

.cl-payment-refresh[b-cisvr7ln9o] {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e6ebf2;
    border-radius: 8px;
    background: rgb(255 255 255 / 94%);
    padding: 7px 10px;
    box-shadow: 0 5px 16px rgb(28 39 60 / 9%);
    color: #657084;
    font-size: 12px;
    font-weight: 750;
}

.cl-payment-hero[b-cisvr7ln9o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgb(13 152 209 / 18%);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgb(13 152 209 / 10%), rgb(255 255 255 / 96%)),
        #fff;
    padding: 16px;
}

.cl-payment-identity[b-cisvr7ln9o] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 13px;
    min-width: 0;
}

.cl-payment-mark[b-cisvr7ln9o] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 14px;
    background: #e82646;
    color: #fff;
    font-size: 22px;
    box-shadow: 0 8px 18px rgb(232 38 70 / 22%);
}

.cl-payment-code[b-cisvr7ln9o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    background: rgb(13 152 209 / 12%);
    padding: 4px 8px;
    color: #0d86bc;
    font-size: 12px;
    font-weight: 850;
}

.cl-payment-identity h3[b-cisvr7ln9o] {
    margin: 8px 0 7px;
    color: #253044;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.32;
    overflow-wrap: anywhere;
}

.cl-payment-meta[b-cisvr7ln9o] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.cl-payment-meta span[b-cisvr7ln9o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #647086;
    font-size: 12px;
    font-weight: 750;
}

.cl-payment-controls[b-cisvr7ln9o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.cl-payment-controls label[b-cisvr7ln9o] {
    display: grid;
    gap: 4px;
    min-width: 116px;
}

.cl-payment-controls label span[b-cisvr7ln9o] {
    color: #6f7a8d;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-payment-controls .form-select[b-cisvr7ln9o] {
    min-height: 34px;
    border-color: #dfe5ed;
    border-radius: 8px;
    color: #354052;
    font-size: 12px;
    font-weight: 750;
}

.cl-payment-print[b-cisvr7ln9o] {
    align-self: end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    border-color: #dfe5ed;
    color: #354052;
    font-size: 12px;
    font-weight: 800;
}

.cl-payment-value-strip[b-cisvr7ln9o],
.cl-payment-metrics[b-cisvr7ln9o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.cl-payment-value-strip article[b-cisvr7ln9o],
.cl-payment-metrics article[b-cisvr7ln9o],
.cl-payment-table-panel[b-cisvr7ln9o] {
    min-width: 0;
    border: 1px solid #e8edf3;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
}

.cl-payment-value-strip article[b-cisvr7ln9o] {
    padding: 12px;
}

.cl-payment-value-strip span[b-cisvr7ln9o] {
    display: block;
    margin-bottom: 5px;
    color: #7b8495;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-payment-value-strip strong[b-cisvr7ln9o] {
    display: block;
    color: #273247;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.cl-payment-metrics article[b-cisvr7ln9o] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px;
}

.cl-payment-metrics article > i[b-cisvr7ln9o] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 9px;
    background: #f3f6fa;
    color: #0d98d1;
    font-size: 15px;
}

.cl-payment-metrics span[b-cisvr7ln9o] {
    display: block;
    margin-bottom: 3px;
    color: #6f7a8d;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-payment-metrics strong[b-cisvr7ln9o] {
    color: #273247;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.cl-payment-table-panel[b-cisvr7ln9o] {
    overflow: hidden;
}

.cl-payment-table-title[b-cisvr7ln9o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf0f4;
    background: #fafbfc;
    padding: 12px 14px;
}

.cl-payment-table-title span[b-cisvr7ln9o] {
    display: block;
    color: #596579;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.cl-payment-table-title strong[b-cisvr7ln9o] {
    display: block;
    margin-top: 2px;
    color: #273247;
    font-size: 13px;
    font-weight: 850;
}

.cl-payment-table[b-cisvr7ln9o] {
    min-width: 980px;
}

.cl-payment-table thead th[b-cisvr7ln9o] {
    border-bottom: 0;
    background: #0d98d1;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.cl-payment-table thead button[b-cisvr7ln9o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    font: inherit;
}

.cl-payment-sort-muted[b-cisvr7ln9o] {
    opacity: .45;
}

.cl-payment-table tbody td[b-cisvr7ln9o] {
    border-color: #edf0f4;
    color: #3f4b5f;
    font-size: 12px;
}

.cl-payment-table tbody tr:hover[b-cisvr7ln9o] {
    background: rgb(13 152 209 / 4%);
}

.cl-payment-table tbody tr.is-overdue[b-cisvr7ln9o] {
    background: rgb(232 38 70 / 3%);
}

.cl-payment-type[b-cisvr7ln9o] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #f3f6fa;
    padding: 4px 8px;
    color: #354052;
    font-size: 11px;
    font-weight: 850;
}

.cl-payment-document[b-cisvr7ln9o],
.cl-payment-description[b-cisvr7ln9o] {
    display: block;
    max-width: 230px;
    overflow-wrap: anywhere;
}

.cl-payment-delay[b-cisvr7ln9o] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border-radius: 999px;
    background: #f3f6fa;
    padding: 2px 8px;
    color: #7b8495;
    font-size: 11px;
    font-weight: 850;
}

.delay-late[b-cisvr7ln9o] {
    background: rgb(232 38 70 / 10%);
    color: #d3233f;
}

.cl-payment-detail-link[b-cisvr7ln9o] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 800;
}

.cl-payment-empty[b-cisvr7ln9o] {
    height: 150px;
    color: #7b8495;
    font-size: 13px;
    font-weight: 750;
    text-align: center;
}

@media (max-width: 991.98px) {
    .cl-payment-hero[b-cisvr7ln9o] {
        flex-direction: column;
    }

    .cl-payment-controls[b-cisvr7ln9o] {
        justify-content: flex-start;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .cl-payment-identity[b-cisvr7ln9o] {
        grid-template-columns: 1fr;
    }

    .cl-payment-controls[b-cisvr7ln9o],
    .cl-payment-controls label[b-cisvr7ln9o],
    .cl-payment-controls select[b-cisvr7ln9o],
    .cl-payment-print[b-cisvr7ln9o] {
        width: 100%;
    }
}

@media print {
    .cl-payment-controls[b-cisvr7ln9o],
    .cl-payment-refresh[b-cisvr7ln9o],
    .cl-payment-detail-link[b-cisvr7ln9o] {
        display: none;
    }
}
/* /Components/Pages/CLCards/CLSummaryDocumentDetail.razor.rz.scp.css */
.cl-summary-document-detail[b-0co9m9ihgm] {
    min-height: 260px;
    color: #0f172a;
    background: #f7f9fc;
    font-family: "IBM Plex Sans", sans-serif;
}

.detail-state[b-0co9m9ihgm] {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px;
    color: #64748b;
    font-weight: 700;
}

.detail-alert[b-0co9m9ihgm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px;
    padding: 14px 16px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #991b1b;
    background: #fff1f2;
    font-weight: 700;
}

.document-toolbar[b-0co9m9ihgm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
}

.document-toolbar span[b-0co9m9ihgm],
.detail-section-title span[b-0co9m9ihgm],
.document-party span[b-0co9m9ihgm],
.document-meta-grid span[b-0co9m9ihgm],
.totals-panel span[b-0co9m9ihgm],
.check-detail-item span[b-0co9m9ihgm] {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.document-toolbar strong[b-0co9m9ihgm] {
    display: block;
    margin-top: 2px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
}

.document-toolbar .btn[b-0co9m9ihgm] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-color: #dbe3ef;
    color: #334155;
    background: #f8fafc;
    font-weight: 700;
}

.toolbar-total[b-0co9m9ihgm] {
    color: #b91c1c;
    font-size: 18px;
    font-weight: 800;
}

.legacy-invoice-toolbar[b-0co9m9ihgm] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.legacy-invoice-shell[b-0co9m9ihgm] {
    padding: 16px;
    background: #e5e7eb;
}

.legacy-invoice-frame[b-0co9m9ihgm] {
    display: block;
    width: 100%;
    min-height: 78vh;
    border: 0;
    border-radius: 8px;
    background: #eee;
    box-shadow: 0 12px 32px rgb(15 23 42 / 12%);
}

.document-hero[b-0co9m9ihgm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 14px;
    padding: 16px 18px;
}

.document-party[b-0co9m9ihgm],
.document-meta-grid[b-0co9m9ihgm],
.detail-table-shell[b-0co9m9ihgm],
.totals-panel[b-0co9m9ihgm] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 22px rgb(15 23 42 / 6%);
}

.document-party[b-0co9m9ihgm] {
    padding: 16px;
}

.document-party strong[b-0co9m9ihgm] {
    display: block;
    margin-top: 5px;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
}

.document-party p[b-0co9m9ihgm] {
    margin: 8px 0 0;
    color: #475569;
}

.document-meta-grid[b-0co9m9ihgm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
}

.document-meta-grid > div[b-0co9m9ihgm] {
    padding: 14px;
    border-right: 1px solid #e5e7eb;
}

.document-meta-grid > div:last-child[b-0co9m9ihgm] {
    border-right: 0;
}

.document-meta-grid strong[b-0co9m9ihgm] {
    display: block;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 800;
}

.document-note[b-0co9m9ihgm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 18px 14px;
    padding: 10px 12px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    color: #1e40af;
    background: #eff6ff;
    font-weight: 700;
}

.detail-table-shell[b-0co9m9ihgm] {
    margin: 0 18px 16px;
    overflow: hidden;
}

.detail-section-title[b-0co9m9ihgm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.detail-section-title strong[b-0co9m9ihgm] {
    font-size: 15px;
    font-weight: 800;
}

.detail-table-wrap[b-0co9m9ihgm] {
    overflow: auto;
}

.detail-table[b-0co9m9ihgm] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

.detail-table th[b-0co9m9ihgm] {
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
    color: #475569;
    background: #f8fafc;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.detail-table th button[b-0co9m9ihgm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
}

.detail-table td[b-0co9m9ihgm] {
    padding: 11px 12px;
    border-bottom: 1px solid #eef2f7;
    vertical-align: middle;
}

.detail-table tr:last-child td[b-0co9m9ihgm] {
    border-bottom: 0;
}

.amount-strong[b-0co9m9ihgm] {
    color: #b91c1c;
    font-weight: 800;
    white-space: nowrap;
}

.sort-muted[b-0co9m9ihgm] {
    opacity: .35;
}

.empty-cell[b-0co9m9ihgm] {
    height: 120px;
    color: #64748b;
    text-align: center;
    font-weight: 700;
}

.totals-panel[b-0co9m9ihgm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0 18px 18px;
    overflow: hidden;
}

.totals-panel > div[b-0co9m9ihgm] {
    padding: 14px 16px;
    border-right: 1px solid #e5e7eb;
}

.totals-panel > div:last-child[b-0co9m9ihgm] {
    border-right: 0;
}

.totals-panel strong[b-0co9m9ihgm] {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 800;
}

.grand-total[b-0co9m9ihgm] {
    color: #9a3412;
    background: #fff7ed;
}

.grand-total strong[b-0co9m9ihgm] {
    font-size: 20px;
}

.detail-line-button[b-0co9m9ihgm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-color: #dbe3ef;
    color: #334155;
    background: #f8fafc;
    font-weight: 700;
}

.check-detail-body[b-0co9m9ihgm] {
    padding: 16px;
    background: #f8fafc;
    font-family: "IBM Plex Sans", sans-serif;
}

.check-detail-grid[b-0co9m9ihgm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.check-detail-item[b-0co9m9ihgm] {
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.check-detail-item strong[b-0co9m9ihgm] {
    display: block;
    margin-top: 4px;
    color: #0f172a;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .document-hero[b-0co9m9ihgm] {
        grid-template-columns: 1fr;
    }

    .document-meta-grid[b-0co9m9ihgm],
    .totals-panel[b-0co9m9ihgm],
    .check-detail-grid[b-0co9m9ihgm] {
        grid-template-columns: 1fr;
    }

    .document-meta-grid > div[b-0co9m9ihgm],
    .totals-panel > div[b-0co9m9ihgm] {
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .document-meta-grid > div:last-child[b-0co9m9ihgm],
    .totals-panel > div:last-child[b-0co9m9ihgm] {
        border-bottom: 0;
    }
}

@media (max-width: 760px) {
    .document-toolbar[b-0co9m9ihgm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .detail-table-wrap[b-0co9m9ihgm] {
        overflow: visible;
    }

    .detail-table[b-0co9m9ihgm],
    .detail-table thead[b-0co9m9ihgm],
    .detail-table tbody[b-0co9m9ihgm],
    .detail-table tr[b-0co9m9ihgm],
    .detail-table th[b-0co9m9ihgm],
    .detail-table td[b-0co9m9ihgm] {
        display: block;
        width: 100%;
    }

    .detail-table thead[b-0co9m9ihgm] {
        display: none;
    }

    .detail-table tr[b-0co9m9ihgm] {
        margin: 10px;
        overflow: hidden;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
    }

    .detail-table td[b-0co9m9ihgm] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        text-align: right !important;
    }

    .detail-table td[b-0co9m9ihgm]::before {
        content: attr(data-label);
        color: #64748b;
        font-size: 11px;
        font-weight: 800;
        text-align: left;
        text-transform: uppercase;
    }
}
/* /Components/Pages/CLCards/CLSummaryStatusDetails.razor.rz.scp.css */
.cl-status-modal[b-fxu5u72v5v] {
    position: relative;
    padding: 18px;
    background: #f7f9fc;
    font-family: "IBM Plex Sans", sans-serif;
}

.cl-status-refresh[b-fxu5u72v5v] {
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d8e4f1;
    border-radius: 8px;
    padding: 7px 10px;
    background: rgb(255 255 255 / 94%);
    color: #44546a;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 4px 14px rgb(15 23 42 / 8%);
}

.cl-status-hero[b-fxu5u72v5v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
    border: 1px solid #d9e4f1;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
}

.cl-status-identity[b-fxu5u72v5v] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.cl-status-mark[b-fxu5u72v5v] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgb(13 152 209 / 12%);
    color: #0d98d1;
    font-size: 21px;
}

.cl-status-code[b-fxu5u72v5v],
.cl-status-meta[b-fxu5u72v5v] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7a8495;
    font-size: 12px;
    font-weight: 700;
}

.cl-status-hero h3[b-fxu5u72v5v] {
    margin: 2px 0;
    color: #172033;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
}

.cl-status-print[b-fxu5u72v5v] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    border-color: #d8e4f1;
    color: #334155;
    font-weight: 750;
}

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

.cl-status-row[b-fxu5u72v5v] {
    display: grid;
    grid-template-columns: minmax(170px, .74fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border: 1px solid #e3e8f0;
    border-radius: 9px;
    padding: 10px 12px;
    background: #fff;
}

.cl-status-label[b-fxu5u72v5v] {
    color: #667085;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
}

.cl-status-value[b-fxu5u72v5v] {
    display: inline-flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    color: #172033;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.25;
    text-align: right;
}

.status-highlight[b-fxu5u72v5v] {
    color: #c52233;
    font-weight: 850;
}

@media (max-width: 991.98px) {
    .cl-status-grid[b-fxu5u72v5v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .cl-status-modal[b-fxu5u72v5v] {
        padding: 12px;
    }

    .cl-status-hero[b-fxu5u72v5v] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cl-status-row[b-fxu5u72v5v] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .cl-status-value[b-fxu5u72v5v] {
        justify-content: flex-start;
        text-align: left;
    }
}

@media print {
    .cl-status-modal[b-fxu5u72v5v] {
        padding: 0;
        background: #fff;
    }

    .print-hide[b-fxu5u72v5v] {
        display: none !important;
    }

    .cl-status-grid[b-fxu5u72v5v] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/CLCards/Index.razor.rz.scp.css */
.clcard-page[b-fjusddl1p9] {
    padding: 16px;
}

.clcard-page-header[b-fjusddl1p9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.page-eyebrow[b-fjusddl1p9] {
    margin-bottom: 3px;
    color: #0d98d1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.header-actions[b-fjusddl1p9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.result-count[b-fjusddl1p9] {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    gap: 7px;
    border-radius: 10px;
    background: #f1f4f8;
    padding: 0 12px;
    color: #596579;
    font-size: 13px;
    font-weight: 700;
}

.view-switch[b-fjusddl1p9] {
    display: inline-flex;
    gap: 4px;
    border-radius: 10px;
    background: #f1f4f8;
    padding: 4px;
}

.view-button[b-fjusddl1p9] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 6px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    padding: 0 11px;
    color: #687386;
    font-size: 13px;
    font-weight: 700;
}

.view-button.active[b-fjusddl1p9] {
    background: #fff;
    color: #0d98d1;
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
}

.filter-card[b-fjusddl1p9],
.metric-card[b-fjusddl1p9],
.results-card[b-fjusddl1p9] {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

.metric-card[b-fjusddl1p9] {
    height: 100%;
}

.metric-label[b-fjusddl1p9] {
    color: #6b7280;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.metric-value[b-fjusddl1p9] {
    margin-top: 4px;
    font-size: 21px;
    font-weight: 800;
}

.quick-filter-area[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 17px;
    border-top: 1px solid #edf0f4;
    padding-top: 15px;
}

.quick-filter-label[b-fjusddl1p9] {
    flex: 0 0 auto;
    color: #6b7280;
    font-size: 12px;
    font-weight: 750;
}

.quick-filter-buttons[b-fjusddl1p9] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.quick-filter-button[b-fjusddl1p9] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    border: 1px solid #e2e7ed;
    border-radius: 9px;
    background: #fff;
    padding: 0 11px;
    color: #596579;
    font-size: 12px;
    font-weight: 700;
}

.quick-filter-button:hover:not(:disabled)[b-fjusddl1p9],
.quick-filter-button.active[b-fjusddl1p9] {
    border-color: rgb(13 152 209 / 35%);
    background: rgb(13 152 209 / 9%);
    color: #0d86bc;
}

.results-card > .card-body[b-fjusddl1p9] {
    min-height: 260px;
}

.results-overlay-container[b-fjusddl1p9] {
    position: relative;
}

.results-loading-overlay[b-fjusddl1p9] {
    position: absolute;
    z-index: 5;
    top: -4px;
    right: -4px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e5eaf0;
    border-radius: 10px;
    background: rgb(255 255 255 / 94%);
    padding: 8px 11px;
    box-shadow: 0 5px 16px rgb(28 39 60 / 10%);
    color: #687386;
    font-size: 12px;
    font-weight: 650;
}

.clcard-card[b-fjusddl1p9] {
    display: flex;
    height: 100%;
    min-height: 355px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e7ebf0;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 14px rgb(28 39 60 / 5%);
    transition:
        transform 160ms ease,
        box-shadow 160ms ease;
}

.clcard-card:hover[b-fjusddl1p9] {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgb(28 39 60 / 10%);
}

.clcard-card-header[b-fjusddl1p9] {
    display: flex;
    min-height: 105px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #edf0f4;
    padding: 16px;
}

.clcard-title-area[b-fjusddl1p9] {
    min-width: 0;
}

.clcard-code[b-fjusddl1p9] {
    margin-bottom: 4px;
    color: #0d98d1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
}

.clcard-title[b-fjusddl1p9] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #263143;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.clcard-location[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 7px;
    color: #8791a2;
    font-size: 12px;
}

.analysis-badge[b-fjusddl1p9] {
    display: inline-flex;
    min-width: 33px;
    height: 33px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: #e82646;
    padding: 0 9px;
    color: #fff;
    cursor: pointer;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        background 160ms ease;
}

.analysis-badge:hover[b-fjusddl1p9],
.analysis-badge:focus-visible[b-fjusddl1p9] {
    background: #d3233f;
    box-shadow: 0 8px 18px rgb(232 38 70 / 22%);
    color: #fff;
    transform: translateY(-1px);
}

.analysis-badge:focus-visible[b-fjusddl1p9] {
    outline: 3px solid rgb(232 38 70 / 25%);
    outline-offset: 2px;
}

.analysis-badge-table[b-fjusddl1p9] {
    min-width: 0;
    height: 25px;
    flex: 0 0 auto;
    gap: 4px;
    background: rgb(232 38 70 / 10%);
    padding: 0 9px;
    color: #d3233f;
    font-size: 11px;
}

.analysis-badge-table:hover[b-fjusddl1p9],
.analysis-badge-table:focus-visible[b-fjusddl1p9] {
    background: #e82646;
    color: #fff;
}

.clcard-card-body[b-fjusddl1p9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 15px 16px;
}

.clcard-tags[b-fjusddl1p9] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 26px;
}

.clcard-tags span[b-fjusddl1p9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    background: #f3f5f8;
    padding: 4px 8px;
    color: #667286;
    font-size: 11px;
    font-weight: 650;
}

.money-grid[b-fjusddl1p9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

.money-item[b-fjusddl1p9] {
    min-width: 0;
    border-radius: 10px;
    background: #f8f9fb;
    padding: 10px 8px;
    text-align: center;
}

.money-item span[b-fjusddl1p9] {
    display: block;
    margin-bottom: 4px;
    color: #7d8797;
    font-size: 11px;
    font-weight: 700;
}

.money-item strong[b-fjusddl1p9] {
    display: block;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sales-warning[b-fjusddl1p9] {
    margin-top: 13px;
    border: 1px solid rgb(245 158 11 / 25%);
    border-radius: 10px;
    background: rgb(245 158 11 / 9%);
    padding: 9px 10px;
    color: #926000;
    font-size: 11px;
    line-height: 1.45;
}

.sales-warning-title[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
    font-weight: 800;
}

.clcard-status-row[b-fjusddl1p9] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: auto;
    padding-top: 13px;
}

.status-chip[b-fjusddl1p9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    border-radius: 8px;
    padding: 5px 8px;
    font-size: 11px;
    font-weight: 750;
}

.status-chip-button[b-fjusddl1p9] {
    cursor: pointer;
    font-family: "IBM Plex Sans", sans-serif;
    line-height: 1.2;
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        background 160ms ease,
        color 160ms ease;
}

.status-chip-button:hover[b-fjusddl1p9],
.status-chip-button:focus-visible[b-fjusddl1p9] {
    box-shadow: 0 7px 16px rgb(17 112 228 / 15%);
    transform: translateY(-1px);
}

.status-chip-button:focus-visible[b-fjusddl1p9] {
    outline: 3px solid rgb(17 112 228 / 22%);
    outline-offset: 2px;
}

.status-chip-table[b-fjusddl1p9] {
    min-height: 25px;
    justify-content: center;
    white-space: nowrap;
}

.status-chip-order[b-fjusddl1p9] {
    background: rgb(17 112 228 / 10%);
    color: #1170e4;
}

.status-chip-order.status-chip-button:hover[b-fjusddl1p9],
.status-chip-order.status-chip-button:focus-visible[b-fjusddl1p9] {
    background: #1170e4;
    color: #fff;
}

.status-chip-active[b-fjusddl1p9] {
    background: rgb(9 173 149 / 11%);
    color: #078a78;
}

.clcard-card-footer[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    border-top: 1px solid #edf0f4;
    padding: 11px 14px;
}

.footer-links[b-fjusddl1p9],
.table-actions[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.clcard-table[b-fjusddl1p9] {
    min-width: 1080px;
}

.clcard-table thead th[b-fjusddl1p9] {
    border-bottom: 0;
    background: #0d98d1;
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.clcard-table tbody td[b-fjusddl1p9] {
    border-color: #edf0f4;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #455165;
    font-size: 12px;
}

.clcard-table tbody tr:hover[b-fjusddl1p9] {
    background: rgb(13 152 209 / 4%);
}

.clcard-table-title[b-fjusddl1p9] {
    max-width: 260px;
    margin-top: 2px;
    color: #455165;
    font-weight: 650;
}

.table-statuses[b-fjusddl1p9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.table-actions[b-fjusddl1p9] {
    justify-content: flex-end;
    white-space: nowrap;
}

[b-fjusddl1p9] .clcard-detail-dialog .e-dlg-content,
[b-fjusddl1p9] .clcard-summary-dialog .e-dlg-content,
[b-fjusddl1p9] .clcard-analysis-dialog .e-dlg-content,
[b-fjusddl1p9] .clcard-checkout-dialog .e-dlg-content {
    padding: 18px !important;
    background: #f8fafc;
    font-family: "IBM Plex Sans", sans-serif;
}

[b-fjusddl1p9] .clcard-detail-dialog,
[b-fjusddl1p9] .clcard-summary-dialog,
[b-fjusddl1p9] .clcard-analysis-dialog,
[b-fjusddl1p9] .clcard-checkout-dialog {
    overflow: hidden;
    border-radius: 12px !important;
}

[b-fjusddl1p9] .clcard-detail-dialog .e-dlg-header-content,
[b-fjusddl1p9] .clcard-summary-dialog .e-dlg-header-content,
[b-fjusddl1p9] .clcard-analysis-dialog .e-dlg-header-content,
[b-fjusddl1p9] .clcard-checkout-dialog .e-dlg-header-content {
    border-bottom: 1px solid #edf0f4;
    background: #fff;
    font-family: "IBM Plex Sans", sans-serif;
    padding: 14px 18px !important;
}

[b-fjusddl1p9] .clcard-summary-dialog,
[b-fjusddl1p9] .clcard-analysis-dialog,
[b-fjusddl1p9] .clcard-checkout-dialog {
    max-height: calc(100vh - 28px) !important;
}

.clcard-pager[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.pager-summary[b-fjusddl1p9] {
    color: #7a8597;
    font-size: 12px;
}

.pager-controls[b-fjusddl1p9] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-size-select[b-fjusddl1p9] {
    width: 72px;
    margin-right: 5px;
}

.empty-state[b-fjusddl1p9] {
    display: flex;
    min-height: 330px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.empty-state-icon[b-fjusddl1p9] {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgb(13 152 209 / 10%);
    color: #0d98d1;
    font-size: 24px;
}

.empty-state h3[b-fjusddl1p9] {
    margin: 15px 0 4px;
    font-size: 18px;
}

.empty-state p[b-fjusddl1p9] {
    max-width: 420px;
    color: #8791a2;
}

.clcard-skeleton-grid[b-fjusddl1p9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.clcard-skeleton[b-fjusddl1p9] {
    min-height: 330px;
    border-radius: 15px;
    background:
        linear-gradient(
            90deg,
            #f1f3f6 25%,
            #f8f9fb 37%,
            #f1f3f6 63%
        );
    background-size: 400% 100%;
    animation: clcard-shimmer-b-fjusddl1p9 1.25s infinite;
}

@keyframes clcard-shimmer-b-fjusddl1p9 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (max-width: 1399.98px) {
    .clcard-skeleton-grid[b-fjusddl1p9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .clcard-page[b-fjusddl1p9] {
        padding: 8px;
    }

    .clcard-page-header[b-fjusddl1p9] {
        flex-direction: column;
    }

    .header-actions[b-fjusddl1p9] {
        justify-content: flex-start;
    }

    .quick-filter-area[b-fjusddl1p9] {
        align-items: flex-start;
        flex-direction: column;
    }

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

@media (max-width: 575.98px) {
    .clcard-skeleton-grid[b-fjusddl1p9] {
        grid-template-columns: 1fr;
    }

    .clcard-card-footer[b-fjusddl1p9] {
        align-items: stretch;
        flex-direction: column;
    }

    .footer-links[b-fjusddl1p9] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .clcard-card-footer form[b-fjusddl1p9],
    .clcard-card-footer form button[b-fjusddl1p9] {
        width: 100%;
    }

    .money-grid[b-fjusddl1p9] {
        gap: 5px;
    }

    .money-item[b-fjusddl1p9] {
        padding-right: 4px;
        padding-left: 4px;
    }

    .view-button span[b-fjusddl1p9] {
        display: none;
    }

    .clcard-pager[b-fjusddl1p9] {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-fjusddl1p9] .clcard-detail-dialog,
    [b-fjusddl1p9] .clcard-summary-dialog,
    [b-fjusddl1p9] .clcard-analysis-dialog,
    [b-fjusddl1p9] .clcard-checkout-dialog {
        width: calc(100% - 18px) !important;
    }

    .pager-controls[b-fjusddl1p9] {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .clcard-card[b-fjusddl1p9] {
        transition: none;
    }

    .clcard-skeleton[b-fjusddl1p9] {
        animation: none;
    }
}
/* /Components/Pages/Customers/CustomerForm.razor.rz.scp.css */
.customer-form-page[b-zzb1xkcxnc] {
    padding: 16px;
}

.customer-form-header[b-zzb1xkcxnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.page-eyebrow[b-zzb1xkcxnc] {
    margin-bottom: 3px;
    color: #0d98d1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.header-actions[b-zzb1xkcxnc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.customer-form-loading[b-zzb1xkcxnc] {
    display: flex;
    min-height: 340px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    background: #fff;
    color: #526074;
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

.customer-form-shell[b-zzb1xkcxnc] {
    overflow: hidden;
    border: 1px solid #e7ebf0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

.customer-form-tabs[b-zzb1xkcxnc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid #e8edf3;
    background: #f6f8fb;
    padding: 10px;
}

.customer-form-tabs button[b-zzb1xkcxnc] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    padding: 8px 11px;
    color: #667286;
    font-size: 12px;
    font-weight: 750;
}

.customer-form-tabs button.active[b-zzb1xkcxnc] {
    border-color: rgb(13 152 209 / 20%);
    background: #fff;
    color: #0d86bc;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
}

.customer-form-panel[b-zzb1xkcxnc] {
    padding: 18px;
}

.form-section[b-zzb1xkcxnc] {
    min-width: 0;
}

.section-heading[b-zzb1xkcxnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.section-heading h2[b-zzb1xkcxnc] {
    margin: 0;
    color: #283548;
    font-size: 20px;
    font-weight: 850;
}

.section-heading p[b-zzb1xkcxnc] {
    margin: 3px 0 0;
    color: #7d8797;
    font-size: 12px;
}

.form-label[b-zzb1xkcxnc] {
    color: #526074;
    font-size: 11px;
    font-weight: 800;
}

.form-control[b-zzb1xkcxnc],
.form-select[b-zzb1xkcxnc] {
    border-color: #dfe6ee;
    border-radius: 9px;
    color: #283548;
    font-size: 13px;
}

.validation-message[b-zzb1xkcxnc] {
    display: block;
    margin-top: 4px;
    color: #d51f3c;
    font-size: 11px;
    font-weight: 700;
}

.validation-summary[b-zzb1xkcxnc] {
    margin: 0 18px 18px;
    border: 1px solid rgb(232 38 70 / 18%);
    border-radius: 10px;
    background: rgb(232 38 70 / 7%);
    padding: 12px 14px;
    color: #ba1d36;
    font-size: 12px;
}

.logo-upload-box[b-zzb1xkcxnc] {
    display: flex;
    min-height: 92px;
    align-items: center;
    gap: 14px;
    border: 1px solid #e7ebf0;
    border-radius: 13px;
    background: #f9fbfd;
    padding: 13px;
}

.logo-upload-box img[b-zzb1xkcxnc] {
    max-width: 155px;
    max-height: 58px;
    object-fit: contain;
}

.logo-upload-box small[b-zzb1xkcxnc] {
    display: block;
    margin-top: 7px;
    color: #7d8797;
    font-size: 11px;
}

.toggle-grid[b-zzb1xkcxnc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.toggle-tile[b-zzb1xkcxnc] {
    display: grid;
    min-height: 54px;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    border: 1px solid #e6ebf1;
    border-radius: 11px;
    background: #fbfcfe;
    padding: 9px 10px;
    cursor: pointer;
}

.toggle-tile input[b-zzb1xkcxnc] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.toggle-tile span[b-zzb1xkcxnc] {
    position: relative;
    width: 36px;
    height: 20px;
    border-radius: 999px;
    background: #d6dee8;
    transition: background-color .15s ease;
}

.toggle-tile span[b-zzb1xkcxnc]::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    content: "";
    transition: transform .15s ease;
}

.toggle-tile input:checked + span[b-zzb1xkcxnc] {
    background: #09ad95;
}

.toggle-tile input:checked + span[b-zzb1xkcxnc]::after {
    transform: translateX(16px);
}

.toggle-tile strong[b-zzb1xkcxnc] {
    min-width: 0;
    color: #435066;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.25;
}

.nested-panel[b-zzb1xkcxnc] {
    border: 1px solid #e6ebf1;
    border-radius: 13px;
    background: #f8fafc;
    padding: 14px;
}

.created-info[b-zzb1xkcxnc] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    background: #f3f6f9;
    padding: 8px 11px;
    color: #667286;
    font-size: 12px;
    font-weight: 700;
}

.subheading[b-zzb1xkcxnc],
.definition-type-editor h3[b-zzb1xkcxnc] {
    margin: 6px 0 12px;
    color: #384457;
    font-size: 13px;
    font-weight: 850;
}

.definition-type-editor[b-zzb1xkcxnc] {
    margin-top: 15px;
    border-top: 1px solid #e1e8ef;
    padding-top: 14px;
}

.mini-table-wrap[b-zzb1xkcxnc] {
    overflow-x: auto;
    border: 1px solid #e7ebf0;
    border-radius: 11px;
    background: #fff;
}

.mini-table[b-zzb1xkcxnc] {
    min-width: 560px;
    margin: 0;
}

.mini-table thead th[b-zzb1xkcxnc] {
    border-bottom: 0;
    background: #eef3f8;
    color: #657184;
    font-size: 11px;
    font-weight: 800;
}

.mini-table tbody td[b-zzb1xkcxnc] {
    vertical-align: middle;
    border-color: #edf1f5;
    color: #475469;
    font-size: 12px;
}

.year-editor[b-zzb1xkcxnc] {
    border: 1px solid #e7ebf0;
    border-radius: 13px;
    background: #f8fafc;
    padding: 14px;
}

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

.record-status[b-zzb1xkcxnc] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.record-status.active[b-zzb1xkcxnc] {
    background: #09ad95;
}

.record-status.passive[b-zzb1xkcxnc] {
    background: #f59e0b;
}

.record-status.deleted[b-zzb1xkcxnc] {
    background: #e82646;
}

.customer-form-footer[b-zzb1xkcxnc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-top: 1px solid #e8edf3;
    background: #fbfcfe;
    padding: 14px 18px;
}

.delete-panel[b-zzb1xkcxnc] {
    border-top: 1px solid rgb(232 38 70 / 18%);
    background: rgb(232 38 70 / 5%);
    padding: 16px 18px;
}

.delete-actions[b-zzb1xkcxnc] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
}

@media (max-width: 1199.98px) {
    .toggle-grid[b-zzb1xkcxnc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .customer-form-page[b-zzb1xkcxnc] {
        padding: 8px;
    }

    .customer-form-header[b-zzb1xkcxnc],
    .section-heading[b-zzb1xkcxnc] {
        flex-direction: column;
    }

    .header-actions[b-zzb1xkcxnc],
    .header-actions .btn[b-zzb1xkcxnc] {
        width: 100%;
    }

    .toggle-grid[b-zzb1xkcxnc] {
        grid-template-columns: 1fr;
    }

    .customer-form-tabs[b-zzb1xkcxnc] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .customer-form-tabs button[b-zzb1xkcxnc] {
        flex: 0 0 auto;
    }

    .customer-form-footer[b-zzb1xkcxnc] {
        flex-direction: column;
    }

    .customer-form-footer .btn[b-zzb1xkcxnc] {
        width: 100%;
    }
}
/* /Components/Pages/Customers/Index.razor.rz.scp.css */
.customer-page[b-avor09sdwp] {
    padding: 16px;
}

.customer-page-header[b-avor09sdwp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.page-eyebrow[b-avor09sdwp] {
    margin-bottom: 3px;
    color: #0d98d1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.header-actions[b-avor09sdwp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-card[b-avor09sdwp],
.customer-card[b-avor09sdwp] {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

.list-summary[b-avor09sdwp] {
    display: flex;
    min-height: 28px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    color: #6d788a;
    font-size: 12px;
    font-weight: 700;
}

.list-summary span[b-avor09sdwp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.customer-loading[b-avor09sdwp],
.empty-state[b-avor09sdwp] {
    display: flex;
    min-height: 330px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.empty-state[b-avor09sdwp] {
    text-align: center;
}

.empty-icon[b-avor09sdwp] {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgb(13 152 209 / 10%);
    color: #0d98d1;
    font-size: 24px;
}

.empty-state h3[b-avor09sdwp] {
    margin: 15px 0 4px;
    font-size: 18px;
}

.empty-state p[b-avor09sdwp] {
    color: #8791a2;
}

.customer-table[b-avor09sdwp] {
    min-width: 1160px;
}

.customer-table thead th[b-avor09sdwp] {
    border-bottom: 0;
    background: #0d98d1;
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.customer-table tbody td[b-avor09sdwp] {
    vertical-align: middle;
    border-color: #edf0f4;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #455165;
    font-size: 12px;
}

.customer-table tbody tr:hover[b-avor09sdwp] {
    background: rgb(13 152 209 / 4%);
}

.status-dot[b-avor09sdwp] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.status-text[b-avor09sdwp] {
    margin-left: 5px;
    font-size: 11px;
    font-weight: 700;
}

.status-active[b-avor09sdwp] {
    color: #078a78;
    background: #09ad95;
}

.status-passive[b-avor09sdwp] {
    color: #9a6a00;
    background: #f59e0b;
}

.status-deleted[b-avor09sdwp] {
    color: #d51f3c;
    background: #e82646;
}

.status-active-bg[b-avor09sdwp] {
    background: #09ad95;
}

.status-passive-bg[b-avor09sdwp] {
    background: #f59e0b;
}

.status-deleted-bg[b-avor09sdwp] {
    background: #e82646;
}

.prefix-badge[b-avor09sdwp] {
    display: inline-flex;
    border-radius: 999px;
    background: rgb(232 38 70 / 10%);
    padding: 5px 9px;
    color: #bf1f38;
    font-size: 11px;
    font-weight: 800;
}

.customer-name-link[b-avor09sdwp] {
    color: #263143;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.customer-name-link:hover[b-avor09sdwp] {
    color: #0d86bc;
}

.count-link[b-avor09sdwp] {
    display: inline-flex;
    min-width: 32px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgb(13 152 209 / 10%);
    color: #0d86bc;
    font-weight: 800;
    text-decoration: none;
}

.customer-actions[b-avor09sdwp] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.dropdown-item[b-avor09sdwp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mobile-customer-list[b-avor09sdwp] {
    display: none;
    padding: 9px;
}

.mobile-customer-card[b-avor09sdwp] {
    border: 1px solid #e7ebf0;
    border-radius: 13px;
    padding: 14px;
}

.mobile-customer-card + .mobile-customer-card[b-avor09sdwp] {
    margin-top: 9px;
}

.mobile-customer-header[b-avor09sdwp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.customer-login[b-avor09sdwp] {
    margin-top: 2px;
    color: #8791a2;
    font-size: 11px;
}

.status-pill[b-avor09sdwp] {
    border-radius: 999px;
    padding: 5px 9px;
    color: #fff;
    font-size: 10px;
    font-weight: 750;
}

.mobile-customer-grid[b-avor09sdwp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 13px;
}

.mobile-customer-grid div[b-avor09sdwp] {
    min-width: 0;
    border-radius: 9px;
    background: #f7f8fa;
    padding: 9px;
}

.mobile-customer-grid span[b-avor09sdwp] {
    display: block;
    color: #8791a2;
    font-size: 10px;
}

.mobile-customer-grid strong[b-avor09sdwp],
.mobile-customer-grid small[b-avor09sdwp] {
    display: block;
    overflow-wrap: anywhere;
}

.mobile-customer-grid strong[b-avor09sdwp] {
    margin-top: 2px;
    font-size: 12px;
}

.mobile-customer-actions[b-avor09sdwp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 13px;
}

.customer-pager[b-avor09sdwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.pager-summary[b-avor09sdwp] {
    color: #7a8597;
    font-size: 12px;
}

.pager-controls[b-avor09sdwp] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-jump-input[b-avor09sdwp] {
    width: 72px;
}

@media (max-width: 991.98px) {
    .customer-page[b-avor09sdwp] {
        padding: 8px;
    }

    .customer-page-header[b-avor09sdwp] {
        flex-direction: column;
    }

    .list-summary[b-avor09sdwp] {
        justify-content: flex-start;
    }

    .desktop-customer-table[b-avor09sdwp] {
        display: none;
    }

    .mobile-customer-list[b-avor09sdwp] {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .header-actions[b-avor09sdwp],
    .header-actions .btn[b-avor09sdwp] {
        width: 100%;
    }

    .mobile-customer-actions[b-avor09sdwp] {
        grid-template-columns: 1fr;
    }

    .customer-pager[b-avor09sdwp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pager-controls[b-avor09sdwp] {
        max-width: 100%;
        overflow-x: auto;
    }
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard-page[b-34ilcglhb7] {
    padding: 16px;
}

.dashboard-header[b-34ilcglhb7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.dashboard-eyebrow[b-34ilcglhb7] {
    margin-bottom: 4px;
    color: #0d98d1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dashboard-title[b-34ilcglhb7] {
    margin: 0;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 800;
}

.dashboard-description[b-34ilcglhb7] {
    margin-top: 5px;
    color: #7a8597;
}

.dashboard-header-actions[b-34ilcglhb7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.demo-badge[b-34ilcglhb7],
.saved-state[b-34ilcglhb7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 700;
}

.demo-badge[b-34ilcglhb7] {
    background: rgb(245 158 11 / 12%);
    color: #a96300;
}

.saved-state[b-34ilcglhb7] {
    background: rgb(9 173 149 / 12%);
    color: #087e6f;
}

.dashboard-section[b-34ilcglhb7] {
    margin-bottom: 26px;
}

.section-heading[b-34ilcglhb7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}

.section-heading h2[b-34ilcglhb7] {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
}

.section-heading p[b-34ilcglhb7] {
    margin: 3px 0 0;
    color: #8791a2;
    font-size: 13px;
}

.dashboard-widget-column[b-34ilcglhb7] {
    cursor: grab;
    transition:
        opacity 150ms ease,
        transform 150ms ease;
}

.dashboard-widget-column:active[b-34ilcglhb7] {
    cursor: grabbing;
}

.dashboard-widget-column.is-dragging[b-34ilcglhb7] {
    opacity: .45;
    transform: scale(.985);
}

.dashboard-widget[b-34ilcglhb7] {
    position: relative;
    display: flex;
    min-height: 190px;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgb(225 230 237 / 80%);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 24px rgb(28 39 60 / 6%);
    transition:
        transform 160ms ease,
        box-shadow 160ms ease;
}

.dashboard-widget[b-34ilcglhb7]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background: var(--widget-accent);
}

.dashboard-widget:hover[b-34ilcglhb7] {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgb(28 39 60 / 10%);
}

.accent-primary[b-34ilcglhb7] {
    --widget-accent: #0d98d1;
    --widget-soft: rgb(13 152 209 / 11%);
}

.accent-success[b-34ilcglhb7] {
    --widget-accent: #09ad95;
    --widget-soft: rgb(9 173 149 / 11%);
}

.accent-info[b-34ilcglhb7] {
    --widget-accent: #1170e4;
    --widget-soft: rgb(17 112 228 / 11%);
}

.accent-warning[b-34ilcglhb7] {
    --widget-accent: #f59e0b;
    --widget-soft: rgb(245 158 11 / 12%);
}

.accent-danger[b-34ilcglhb7] {
    --widget-accent: #e82646;
    --widget-soft: rgb(232 38 70 / 11%);
}

.widget-topline[b-34ilcglhb7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 17px 0;
}

.widget-icon[b-34ilcglhb7] {
    display: inline-flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--widget-soft);
    color: var(--widget-accent);
    font-size: 20px;
}

.widget-tools[b-34ilcglhb7] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.widget-order-button[b-34ilcglhb7] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #99a2b1;
}

.widget-order-button:hover[b-34ilcglhb7] {
    background: #f2f5f8;
    color: #455165;
}

.drag-handle[b-34ilcglhb7] {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    color: #aab2bf;
    font-size: 16px;
}

.widget-content[b-34ilcglhb7] {
    flex: 1;
    padding: 15px 17px 14px;
}

.widget-title[b-34ilcglhb7] {
    color: #6f7a8c;
    font-size: 13px;
    font-weight: 700;
}

.widget-value[b-34ilcglhb7] {
    margin-top: 6px;
    color: #1d2635;
    font-size: clamp(25px, 3vw, 32px);
    font-weight: 850;
    line-height: 1.05;
}

.widget-subtitle[b-34ilcglhb7] {
    margin-top: 8px;
    color: #8d96a5;
    font-size: 12px;
}

.widget-link[b-34ilcglhb7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #edf0f4;
    padding: 10px 17px;
    color: var(--widget-accent);
    font-size: 12px;
    font-weight: 750;
}

.widget-link:hover[b-34ilcglhb7] {
    background: var(--widget-soft);
    color: var(--widget-accent);
}

.dashboard-banner-strip[b-34ilcglhb7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dashboard-banner-card[b-34ilcglhb7] {
    position: relative;
    min-height: 190px;
    overflow: hidden;
    border-radius: 17px;
    background: #162033;
    box-shadow: 0 8px 24px rgb(28 39 60 / 9%);
}

.dashboard-banner-card img[b-34ilcglhb7] {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    transition: transform 250ms ease;
}

.dashboard-banner-card:hover img[b-34ilcglhb7] {
    transform: scale(1.025);
}

.banner-overlay[b-34ilcglhb7] {
    position: absolute;
    inset: auto 0 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 32px 19px 17px;
    color: #fff;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgb(8 15 28 / 88%)
        );
}

.banner-overlay strong[b-34ilcglhb7] {
    font-size: 17px;
}

.banner-overlay small[b-34ilcglhb7] {
    max-width: 520px;
    color: rgb(255 255 255 / 80%);
}

.dashboard-logo-strip[b-34ilcglhb7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-logo-card[b-34ilcglhb7] {
    display: flex;
    min-height: 92px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8ecf1;
    border-radius: 14px;
    background: #fff;
    padding: 16px;
    box-shadow: 0 5px 18px rgb(28 39 60 / 5%);
}

.dashboard-logo-card img[b-34ilcglhb7] {
    max-width: 150px;
    max-height: 46px;
    object-fit: contain;
}

.dashboard-skeleton[b-34ilcglhb7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
}

.skeleton-card[b-34ilcglhb7] {
    min-height: 190px;
    border-radius: 16px;
    background:
        linear-gradient(
            90deg,
            #f1f3f6 25%,
            #f8f9fb 37%,
            #f1f3f6 63%
        );
    background-size: 400% 100%;
    animation: dashboard-shimmer-b-34ilcglhb7 1.3s infinite;
}

@keyframes dashboard-shimmer-b-34ilcglhb7 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (max-width: 991.98px) {
    .dashboard-page[b-34ilcglhb7] {
        padding: 9px;
    }

    .dashboard-header[b-34ilcglhb7] {
        flex-direction: column;
    }

    .dashboard-header-actions[b-34ilcglhb7] {
        justify-content: flex-start;
    }

    .dashboard-banner-strip[b-34ilcglhb7] {
        grid-template-columns: 1fr;
    }

    .dashboard-logo-strip[b-34ilcglhb7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-skeleton[b-34ilcglhb7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .dashboard-logo-strip[b-34ilcglhb7],
    .dashboard-skeleton[b-34ilcglhb7] {
        grid-template-columns: 1fr;
    }

    .widget-order-button[b-34ilcglhb7] {
        display: inline-flex;
    }

    .dashboard-banner-card[b-34ilcglhb7],
    .dashboard-banner-card img[b-34ilcglhb7] {
        min-height: 155px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-widget[b-34ilcglhb7],
    .dashboard-banner-card img[b-34ilcglhb7],
    .dashboard-widget-column[b-34ilcglhb7] {
        transition: none;
    }

    .skeleton-card[b-34ilcglhb7] {
        animation: none;
    }
}
/* /Components/Pages/Management/Menu.razor.rz.scp.css */
.management-workspace[b-riodimdh4j] {
    min-width: 0;
    padding: 14px;
}

.workspace-header[b-riodimdh4j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.workspace-header h1[b-riodimdh4j] {
    margin: 0;
    color: #263143;
    font-size: 27px;
    font-weight: 850;
}

.workspace-header p[b-riodimdh4j] {
    margin: 4px 0 0;
    color: #7d8797;
    font-size: 12px;
}

.eyebrow[b-riodimdh4j] {
    color: #0d98d1;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.workspace-main[b-riodimdh4j] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e6ebf1;
    border-radius: 15px;
    background: #fff;
}

.management-loading[b-riodimdh4j] {
    display: flex;
    min-height: 420px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #667286;
}

.management-loading i[b-riodimdh4j] {
    color: #e82646;
    font-size: 28px;
}

.management-alert[b-riodimdh4j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    border-radius: 12px;
    padding: 11px 13px;
    font-size: 12px;
    font-weight: 750;
}

.management-alert.success[b-riodimdh4j] {
    border: 1px solid rgb(9 173 149 / 20%);
    background: rgb(9 173 149 / 8%);
    color: #087965;
}

.management-alert.error[b-riodimdh4j] {
    border: 1px solid rgb(232 38 70 / 20%);
    background: rgb(232 38 70 / 8%);
    color: #bd1e39;
}

.management-alert small[b-riodimdh4j] {
    color: inherit;
    opacity: .78;
}

.management-alert button[b-riodimdh4j] {
    border: 0;
    background: transparent;
    color: inherit;
}

.management-tabs[b-riodimdh4j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid #e8edf3;
    background: #f6f8fb;
    padding: 10px;
}

.management-tabs button[b-riodimdh4j] {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    padding: 8px 12px;
    color: #667286;
    font-size: 12px;
    font-weight: 750;
}

.management-tabs button.active[b-riodimdh4j] {
    border-color: rgb(13 152 209 / 20%);
    background: #fff;
    color: #0d86bc;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
}

.management-tab-panel[b-riodimdh4j] {
    padding: 18px;
}

.management-tab-heading[b-riodimdh4j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.management-tab-heading h2[b-riodimdh4j] {
    margin: 0;
    color: #283548;
    font-size: 20px;
    font-weight: 850;
}

.management-tab-heading p[b-riodimdh4j] {
    margin: 3px 0 0;
    color: #7d8797;
    font-size: 12px;
}

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

.management-tile[b-riodimdh4j] {
    display: grid;
    min-width: 0;
    min-height: 92px;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #e4e9ef;
    border-radius: 12px;
    background: #fff;
    padding: 14px;
    color: inherit;
    text-align: left;
    text-decoration: none;
    box-shadow: 0 5px 15px rgb(31 45 61 / 6%);
    transition:
        transform .15s ease,
        border-color .15s ease,
        box-shadow .15s ease;
}

.management-tile:hover:not(:disabled)[b-riodimdh4j] {
    transform: translateY(-2px);
    border-color: rgb(13 152 209 / 34%);
    color: inherit;
    box-shadow: 0 10px 22px rgb(31 45 61 / 10%);
}

.management-tile:disabled[b-riodimdh4j] {
    cursor: wait;
    opacity: .72;
}

.action-tile[b-riodimdh4j] {
    width: 100%;
}

.tile-icon[b-riodimdh4j] {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgb(13 152 209 / 10%);
    color: #0d98d1;
    font-size: 21px;
}

.tile-copy[b-riodimdh4j] {
    min-width: 0;
}

.tile-copy strong[b-riodimdh4j],
.tile-copy small[b-riodimdh4j] {
    display: block;
}

.tile-copy strong[b-riodimdh4j] {
    overflow: hidden;
    color: #354054;
    font-size: 14px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tile-copy small[b-riodimdh4j] {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 3px;
    color: #8791a2;
    font-size: 11px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tile-action[b-riodimdh4j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0d86bc;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    .management-workspace[b-riodimdh4j] {
        padding: 8px;
    }

    .workspace-header[b-riodimdh4j],
    .management-tab-heading[b-riodimdh4j] {
        flex-direction: column;
    }

    .management-grid[b-riodimdh4j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .management-tabs[b-riodimdh4j] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .management-tabs button[b-riodimdh4j] {
        flex: 0 0 auto;
    }

    .management-tile[b-riodimdh4j] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .tile-icon[b-riodimdh4j] {
        width: 42px;
        height: 42px;
    }

    .tile-action[b-riodimdh4j] {
        grid-column: 2;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Orders/ProductPurchaseDetails.razor.rz.scp.css */
.purchase-detail-modal[b-si714c9577],
.purchase-detail-modal *[b-si714c9577] {
    font-family: "IBM Plex Sans", sans-serif;
}

.purchase-detail-modal[b-si714c9577] {
    display: grid;
    gap: 14px;
    background: #f6f8fb;
    padding: 18px;
    color: #172033;
}

.purchase-detail-hero[b-si714c9577] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid #dce8f3;
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgb(13 152 209 / 10%) 0%, rgb(255 255 255 / 96%) 62%),
        #fff;
    padding: 14px 16px;
    box-shadow: 0 8px 22px rgb(28 39 60 / 7%);
}

.purchase-detail-hero span[b-si714c9577],
.purchase-detail-metrics span[b-si714c9577] {
    display: block;
    color: #647086;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.purchase-detail-hero strong[b-si714c9577] {
    display: block;
    margin-top: 3px;
    color: #172033;
    font-size: 18px;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.purchase-detail-hero p[b-si714c9577] {
    margin: 5px 0 0;
    color: #3f4b5f;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.purchase-detail-year[b-si714c9577] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgb(13 152 209 / 18%);
    border-radius: 999px;
    background: #fff;
    padding: 8px 12px;
    color: #0876a4;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.purchase-detail-metrics[b-si714c9577] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.purchase-detail-metrics article[b-si714c9577] {
    min-width: 0;
    border: 1px solid #e6ebf2;
    border-radius: 12px;
    background: #fff;
    padding: 13px 14px;
    box-shadow: 0 6px 18px rgb(28 39 60 / 6%);
}

.purchase-detail-metrics strong[b-si714c9577] {
    display: block;
    margin-top: 4px;
    color: #172033;
    font-size: 17px;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.purchase-detail-table-wrap[b-si714c9577] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgb(28 39 60 / 7%);
}

.purchase-detail-table[b-si714c9577] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
}

.purchase-detail-table th[b-si714c9577] {
    padding: 12px;
    background: #14243c;
    color: #fff;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
}

.purchase-detail-table td[b-si714c9577] {
    border-top: 1px solid #edf0f4;
    padding: 12px;
    color: #334155;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    vertical-align: middle;
}

.purchase-detail-table tbody tr:hover[b-si714c9577] {
    background: rgb(13 152 209 / 4%);
}

.purchase-detail-table .text-end[b-si714c9577] {
    text-align: right;
}

.amount-cell[b-si714c9577] {
    color: #b4233c !important;
    font-weight: 850 !important;
}

.transaction-type[b-si714c9577] {
    display: inline-flex;
    min-width: 58px;
    justify-content: center;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
}

.transaction-type.sale[b-si714c9577] {
    background: rgb(16 163 127 / 12%);
    color: #0f766e;
}

.transaction-type.refund[b-si714c9577] {
    background: rgb(232 38 70 / 10%);
    color: #b4233c;
}

.purchase-detail-state[b-si714c9577],
.purchase-detail-alert[b-si714c9577] {
    display: flex;
    min-height: 220px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px;
    background: #fff;
    padding: 18px;
    font-size: 14px;
    font-weight: 750;
    box-shadow: 0 8px 22px rgb(28 39 60 / 7%);
}

.purchase-detail-state[b-si714c9577] {
    border: 1px dashed #cbd5e1;
    color: #475569;
}

.purchase-detail-alert[b-si714c9577] {
    min-height: 120px;
    border: 1px solid rgb(232 38 70 / 18%);
    color: #991b1b;
}

@media (max-width: 767.98px) {
    .purchase-detail-modal[b-si714c9577] {
        padding: 12px;
    }

    .purchase-detail-hero[b-si714c9577],
    .purchase-detail-metrics[b-si714c9577] {
        grid-template-columns: 1fr;
    }

    .purchase-detail-year[b-si714c9577] {
        justify-content: center;
    }

    .purchase-detail-table[b-si714c9577] {
        min-width: 0;
    }

    .purchase-detail-table thead[b-si714c9577] {
        display: none;
    }

    .purchase-detail-table tr[b-si714c9577] {
        display: block;
        border-top: 1px solid #edf0f4;
        padding: 10px 12px;
    }

    .purchase-detail-table tr:first-child[b-si714c9577] {
        border-top: 0;
    }

    .purchase-detail-table td[b-si714c9577] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        border-top: 0;
        border-bottom: 1px dashed #edf0f4;
        padding: 8px 0;
        text-align: right;
    }

    .purchase-detail-table td:last-child[b-si714c9577] {
        border-bottom: 0;
    }

    .purchase-detail-table td[b-si714c9577]::before {
        content: attr(data-label);
        color: #647086;
        font-size: 12px;
        font-weight: 850;
        text-align: left;
    }
}
/* /Components/Pages/Payments/PaymentDetail.razor.rz.scp.css */
.payment-detail-page[b-6y0hkz8743] {
    padding: 16px;
}

.detail-card[b-6y0hkz8743],
.metric-card[b-6y0hkz8743] {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

.metric-label[b-6y0hkz8743] {
    color: #6b7280;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.metric-value[b-6y0hkz8743] {
    margin-top: 5px;
    font-size: 21px;
    font-weight: 800;
}

.detail-loading[b-6y0hkz8743] {
    display: flex;
    min-height: 360px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.detail-status[b-6y0hkz8743] {
    display: inline-flex;
    min-width: 110px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 13px;
    font-weight: 750;
}

.status-success[b-6y0hkz8743] {
    background: rgb(9 173 149 / 12%);
    color: #078a78;
}

.status-failed[b-6y0hkz8743] {
    background: rgb(232 38 70 / 12%);
    color: #d51f3c;
}

.status-refund[b-6y0hkz8743] {
    background: rgb(245 158 11 / 15%);
    color: #b56c00;
}

.status-default[b-6y0hkz8743] {
    background: #f1f4f8;
    color: #596579;
}

.detail-grid[b-6y0hkz8743] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
}

.detail-item[b-6y0hkz8743] {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px dashed #e8edf3;
    padding: 12px 0;
}

.detail-label[b-6y0hkz8743] {
    color: #6b7280;
    font-size: 13px;
    font-weight: 650;
}

.detail-item strong[b-6y0hkz8743] {
    max-width: 65%;
    overflow-wrap: anywhere;
    text-align: right;
}

.card-number[b-6y0hkz8743] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: #d51f3c;
}

@media print {
    .print-hide[b-6y0hkz8743],
    .app-header[b-6y0hkz8743],
    .app-sidebar[b-6y0hkz8743],
    .horizontal-main[b-6y0hkz8743] {
        display: none !important;
    }

    .payment-detail-page[b-6y0hkz8743] {
        padding: 0;
    }

    .main-content[b-6y0hkz8743],
    .app-content[b-6y0hkz8743],
    .hor-content[b-6y0hkz8743] {
        margin: 0 !important;
        padding: 0 !important;
    }

    .detail-card[b-6y0hkz8743],
    .metric-card[b-6y0hkz8743] {
        box-shadow: none;
        border: 1px solid #ddd;
    }
}

@media (max-width: 767.98px) {
    .payment-detail-page[b-6y0hkz8743] {
        padding: 8px;
    }

    .detail-grid[b-6y0hkz8743] {
        grid-template-columns: 1fr;
    }

    .detail-item strong[b-6y0hkz8743] {
        max-width: 58%;
    }
}
/* /Components/Pages/Payments/Payments.razor.rz.scp.css */
.payments-page[b-2r0pe2mme6] {
    padding: 16px;
}

.filter-card[b-2r0pe2mme6],
.metric-card[b-2r0pe2mme6],
.payment-grid-card[b-2r0pe2mme6] {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgb(0 0 0 / 7%);
}

.metric-card[b-2r0pe2mme6] {
    height: 100%;
}

.metric-label[b-2r0pe2mme6] {
    color: #6b7280;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.metric-value[b-2r0pe2mme6] {
    margin-top: 4px;
    font-size: 22px;
    font-weight: 800;
}

.payment-loading[b-2r0pe2mme6] {
    display: flex;
    min-height: 300px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.payments-page[b-2r0pe2mme6]  .e-grid .e-gridheader th {
    color: #fff;
    background:
        linear-gradient(
            180deg,
            rgb(13 152 209) 0%,
            rgb(2 156 249) 43%,
            rgb(13 152 209) 100%
        ) !important;
    text-shadow: 1px 2px 2px rgb(0 0 0 / 25%);
}

.payments-page[b-2r0pe2mme6]  .e-grid .e-rowcell {
    vertical-align: middle;
}

.payment-status[b-2r0pe2mme6] {
    display: inline-flex;
    min-width: 95px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.status-success[b-2r0pe2mme6] {
    background: rgb(9 173 149 / 12%);
    color: #078a78;
}

.status-failed[b-2r0pe2mme6] {
    background: rgb(232 38 70 / 12%);
    color: #d51f3c;
}

.status-refund[b-2r0pe2mme6] {
    background: rgb(245 158 11 / 15%);
    color: #b56c00;
}

.payment-card-number[b-2r0pe2mme6] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.mobile-payment-list[b-2r0pe2mme6] {
    display: none;
    padding: 8px;
}

.mobile-payment-card[b-2r0pe2mme6] {
    border: 1px solid #edf0f4;
    border-radius: 12px;
    background: #fff;
    padding: 14px;
}

.mobile-payment-card + .mobile-payment-card[b-2r0pe2mme6] {
    margin-top: 10px;
}

.mobile-payment-row[b-2r0pe2mme6] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 6px 0;
    border-bottom: 1px dashed #edf0f4;
}

.mobile-payment-row:last-of-type[b-2r0pe2mme6] {
    border-bottom: 0;
}

.mobile-payment-row span[b-2r0pe2mme6] {
    color: #6b7280;
    font-size: 12px;
}

.mobile-payment-row strong[b-2r0pe2mme6] {
    text-align: right;
    font-size: 13px;
}

.payment-pager[b-2r0pe2mme6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

@media (max-width: 991.98px) {
    .payments-page[b-2r0pe2mme6] {
        padding: 8px;
    }

    .desktop-payment-grid[b-2r0pe2mme6] {
        display: none;
    }

    .mobile-payment-list[b-2r0pe2mme6] {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .payment-pager[b-2r0pe2mme6] {
        flex-direction: column;
    }
}
/* /Components/Pages/Products/Checkout.razor.rz.scp.css */
.checkout-page[b-u72vatgqd1] {
    display: grid;
    gap: 20px;
    min-height: calc(100vh - 88px);
    background: #f6f8fb;
    padding: 22px;
    font-family: "IBM Plex Sans", sans-serif;
}

.checkout-page-header[b-u72vatgqd1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    border: 1px solid #e6ebf2;
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgb(13 152 209 / 8%) 0%, rgb(255 255 255 / 98%) 48%),
        #fff;
    padding: 20px 22px;
    box-shadow: 0 10px 28px rgb(28 39 60 / 7%);
}

.checkout-page-header h1[b-u72vatgqd1] {
    margin: 0;
    color: #172033;
    font-size: 30px;
    font-weight: 850;
    line-height: 1.16;
}

.checkout-page-header p[b-u72vatgqd1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 9px 0 0;
    color: #5f6b7c;
    font-size: 14px;
    font-weight: 700;
}

.checkout-page-header p strong[b-u72vatgqd1] {
    color: #0d98d1;
    font-weight: 850;
}

.checkout-page-actions[b-u72vatgqd1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.checkout-page-actions .btn[b-u72vatgqd1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border-radius: 10px;
    padding-inline: 15px;
    font-size: 14px;
    font-weight: 800;
}

.checkout-context-loader[b-u72vatgqd1],
.checkout-alert[b-u72vatgqd1] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
}

.checkout-context-loader[b-u72vatgqd1] {
    min-height: 300px;
    justify-content: center;
    border: 1px solid #e6ebf2;
    background: #fff;
    color: #667085;
    font-size: 14px;
    font-weight: 750;
    box-shadow: 0 4px 18px rgb(28 39 60 / 6%);
}

.checkout-alert[b-u72vatgqd1] {
    margin: 0;
    font-weight: 750;
}

[b-u72vatgqd1] .cl-checkout-modal {
    gap: 20px;
}

[b-u72vatgqd1] .cl-checkout-hero,
[b-u72vatgqd1] .cl-checkout-metrics article,
[b-u72vatgqd1] .cl-checkout-table-panel,
[b-u72vatgqd1] .cl-checkout-note-panel,
[b-u72vatgqd1] .cl-checkout-total-card,
[b-u72vatgqd1] .cl-checkout-result {
    border-radius: 14px;
    box-shadow: 0 10px 28px rgb(28 39 60 / 7%);
}

[b-u72vatgqd1] .cl-checkout-hero {
    border-color: #e6ebf2;
    background:
        linear-gradient(135deg, rgb(13 152 209 / 10%) 0%, rgb(9 173 149 / 5%) 44%, #fff 74%),
        #fff;
}

[b-u72vatgqd1] .cl-checkout-mark {
    background: linear-gradient(135deg, #0d98d1, #0f766e);
    box-shadow: 0 9px 20px rgb(13 152 209 / 24%);
}

[b-u72vatgqd1] .cl-checkout-table thead th {
    background: #14243c !important;
}

[b-u72vatgqd1] .cl-checkout-footer {
    align-items: stretch;
}

[b-u72vatgqd1] .cl-checkout-total-card {
    width: 100%;
    position: sticky;
    top: 84px;
}

[b-u72vatgqd1] .cl-checkout-actions .btn-primary,
[b-u72vatgqd1] .cl-checkout-result-actions .btn-primary {
    border-color: #10a37f;
    background: #10a37f;
}

[b-u72vatgqd1] .cl-checkout-actions .btn-primary:hover,
[b-u72vatgqd1] .cl-checkout-actions .btn-primary:focus-visible,
[b-u72vatgqd1] .cl-checkout-result-actions .btn-primary:hover,
[b-u72vatgqd1] .cl-checkout-result-actions .btn-primary:focus-visible {
    border-color: #0e8f70;
    background: #0e8f70;
}

@media (max-width: 991.98px) {
    [b-u72vatgqd1] .cl-checkout-total-card {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .checkout-page[b-u72vatgqd1] {
        gap: 14px;
        padding: 10px;
    }

    .checkout-page-header[b-u72vatgqd1] {
        flex-direction: column;
        gap: 14px;
        padding: 16px;
    }

    .checkout-page-header h1[b-u72vatgqd1] {
        font-size: 25px;
    }

    .checkout-page-actions[b-u72vatgqd1] {
        width: 100%;
        justify-content: flex-start;
    }

    .checkout-page-actions .btn[b-u72vatgqd1] {
        flex: 1 1 150px;
        justify-content: center;
    }
}
/* /Components/Pages/Products/ProductEquivalentPanel.razor.rz.scp.css */
.equivalent-panel[b-agnqj1p1jx] {
    padding: 16px;
    background: #f8fafc;
    color: #172033;
    font-family: "IBM Plex Sans", sans-serif;
}

.equivalent-panel-header[b-agnqj1p1jx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.equivalent-panel-header span[b-agnqj1p1jx],
.equivalent-panel-header strong[b-agnqj1p1jx] {
    display: block;
}

.equivalent-panel-header span[b-agnqj1p1jx] {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.equivalent-panel-header strong[b-agnqj1p1jx] {
    margin-top: 2px;
    color: #0f172a;
    font-size: 16px;
}

.equivalent-cart-message[b-agnqj1p1jx] {
    max-width: 420px;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.equivalent-cart-message.success[b-agnqj1p1jx] {
    background: #dcfce7;
    color: #166534;
}

.equivalent-cart-message.error[b-agnqj1p1jx] {
    background: #fee2e2;
    color: #991b1b;
}

.equivalent-state[b-agnqj1p1jx],
.equivalent-alert[b-agnqj1p1jx],
.equivalent-empty[b-agnqj1p1jx] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 130px;
    justify-content: center;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-weight: 700;
}

.equivalent-alert[b-agnqj1p1jx] {
    justify-content: flex-start;
    min-height: auto;
    padding: 12px;
    border-color: #fecaca;
    background: #fff1f2;
    color: #991b1b;
}

.equivalent-table-wrap[b-agnqj1p1jx] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.equivalent-table[b-agnqj1p1jx] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.equivalent-table th[b-agnqj1p1jx] {
    padding: 10px;
    background: #eaf6fb;
    color: #0f4f6b;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.equivalent-table td[b-agnqj1p1jx] {
    padding: 10px;
    border-top: 1px solid #eef2f7;
    color: #334155;
    font-size: 12px;
    vertical-align: middle;
}

.equivalent-table td strong[b-agnqj1p1jx] {
    color: #0f172a;
}

.equivalent-stock[b-agnqj1p1jx] {
    display: inline-flex;
    min-width: 42px;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    color: #fff;
    font-weight: 800;
}

.equivalent-stock.success[b-agnqj1p1jx] {
    background: #16a34a;
}

.equivalent-stock.warning[b-agnqj1p1jx] {
    background: #f59e0b;
    color: #111827;
}

.equivalent-stock.danger[b-agnqj1p1jx] {
    background: #dc2626;
}

.equivalent-cart-control[b-agnqj1p1jx] {
    display: grid;
    grid-template-columns: 64px 74px;
    gap: 6px;
}

.equivalent-cart-control input[b-agnqj1p1jx] {
    width: 100%;
    min-height: 31px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #0f172a;
    font-weight: 800;
    text-align: center;
}

.equivalent-cart-control button[b-agnqj1p1jx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 31px;
    border: 0;
    border-radius: 6px;
    background: #b91c1c;
    color: #fff;
    font-weight: 800;
}

.equivalent-cart-control button:disabled[b-agnqj1p1jx] {
    cursor: wait;
    opacity: .65;
}

@media (max-width: 767.98px) {
    .equivalent-panel[b-agnqj1p1jx] {
        padding: 12px;
    }

    .equivalent-panel-header[b-agnqj1p1jx] {
        align-items: flex-start;
        flex-direction: column;
    }

    .equivalent-cart-message[b-agnqj1p1jx] {
        max-width: 100%;
    }
}
/* /Components/Pages/Users/CLCards.razor.rz.scp.css */
.user-clcards-page[b-s49x9otrql]{padding:16px}.page-header-row[b-s49x9otrql]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.page-eyebrow[b-s49x9otrql]{margin-bottom:3px;color:#0d98d1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.assigned-count[b-s49x9otrql]{display:inline-flex;min-height:39px;align-items:center;gap:7px;border-radius:10px;background:#f1f4f8;padding:0 12px;color:#596579;font-size:13px;font-weight:700}.page-loading[b-s49x9otrql]{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center}.clcard-section[b-s49x9otrql]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0 / 7%)}.section-header[b-s49x9otrql]{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f4;background:#fff}.card-title[b-s49x9otrql]{margin:0;font-size:16px;font-weight:800}.card-subtitle[b-s49x9otrql]{margin:3px 0 0;color:#8791a2;font-size:12px}.assigned-grid[b-s49x9otrql]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.assigned-card[b-s49x9otrql]{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid #e7ebf0;border-radius:11px;padding:12px}.min-w-0[b-s49x9otrql]{min-width:0}.assigned-code[b-s49x9otrql]{color:#0d98d1;font-size:11px;font-weight:800}.assigned-card h4[b-s49x9otrql]{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:#354054;font-size:13px;font-weight:800;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.assigned-city[b-s49x9otrql]{margin-top:6px;color:#8791a2;font-size:11px}.empty-inline[b-s49x9otrql]{border:1px dashed #dfe5ec;border-radius:11px;padding:32px 15px;color:#8791a2;text-align:center}.section-pager[b-s49x9otrql]{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7a8597;font-size:12px}.page-number[b-s49x9otrql]{display:inline-flex;min-width:72px;justify-content:center;font-weight:700}.available-toolbar[b-s49x9otrql]{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 10px;border-top:1px solid #edf0f4;padding-top:13px;color:#596579;font-size:12px;font-weight:700}.sort-controls[b-s49x9otrql]{display:flex;gap:5px}.available-placeholder[b-s49x9otrql]{display:flex;min-height:270px;flex-direction:column;align-items:center;justify-content:center;color:#8791a2;text-align:center}.available-placeholder i[b-s49x9otrql]{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:18px;background:rgb(13 152 209 / 10%);color:#0d98d1;font-size:24px}.available-placeholder h3[b-s49x9otrql]{margin:15px 0 4px;color:#354054;font-size:18px}.available-table[b-s49x9otrql]{min-width:1250px}.available-table thead th[b-s49x9otrql]{border-bottom:0;background:#0d98d1;color:#fff;font-size:11px;font-weight:750;white-space:nowrap}.available-table td[b-s49x9otrql]{vertical-align:middle;border-color:#edf0f4;font-size:11px}.available-table .select-column[b-s49x9otrql]{width:38px}.available-table .selected-row[b-s49x9otrql]{background:rgb(13 152 209 / 6%)}@media(max-width:1399.98px){.assigned-grid[b-s49x9otrql]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:991.98px){.user-clcards-page[b-s49x9otrql]{padding:8px}.page-header-row[b-s49x9otrql],.section-header[b-s49x9otrql],.available-toolbar[b-s49x9otrql]{align-items:flex-start;flex-direction:column}.assigned-grid[b-s49x9otrql]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.assigned-grid[b-s49x9otrql]{grid-template-columns:1fr}.section-pager[b-s49x9otrql]{align-items:flex-start;flex-direction:column}}

.page-jump-input[b-s49x9otrql]{display:inline-block;width:72px;margin-left:5px}
/* /Components/Pages/Users/Index.razor.rz.scp.css */
.users-page[b-hf4e42xuhy] { padding: 16px; }
.users-page-header[b-hf4e42xuhy] { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.page-eyebrow[b-hf4e42xuhy] { margin-bottom:3px; color:#0d98d1; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.header-actions[b-hf4e42xuhy] { display:flex; flex-wrap:wrap; gap:8px; }
.filter-card[b-hf4e42xuhy],.users-card[b-hf4e42xuhy] { border:0; border-radius:14px; box-shadow:0 4px 18px rgb(0 0 0 / 7%); }
.list-summary[b-hf4e42xuhy] { display:flex; min-height:39px; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:16px; color:#6d788a; font-size:12px; font-weight:700; }
.list-summary span[b-hf4e42xuhy] { display:inline-flex; align-items:center; gap:5px; }
.users-loading[b-hf4e42xuhy],.empty-state[b-hf4e42xuhy] { display:flex; min-height:330px; flex-direction:column; align-items:center; justify-content:center; }
.empty-state[b-hf4e42xuhy] { text-align:center; }
.empty-icon[b-hf4e42xuhy] { display:flex; width:58px; height:58px; align-items:center; justify-content:center; border-radius:18px; background:rgb(13 152 209 / 10%); color:#0d98d1; font-size:24px; }
.empty-state h3[b-hf4e42xuhy] { margin:15px 0 4px; font-size:18px; }
.empty-state p[b-hf4e42xuhy] { color:#8791a2; }
.users-table[b-hf4e42xuhy] { min-width:1160px; }
.users-table thead th[b-hf4e42xuhy] { border-bottom:0; background:#0d98d1; color:#fff; font-size:12px; font-weight:750; white-space:nowrap; }
.users-table tbody td[b-hf4e42xuhy] { vertical-align:middle; border-color:#edf0f4; padding-top:12px; padding-bottom:12px; color:#455165; font-size:12px; }
.users-table tbody tr:hover[b-hf4e42xuhy] { background:rgb(13 152 209 / 4%); }
.status-dot[b-hf4e42xuhy] { display:inline-block; width:9px; height:9px; border-radius:50%; }
.status-text[b-hf4e42xuhy] { margin-left:5px; font-size:11px; font-weight:700; }
.status-active[b-hf4e42xuhy] { color:#078a78; background:#09ad95; }
.status-passive[b-hf4e42xuhy] { color:#9a6a00; background:#f59e0b; }
.status-deleted[b-hf4e42xuhy] { color:#d51f3c; background:#e82646; }
.user-name-link[b-hf4e42xuhy] { color:#263143; font-size:13px; font-weight:800; }
.user-name-link:hover[b-hf4e42xuhy] { color:#0d86bc; }
.user-login[b-hf4e42xuhy] { margin-top:2px; color:#8791a2; font-size:11px; }
.role-badge[b-hf4e42xuhy] { display:inline-flex; border-radius:999px; background:#f1f4f8; padding:5px 9px; color:#596579; font-size:11px; font-weight:700; }
.count-link[b-hf4e42xuhy] { display:inline-flex; min-width:32px; height:28px; align-items:center; justify-content:center; border-radius:8px; background:rgb(13 152 209 / 10%); color:#0d86bc; font-weight:800; }
.user-actions[b-hf4e42xuhy] { display:flex; justify-content:flex-end; gap:5px; }
.dropdown-item[b-hf4e42xuhy] { display:flex; align-items:center; gap:8px; }
.mobile-users-list[b-hf4e42xuhy] { display:none; padding:9px; }
.mobile-user-card[b-hf4e42xuhy] { border:1px solid #e7ebf0; border-radius:13px; padding:14px; }
.mobile-user-card + .mobile-user-card[b-hf4e42xuhy] { margin-top:9px; }
.mobile-user-header[b-hf4e42xuhy] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.status-pill[b-hf4e42xuhy] { border-radius:999px; padding:5px 9px; color:#fff; font-size:10px; font-weight:750; }
.mobile-user-grid[b-hf4e42xuhy] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:13px; }
.mobile-user-grid div[b-hf4e42xuhy] { border-radius:9px; background:#f7f8fa; padding:9px; }
.mobile-user-grid span[b-hf4e42xuhy] { display:block; color:#8791a2; font-size:10px; }
.mobile-user-grid strong[b-hf4e42xuhy] { display:block; margin-top:2px; font-size:12px; }
.mobile-user-actions[b-hf4e42xuhy] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:13px; }
.user-pager[b-hf4e42xuhy] { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.pager-summary[b-hf4e42xuhy] { color:#7a8597; font-size:12px; }
.pager-controls[b-hf4e42xuhy] { display:flex; align-items:center; gap:5px; }.page-jump-input[b-hf4e42xuhy]{width:72px}
.compact-mode .users-page-header[b-hf4e42xuhy] { margin-bottom:10px; }
@media (max-width:991.98px) { .users-page[b-hf4e42xuhy]{padding:8px}.users-page-header[b-hf4e42xuhy]{flex-direction:column}.list-summary[b-hf4e42xuhy]{justify-content:flex-start}.desktop-users-table[b-hf4e42xuhy]{display:none}.mobile-users-list[b-hf4e42xuhy]{display:block} }
@media (max-width:575.98px) { .header-actions[b-hf4e42xuhy],.header-actions .btn[b-hf4e42xuhy]{width:100%}.mobile-user-actions[b-hf4e42xuhy]{grid-template-columns:1fr}.user-pager[b-hf4e42xuhy]{align-items:flex-start;flex-direction:column}.pager-controls[b-hf4e42xuhy]{max-width:100%;overflow-x:auto} }
/* /Components/Pages/Users/Installments.razor.rz.scp.css */
.installments-page[b-e37s5twnbf]{padding:16px}.page-header-row[b-e37s5twnbf]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.page-eyebrow[b-e37s5twnbf]{margin-bottom:3px;color:#0d98d1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.installments-card[b-e37s5twnbf],.editor-card[b-e37s5twnbf]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0 / 7%)}.installments-card .card-header[b-e37s5twnbf],.editor-card .card-header[b-e37s5twnbf]{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f4;background:#fff}.card-title[b-e37s5twnbf]{margin:0;font-size:16px;font-weight:800}.card-subtitle[b-e37s5twnbf]{margin:3px 0 0;color:#8791a2;font-size:12px}.page-loading[b-e37s5twnbf],.empty-state[b-e37s5twnbf]{display:flex;min-height:340px;flex-direction:column;align-items:center;justify-content:center}.empty-state[b-e37s5twnbf]{text-align:center}.empty-icon[b-e37s5twnbf]{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:18px;background:rgb(13 152 209 / 10%);color:#0d98d1;font-size:24px}.empty-state h3[b-e37s5twnbf]{margin:15px 0 4px;font-size:18px}.empty-state p[b-e37s5twnbf]{color:#8791a2}.installments-table[b-e37s5twnbf]{min-width:760px}.installments-table thead th[b-e37s5twnbf]{border-bottom:0;background:#0d98d1;color:#fff;font-size:12px;font-weight:750}.installments-table td[b-e37s5twnbf]{vertical-align:middle;border-color:#edf0f4;font-size:12px}.active-badge[b-e37s5twnbf]{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.active-badge.active[b-e37s5twnbf]{background:rgb(9 173 149 / 12%);color:#078a78}.active-badge.passive[b-e37s5twnbf]{background:rgb(245 158 11 / 13%);color:#a96300}.row-actions[b-e37s5twnbf]{display:flex;justify-content:flex-end;gap:5px}.switch-card[b-e37s5twnbf]{display:flex;align-items:flex-start;gap:10px;border:1px solid #e5eaf0;border-radius:10px;padding:12px}.switch-card strong[b-e37s5twnbf],.switch-card small[b-e37s5twnbf]{display:block}.switch-card small[b-e37s5twnbf]{margin-top:3px;color:#8791a2;font-size:11px}.validation-message[b-e37s5twnbf]{display:block;margin-top:4px;color:#d51f3c;font-size:11px}@media(max-width:991.98px){.installments-page[b-e37s5twnbf]{padding:8px}.page-header-row[b-e37s5twnbf]{flex-direction:column}}
/* /Components/Pages/Users/UserForm.razor.rz.scp.css */
.user-form-page[b-yhzul9s0pg]{padding:16px;padding-bottom:95px}.user-form-header[b-yhzul9s0pg]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.page-eyebrow[b-yhzul9s0pg]{margin-bottom:3px;color:#0d98d1;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.header-actions[b-yhzul9s0pg]{display:flex;flex-wrap:wrap;gap:8px}.form-loading[b-yhzul9s0pg]{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center}.form-section-card[b-yhzul9s0pg],.audit-card[b-yhzul9s0pg],.danger-card[b-yhzul9s0pg]{border:0;border-radius:14px;box-shadow:0 4px 18px rgb(0 0 0 / 7%)}.form-section-card+.form-section-card[b-yhzul9s0pg],.form-section-card+.danger-card[b-yhzul9s0pg]{margin-top:16px}.form-section-card .card-header[b-yhzul9s0pg],.audit-card .card-header[b-yhzul9s0pg],.danger-card .card-header[b-yhzul9s0pg]{border-bottom:1px solid #edf0f4;background:#fff}.card-title[b-yhzul9s0pg]{margin:0;font-size:16px;font-weight:800}.card-subtitle[b-yhzul9s0pg]{margin:3px 0 0;color:#8791a2;font-size:12px}.form-hint[b-yhzul9s0pg]{display:block;margin-top:4px;color:#8791a2;font-size:11px}.validation-message[b-yhzul9s0pg]{display:block;margin-top:4px;color:#d51f3c;font-size:11px}.section-divider[b-yhzul9s0pg]{height:1px;margin:20px 0;background:#edf0f4}.section-mini-title[b-yhzul9s0pg],.permission-group-title[b-yhzul9s0pg]{margin:0 0 10px;font-size:12px;font-weight:800;color:#596579;text-transform:uppercase;letter-spacing:.04em}.permission-group-title:not(:first-child)[b-yhzul9s0pg]{margin-top:12px}.switch-card[b-yhzul9s0pg]{display:flex;min-height:76px;align-items:flex-start;gap:12px;border:1px solid #e5eaf0;border-radius:11px;padding:13px}.switch-card strong[b-yhzul9s0pg],.switch-card small[b-yhzul9s0pg]{display:block}.switch-card small[b-yhzul9s0pg]{margin-top:3px;color:#8791a2;font-size:11px}.permission-list[b-yhzul9s0pg]{display:flex;flex-direction:column;gap:7px;max-height:720px;overflow-y:auto}.permission-switch[b-yhzul9s0pg]{display:flex;align-items:flex-start;gap:10px;border:1px solid #edf0f4;border-radius:10px;padding:10px;cursor:pointer}.permission-switch:hover[b-yhzul9s0pg]{border-color:rgb(13 152 209 / 28%);background:rgb(13 152 209 / 3%)}.permission-switch input[b-yhzul9s0pg]{position:absolute;opacity:0;pointer-events:none}.permission-indicator[b-yhzul9s0pg]{position:relative;width:36px;height:20px;flex:0 0 36px;border-radius:999px;background:#dce2e9;transition:background 150ms ease}.permission-indicator[b-yhzul9s0pg]:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;content:"";box-shadow:0 1px 3px rgb(0 0 0 / 18%);transition:transform 150ms ease}.permission-switch input:checked+.permission-indicator[b-yhzul9s0pg]{background:#0d98d1}.permission-switch input:checked+.permission-indicator[b-yhzul9s0pg]:after{transform:translateX(16px)}.permission-switch input:disabled+.permission-indicator[b-yhzul9s0pg]{opacity:.55}.permission-switch strong[b-yhzul9s0pg],.permission-switch small[b-yhzul9s0pg]{display:block}.permission-switch strong[b-yhzul9s0pg]{color:#354054;font-size:12px}.permission-switch small[b-yhzul9s0pg]{margin-top:2px;color:#8791a2;font-size:10px}.active-switch[b-yhzul9s0pg]{display:inline-flex;align-items:center;gap:8px;font-weight:750}.sticky-permissions[b-yhzul9s0pg]{position:sticky;top:85px}.audit-card[b-yhzul9s0pg]{margin-top:16px}.audit-row[b-yhzul9s0pg]{display:grid;grid-template-columns:90px 1fr;gap:3px 12px;border-bottom:1px dashed #e7ebf0;padding:10px 0}.audit-row:last-child[b-yhzul9s0pg]{border-bottom:0}.audit-row span[b-yhzul9s0pg]{grid-row:span 2;color:#8791a2;font-size:11px}.audit-row strong[b-yhzul9s0pg]{font-size:12px}.audit-row small[b-yhzul9s0pg]{color:#8791a2}.danger-card[b-yhzul9s0pg]{margin-top:16px;border:1px solid rgb(232 38 70 / 22%)}.deleted-info[b-yhzul9s0pg]{border-radius:10px;background:rgb(232 38 70 / 8%);padding:12px;color:#b91c35}.save-bar[b-yhzul9s0pg]{position:fixed;z-index:40;right:24px;bottom:18px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e4e9ef;border-radius:14px;background:rgb(255 255 255 / 96%);padding:12px 16px;box-shadow:0 10px 35px rgb(28 39 60 / 16%);backdrop-filter:blur(10px)}.save-bar strong[b-yhzul9s0pg],.save-bar small[b-yhzul9s0pg]{display:block}.save-bar small[b-yhzul9s0pg]{color:#8791a2;font-size:11px}@media (min-width:992px){body:not(.horizontal) .save-bar[b-yhzul9s0pg]{left:calc(var(--sidebar-width, 240px) + 24px)}}@media (max-width:1199.98px){.sticky-permissions[b-yhzul9s0pg]{position:static}.permission-list[b-yhzul9s0pg]{max-height:none}}@media (max-width:991.98px){.user-form-page[b-yhzul9s0pg]{padding:8px;padding-bottom:110px}.user-form-header[b-yhzul9s0pg]{flex-direction:column}.save-bar[b-yhzul9s0pg]{right:8px;bottom:8px;left:8px}}@media (max-width:575.98px){.header-actions[b-yhzul9s0pg],.header-actions .btn[b-yhzul9s0pg]{width:100%}.save-bar[b-yhzul9s0pg]{align-items:stretch;flex-direction:column}.save-bar .btn[b-yhzul9s0pg]{width:100%}}
/* /Components/Shared/Analysis/CostIncomeCustomerDetail.razor.rz.scp.css */
.nested-detail[b-pwu06xls9d]{min-height:90px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-pwu06xls9d]{margin:0 0 9px;font-size:13px;font-weight:800}.nested-detail[b-pwu06xls9d]  .e-grid{border-radius:9px;overflow:hidden}
/* /Components/Shared/Analysis/CostIncomeTransactionDetail.razor.rz.scp.css */
.nested-detail[b-kyhrot9oav]{min-height:90px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-kyhrot9oav]{margin:0 0 9px;font-size:13px;font-weight:800}.nested-detail[b-kyhrot9oav]  .e-grid{border-radius:9px;overflow:hidden}
/* /Components/Shared/Analysis/CustomerBalanceDetail.razor.rz.scp.css */
.customer-detail[b-ip79dejmlb]{min-height:120px;border-radius:11px;background:#f7f9fb;padding:13px}.detail-loading[b-ip79dejmlb]{display:flex;min-height:150px;align-items:center;justify-content:center;gap:9px;color:#718096}.customer-card-summary[b-ip79dejmlb]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:13px}.customer-card-summary>div[b-ip79dejmlb]{min-width:0;border:1px solid #e4e9ef;border-radius:9px;background:#fff;padding:9px}.customer-card-summary span[b-ip79dejmlb],.customer-card-summary strong[b-ip79dejmlb]{display:block}.customer-card-summary span[b-ip79dejmlb]{color:#8791a2;font-size:10px;font-weight:750;text-transform:uppercase}.customer-card-summary strong[b-ip79dejmlb]{overflow:hidden;margin-top:3px;color:#354054;font-size:11px;text-overflow:ellipsis}.detail-grid-layout[b-ip79dejmlb]{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:12px}.detail-grid-layout section[b-ip79dejmlb]{min-width:0;border:1px solid #e4e9ef;border-radius:10px;background:#fff;padding:10px}.detail-grid-layout h4[b-ip79dejmlb]{margin:0 0 8px;font-size:13px;font-weight:800}.empty-detail[b-ip79dejmlb]{display:flex;min-height:120px;align-items:center;justify-content:center;color:#8791a2;font-size:12px}@media(max-width:1199.98px){.customer-card-summary[b-ip79dejmlb]{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid-layout[b-ip79dejmlb]{grid-template-columns:1fr}}@media(max-width:575.98px){.customer-card-summary[b-ip79dejmlb]{grid-template-columns:1fr}}
/* /Components/Shared/Analysis/CustomerDebtDetail.razor.rz.scp.css */
.debt-detail[b-n0457ij4f8]{min-height:130px;border-radius:11px;background:#f7f9fb;padding:12px}.detail-loading[b-n0457ij4f8],.empty-detail[b-n0457ij4f8]{display:flex;min-height:150px;align-items:center;justify-content:center;gap:8px;color:#8791a2}.detail-summary[b-n0457ij4f8]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.detail-summary>div[b-n0457ij4f8]{border:1px solid #e4e9ef;border-radius:9px;background:#fff;padding:9px}.detail-summary span[b-n0457ij4f8],.detail-summary strong[b-n0457ij4f8]{display:block}.detail-summary span[b-n0457ij4f8]{color:#8791a2;font-size:9px;font-weight:750;text-transform:uppercase}.detail-summary strong[b-n0457ij4f8]{margin-top:3px;font-size:13px}.debt-state[b-n0457ij4f8]{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.debt-state.late[b-n0457ij4f8]{background:rgb(232 38 70/.12);color:#c51e39}.debt-state.future[b-n0457ij4f8]{background:rgb(9 173 149/.12);color:#078a78}@media(max-width:767.98px){.detail-summary[b-n0457ij4f8]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /Components/Shared/Analysis/FinanceGroupDetail.razor.rz.scp.css */
.nested-detail[b-pzwnw9o4m4]{min-height:90px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-pzwnw9o4m4]{margin:0 0 9px;font-size:13px;font-weight:800}.nested-detail[b-pzwnw9o4m4]  .e-grid{border-radius:9px;overflow:hidden}
/* /Components/Shared/Analysis/FinanceTransactionDetail.razor.rz.scp.css */
.nested-detail[b-1vms3mc87w]{min-height:90px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-1vms3mc87w]{margin:0 0 9px;font-size:13px;font-weight:800}.nested-detail[b-1vms3mc87w]  .e-grid{border-radius:9px;overflow:hidden}
/* /Components/Shared/Analysis/MonthlyCollectionCustomerDetail.razor.rz.scp.css */
.monthly-customer-detail[b-u4lu27kyhd]{min-height:120px;border-radius:11px;background:#f7f9fb;padding:12px}.detail-loading[b-u4lu27kyhd],.empty-detail[b-u4lu27kyhd]{display:flex;min-height:150px;align-items:center;justify-content:center;gap:8px;color:#8791a2}.detail-title[b-u4lu27kyhd]{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.detail-title h4[b-u4lu27kyhd]{margin:0;font-size:13px;font-weight:800}.detail-title span[b-u4lu27kyhd]{color:#8791a2;font-size:11px}
/* /Components/Shared/Analysis/MonthlyCollectionStatementDetail.razor.rz.scp.css */
.statement-detail[b-nqel1z6v01]{min-height:120px;border-radius:10px;background:#f2f5f8;padding:10px}.statement-loading[b-nqel1z6v01],.empty-statement[b-nqel1z6v01]{display:flex;min-height:130px;align-items:center;justify-content:center;gap:8px;color:#8791a2}.statement-detail h5[b-nqel1z6v01]{margin:0 0 8px;font-size:12px;font-weight:800}
/* /Components/Shared/Analysis/ProductItemAnalysisDetail.razor.rz.scp.css */
.nested-detail[b-p4q584ur4a]{min-height:90px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-p4q584ur4a]{margin:0 0 9px;font-size:13px;font-weight:800}.nested-detail[b-p4q584ur4a]  .e-grid{border-radius:9px;overflow:hidden}
/* /Components/Shared/Analysis/WaitingOrderDetail.razor.rz.scp.css */
.nested-detail[b-dell0d0se9]{min-height:90px;border-radius:10px;background:#f7f9fb;padding:12px}.nested-detail h4[b-dell0d0se9]{margin:0 0 9px;font-size:13px;font-weight:800}.nested-detail[b-dell0d0se9]  .e-grid{border-radius:9px;overflow:hidden}
/* /Components/Shared/Users/UserManagementTabs.razor.rz.scp.css */
.user-tabs[b-ecy2762cxv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    border-bottom: 1px solid #e7ebf0;
    margin-bottom: 18px;
    padding-bottom: 8px;
}

.user-tab[b-ecy2762cxv] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    border-radius: 9px;
    padding: 0 13px;
    color: #687386;
    font-size: 13px;
    font-weight: 700;
}

.user-tab:hover[b-ecy2762cxv] {
    background: #f2f5f8;
    color: #0d86bc;
}

.user-tab.active[b-ecy2762cxv] {
    background: rgb(13 152 209 / 11%);
    color: #0d86bc;
}