/* /Components/AdminWorkspace.razor.rz.scp.css */
.workspace-tabs[b-8wusyatb64] {
    position: relative;
    display: flex;
    gap: 0.2rem;
    overflow-x: auto;
    padding: 0.5rem 1rem 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.26);
    scrollbar-width: thin;
}

.workspace-tab-context-dismiss[b-8wusyatb64] {
    position: fixed;
    inset: 0;
    z-index: 30;
}

.workspace-tab-context-menu[b-8wusyatb64] {
    position: fixed;
    z-index: 31;
    display: grid;
    min-width: 8rem;
    padding: .3rem;
    border: 1px solid #dbe3ef;
    border-radius: .55rem;
    background: #fff;
    box-shadow: 0 .7rem 1.6rem rgba(15, 23, 42, .18);
}

.workspace-tab-context-menu button[b-8wusyatb64] {
    border: 0;
    padding: .45rem .65rem;
    color: #334155;
    background: transparent;
    text-align: left;
    font: inherit;
    font-size: .78rem;
    cursor: pointer;
}

.workspace-tab-context-menu button:hover[b-8wusyatb64],
.workspace-tab-context-menu button:focus-visible[b-8wusyatb64] {
    border-radius: .35rem;
    color: #4338ca;
    background: #eef2ff;
    outline: none;
}

.workspace-tab[b-8wusyatb64] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-width: 7rem;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 0.55rem 0.55rem 0 0;
    background: rgba(255, 255, 255, 0.38);
}

.workspace-tab.is-active[b-8wusyatb64] {
    border-color: rgba(129, 140, 248, 0.56);
    background: #4f46e5;
    box-shadow: 0 -3px 10px rgba(79, 70, 229, 0.12);
}

.workspace-tab-open[b-8wusyatb64],
.workspace-tab-close[b-8wusyatb64] {
    border: 0;
    background: transparent;
    color: #475569;
}

.workspace-tab-open[b-8wusyatb64] {
    min-width: 0;
    flex: 1;
    padding: 0.58rem 0.45rem 0.56rem 0.75rem;
    overflow: hidden;
    font-size: 0.82rem;
    font-weight: 700;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-tab-close[b-8wusyatb64] {
    width: 1.85rem;
    height: 2rem;
    color: #94a3b8;
    font-size: 1.2rem;
    line-height: 1;
}

.workspace-tab-close:hover[b-8wusyatb64] {
    color: #ef4444;
}

.workspace-tab.is-active .workspace-tab-open[b-8wusyatb64],
.workspace-tab.is-active .workspace-tab-close[b-8wusyatb64] {
    color: #fff;
}

.workspace-tab.is-active .workspace-tab-close:hover[b-8wusyatb64] {
    color: #fecaca;
}

.workspace-page[b-8wusyatb64] {
    display: none;
}

.workspace-page.is-active[b-8wusyatb64] {
    display: block;
}
/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
.empty-layout-container[b-314qmhaod2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 2rem;
}

.empty-layout-container main[b-314qmhaod2] {
    width: 100%;
    max-width: 500px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-i60hter6xs] {
    min-height: 100vh;
}

.sidebar[b-i60hter6xs] {
    background: rgba(248, 250, 252, 0.42);
    border-right: 1px solid rgba(148, 163, 184, 0.18);
}

main[b-i60hter6xs] {
    min-width: 0;
    background:
        radial-gradient(circle at top right, rgba(96, 165, 250, 0.12), transparent 28%),
        linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

.top-row[b-i60hter6xs] {
    min-height: 4.75rem;
    display: flex;
    align-items: center;
    background: rgba(248, 250, 252, 0.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #e2e8f0;
}

.topbar-shell[b-i60hter6xs] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.topbar-copy[b-i60hter6xs] {
    display: grid;
    gap: 0.15rem;
}

.topbar-copy strong[b-i60hter6xs] {
    font-size: 1rem;
    color: #0f172a;
    font-weight: 700;
}

.topbar-copy span[b-i60hter6xs] {
    font-size: 0.85rem;
    color: #64748b;
}

.topbar-badge[b-i60hter6xs] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.76rem;
    font-weight: 700;
    border: 1px solid #bfdbfe;
}

.content[b-i60hter6xs] {
    padding-top: 1.75rem;
    padding-bottom: 2.5rem;
}

/* --- Glassmorphism Theme Overrides --- */
main[b-i60hter6xs] {
    background: transparent;
}

.top-row[b-i60hter6xs] {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 20px rgba(31, 38, 135, 0.05);
}

.topbar-copy strong[b-i60hter6xs] {
    color: #0f172a;
    text-shadow: none;
    font-weight: 700;
}

.topbar-copy span[b-i60hter6xs] {
    color: #4f46e5;
}

.topbar-badge[b-i60hter6xs] {
    background: rgba(255, 255, 255, 0.5);
    color: #4f46e5;
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    font-weight: 600;
    border-radius: 6px;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-brand[b-9gmnlgu4zh] {
    min-height: 4.75rem;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(255, 255, 255, 0.28);
}

.navbar-brand[b-9gmnlgu4zh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #0f172a;
    text-decoration: none;
}

.nav-brand-mark[b-9gmnlgu4zh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 0.75rem;
    background: linear-gradient(145deg, #eef2ff, #dbeafe);
    color: #4338ca;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.nav-brand-copy[b-9gmnlgu4zh] {
    display: grid;
    gap: 0.08rem;
}

.nav-brand-copy strong[b-9gmnlgu4zh] {
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.nav-brand-copy small[b-9gmnlgu4zh] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.navbar-toggler[b-9gmnlgu4zh] {
    appearance: none;
    cursor: pointer;
    width: 2.75rem;
    height: 2.75rem;
    color: #0f172a;
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 0.75rem;
    background:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2815,23,42,0.84%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
        no-repeat center/1.35rem rgba(255, 255, 255, 0.42);
}

.navbar-toggler:checked[b-9gmnlgu4zh] {
    background-color: rgba(224, 231, 255, 0.72);
}

.nav-scrollable[b-9gmnlgu4zh] {
    display: none;
    padding: 0.9rem 0.75rem 1rem;
    background: rgba(248, 250, 252, 0.3);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-right: 1px solid rgba(148, 163, 184, 0.2);
}

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

.nav-caption[b-9gmnlgu4zh] {
    padding: 0.05rem 0.75rem 0.6rem;
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.nav-group[b-9gmnlgu4zh] {
    margin-bottom: 0.35rem;
}

.nav-group > summary[b-9gmnlgu4zh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.68rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    color: #475569;
    cursor: pointer;
    font-size: 0.79rem;
    font-weight: 800;
    list-style: none;
    user-select: none;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}

.nav-group > summary[b-9gmnlgu4zh]::-webkit-details-marker {
    display: none;
}

.nav-group > summary:hover[b-9gmnlgu4zh],
.nav-group.is-active > summary[b-9gmnlgu4zh] {
    background: rgba(255, 255, 255, 0.44);
    border-color: rgba(255, 255, 255, 0.55);
    color: #1e293b;
}

.nav-group-label[b-9gmnlgu4zh] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.nav-group-label .bi[b-9gmnlgu4zh] {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    flex: 0 0 auto;
    border-radius: 0.14rem;
    background: currentColor;
    color: #64748b;
    font-size: 0;
    opacity: 0.72;
    transform: rotate(45deg);
}

.nav-group.is-active .nav-group-label .bi[b-9gmnlgu4zh] {
    color: #4f46e5;
}

.nav-group-chevron[b-9gmnlgu4zh] {
    width: 0.45rem;
    height: 0.45rem;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 150ms ease;
}

.nav-group[open] .nav-group-chevron[b-9gmnlgu4zh] {
    transform: rotate(225deg) translate(-1px, -1px);
}

.nav-submenu[b-9gmnlgu4zh] {
    display: grid;
    gap: 0.22rem;
    margin: 0.22rem 0 0.45rem 0.65rem;
    padding-left: 0.8rem;
    border-left: 1px solid rgba(148, 163, 184, 0.26);
}

.nav-submenu[b-9gmnlgu4zh]  .nav-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.35rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 0.65rem;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.nav-submenu[b-9gmnlgu4zh]  .nav-link:hover {
    background: rgba(255, 255, 255, 0.48);
    border-color: rgba(255, 255, 255, 0.55);
    color: #1e293b;
    transform: translateX(1px);
}

.nav-submenu[b-9gmnlgu4zh]  .nav-link.active {
    background: rgba(238, 242, 255, 0.82);
    border-color: rgba(165, 180, 252, 0.48);
    color: #4338ca;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.08);
}

.nav-leaf-marker[b-9gmnlgu4zh] {
    width: 0.35rem;
    height: 0.35rem;
    flex: 0 0 auto;
    border: 1px solid currentColor;
    border-radius: 999px;
    opacity: 0.55;
}

.nav-submenu[b-9gmnlgu4zh]  .nav-link.active .nav-leaf-marker {
    border-color: currentColor;
    background: currentColor;
    opacity: 1;
}

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

    .nav-scrollable[b-9gmnlgu4zh] {
        display: block;
        height: calc(100vh - 4.75rem);
        overflow-y: auto;
    }
}

@media (max-width: 640px) {
    .nav-brand[b-9gmnlgu4zh] {
        padding-right: 4.5rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-r6p6uhef0l],
.components-reconnect-repeated-attempt-visible[b-r6p6uhef0l],
.components-reconnect-failed-visible[b-r6p6uhef0l],
.components-pause-visible[b-r6p6uhef0l],
.components-resume-failed-visible[b-r6p6uhef0l],
.components-rejoining-animation[b-r6p6uhef0l] {
    display: none;
}

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


#components-reconnect-modal[b-r6p6uhef0l] {
    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-r6p6uhef0l 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-r6p6uhef0l {
    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/OrderSearchSelect.razor.rz.scp.css */
.order-search-select[b-g63utzz79j] {
    position: relative;
}

.order-search-results[b-g63utzz79j] {
    position: absolute;
    z-index: 10;
    top: calc(100% + .35rem);
    right: 0;
    left: 0;
    max-height: 18rem;
    overflow-y: auto;
    padding: .35rem;
    border: 1px solid #dbe3ef;
    border-radius: .7rem;
    background: #fff;
    box-shadow: 0 .65rem 1.4rem rgba(15, 23, 42, .12);
}

.order-search-option[b-g63utzz79j] {
    display: grid;
    width: 100%;
    gap: .18rem;
    padding: .65rem .7rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: #1e293b;
    text-align: left;
}

.order-search-option:hover[b-g63utzz79j],
.order-search-option:focus-visible[b-g63utzz79j] {
    background: #eff6ff;
    outline: none;
}

.order-search-option span[b-g63utzz79j],
.order-search-option small[b-g63utzz79j],
.order-search-hint[b-g63utzz79j] {
    color: #64748b;
    font-size: .78rem;
}

.order-search-hint[b-g63utzz79j] {
    padding: .75rem .7rem;
}
/* /Components/Pages/AfterSales.razor.rz.scp.css */
.after-sales-grid[b-08ubpfu9c0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

.after-sales-grid .panel[b-08ubpfu9c0] {
    min-width: 0;
}

.after-sales-grid table[b-08ubpfu9c0] {
    min-width: 1080px;
}

.after-sales-actions[b-08ubpfu9c0] {
    white-space: nowrap;
}

.table-scroll[b-08ubpfu9c0] {
    overflow-x: auto;
}

.muted-cell[b-08ubpfu9c0] {
    margin-top: .2rem;
    color: #64748b;
    font-size: .78rem;
}

.flow-label[b-08ubpfu9c0] {
    display: inline-flex;
    padding: .2rem .45rem;
    border-radius: .45rem;
    background: #eef2ff;
    color: #4338ca;
    font-size: .78rem;
    font-weight: 700;
}

.tracking-number[b-08ubpfu9c0] {
    color: #334155;
    font-family: Consolas, "Courier New", monospace;
    font-size: .83rem;
}

.amount-refund[b-08ubpfu9c0] {
    color: #b42318;
}

.amount-charge[b-08ubpfu9c0] {
    color: #067647;
}

.amount-direction[b-08ubpfu9c0] {
    display: block;
    margin-top: 4px;
}

.after-sales-flow[b-08ubpfu9c0] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: 1.2rem;
    padding: .85rem 1rem;
    overflow-x: auto;
    border: 1px solid #e0e7ff;
    border-radius: .9rem;
    background: #f8faff;
    color: #94a3b8;
}

.flow-node[b-08ubpfu9c0] {
    flex: 0 0 auto;
    padding: .3rem .65rem;
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    background: #fff;
    color: #64748b;
    font-size: .8rem;
    font-weight: 700;
}

.flow-node.active[b-08ubpfu9c0] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.flow-node.warning[b-08ubpfu9c0] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.checkbox-line[b-08ubpfu9c0] {
    display: flex !important;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .55rem !important;
}

.checkbox-line input[b-08ubpfu9c0] {
    width: auto;
}

@media (max-width: 1100px) {
    .after-sales-grid[b-08ubpfu9c0] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/DeviceLicenses.razor.rz.scp.css */
.device-license-grid[b-nb8n58xjcb] {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
}

.device-license-grid > .panel[b-nb8n58xjcb] {
    min-width: 0;
}

.table-scroll[b-nb8n58xjcb] {
    max-width: 100%;
    overflow-x: auto;
}

.table-scroll table[b-nb8n58xjcb] {
    min-width: 100%;
}

@media (max-width: 1100px) {
    .device-license-grid[b-nb8n58xjcb] {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
    }
}

@media (max-width: 820px) {
    .device-license-grid[b-nb8n58xjcb] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Fulfillment.razor.rz.scp.css */
.fulfillment-metrics[b-qw10bnzoe9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fulfillment-modal[b-qw10bnzoe9] {
    width: min(1180px, calc(100vw - 32px)) !important;
    max-height: calc(100vh - 2rem);
}

.fulfillment-modal .panel-body[b-qw10bnzoe9] {
    padding: .85rem 1rem .8rem;
}

.fulfillment-form[b-qw10bnzoe9] {
    gap: .75rem;
}

.fulfillment-workspace[b-qw10bnzoe9] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: .75rem 1rem;
    align-items: start;
}

.fulfillment-section[b-qw10bnzoe9] {
    min-width: 0;
    padding: .75rem .85rem;
    border: 1px solid #e2e8f0;
    border-radius: .85rem;
    background: rgba(248, 250, 252, .82);
}

.fulfillment-section-primary[b-qw10bnzoe9] {
    grid-row: span 2;
}

.section-kicker[b-qw10bnzoe9] {
    margin-bottom: .65rem;
    color: #475569;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.fulfillment-form .form-grid-two[b-qw10bnzoe9] {
    gap: .6rem .75rem;
}

.fulfillment-form label[b-qw10bnzoe9] {
    gap: .28rem;
    font-size: .82rem;
}

.fulfillment-form input[b-qw10bnzoe9],
.fulfillment-form select[b-qw10bnzoe9],
.fulfillment-form textarea[b-qw10bnzoe9] {
    min-width: 0;
    padding: .55rem .7rem;
    border-radius: .62rem;
    font-size: .84rem;
}

.fulfillment-form textarea[b-qw10bnzoe9] {
    min-height: 3.1rem;
}

.fulfillment-form .form-span-full[b-qw10bnzoe9] {
    grid-column: 1 / -1;
}

.fulfillment-inline-note[b-qw10bnzoe9],
.fulfillment-actions[b-qw10bnzoe9] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.fulfillment-inline-note[b-qw10bnzoe9] {
    justify-content: space-between;
    margin-top: .65rem;
    color: #64748b;
    font-size: .76rem;
}

.fulfillment-inline-note .btn[b-qw10bnzoe9] {
    padding: .35rem .55rem;
    font-size: .75rem;
}

.fulfillment-actions[b-qw10bnzoe9] {
    justify-content: flex-end;
    padding-top: .15rem;
}

.fulfillment-required-note[b-qw10bnzoe9] {
    margin-right: auto;
    color: #94a3b8;
    font-size: .76rem;
}

.table-scroll[b-qw10bnzoe9] {
    overflow-x: auto;
}

.table-scroll table[b-qw10bnzoe9] {
    min-width: 1120px;
}

.muted-cell[b-qw10bnzoe9] {
    margin-top: .2rem;
    color: #64748b;
    font-size: .78rem;
}

.tracking-number[b-qw10bnzoe9] {
    margin-top: .22rem;
    color: #334155;
    font-family: Consolas, "Courier New", monospace;
    font-size: .83rem;
}

.flow-label[b-qw10bnzoe9] {
    display: inline-flex;
    padding: .2rem .45rem;
    border-radius: .45rem;
    background: #eef2ff;
    color: #4338ca;
    font-size: .78rem;
    font-weight: 700;
}

.status-text-danger[b-qw10bnzoe9] {
    color: #b42318;
}

.tracking-provider-state[b-qw10bnzoe9] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: .75rem;
    color: #64748b;
    font-size: .82rem;
}

.tracking-notice[b-qw10bnzoe9] {
    margin: 0 0 1rem;
    padding: .7rem .9rem;
    border: 1px solid #abefc6;
    border-radius: .7rem;
    background: #ecfdf3;
    color: #067647;
    font-size: .86rem;
}

.flow-strip[b-qw10bnzoe9] {
    display: grid;
    gap: .65rem;
    margin-bottom: 1.2rem;
    padding: .85rem 1rem;
    border: 1px solid #e0e7ff;
    border-radius: .9rem;
    background: #f8faff;
}

.flow-strip-label[b-qw10bnzoe9] {
    color: #64748b;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.flow-strip-items[b-qw10bnzoe9] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: #94a3b8;
}

.flow-node[b-qw10bnzoe9] {
    padding: .3rem .65rem;
    border: 1px solid #dbe3ef;
    border-radius: 999px;
    background: #fff;
    color: #64748b;
    font-size: .8rem;
    font-weight: 700;
}

.flow-node.active[b-qw10bnzoe9] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.flow-node.warning[b-qw10bnzoe9] {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.fulfillment-form select[b-qw10bnzoe9],
.fulfillment-form input[b-qw10bnzoe9],
.fulfillment-form textarea[b-qw10bnzoe9] {
    min-width: 0;
}

@media (max-width: 900px) {
    .fulfillment-metrics[b-qw10bnzoe9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fulfillment-modal[b-qw10bnzoe9] {
        max-height: calc(100vh - 2rem);
        overflow: auto;
    }

    .fulfillment-workspace[b-qw10bnzoe9] {
        grid-template-columns: 1fr;
    }

    .fulfillment-section-primary[b-qw10bnzoe9] {
        grid-row: auto;
    }

    .fulfillment-required-note[b-qw10bnzoe9] {
        width: 100%;
        margin-right: 0;
    }
}
/* /Components/Pages/Licenses.razor.rz.scp.css */
.license-page-header[b-oimuzys17f] {
    align-items: flex-end;
    margin-bottom: 1rem;
}

.license-page-header h1[b-oimuzys17f] {
    letter-spacing: -0.025em;
}

.license-page-header p:not(.eyebrow)[b-oimuzys17f] {
    max-width: 52rem;
}

.license-page-header-actions[b-oimuzys17f],
.license-filter-group[b-oimuzys17f],
.license-toolbar[b-oimuzys17f],
.license-quota[b-oimuzys17f],
.license-date-input[b-oimuzys17f],
.license-inline-checkbox[b-oimuzys17f] {
    display: flex;
    align-items: center;
}

.license-page-header-actions[b-oimuzys17f] {
    gap: .75rem;
}

.license-context[b-oimuzys17f] {
    display: grid;
    gap: .1rem;
    min-width: 5.4rem;
    padding-right: .9rem;
    border-right: 1px solid #dbe3ef;
    text-align: right;
}

.license-context strong[b-oimuzys17f] {
    color: #102a43;
    font-size: 1.15rem;
    line-height: 1;
}

.license-context span[b-oimuzys17f] {
    color: #62748a;
    font-size: .75rem;
}

.license-toolbar[b-oimuzys17f] {
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0;
    padding: .75rem 0 1rem;
    border-bottom: 1px solid #dbe3ef;
}

.license-filter-group[b-oimuzys17f] {
    gap: .65rem;
    flex-wrap: wrap;
}

.license-search-field[b-oimuzys17f],
.license-filter-field[b-oimuzys17f] {
    display: grid;
    gap: .28rem;
}

.license-search-field > span[b-oimuzys17f],
.license-filter-field > span[b-oimuzys17f] {
    color: #62748a;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.license-search-field .search-input[b-oimuzys17f] {
    min-width: 16rem;
}

.license-ledger-panel[b-oimuzys17f] {
    border-color: #d9e2ec;
    border-radius: .75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.license-ledger-title[b-oimuzys17f] {
    padding: .9rem 1rem;
    background: #fbfdff;
}

.license-ledger-title > div[b-oimuzys17f] {
    display: grid;
    gap: .18rem;
}

.license-ledger-title p[b-oimuzys17f] {
    margin: 0;
    color: #62748a;
    font-size: .78rem;
}

.license-table-wrap[b-oimuzys17f] {
    overflow-x: auto;
}

.license-table[b-oimuzys17f] {
    min-width: 86rem;
}

.license-table th[b-oimuzys17f] {
    padding-top: .7rem;
    padding-bottom: .7rem;
    color: #62748a;
    background: #f8fafc;
    font-size: .69rem;
}

.license-table td[b-oimuzys17f] {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.license-table tbody tr:hover[b-oimuzys17f] {
    background: #f6f9fc;
}

.license-number[b-oimuzys17f],
.license-name[b-oimuzys17f],
.license-owner[b-oimuzys17f] {
    white-space: nowrap;
}

.license-number strong[b-oimuzys17f] {
    color: #183b56;
    font-family: Consolas, "Cascadia Mono", monospace;
    font-size: .78rem;
    font-weight: 700;
}

.license-name strong[b-oimuzys17f],
.license-owner[b-oimuzys17f] {
    color: #243b53;
    font-weight: 650;
}

.license-mode[b-oimuzys17f],
.license-membership[b-oimuzys17f] {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: 0 .45rem;
    border: 1px solid #d9e2ec;
    border-radius: .3rem;
    color: #486581;
    font-size: .76rem;
    font-weight: 700;
    white-space: nowrap;
}

.license-membership[b-oimuzys17f] {
    border-color: transparent;
    background: #f0f4f8;
}

.license-feature-cell[b-oimuzys17f] {
    min-width: 16rem;
    max-width: 24rem;
}

.license-feature-list[b-oimuzys17f] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.license-feature-chip[b-oimuzys17f] {
    display: inline-grid;
    gap: .08rem;
    max-width: 100%;
    padding: .28rem .42rem;
    border: 1px solid #d9e2ec;
    border-radius: .35rem;
    background: #f8fafc;
    color: #334e68;
    line-height: 1.2;
}

.license-feature-chip strong[b-oimuzys17f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .73rem;
    font-weight: 700;
}

.license-feature-chip small[b-oimuzys17f],
.license-feature-empty[b-oimuzys17f] {
    color: #829ab1;
    font-size: .68rem;
}

.license-feature-empty[b-oimuzys17f] {
    white-space: nowrap;
}

.license-quota[b-oimuzys17f] {
    gap: .22rem;
    color: #829ab1;
    font-size: .76rem;
    white-space: nowrap;
}

.license-quota strong[b-oimuzys17f] {
    color: #243b53;
    font-size: .92rem;
}

.license-quota-divider[b-oimuzys17f] {
    margin: 0 .15rem;
    color: #bcccdc;
}

.license-expiry-cell[b-oimuzys17f] {
    display: grid;
    gap: .18rem;
    white-space: nowrap;
}

.license-expiry-cell > strong[b-oimuzys17f] {
    color: #243b53;
    font-size: .82rem;
}

.license-expiry-state[b-oimuzys17f] {
    color: #62748a;
    font-size: .72rem;
}

.license-expiry-permanent[b-oimuzys17f] {
    color: #0f766e;
}

.license-expiry-soon[b-oimuzys17f] {
    color: #b45309;
    font-weight: 700;
}

.license-expiry-expired[b-oimuzys17f] {
    color: #b42318;
    font-weight: 700;
}

.license-action-cell[b-oimuzys17f] {
    min-width: 16rem;
}

.license-action-cell .btn[b-oimuzys17f] {
    margin: .15rem .2rem .15rem 0;
    border-radius: .45rem;
    padding: .4rem .55rem;
    font-size: .78rem;
    font-weight: 650;
    box-shadow: none;
}

.license-action-cell .btn:hover[b-oimuzys17f],
.license-refresh:hover[b-oimuzys17f] {
    transform: none;
    box-shadow: none;
}

.license-action-primary[b-oimuzys17f] {
    border-color: #9ec5fe;
    color: #175cd3;
}

.license-modal-card[b-oimuzys17f] {
    max-width: 54rem;
}

.license-editor-modal-card .panel-body[b-oimuzys17f] {
    padding: .8rem 1rem 1rem;
}

.license-editor-modal-card .compact-editor-form[b-oimuzys17f] {
    gap: .45rem .9rem;
}

.license-editor-modal-card .license-form-section[b-oimuzys17f] {
    padding: .38rem 0;
}

.license-editor-modal-card .license-form-section-heading[b-oimuzys17f] {
    margin-bottom: .45rem;
}

.license-editor-modal-card .license-form-section-heading p[b-oimuzys17f],
.license-editor-modal-card .license-rule-note[b-oimuzys17f] {
    display: none;
}

.license-editor-modal-card .license-form-grid[b-oimuzys17f] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .38rem .75rem;
}

.license-editor-modal-card .license-form-field-compact[b-oimuzys17f] {
    max-width: none;
}

.license-editor-modal-card .login-form label[b-oimuzys17f] {
    gap: .25rem;
}

.license-editor-modal-card .compact-editor-form input[b-oimuzys17f],
.license-editor-modal-card .compact-editor-form select[b-oimuzys17f],
.license-editor-modal-card .compact-editor-form textarea[b-oimuzys17f] {
    min-height: 1.85rem;
    padding: .25rem .55rem;
    line-height: 1.2;
}

.license-editor-modal-card .compact-editor-form label > span[b-oimuzys17f] {
    font-size: .78rem;
}

.license-editor-modal-card .license-inline-checkbox[b-oimuzys17f] {
    min-height: 1.9rem;
}

.license-editor-modal-card .license-date-input > input[b-oimuzys17f] {
    width: 0;
    flex: 1 1 auto;
}

.license-editor-modal-card .form-actions[b-oimuzys17f] {
    padding-top: .65rem;
}

.license-quick-presets[b-oimuzys17f] {
    display: grid;
    gap: .65rem;
    margin: 1rem 0;
    padding: .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.license-quick-presets > div:first-child[b-oimuzys17f] {
    display: flex;
    align-items: baseline;
    gap: .55rem;
}

.license-quick-presets > div:first-child strong[b-oimuzys17f] {
    color: #243b53;
    font-size: .82rem;
}

.license-quick-presets > div:first-child span[b-oimuzys17f] {
    color: #64748b;
    font-size: .74rem;
}

.license-quick-preset-list[b-oimuzys17f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.license-quick-preset[b-oimuzys17f] {
    display: grid;
    gap: .25rem;
    padding: .65rem .75rem;
    border: 1px solid #dbe3ef;
    border-radius: 9px;
    color: #243b53;
    background: #fff;
    text-align: left;
    cursor: pointer;
}

.license-quick-preset:hover[b-oimuzys17f],
.license-quick-preset:focus-visible[b-oimuzys17f] {
    border-color: #6366f1;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, .12);
}

.license-quick-preset strong[b-oimuzys17f] {
    font-size: .78rem;
}

.license-quick-preset small[b-oimuzys17f] {
    color: #64748b;
    font-size: .7rem;
}

.license-rule-note[b-oimuzys17f] {
    margin: .25rem 0;
    color: #64748b;
    font-size: .73rem;
}

.license-form-section[b-oimuzys17f] {
    margin: 0;
    padding: 1rem 0;
    border-top: 1px solid #e5edf5;
    grid-column: 1 / -1;
}

.license-form-section:first-of-type[b-oimuzys17f] {
    padding-top: 0;
    border-top: 0;
}

.license-form-section-heading[b-oimuzys17f] {
    margin-bottom: .75rem;
}

.license-form-section-heading h3[b-oimuzys17f] {
    margin: 0;
    color: #243b53;
    font-size: .88rem;
}

.license-form-section-heading p[b-oimuzys17f] {
    margin: .2rem 0 0;
    color: #829ab1;
    font-size: .76rem;
}

.license-form-grid[b-oimuzys17f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
}

.license-form-grid label[b-oimuzys17f] {
    margin: 0;
}

.license-form-field-wide[b-oimuzys17f] {
    grid-column: 1 / -1;
}

.license-form-field-wide .search-input[b-oimuzys17f] {
    margin-bottom: .4rem;
}

.license-date-input[b-oimuzys17f] {
    gap: .5rem;
}

.license-date-input > input[b-oimuzys17f] {
    min-width: 0;
}

.license-inline-checkbox[b-oimuzys17f] {
    gap: .35rem;
    min-height: 2.5rem;
    color: #486581;
    font-size: .84rem;
    white-space: nowrap;
}

.license-modal-card .form-actions[b-oimuzys17f] {
    margin-top: .25rem;
    padding-top: 1rem;
    border-top: 1px solid #e5edf5;
}

@media (max-width: 720px) {
    .license-page-header[b-oimuzys17f],
    .license-toolbar[b-oimuzys17f] {
        align-items: stretch;
        flex-direction: column;
    }

    .license-page-header-actions[b-oimuzys17f] {
        justify-content: space-between;
    }

    .license-filter-group[b-oimuzys17f] {
        width: 100%;
    }

    .license-search-field[b-oimuzys17f],
    .license-filter-field[b-oimuzys17f] {
        flex: 1 1 12rem;
    }

    .license-search-field .search-input[b-oimuzys17f] {
        min-width: 0;
        width: 100%;
    }

    .license-refresh[b-oimuzys17f] {
        align-self: flex-end;
    }

    .license-form-grid[b-oimuzys17f] {
        grid-template-columns: 1fr;
    }

    .license-form-field-wide[b-oimuzys17f] {
        grid-column: auto;
    }
}

@media (min-width: 721px) and (max-width: 900px) {
    .license-editor-modal-card .license-form-grid[b-oimuzys17f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .license-editor-modal-card .license-form-field-compact[b-oimuzys17f] {
        max-width: none;
    }
}

@media (max-width: 620px) {
    .license-quick-preset-list[b-oimuzys17f] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OrderChannels.razor.rz.scp.css */
.order-channel-badge[b-h0uswusqtv] { white-space: nowrap; }
/* /Components/Pages/Orders.razor.rz.scp.css */
.order-license-modal[b-ml531u8tpb] {
    width: min(920px, calc(100vw - 32px));
}

.order-license-modal .panel-body[b-ml531u8tpb],
.order-items-modal .panel-body[b-ml531u8tpb] {
    padding: 1.25rem 1.5rem;
}

.order-license-context[b-ml531u8tpb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.order-license-context > div[b-ml531u8tpb] {
    display: grid;
    gap: .25rem;
    padding: .75rem .9rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.order-license-context span[b-ml531u8tpb],
.order-license-section-heading p[b-ml531u8tpb],
.order-license-item-meta[b-ml531u8tpb],
.order-license-item-expiry span[b-ml531u8tpb] {
    color: #64748b;
    font-size: .75rem;
}

.order-license-context strong[b-ml531u8tpb],
.order-license-item-main strong[b-ml531u8tpb],
.order-license-item-expiry strong[b-ml531u8tpb] {
    color: #172554;
    font-size: .88rem;
}

.order-license-preview[b-ml531u8tpb],
.order-license-options[b-ml531u8tpb] {
    padding: 1rem 0;
    border-top: 1px solid #e2e8f0;
}

.order-license-section-heading[b-ml531u8tpb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.order-license-section-heading h3[b-ml531u8tpb] {
    margin: 0;
    color: #243b53;
    font-size: .95rem;
}

.order-license-section-heading p[b-ml531u8tpb] {
    margin: .25rem 0 0;
}

.order-license-count[b-ml531u8tpb] {
    padding: .25rem .55rem;
    border-radius: 999px;
    color: #4338ca;
    background: #eef2ff;
    font-size: .75rem;
    white-space: nowrap;
}

.order-license-items[b-ml531u8tpb] {
    display: grid;
    gap: .5rem;
}

.order-license-item[b-ml531u8tpb] {
    display: grid;
    grid-template-columns: 1.25fr .9fr 1.1fr;
    align-items: center;
    gap: .75rem;
    padding: .75rem .85rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
}

.order-license-item-main[b-ml531u8tpb],
.order-license-item-expiry[b-ml531u8tpb] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.order-license-item-main span[b-ml531u8tpb] {
    color: #475569;
    font-size: .8rem;
}

.order-license-item-meta[b-ml531u8tpb] {
    display: grid;
    gap: .2rem;
}

.order-license-item-expiry[b-ml531u8tpb] {
    justify-items: end;
    text-align: right;
}

.order-license-item-expiry.is-permanent strong[b-ml531u8tpb] {
    color: #15803d;
}

.order-license-item-expiry span[b-ml531u8tpb] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-license-error-list[b-ml531u8tpb],
.order-license-empty[b-ml531u8tpb] {
    padding: .75rem .9rem;
    border-radius: 9px;
    color: #991b1b;
    background: #fff1f2;
    font-size: .8rem;
}

.order-license-error-list p[b-ml531u8tpb] {
    margin: 0;
}

.order-license-error-list p + p[b-ml531u8tpb] {
    margin-top: .3rem;
}

.order-license-options-grid[b-ml531u8tpb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
}

.order-license-rule-note[b-ml531u8tpb] {
    margin: .15rem 0 .75rem;
    padding: .65rem .8rem;
    border-left: 3px solid #6366f1;
    border-radius: 0 8px 8px 0;
    color: #475569;
    background: #f4f7ff;
    font-size: .78rem;
}

.order-items-modal[b-ml531u8tpb] {
    width: min(1120px, calc(100vw - 32px));
}

.order-items-workspace[b-ml531u8tpb] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr);
    gap: 1.25rem;
    align-items: start;
}

.order-items-list-panel[b-ml531u8tpb],
.order-items-entry-panel[b-ml531u8tpb] {
    min-width: 0;
}

.order-items-entry-panel[b-ml531u8tpb] {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.order-items-heading[b-ml531u8tpb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .75rem;
    color: #243b53;
    font-size: 1rem;
}

.order-items-table-wrap[b-ml531u8tpb] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.order-items-table[b-ml531u8tpb] {
    width: 100%;
    min-width: 660px;
    border-collapse: collapse;
    text-align: left;
    font-size: .82rem;
}

.order-items-table th[b-ml531u8tpb],
.order-items-table td[b-ml531u8tpb] {
    padding: .7rem .75rem;
    border-bottom: 1px solid #edf2f7;
    vertical-align: middle;
}

.order-items-table th[b-ml531u8tpb] {
    color: #62748a;
    background: #f8fafc;
    font-size: .72rem;
    font-weight: 600;
}

.order-items-table tbody tr:last-child td[b-ml531u8tpb] {
    border-bottom: 0;
}

.order-items-table tbody tr:hover[b-ml531u8tpb] {
    background: #f8fbff;
}

.order-item-product-cell[b-ml531u8tpb] {
    min-width: 185px;
}

.order-item-product-name[b-ml531u8tpb] {
    color: #243b53;
    font-weight: 600;
}

.order-item-feature-name[b-ml531u8tpb] {
    margin-top: .25rem;
    color: #64748b;
    font-size: .74rem;
}

.order-item-feature-name.all-features[b-ml531u8tpb] {
    color: #15803d;
}

.order-item-notes[b-ml531u8tpb] {
    margin-top: .3rem;
    color: #94a3b8;
    font-size: .7rem;
    font-style: italic;
}

.order-item-edition-cell[b-ml531u8tpb] {
    color: #475569;
    white-space: nowrap;
}

.numeric-cell[b-ml531u8tpb] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.order-item-total-cell[b-ml531u8tpb] {
    color: #4338ca;
    font-weight: 700;
}

.order-item-delete[b-ml531u8tpb] {
    padding: .25rem .55rem;
    font-size: .72rem;
}

.order-items-form[b-ml531u8tpb] {
    display: grid;
    gap: .75rem;
    margin: 0;
}

@media (max-width: 860px) {
    .order-license-context[b-ml531u8tpb],
    .order-license-options-grid[b-ml531u8tpb],
    .order-items-workspace[b-ml531u8tpb] {
        grid-template-columns: 1fr;
    }

    .order-license-item[b-ml531u8tpb] {
        grid-template-columns: 1fr 1fr;
    }

    .order-license-item-expiry[b-ml531u8tpb] {
        justify-items: start;
        text-align: left;
    }
}

@media (max-width: 560px) {
    .order-license-modal .panel-body[b-ml531u8tpb],
    .order-items-modal .panel-body[b-ml531u8tpb] {
        padding: 1rem;
    }

    .order-license-item[b-ml531u8tpb] {
        grid-template-columns: 1fr;
    }
}
.order-workbench-modal[b-ml531u8tpb] { width: min(980px, 96vw); }
.order-workbench-modal > .panel-body[b-ml531u8tpb] {
    padding: .8rem 1rem 1rem;
}

/* 编辑订单的短字段按四列排布，地址等长字段保持整行。 */
.order-workbench-modal .compact-editor-form[b-ml531u8tpb] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem .7rem;
    font-size: .8rem;
}

.order-workbench-modal .compact-editor-form > label[b-ml531u8tpb] {
    gap: .2rem;
    min-width: 0;
}

.order-workbench-modal .compact-editor-form > label > span[b-ml531u8tpb] {
    font-size: .76rem;
}

.order-workbench-modal .compact-editor-form > label.form-span-full[b-ml531u8tpb],
.order-workbench-modal .compact-editor-form > .form-actions[b-ml531u8tpb] {
    grid-column: 1 / -1;
}

.order-workbench-modal .compact-editor-form input[b-ml531u8tpb],
.order-workbench-modal .compact-editor-form select[b-ml531u8tpb],
.order-workbench-modal .compact-editor-form textarea[b-ml531u8tpb] {
    min-height: 1.85rem;
    padding: .28rem .5rem;
    line-height: 1.2;
}

.order-workbench-modal .compact-editor-form textarea[b-ml531u8tpb] {
    height: 2.45rem;
}

.order-workbench-modal .compact-editor-form .form-actions[b-ml531u8tpb] {
    margin-top: .2rem;
    padding-top: .6rem;
}

.order-delete-result-card[b-ml531u8tpb] { width: min(560px, 94vw); }
.order-page-error-boundary[b-ml531u8tpb] { margin: 1rem 0; }
.order-delete-shipments[b-ml531u8tpb] { display: grid; gap: .35rem; margin: .7rem 0; }
.order-delete-shipments div[b-ml531u8tpb] { display: flex; justify-content: space-between; gap: .5rem; padding: .5rem .6rem; border-radius: .5rem; background: #fff7ed; color: #9a3412; font-size: .78rem; }

.order-workbench-grid[b-ml531u8tpb] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
    gap: .8rem;
}

.order-workbench-main[b-ml531u8tpb],
.order-workbench-side[b-ml531u8tpb] {
    display: grid;
    gap: .8rem;
    align-content: start;
}

.order-workbench-card[b-ml531u8tpb] {
    padding: .85rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .72);
}

@media (max-width: 900px) {
    .order-workbench-modal .compact-editor-form[b-ml531u8tpb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.order-workbench-heading[b-ml531u8tpb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .65rem;
}

.order-workbench-heading h3[b-ml531u8tpb] {
    margin: 0;
    font-size: .95rem;
}

.order-workbench-heading span[b-ml531u8tpb],
.order-workbench-card label > span[b-ml531u8tpb] {
    color: #64748b;
    font-size: .75rem;
}

.order-workbench-two-col[b-ml531u8tpb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem .8rem;
}

.order-user-suggestions[b-ml531u8tpb] {
    display: grid;
    gap: .25rem;
    margin: -.25rem 0 .55rem;
    padding: .3rem;
    border: 1px solid #c7d2fe;
    border-radius: .65rem;
    background: #fff;
}

.order-user-suggestion[b-ml531u8tpb] {
    display: grid;
    gap: .15rem;
    padding: .45rem .55rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: #334155;
    text-align: left;
    cursor: pointer;
}

.order-user-suggestion:hover[b-ml531u8tpb] { background: #eef2ff; }
.order-user-suggestion strong[b-ml531u8tpb] { font-size: .78rem; }
.order-user-suggestion span[b-ml531u8tpb] { color: #64748b; font-size: .7rem; }

.order-workbench-warning[b-ml531u8tpb] {
    margin: -.25rem 0 .55rem;
    padding: .45rem .55rem;
    border-radius: .5rem;
    background: #fff7ed;
    color: #c2410c;
    font-size: .76rem;
}

.order-workbench-item-add[b-ml531u8tpb],
.order-workbench-item[b-ml531u8tpb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.order-workbench-item-add[b-ml531u8tpb] { margin-top: .65rem; color: #64748b; font-size: .78rem; }
.order-workbench-items[b-ml531u8tpb] { display: grid; gap: .35rem; margin-top: .65rem; }
.order-workbench-item[b-ml531u8tpb] { padding: .45rem .55rem; border-radius: .5rem; background: #f8fafc; font-size: .75rem; }
.order-workbench-item strong[b-ml531u8tpb] { margin-left: auto; color: #4338ca; }
.btn.subtle[b-ml531u8tpb] { padding: .3rem .45rem; font-size: .7rem; }

.order-amount-line[b-ml531u8tpb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .4rem 0;
    color: #64748b;
    font-size: .82rem;
}

.order-amount-line.final[b-ml531u8tpb] { margin-top: .45rem; border-top: 1px dashed #cbd5e1; color: #0f172a; font-size: 1.05rem; font-weight: 800; }
.order-license-ready[b-ml531u8tpb] { display: grid; gap: .3rem; background: #ecfdf5; color: #166534; font-size: .78rem; line-height: 1.45; }
.discount-cell[b-ml531u8tpb] { color: #dc2626; }

@media (max-width: 850px) {
    .order-workbench-grid[b-ml531u8tpb] { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .order-workbench-two-col[b-ml531u8tpb] { grid-template-columns: 1fr; }
}

/* Order detail drawer workspace */
.order-items-modal[b-ml531u8tpb] {
    width: min(1040px, calc(100vw - 32px));
    max-height: min(820px, calc(100vh - 32px));
    overflow: hidden;
    background: #f4f6fa;
}

.order-items-header[b-ml531u8tpb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.5rem 1.1rem;
    border-bottom: 1px solid #e2e7ef;
    background: #fff;
}

.order-items-header h2[b-ml531u8tpb],
.order-items-entry-heading h3[b-ml531u8tpb],
.order-items-list-toolbar h3[b-ml531u8tpb] {
    margin: 0;
    color: #17233a;
}

.order-items-header h2[b-ml531u8tpb] { font-size: 1.15rem; letter-spacing: -.015em; }
.order-items-kicker[b-ml531u8tpb] { margin: 0 0 .3rem; color: #5a67b8; font-size: .68rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.order-items-context[b-ml531u8tpb] { margin: .35rem 0 0; color: #718096; font-size: .78rem; }
.order-items-header-meta[b-ml531u8tpb] { display: flex; align-items: center; gap: .75rem; }
.order-items-count[b-ml531u8tpb] { padding: .35rem .6rem; border-radius: 999px; color: #4f46b8; background: #eef0ff; font-size: .72rem; font-weight: 700; white-space: nowrap; }
.modal-close-button[b-ml531u8tpb] { display: inline-grid; width: 2rem; height: 2rem; place-items: center; border: 0; border-radius: .55rem; color: #7b8799; background: transparent; font-size: 1.35rem; line-height: 1; cursor: pointer; }
.modal-close-button:hover[b-ml531u8tpb] { color: #17233a; background: #f0f2f6; }

.order-items-workspace[b-ml531u8tpb] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr);
    gap: 1rem;
    min-height: 0;
    padding: 1rem 1.5rem;
    overflow: auto;
}

.order-items-list-panel[b-ml531u8tpb] { min-width: 0; }
.order-items-list-toolbar[b-ml531u8tpb] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .75rem; }
.order-items-list-toolbar p[b-ml531u8tpb] { margin: .25rem 0 0; color: #7b8799; font-size: .74rem; }
.order-items-list[b-ml531u8tpb] { display: grid; gap: .65rem; }
.order-item-card[b-ml531u8tpb] { padding: .9rem 1rem .8rem; border: 1px solid #e1e6ee; border-radius: .8rem; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.order-item-card:hover[b-ml531u8tpb], .order-item-card.is-editing[b-ml531u8tpb] { border-color: #b8b9f2; box-shadow: 0 5px 18px rgba(38, 48, 89, .06); }
.order-item-card-topline[b-ml531u8tpb] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.order-item-product-name[b-ml531u8tpb] { color: #26344b; font-size: .88rem; font-weight: 750; }
.order-item-feature-name[b-ml531u8tpb] { margin-top: .28rem; color: #758197; font-size: .72rem; }
.order-item-feature-name.all-features[b-ml531u8tpb] { color: #2f8b70; }
.order-item-edition-pill[b-ml531u8tpb] { padding: .28rem .5rem; border-radius: .4rem; color: #59667e; background: #f1f3f7; font-size: .7rem; white-space: nowrap; }
.order-item-card-meta[b-ml531u8tpb] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: .75rem; color: #8993a4; font-size: .72rem; }
.order-item-card-meta strong[b-ml531u8tpb] { color: #4a5870; font-weight: 650; }
.order-item-card-meta .order-item-notes[b-ml531u8tpb] { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.order-item-price-grid[b-ml531u8tpb] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin-top: .8rem; }
.order-item-price-grid > div[b-ml531u8tpb], .order-items-preview > div[b-ml531u8tpb] { display: flex; align-items: center; justify-content: space-between; gap: .45rem; padding: .55rem .65rem; border-radius: .55rem; background: #f7f8fb; }
.order-item-price-grid span[b-ml531u8tpb], .order-items-preview span[b-ml531u8tpb] { color: #8993a4; font-size: .68rem; }
.order-item-price-grid strong[b-ml531u8tpb], .order-items-preview strong[b-ml531u8tpb] { color: #35435a; font-size: .78rem; font-variant-numeric: tabular-nums; }
.order-item-price-grid .has-discount[b-ml531u8tpb], .order-items-preview .has-discount[b-ml531u8tpb] { background: #fff6f5; }
.order-item-price-grid .has-discount span[b-ml531u8tpb], .order-item-price-grid .has-discount strong[b-ml531u8tpb], .order-items-preview .has-discount span[b-ml531u8tpb], .order-items-preview .has-discount strong[b-ml531u8tpb] { color: #bd5a62; }
.order-item-price-grid .is-net[b-ml531u8tpb], .order-items-preview .is-net[b-ml531u8tpb] { background: #eef0ff; }
.order-item-price-grid .is-net span[b-ml531u8tpb], .order-item-price-grid .is-net strong[b-ml531u8tpb], .order-items-preview .is-net span[b-ml531u8tpb], .order-items-preview .is-net strong[b-ml531u8tpb] { color: #4b46b5; }
.order-item-card-actions[b-ml531u8tpb] { display: flex; justify-content: flex-end; gap: .35rem; margin-top: .65rem; }
.btn.subtle[b-ml531u8tpb] { padding: .3rem .5rem; border-color: transparent; color: #59667e; background: transparent; font-size: .72rem; }
.btn.subtle:hover[b-ml531u8tpb] { border-color: #dfe3ec; background: #f7f8fb; }
.btn.danger.subtle[b-ml531u8tpb] { color: #b2555e; }

.order-items-empty[b-ml531u8tpb] { display: grid; place-items: center; gap: .35rem; padding: 3rem 1.25rem; border: 1px dashed #cbd3e0; border-radius: .8rem; background: rgba(255, 255, 255, .65); text-align: center; }
.order-items-empty-mark[b-ml531u8tpb] { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; margin-bottom: .25rem; border-radius: .7rem; color: #4f46b8; background: #eef0ff; font-size: 1.3rem; }
.order-items-empty strong[b-ml531u8tpb] { color: #35435a; font-size: .88rem; }
.order-items-empty p[b-ml531u8tpb] { margin: 0 0 .6rem; color: #7b8799; font-size: .74rem; }

.order-items-summary[b-ml531u8tpb] { display: grid; gap: .35rem; margin-top: .75rem; padding: .85rem 1rem; border: 1px solid #e1e6ee; border-radius: .8rem; background: #fff; }
.order-items-summary > div[b-ml531u8tpb] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; color: #7b8799; font-size: .75rem; }
.order-items-summary strong[b-ml531u8tpb] { color: #35435a; font-variant-numeric: tabular-nums; }
.order-items-summary .has-discount strong[b-ml531u8tpb], .order-items-summary .legacy-discount strong[b-ml531u8tpb] { color: #bd5a62; }
.order-items-summary-final[b-ml531u8tpb] { margin-top: .35rem; padding-top: .65rem; border-top: 1px solid #e7eaf0; color: #26344b !important; font-size: .9rem !important; font-weight: 750; }
.order-items-summary-final strong[b-ml531u8tpb] { color: #4b46b5; font-size: 1.1rem; }
.order-items-summary-note[b-ml531u8tpb] { margin: .15rem 0 0; color: #8b95a7; font-size: .68rem; line-height: 1.4; }

.order-credentials-modal[b-ml531u8tpb] { width: min(560px, calc(100vw - 32px)); }
.order-credentials-grid[b-ml531u8tpb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.order-credentials-grid > div[b-ml531u8tpb] { display: grid; gap: .25rem; padding: .7rem .8rem; border-radius: .65rem; background: #f7f8fb; }
.order-credentials-grid span[b-ml531u8tpb], .order-credentials-password span[b-ml531u8tpb] { color: #7b8799; font-size: .72rem; }
.order-credentials-grid strong[b-ml531u8tpb] { color: #26344b; font-size: .82rem; }
.order-credentials-password[b-ml531u8tpb] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .75rem; padding: .85rem .9rem; border: 1px solid #cfd2fa; border-radius: .7rem; background: #eef0ff; }
.order-credentials-password code[b-ml531u8tpb] { color: #4039af; font-size: 1.25rem; font-weight: 800; letter-spacing: .16em; }
.order-credentials-note[b-ml531u8tpb] { margin: .75rem 0 0; color: #7b8799; font-size: .74rem; line-height: 1.55; }

.order-items-entry-panel[b-ml531u8tpb] { align-self: start; padding: 1rem; border: 1px solid #dfe4ef; border-radius: .85rem; background: #fff; }
.order-items-entry-heading[b-ml531u8tpb] { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; padding-bottom: .8rem; border-bottom: 1px solid #edf0f4; }
.order-items-entry-heading h3[b-ml531u8tpb] { font-size: .95rem; }
.order-items-form[b-ml531u8tpb] { display: grid; gap: .75rem; margin-top: .9rem; }
.order-items-form label[b-ml531u8tpb] { display: grid; gap: .32rem; margin: 0; }
.order-items-form label > span[b-ml531u8tpb] { color: #65728a; font-size: .72rem; font-weight: 650; }
.order-items-form label em[b-ml531u8tpb] { color: #a1aaba; font-style: normal; font-weight: 450; }
.order-items-form input[b-ml531u8tpb], .order-items-form select[b-ml531u8tpb] { width: 100%; min-height: 2.15rem; padding: .45rem .6rem; border: 1px solid #dfe4ec; border-radius: .5rem; color: #26344b; background: #fafbfc; font-size: .78rem; }
.order-items-form input:focus[b-ml531u8tpb], .order-items-form select:focus[b-ml531u8tpb] { border-color: #8b89e7; outline: 3px solid rgba(99, 102, 241, .12); }
.order-items-form-grid[b-ml531u8tpb] { display: grid; grid-template-columns: 1fr 1.3fr; gap: .65rem; }
.order-items-help[b-ml531u8tpb] { margin: -.2rem 0 0; color: #929bad; font-size: .68rem; line-height: 1.4; }
.order-items-preview[b-ml531u8tpb] { display: grid; gap: .4rem; margin-top: .15rem; padding-top: .75rem; border-top: 1px solid #edf0f4; }
.order-items-preview .is-net[b-ml531u8tpb] { padding: .7rem .65rem; }
.order-items-preview .is-net strong[b-ml531u8tpb] { font-size: .9rem; }
.order-items-submit[b-ml531u8tpb] { width: 100%; margin-top: .15rem; }
.order-items-footer[b-ml531u8tpb] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1.5rem 1rem; border-top: 1px solid #e2e7ef; color: #8b95a7; background: #fff; font-size: .72rem; }

@media (max-width: 800px) {
    .order-items-workspace[b-ml531u8tpb] { grid-template-columns: 1fr; }
    .order-items-entry-panel[b-ml531u8tpb] { order: -1; }
}

@media (max-width: 560px) {
    .order-items-header[b-ml531u8tpb], .order-items-workspace[b-ml531u8tpb], .order-items-footer[b-ml531u8tpb] { padding-left: 1rem; padding-right: 1rem; }
    .order-items-header[b-ml531u8tpb] { padding-top: 1rem; }
    .order-items-header-meta[b-ml531u8tpb] { align-items: flex-start; }
    .order-items-count[b-ml531u8tpb] { display: none; }
    .order-item-price-grid[b-ml531u8tpb] { grid-template-columns: 1fr; }
    .order-items-footer[b-ml531u8tpb] { align-items: flex-start; flex-direction: column; }
    .order-credentials-grid[b-ml531u8tpb] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.report-period-panel[b-vgmq8fpgfo] {
    overflow: visible;
}

.report-period-panel > .panel-title[b-vgmq8fpgfo] {
    position: relative;
    z-index: 30;
    overflow: visible;
}

.report-order-summary .panel-title[b-vgmq8fpgfo],
.report-year-trend .panel-title[b-vgmq8fpgfo] {
    align-items: flex-start;
}

.report-summary-metrics[b-vgmq8fpgfo] {
    margin: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.report-summary-tables[b-vgmq8fpgfo] {
    margin: 0 16px 16px;
    gap: 16px;
}

.report-summary-tables > div[b-vgmq8fpgfo] {
    min-width: 0;
}

.report-subtitle[b-vgmq8fpgfo] {
    padding: 0 0 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 750;
}

.report-chart-legend[b-vgmq8fpgfo] {
    display: flex;
    gap: 18px;
    padding: 14px 16px 0;
    color: #64748b;
    font-size: 12px;
}

.report-chart-legend span[b-vgmq8fpgfo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.report-chart-legend i[b-vgmq8fpgfo] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.report-legend-amount[b-vgmq8fpgfo] { background: #5548d9; }
.report-legend-quantity[b-vgmq8fpgfo] { background: #2aa198; }

.report-bar-chart[b-vgmq8fpgfo] {
    display: grid;
    grid-template-columns: repeat(12, minmax(30px, 1fr));
    align-items: end;
    gap: 10px;
    min-height: 210px;
    padding: 16px 20px 12px;
    border-bottom: 1px solid #e2e8f0;
}

.report-bar-column[b-vgmq8fpgfo] {
    display: grid;
    grid-template-rows: 18px 150px 20px;
    align-items: end;
    min-width: 0;
    text-align: center;
    color: #64748b;
    font-size: 11px;
}

.report-bar-value[b-vgmq8fpgfo] {
    color: #334155;
    font-weight: 700;
}

.report-bar-stack[b-vgmq8fpgfo] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 3px;
    height: 150px;
}

.report-bar[b-vgmq8fpgfo] {
    width: min(14px, 40%);
    min-height: 3px;
    border-radius: 5px 5px 0 0;
}

.report-bar.amount[b-vgmq8fpgfo] { background: #5548d9; }
.report-bar.quantity[b-vgmq8fpgfo] { background: #2aa198; }

.report-version-trend[b-vgmq8fpgfo] {
    display: grid;
    gap: 7px;
    padding: 14px 20px 18px;
}

.report-version-row[b-vgmq8fpgfo] {
    display: grid;
    grid-template-columns: 36px 1fr 52px;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 11px;
}

.report-version-stack[b-vgmq8fpgfo] {
    display: flex;
    height: 10px;
    overflow: hidden;
    border-radius: 5px;
    background: #eef2f7;
}

.report-version-stack i[b-vgmq8fpgfo] {
    display: block;
    min-width: 2px;
    background: #5548d9;
}

.report-version-stack i:nth-child(2)[b-vgmq8fpgfo] { background: #2aa198; }
.report-version-stack i:nth-child(3)[b-vgmq8fpgfo] { background: #f59e0b; }
.report-version-stack i:nth-child(4)[b-vgmq8fpgfo] { background: #e76f51; }

.report-period-actions[b-vgmq8fpgfo] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.report-month-picker[b-vgmq8fpgfo] {
    position: relative;
}

.report-month-trigger[b-vgmq8fpgfo] {
    min-width: 142px;
    height: 38px;
    padding: 0 12px 0 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface, #fff);
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    font: inherit;
    cursor: pointer;
}

.report-month-trigger:hover[b-vgmq8fpgfo],
.report-month-trigger:focus-visible[b-vgmq8fpgfo] {
    border-color: var(--primary);
    outline: 3px solid color-mix(in srgb, var(--primary) 18%, transparent);
}

.report-month-trigger-text[b-vgmq8fpgfo] {
    font-weight: 650;
    letter-spacing: .01em;
}

.report-month-popover[b-vgmq8fpgfo] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 8px);
    right: 0;
    width: 286px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface, #fff);
    box-shadow: 0 18px 42px rgba(15, 23, 42, .16);
}

.report-month-popover-header[b-vgmq8fpgfo] {
    height: 34px;
    display: grid;
    grid-template-columns: 32px 1fr 32px;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid var(--border);
    margin-bottom: 10px;
}

.report-month-nav[b-vgmq8fpgfo] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--text-secondary);
    cursor: pointer;
}

.report-month-nav:hover:not(:disabled)[b-vgmq8fpgfo],
.report-month-nav:focus-visible[b-vgmq8fpgfo] {
    background: var(--primary-subtle);
    color: var(--primary);
}

.report-month-nav:disabled[b-vgmq8fpgfo] {
    opacity: .35;
    cursor: not-allowed;
}

.report-picker-year[b-vgmq8fpgfo] {
    border: 0;
    background: transparent;
    color: #1f2937;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
}

.report-picker-year:hover[b-vgmq8fpgfo],
.report-picker-year:focus-visible[b-vgmq8fpgfo] {
    color: var(--primary, #5548d9);
    text-decoration: underline;
    outline: none;
}

.report-year-grid[b-vgmq8fpgfo] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    min-height: 174px;
}

.report-year-option[b-vgmq8fpgfo] {
    min-height: 42px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #f8fafc;
    color: #1f2937;
    font: inherit;
    cursor: pointer;
}

.report-year-option.selected[b-vgmq8fpgfo] {
    border-color: #5548d9;
    background: #5548d9;
    color: #fff;
    font-weight: 700;
}

.report-month-grid[b-vgmq8fpgfo] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    min-height: 174px;
}

.report-month-option[b-vgmq8fpgfo] {
    min-height: 48px;
    padding: 6px 4px;
    border: 1px solid #dbe3ef !important;
    border-radius: 8px;
    background: #f8fafc !important;
    color: #1f2937 !important;
    font: inherit;
    font-size: 13px;
    line-height: 1.25;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    visibility: visible !important;
}

.report-month-label[b-vgmq8fpgfo] {
    display: block !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    visibility: visible !important;
}

.report-month-option:hover:not(:disabled)[b-vgmq8fpgfo],
.report-month-option:focus-visible[b-vgmq8fpgfo] {
    border-color: var(--primary);
    background: var(--primary-subtle);
    outline: none;
}

.report-month-option.selected[b-vgmq8fpgfo] {
    background: #5548d9 !important;
    border-color: #5548d9 !important;
    color: #fff !important;
    font-weight: 700;
}

.report-month-option.selected .report-month-label[b-vgmq8fpgfo],
.report-month-option.selected small[b-vgmq8fpgfo] {
    color: #fff !important;
}

.report-month-option.closed:not(.selected)[b-vgmq8fpgfo] {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
}

.report-month-option:disabled[b-vgmq8fpgfo] {
    color: #94a3b8 !important;
    background: #eef2f7 !important;
    cursor: not-allowed;
    opacity: .55;
}

.report-month-option small[b-vgmq8fpgfo] {
    font-size: 10px;
    line-height: 1;
    opacity: .78;
    color: #64748b !important;
    visibility: visible !important;
}

.report-month-popover-footer[b-vgmq8fpgfo] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: 12px;
}

.report-month-today[b-vgmq8fpgfo] {
    border: 0;
    background: transparent;
    color: var(--primary);
    font: inherit;
    cursor: pointer;
    white-space: nowrap;
}

.report-month-today:hover[b-vgmq8fpgfo],
.report-month-today:focus-visible[b-vgmq8fpgfo] {
    text-decoration: underline;
}

@media (max-width: 720px) {
    .report-summary-metrics[b-vgmq8fpgfo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .report-bar-chart[b-vgmq8fpgfo] {
        gap: 4px;
        padding-inline: 10px;
    }

    .report-period-actions[b-vgmq8fpgfo] {
        align-items: stretch;
        flex-direction: column;
    }

    .report-month-picker[b-vgmq8fpgfo],
    .report-month-trigger[b-vgmq8fpgfo] {
        width: 100%;
    }

    .report-month-popover[b-vgmq8fpgfo] {
        left: 0;
        right: auto;
        width: min(286px, calc(100vw - 48px));
    }
}
/* /Components/Pages/SystemUsers.razor.rz.scp.css */
.system-user-modal[b-4yeocaw9s0] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

.system-user-modal > .panel-title[b-4yeocaw9s0] {
    flex: 0 0 auto;
    padding-top: .78rem;
    padding-bottom: .78rem;
}

.system-user-modal > .panel-body[b-4yeocaw9s0] {
    min-height: 0;
    overflow: auto;
    padding: .85rem 1rem 0;
}

.system-user-form[b-4yeocaw9s0] {
    gap: .55rem .8rem;
}

.system-user-basics[b-4yeocaw9s0] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .8rem;
}

.system-user-basics label[b-4yeocaw9s0] {
    gap: .28rem;
}

.system-user-enabled[b-4yeocaw9s0] {
    display: flex !important;
    align-items: center;
    gap: .5rem !important;
}

.system-user-enabled span[b-4yeocaw9s0] {
    margin-right: .3rem;
}

.permission-groups[b-4yeocaw9s0] {
    grid-column: 1 / -1;
    display: grid;
    gap: .45rem;
}

.permission-hint[b-4yeocaw9s0] {
    margin: 0;
    color: #64748b;
    font-size: .78rem;
    line-height: 1.35;
}

.permission-group[b-4yeocaw9s0] {
    min-width: 0;
    margin: 0;
    padding: .45rem .55rem .55rem;
    border: 1px solid #dbe4ef;
    border-radius: .65rem;
}

.permission-group legend[b-4yeocaw9s0] {
    width: auto;
    margin-left: .25rem;
    padding: 0 .35rem;
    color: #334155;
    font-size: .78rem;
    font-weight: 800;
}

.permission-grid[b-4yeocaw9s0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem .5rem;
}

.permission-item[b-4yeocaw9s0] {
    display: flex !important;
    align-items: center;
    min-width: 0;
    min-height: 2rem;
    padding: .32rem .5rem;
    border: 1px solid #edf1f6;
    border-radius: .5rem;
    background: #f8fafc;
    font-size: .78rem;
    font-weight: 650;
}

.permission-item input[b-4yeocaw9s0] {
    flex: 0 0 auto;
    margin-right: .4rem;
}

.permission-item span[b-4yeocaw9s0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.system-user-form > .form-actions[b-4yeocaw9s0] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    grid-column: 1 / -1;
    margin: .25rem -1rem 0;
    padding: .7rem 1rem;
    border-top: 1px solid #dbe4ef;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

@media (max-width: 760px) {
    .system-user-basics[b-4yeocaw9s0],
    .permission-grid[b-4yeocaw9s0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .system-user-basics[b-4yeocaw9s0],
    .permission-grid[b-4yeocaw9s0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.order-provisioning-card[b-7o7os9g38x] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: .9rem;
    background: linear-gradient(135deg, #f8fbff 0%, #eef2ff 100%);
}

.order-provisioning-heading[b-7o7os9g38x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.order-provisioning-heading strong[b-7o7os9g38x] {
    color: #1e3a8a;
}

.order-provisioning-heading p[b-7o7os9g38x] {
    max-width: 720px;
    margin: .35rem 0 0;
    color: #64748b;
    font-size: .82rem;
    line-height: 1.55;
}

.order-provisioning-heading input[b-7o7os9g38x] {
    width: auto;
    margin-top: .1rem;
}

.order-provisioning-fields[b-7o7os9g38x] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #dbeafe;
}