/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-7f2ag8thbm] {
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--gamma-bg);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.gamma-shell[b-ur5a9dyggm] {
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--gamma-bg);
}

.shell-collapse-toggle[b-ur5a9dyggm],
.shell-nav-toggle[b-ur5a9dyggm] {
    position: fixed;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.shell-sidebar[b-ur5a9dyggm] {
    position: fixed;
    z-index: 30;
    inset-block: 0;
    inset-inline-start: 0;
    width: 232px;
    display: flex;
    flex-direction: column;
    color: #fff;
    background: var(--gamma-sidebar);
    border-inline-end: 1px solid #223246;
    transition: width 160ms ease, transform 160ms ease;
}

.shell-stage[b-ur5a9dyggm] {
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
    margin-inline-start: 232px;
    transition: margin-inline-start 160ms ease;
}

.shell-topbar[b-ur5a9dyggm] {
    position: sticky;
    z-index: 20;
    inset-block-start: 0;
    min-height: 72px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: rgba(255, 255, 255, 0.97);
    border-block-end: 1px solid var(--gamma-border);
}

.page-heading[b-ur5a9dyggm] {
    min-width: 176px;
}

.heading-row[b-ur5a9dyggm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-heading h1[b-ur5a9dyggm] {
    margin: 0;
    color: var(--gamma-text);
    font-size: 20px;
    font-weight: 750;
    line-height: 1.45;
}

.breadcrumbs[b-ur5a9dyggm] {
    margin-block-start: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gamma-text-muted);
    font-size: 12px;
}

.breadcrumbs span[aria-current="page"][b-ur5a9dyggm] {
    color: var(--gamma-primary);
}

.mobile-menu-button[b-ur5a9dyggm] {
    width: 44px;
    height: 44px;
    display: none;
    place-items: center;
    color: var(--gamma-text);
    border: 1px solid var(--gamma-border);
    border-radius: 8px;
    cursor: pointer;
}

.mobile-menu-button[b-ur5a9dyggm]  svg {
    width: 23px;
    height: 23px;
}

.topbar-actions[b-ur5a9dyggm] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.factory-context[b-ur5a9dyggm],
.search-control[b-ur5a9dyggm],
.topbar-icon-button[b-ur5a9dyggm],
.logout-button[b-ur5a9dyggm] {
    min-height: 44px;
    color: var(--gamma-text);
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 8px;
    font: inherit;
}

.factory-context[b-ur5a9dyggm] {
    min-width: 190px;
    padding: 5px 9px;
    display: flex;
    align-items: center;
    gap: 9px;
    text-align: start;
}

.factory-context:disabled[b-ur5a9dyggm],
.search-control:disabled[b-ur5a9dyggm],
.topbar-icon-button:disabled[b-ur5a9dyggm] {
    opacity: 1;
}

.context-icon[b-ur5a9dyggm] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border-radius: 7px;
}

.context-icon[b-ur5a9dyggm]  svg {
    width: 21px;
    height: 21px;
}

.context-copy[b-ur5a9dyggm] {
    min-width: 0;
    display: grid;
    flex: 1;
}

.context-copy small[b-ur5a9dyggm],
.user-copy small[b-ur5a9dyggm] {
    color: var(--gamma-text-muted);
    font-size: 11px;
}

.context-copy strong[b-ur5a9dyggm],
.user-copy strong[b-ur5a9dyggm] {
    overflow: hidden;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.factory-context[b-ur5a9dyggm]  .context-chevron {
    width: 16px;
    height: 16px;
    color: var(--gamma-text-muted);
}

.search-control[b-ur5a9dyggm] {
    width: min(210px, 18vw);
    padding-inline: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8a96a8;
    text-align: start;
}

.search-control[b-ur5a9dyggm]  svg,
.topbar-icon-button[b-ur5a9dyggm]  svg,
.logout-button[b-ur5a9dyggm]  svg {
    width: 20px;
    height: 20px;
}

.topbar-icon-button[b-ur5a9dyggm],
.logout-button[b-ur5a9dyggm] {
    width: 44px;
    padding: 0;
    display: grid;
    flex: 0 0 44px;
    place-items: center;
}

.user-context[b-ur5a9dyggm] {
    min-width: 188px;
    margin-inline-start: 4px;
    padding-inline-start: 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    border-inline-start: 1px solid var(--gamma-border);
}

.user-avatar[b-ur5a9dyggm] {
    width: 38px;
    height: 38px;
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    color: #fff;
    background: #344054;
    border-radius: 50%;
    font-weight: 700;
}

.user-copy[b-ur5a9dyggm] {
    min-width: 0;
    display: grid;
    flex: 1;
}

.user-context form[b-ur5a9dyggm] {
    margin: 0;
}

.logout-button[b-ur5a9dyggm] {
    color: var(--gamma-text-muted);
    border-color: transparent;
}

.logout-button:hover[b-ur5a9dyggm] {
    color: var(--gamma-danger);
    background: #fff5f5;
    border-color: #fecaca;
}

.logout-button:focus-visible[b-ur5a9dyggm],
.mobile-menu-button:focus-visible[b-ur5a9dyggm] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 2px;
}

.shell-content[b-ur5a9dyggm] {
    padding: 16px;
}

.shell-overlay[b-ur5a9dyggm] {
    display: none;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm] {
    width: 72px;
}

.shell-collapse-toggle:checked ~ .shell-stage[b-ur5a9dyggm] {
    margin-inline-start: 72px;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-brand {
    padding-inline: 16px;
    justify-content: center;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-brand a {
    gap: 0;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-brand a > span,
.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .nav-label {
    width: 0;
    overflow: hidden;
    opacity: 0;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-navigation {
    padding-inline: 8px;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-nav-link,
.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .collapse-menu-control {
    padding-inline: 16px;
    gap: 0;
}

.shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .collapse-menu-control svg {
    transform: scaleX(-1);
}

#blazor-error-ui[b-ur5a9dyggm] {
    position: fixed;
    z-index: 1000;
    inset-inline: 0;
    inset-block-end: 0;
    display: none;
    padding: 11px 18px;
    color: #7f1d1d;
    background: #fff7ed;
    border-block-start: 1px solid #fed7aa;
}

#blazor-error-ui .reload[b-ur5a9dyggm] {
    margin-inline-start: 8px;
}

#blazor-error-ui .dismiss[b-ur5a9dyggm] {
    position: absolute;
    inset-inline-end: 16px;
    cursor: pointer;
}

@media (max-width: 1120px) {
    .search-control[b-ur5a9dyggm] {
        width: 44px;
        padding: 0;
        justify-content: center;
    }

    .search-control span[b-ur5a9dyggm] {
        display: none;
    }

    .user-context[b-ur5a9dyggm] {
        min-width: 0;
    }

    .user-copy[b-ur5a9dyggm] {
        display: none;
    }
}

@media (max-width: 840px) {
    .shell-sidebar[b-ur5a9dyggm] {
        width: min(82vw, 280px);
        transform: translateX(105%);
        box-shadow: -12px 0 30px rgba(15, 23, 42, 0.18);
    }

    .shell-stage[b-ur5a9dyggm],
    .shell-collapse-toggle:checked ~ .shell-stage[b-ur5a9dyggm] {
        margin-inline-start: 0;
    }

    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm] {
        width: min(82vw, 280px);
    }

    .shell-nav-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm] {
        transform: translateX(0);
    }

    .shell-nav-toggle:checked ~ .shell-overlay[b-ur5a9dyggm] {
        position: fixed;
        z-index: 25;
        inset: 0;
        display: block;
        background: rgba(15, 23, 42, 0.48);
    }

    .mobile-menu-button[b-ur5a9dyggm] {
        display: grid;
    }

    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-brand {
        padding-inline: 22px 16px;
        justify-content: space-between;
    }

    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-brand a {
        gap: 11px;
    }

    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-brand a > span,
    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .nav-label {
        width: auto;
        overflow: visible;
        opacity: 1;
    }

    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-navigation {
        padding-inline: 10px;
    }

    .shell-collapse-toggle:checked ~ .shell-sidebar[b-ur5a9dyggm]  .shell-nav-link {
        padding-inline: 14px 12px;
        gap: 13px;
    }
}

@media (max-width: 660px) {
    .shell-topbar[b-ur5a9dyggm] {
        align-items: flex-start;
    }

    .breadcrumbs[b-ur5a9dyggm],
    .factory-context .context-icon[b-ur5a9dyggm],
    .factory-context .context-copy small[b-ur5a9dyggm],
    .topbar-icon-button[b-ur5a9dyggm],
    .user-avatar[b-ur5a9dyggm] {
        display: none;
    }

    .factory-context[b-ur5a9dyggm] {
        min-width: 0;
        max-width: 142px;
        padding-inline: 10px;
    }

    .user-context[b-ur5a9dyggm] {
        padding-inline-start: 4px;
        border: 0;
    }
}

@media (max-width: 460px) {
    .shell-topbar[b-ur5a9dyggm] {
        gap: 8px;
    }

    .page-heading[b-ur5a9dyggm] {
        min-width: 0;
        flex: 1;
    }

    .page-heading h1[b-ur5a9dyggm] {
        font-size: 17px;
    }

    .search-control[b-ur5a9dyggm] {
        display: none;
    }

    .factory-context[b-ur5a9dyggm] {
        max-width: 122px;
    }

    .shell-content[b-ur5a9dyggm] {
        padding: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shell-sidebar[b-ur5a9dyggm],
    .shell-stage[b-ur5a9dyggm] {
        transition: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.shell-brand[b-8spar5w1fn] {
    min-height: 88px;
    padding-inline: 22px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-block-end: 1px solid rgba(255, 255, 255, 0.09);
}

.shell-brand a[b-8spar5w1fn] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    text-decoration: none;
}

.shell-brand a:focus-visible[b-8spar5w1fn],
.collapse-menu-control:focus-visible[b-8spar5w1fn],
.mobile-menu-close:focus-visible[b-8spar5w1fn] {
    outline: 3px solid rgba(88, 213, 197, 0.46);
    outline-offset: 3px;
    border-radius: 6px;
}

.shell-brand-mark[b-8spar5w1fn] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    color: #fff;
}

.mobile-menu-close[b-8spar5w1fn] {
    display: none;
    width: 44px;
    height: 44px;
    place-items: center;
    color: #d8e0eb;
    font-size: 28px;
    cursor: pointer;
}

.shell-navigation[b-8spar5w1fn] {
    padding: 14px 10px;
    display: grid;
    gap: 3px;
    overflow-y: auto;
}

[b-8spar5w1fn] .shell-nav-link {
    position: relative;
    min-height: 48px;
    padding-inline: 14px 12px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #cad4e1;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease;
}

button.shell-nav-link[b-8spar5w1fn] {
    width: 100%;
    border: 0;
    background: transparent;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

[b-8spar5w1fn] .shell-nav-link > svg {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
}

[b-8spar5w1fn] .shell-nav-group-toggle > .nav-group-chevron {
    width: 16px;
    height: 16px;
    margin-inline-start: auto;
    transition: transform 120ms ease;
}

[b-8spar5w1fn] .shell-nav-group-toggle[aria-expanded="true"] > .nav-group-chevron {
    transform: rotate(180deg);
}

.shell-subnavigation[b-8spar5w1fn] {
    margin-block: 2px 5px;
    padding-inline-start: 25px;
}

[b-8spar5w1fn] .shell-subnav-link {
    position: relative;
    min-height: 42px;
    padding-inline: 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #b9c6d6;
    border-radius: 7px;
    text-decoration: none;
    white-space: nowrap;
}

[b-8spar5w1fn] .shell-subnav-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
}

[b-8spar5w1fn] .shell-subnav-link.active {
    color: #fff;
    font-weight: 650;
    background: rgba(15, 159, 143, 0.16);
}

.subnav-marker[b-8spar5w1fn] {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    background: currentColor;
    border-radius: 50%;
}

[b-8spar5w1fn] .shell-nav-link:hover:not(.is-disabled) {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
}

[b-8spar5w1fn] .shell-nav-link.active {
    color: #fff;
    background: rgba(37, 99, 235, 0.24);
}

[b-8spar5w1fn] .shell-nav-link.active::after {
    content: "";
    position: absolute;
    inset-block: 8px;
    inset-inline-start: -10px;
    width: 3px;
    background: #38c9b6;
    border-radius: 3px 0 0 3px;
}

.shell-nav-link.is-disabled[b-8spar5w1fn] {
    cursor: default;
}

.shell-nav-link.is-disabled:hover[b-8spar5w1fn] {
    color: #cad4e1;
}

@media (min-width: 841px) {
    :global(.shell-collapse-toggle:checked) ~ :global(.shell-sidebar) .shell-subnavigation[b-8spar5w1fn] {
        display: none;
    }

    :global(.shell-collapse-toggle:checked) ~ :global(.shell-sidebar)[b-8spar5w1fn]  .nav-group-chevron {
        display: none;
    }
}

.shell-nav-footer[b-8spar5w1fn] {
    margin-block-start: auto;
    padding: 12px 10px 16px;
    border-block-start: 1px solid rgba(255, 255, 255, 0.14);
}

.collapse-menu-control[b-8spar5w1fn] {
    min-height: 46px;
    padding-inline: 14px 12px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #cad4e1;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
}

.collapse-menu-control:hover[b-8spar5w1fn] {
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
}

.collapse-menu-control[b-8spar5w1fn]  svg {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
}

@media (max-width: 840px) {
    .mobile-menu-close[b-8spar5w1fn] {
        display: grid;
    }

    .collapse-menu-control[b-8spar5w1fn] {
        display: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-swx4remo9b],
.components-reconnect-repeated-attempt-visible[b-swx4remo9b],
.components-reconnect-failed-visible[b-swx4remo9b],
.components-pause-visible[b-swx4remo9b],
.components-resume-failed-visible[b-swx4remo9b],
.components-rejoining-animation[b-swx4remo9b] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login-page[b-n7g4hss661] {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: minmax(360px, 42%) minmax(0, 58%);
    background: var(--gamma-bg);
}

.login-brand[b-n7g4hss661] {
    min-height: 100%;
    padding: 40px clamp(32px, 5vw, 72px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    background: var(--gamma-sidebar);
    border-inline-start: 1px solid rgba(255, 255, 255, 0.08);
}

.brand-content[b-n7g4hss661] {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.brand-wordmark[b-n7g4hss661],
.mobile-wordmark[b-n7g4hss661] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
}

.brand-wordmark:focus-visible[b-n7g4hss661] {
    outline: 3px solid rgba(255, 255, 255, 0.75);
    outline-offset: 5px;
    border-radius: 6px;
}

.brand-mark[b-n7g4hss661] {
    width: 44px;
    height: 44px;
}

.brand-message[b-n7g4hss661] {
    max-width: 480px;
    margin-block-start: clamp(72px, 12vh, 136px);
}

.brand-kicker[b-n7g4hss661],
.login-eyebrow[b-n7g4hss661] {
    margin: 0 0 8px;
    color: #58d5c5;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.brand-message h2[b-n7g4hss661] {
    max-width: 430px;
    margin: 0;
    font-size: clamp(27px, 2.6vw, 38px);
    font-weight: 700;
    line-height: 1.5;
}

.brand-message > p:last-child[b-n7g4hss661] {
    max-width: 440px;
    margin: 16px 0 0;
    color: #c7d1df;
    font-size: 15px;
    line-height: 2;
}

.brand-features[b-n7g4hss661] {
    display: grid;
    gap: 12px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
    color: #e8edf4;
}

.brand-features li[b-n7g4hss661] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.feature-icon[b-n7g4hss661] {
    width: 24px;
    height: 24px;
    display: inline-grid;
    flex: 0 0 24px;
    place-items: center;
    color: #9ce7dd;
    background: rgba(15, 159, 143, 0.18);
    border: 1px solid rgba(88, 213, 197, 0.3);
    border-radius: 50%;
    font-size: 12px;
}

.brand-footer[b-n7g4hss661] {
    margin: 40px 0 0;
    color: #8fa0b5;
    font-size: 12px;
}

.login-content[b-n7g4hss661] {
    min-height: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mobile-wordmark[b-n7g4hss661] {
    display: none;
    color: var(--gamma-sidebar);
    font-size: 24px;
}

.mobile-wordmark svg[b-n7g4hss661] {
    width: 36px;
    height: 36px;
}

.login-card[b-n7g4hss661] {
    width: min(100%, 440px);
    padding: 32px;
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.05);
}

.login-header[b-n7g4hss661] {
    margin-block-end: 24px;
}

.login-header h1[b-n7g4hss661] {
    margin: 0;
    color: var(--gamma-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
}

.login-header > p:last-child[b-n7g4hss661] {
    margin: 8px 0 0;
    color: var(--gamma-text-muted);
    line-height: 1.8;
}

.login-eyebrow[b-n7g4hss661] {
    color: var(--gamma-accent);
}

.login-alert[b-n7g4hss661] {
    min-height: 44px;
    margin-block-end: 16px;
    padding: 10px 12px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #991b1b;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 8px;
    line-height: 1.7;
}

.login-alert svg[b-n7g4hss661] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-block-start: 2px;
}

.login-form[b-n7g4hss661] {
    display: grid;
    gap: 16px;
}

.field-group[b-n7g4hss661] {
    display: grid;
    gap: 8px;
}

.field-group label[b-n7g4hss661] {
    color: var(--gamma-text);
    font-weight: 600;
}

.input-shell[b-n7g4hss661] {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 12px;
    background: #fff;
    border: 1px solid #cfd7e3;
    border-radius: 8px;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.input-shell:focus-within[b-n7g4hss661] {
    border-color: var(--gamma-primary);
    box-shadow: 0 0 0 3px var(--gamma-focus);
}

.input-shell svg[b-n7g4hss661] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    color: #7a889c;
}

.input-shell input[b-n7g4hss661] {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0;
    color: var(--gamma-text);
    background: transparent;
    border: 0;
    outline: 0;
    font: inherit;
    text-align: left;
}

.input-shell input[b-n7g4hss661]::placeholder {
    color: #98a2b3;
}

.remember-control[b-n7g4hss661] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    color: var(--gamma-text-muted);
    cursor: pointer;
    user-select: none;
}

.remember-control input[b-n7g4hss661] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--gamma-primary);
}

.remember-control:focus-within[b-n7g4hss661] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 3px;
    border-radius: 4px;
}

.login-button[b-n7g4hss661] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-inline: 18px;
    color: #fff;
    background: var(--gamma-primary);
    border: 1px solid var(--gamma-primary);
    border-radius: 8px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.login-button:hover[b-n7g4hss661] {
    background: var(--gamma-primary-hover);
    border-color: var(--gamma-primary-hover);
}

.login-button:focus-visible[b-n7g4hss661] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 3px;
}

.login-button svg[b-n7g4hss661] {
    width: 19px;
    height: 19px;
    transform: scaleX(-1);
}

.login-help[b-n7g4hss661] {
    margin-block-start: 24px;
    padding-block-start: 16px;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--gamma-text-muted);
    border-block-start: 1px solid var(--gamma-border);
}

.login-help svg[b-n7g4hss661] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-block-start: 1px;
}

.login-help p[b-n7g4hss661] {
    margin: 0;
    line-height: 1.8;
}

.security-note[b-n7g4hss661] {
    max-width: 440px;
    margin: 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--gamma-text-muted);
    font-size: 12px;
    text-align: center;
}

.security-note svg[b-n7g4hss661] {
    width: 17px;
    height: 17px;
}

@media (max-width: 900px) {
    .login-page[b-n7g4hss661] {
        grid-template-columns: 1fr;
    }

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

    .mobile-wordmark[b-n7g4hss661] {
        display: inline-flex;
        margin-block-end: 24px;
    }
}

@media (max-width: 520px) {
    .login-content[b-n7g4hss661] {
        padding: 24px 16px;
        justify-content: flex-start;
    }

    .mobile-wordmark[b-n7g4hss661] {
        margin-block: 8px 20px;
    }

    .login-card[b-n7g4hss661] {
        padding: 24px 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .input-shell[b-n7g4hss661],
    .login-button[b-n7g4hss661] {
        transition: none;
    }
}
/* /Components/Pages/Account/WorkspaceAccessUnavailable.razor.rz.scp.css */
.onboarding-page[b-7s60bihvm6] {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 24px;
    display: grid;
    place-items: center;
    background: var(--gamma-bg);
}

.onboarding-card[b-7s60bihvm6] {
    width: min(100%, 520px);
    padding: 32px;
    color: var(--gamma-text);
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
    text-align: center;
}

.onboarding-brand[b-7s60bihvm6] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--gamma-sidebar);
    font-size: 24px;
    font-weight: 800;
    text-decoration: none;
}

.onboarding-brand svg[b-7s60bihvm6] {
    width: 34px;
    height: 34px;
}

.status-icon[b-7s60bihvm6] {
    width: 60px;
    height: 60px;
    margin: 32px auto 14px;
    display: grid;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border: 1px solid #d7e4ff;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 800;
}

.eyebrow[b-7s60bihvm6] {
    margin: 0 0 6px;
    color: var(--gamma-accent);
    font-size: 12px;
    font-weight: 700;
}

h1[b-7s60bihvm6] {
    margin: 0;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.6;
}

.description[b-7s60bihvm6] {
    margin: 10px 0 0;
    color: var(--gamma-text-muted);
    line-height: 1.9;
}

form[b-7s60bihvm6] {
    margin: 22px 0 0;
}

button[b-7s60bihvm6] {
    min-height: 44px;
    padding-inline: 18px;
    color: #fff;
    background: var(--gamma-primary);
    border: 1px solid var(--gamma-primary);
    border-radius: 8px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

button:hover[b-7s60bihvm6] {
    background: var(--gamma-primary-hover);
}

button:focus-visible[b-7s60bihvm6],
.onboarding-brand:focus-visible[b-7s60bihvm6] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 3px;
}

@media (max-width: 520px) {
    .onboarding-page[b-7s60bihvm6] {
        padding: 16px;
    }

    .onboarding-card[b-7s60bihvm6] {
        padding: 26px 20px;
    }
}
/* /Components/Pages/Account/WorkspaceSelection.razor.rz.scp.css */
.onboarding-page[b-po5lm0zkj8] {
    min-height: 100vh;
    min-height: 100dvh;
    padding: 24px;
    display: grid;
    place-items: center;
    background: var(--gamma-bg);
}

.onboarding-card[b-po5lm0zkj8] {
    width: min(100%, 620px);
    padding: 32px;
    color: var(--gamma-text);
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 10px 28px rgba(23, 32, 51, 0.05);
}

.onboarding-brand[b-po5lm0zkj8] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--gamma-sidebar);
    font-size: 24px;
    font-weight: 800;
    text-decoration: none;
}

.onboarding-brand svg[b-po5lm0zkj8] {
    width: 34px;
    height: 34px;
}

.status-icon[b-po5lm0zkj8] {
    width: 60px;
    height: 60px;
    margin: 28px auto 14px;
    display: grid;
    place-items: center;
    color: var(--gamma-primary);
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 800;
}

.eyebrow[b-po5lm0zkj8] {
    margin: 0 0 6px;
    color: var(--gamma-accent);
    font-size: 12px;
    font-weight: 700;
}

h1[b-po5lm0zkj8] {
    margin: 0;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.6;
}

.description[b-po5lm0zkj8] {
    margin: 10px auto 0;
    max-width: 480px;
    color: var(--gamma-text-muted);
    line-height: 1.9;
}

.context-label[b-po5lm0zkj8] {
    width: fit-content;
    margin: 16px auto 0;
    padding: 7px 12px;
    color: var(--gamma-sidebar);
    background: #f3f6fa;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.selection-alert[b-po5lm0zkj8],
.empty-choice[b-po5lm0zkj8] {
    margin-block-start: 20px;
    padding: 11px 12px;
    border-radius: 8px;
    line-height: 1.8;
}

.selection-alert[b-po5lm0zkj8] {
    color: #991b1b;
    background: #fff5f5;
    border: 1px solid #fecaca;
}

.empty-choice[b-po5lm0zkj8] {
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.choice-list[b-po5lm0zkj8] {
    display: grid;
    gap: 10px;
    margin-block-start: 22px;
    text-align: start;
}

.choice-form[b-po5lm0zkj8] {
    margin: 0;
}

.choice-button[b-po5lm0zkj8] {
    width: 100%;
    min-height: 68px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid #cfd7e3;
    border-radius: 8px;
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

.choice-button:hover[b-po5lm0zkj8] {
    border-color: var(--gamma-primary);
    box-shadow: 0 4px 14px rgba(31, 91, 179, 0.08);
}

.choice-copy[b-po5lm0zkj8] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.choice-copy strong[b-po5lm0zkj8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.choice-copy span[b-po5lm0zkj8] {
    color: var(--gamma-text-muted);
    font-size: 12px;
    text-align: right;
}

.choice-action[b-po5lm0zkj8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    color: var(--gamma-primary);
    font-size: 13px;
    font-weight: 700;
}

.back-link[b-po5lm0zkj8] {
    min-height: 44px;
    margin-block-start: 14px;
    display: inline-flex;
    align-items: center;
    color: var(--gamma-primary);
    font-weight: 700;
    text-decoration: none;
}

.logout-form[b-po5lm0zkj8] {
    margin: 18px 0 0;
    padding-block-start: 18px;
    border-block-start: 1px solid var(--gamma-border);
}

.logout-button[b-po5lm0zkj8] {
    min-height: 44px;
    padding-inline: 18px;
    color: var(--gamma-text-muted);
    background: transparent;
    border: 1px solid var(--gamma-border);
    border-radius: 8px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.logout-button:hover[b-po5lm0zkj8] {
    color: var(--gamma-text);
    border-color: #aeb8c6;
}

.choice-button:focus-visible[b-po5lm0zkj8],
.logout-button:focus-visible[b-po5lm0zkj8],
.back-link:focus-visible[b-po5lm0zkj8],
.onboarding-brand:focus-visible[b-po5lm0zkj8] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 3px;
}

@media (max-width: 520px) {
    .onboarding-page[b-po5lm0zkj8] {
        padding: 16px;
        place-items: start center;
    }

    .onboarding-card[b-po5lm0zkj8] {
        padding: 26px 20px;
    }

    .choice-action[b-po5lm0zkj8] {
        font-size: 0;
    }

    .choice-action span[b-po5lm0zkj8] {
        font-size: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .choice-button[b-po5lm0zkj8] {
        transition: none;
    }
}
/* /Components/Pages/Catalog/AssortmentTemplates.razor.rz.scp.css */
.assortment-page[b-dorozjvkiv]{display:grid;gap:12px}
.assortment-intro[b-dorozjvkiv]{min-height:52px;padding-inline:4px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.assortment-intro p[b-dorozjvkiv]{margin:0;color:var(--gamma-text-muted);line-height:1.8}
.assortment-primary[b-dorozjvkiv]{min-width:112px;min-height:42px;padding-inline:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;white-space:nowrap;color:#fff;background:var(--gamma-primary);border:1px solid var(--gamma-primary);border-radius:8px;font:inherit;font-weight:650;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.new-template-action[b-dorozjvkiv]{min-width:142px;padding-inline:20px}
.assortment-primary:hover:not(:disabled)[b-dorozjvkiv]{box-shadow:0 5px 14px rgba(37,99,235,.2);transform:translateY(-1px)}
.assortment-primary:disabled[b-dorozjvkiv]{opacity:.6;cursor:not-allowed}
.assortment-primary[b-dorozjvkiv]  svg{width:19px;height:19px;display:block;flex:0 0 19px}
.assortment-surface[b-dorozjvkiv],.assortment-preview[b-dorozjvkiv]{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--gamma-border);border-radius:10px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.preview-header[b-dorozjvkiv]{padding:12px;display:grid;grid-template-columns:1fr minmax(240px,420px) 150px;align-items:end;gap:12px;border-block-end:1px solid var(--gamma-border)}
.preview-header>div[b-dorozjvkiv]{display:grid;gap:2px}
.preview-header span[b-dorozjvkiv],.named bdi[b-dorozjvkiv]{color:var(--gamma-text-muted);font-size:12px}
.preview-header select[b-dorozjvkiv],.preview-header input[b-dorozjvkiv]{width:100%;min-height:42px;padding-inline:10px;background:#fff;border:1px solid var(--gamma-border);border-radius:8px;font:inherit}
.preview-header select:focus[b-dorozjvkiv],.preview-header input:focus[b-dorozjvkiv]{outline:2px solid rgba(37,99,235,.18);border-color:var(--gamma-primary)}
.preview-header label[b-dorozjvkiv]{display:grid;gap:4px}
.vector[b-dorozjvkiv]{padding:14px;display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}
.vector-cell[b-dorozjvkiv]{min-width:72px;padding:9px;display:grid;place-items:center;background:#f8fafc;border:1px solid var(--gamma-border);border-radius:8px}
.vector-cell strong[b-dorozjvkiv]{font-size:18px}
.vector-cell.unavailable[b-dorozjvkiv],.size-card.unavailable[b-dorozjvkiv]{color:#9a6700;background:#fffbeb}
.vector-total[b-dorozjvkiv]{padding:10px 14px;display:grid;place-items:center;font-weight:750;color:#067467;background:#ecfdf9;border-radius:8px}
.named[b-dorozjvkiv]{display:grid;gap:2px}
.assortment-status[b-dorozjvkiv]{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}
.assortment-status.active[b-dorozjvkiv]{color:#067467;background:#ecfdf9}
.assortment-status.inactive[b-dorozjvkiv]{color:#5f6c7b;background:#f2f4f7}
.assortment-actions[b-dorozjvkiv]{display:flex;justify-content:center;gap:5px}
.assortment-actions button[b-dorozjvkiv]{width:40px;height:40px;padding:0;display:grid;place-items:center;color:#526174;background:#fff;border:1px solid var(--gamma-border);border-radius:8px;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.assortment-actions button:hover[b-dorozjvkiv]{color:var(--gamma-primary);background:#eef4ff;border-color:#b8cdf7}
.assortment-actions[b-dorozjvkiv]  svg{width:19px;height:19px;display:block;flex:0 0 19px;stroke:currentColor}
.warning-dot[b-dorozjvkiv]{margin-inline-start:6px;padding:1px 7px;color:#9a6700;background:#fffbeb;border-radius:99px;font-weight:800}
.assortment-empty[b-dorozjvkiv]{min-height:140px;padding:24px;display:grid;place-items:center;color:var(--gamma-text-muted)}
.assortment-empty.compact[b-dorozjvkiv]{min-height:92px}
.assortment-error[b-dorozjvkiv]{padding:10px 12px;display:flex;align-items:flex-start;gap:8px;color:#991b1b;background:#fff5f5;border:1px solid #fecaca;border-radius:8px}
.assortment-error[b-dorozjvkiv]  svg{width:19px;height:19px;display:block;flex:0 0 19px;margin-block-start:2px}
.editor-title[b-dorozjvkiv]{display:flex;align-items:center;gap:10px}
.editor-title>div[b-dorozjvkiv]{display:grid;gap:1px}
.editor-title small[b-dorozjvkiv]{color:var(--gamma-text-muted);font-size:11px;font-weight:500}
.editor-title-icon[b-dorozjvkiv]{width:36px;height:36px;display:grid;place-items:center;color:var(--gamma-primary);background:#eef4ff;border-radius:9px}
.editor-title-icon[b-dorozjvkiv]  svg{width:20px;height:20px;display:block}
.assortment-form[b-dorozjvkiv]{padding:0 0 14px;display:grid;grid-template-columns:1fr;gap:12px}
.assortment-form .full[b-dorozjvkiv]{min-width:0}
.template-identity[b-dorozjvkiv]{padding:13px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(190px,.8fr);gap:12px;background:#f8fafc;border:1px solid var(--gamma-border);border-radius:10px}
.form-field[b-dorozjvkiv]{min-width:0;margin:0;display:grid;align-content:start;gap:6px;font-weight:650}
.form-field em[b-dorozjvkiv]{color:#c62828;font-style:normal}
.form-field[b-dorozjvkiv]  .mud-input-control{width:100%;min-height:42px}
.form-field[b-dorozjvkiv]  .mud-input{background:#fff;border-radius:8px}
.line-editor[b-dorozjvkiv]{border:1px solid var(--gamma-border);border-radius:10px;overflow:hidden}
.line-heading[b-dorozjvkiv]{min-height:62px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8fafc;border-block-end:1px solid var(--gamma-border)}
.line-heading>div[b-dorozjvkiv]{display:grid;gap:2px}
.line-heading small[b-dorozjvkiv]{color:var(--gamma-text-muted);font-size:12px;font-weight:400}
.total-badge[b-dorozjvkiv]{padding:7px 11px;flex:0 0 auto;color:#067467;background:#e7f8f3;border:1px solid #b7eadb;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}
.size-grid[b-dorozjvkiv]{max-height:365px;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;overflow-y:auto;overscroll-behavior:contain;background:#fff}
.size-card[b-dorozjvkiv]{min-width:0;padding:9px;display:grid;grid-template-columns:1fr 82px;align-items:end;gap:4px 9px;background:#fff;border:1px solid #e3e8ef;border-radius:9px;cursor:text;transition:border-color .15s ease,box-shadow .15s ease}
.size-card:focus-within[b-dorozjvkiv]{border-color:#9bbaf5;box-shadow:0 0 0 3px rgba(37,99,235,.09)}
.size-identity[b-dorozjvkiv]{min-width:0;display:grid;align-self:center}
.size-identity bdi[b-dorozjvkiv]{font-size:17px;font-weight:750;line-height:1.2}
.size-identity small[b-dorozjvkiv]{overflow:hidden;color:var(--gamma-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.quantity-caption[b-dorozjvkiv]{grid-column:2;color:var(--gamma-text-muted);font-size:10px}
.size-card[b-dorozjvkiv]  .mud-input-control{grid-column:2;width:82px;min-height:38px}
.size-card[b-dorozjvkiv]  .mud-input{min-height:38px;background:#fff;border-radius:7px}
.size-card[b-dorozjvkiv]  input{text-align:center;font-weight:700}
.unavailable-note[b-dorozjvkiv]{grid-column:1/-1;color:#9a6700;font-size:10px;line-height:1.5}
.assortment-form-actions[b-dorozjvkiv]{margin-inline:-16px;margin-block-end:-16px;padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;background:#fbfcfd;border-block-start:1px solid var(--gamma-border)}
.assortment-form-actions>button:not(.assortment-primary)[b-dorozjvkiv]{min-height:42px;padding-inline:16px;background:#fff;border:1px solid var(--gamma-border);border-radius:8px;font:inherit;cursor:pointer}
.assortment-form-actions>button:not(.assortment-primary):hover[b-dorozjvkiv]{background:#f8fafc;border-color:#bdc7d4}
[b-dorozjvkiv] .mud-table-root{border:0}
[b-dorozjvkiv] .mud-table-head .mud-table-cell,[b-dorozjvkiv] .mud-table-body .mud-table-cell{text-align:start}

@media(max-width:760px){
    .assortment-intro[b-dorozjvkiv]{align-items:stretch;flex-direction:column}
    .new-template-action[b-dorozjvkiv]{width:100%}
    .preview-header[b-dorozjvkiv]{grid-template-columns:1fr}
    .template-identity[b-dorozjvkiv]{grid-template-columns:1fr}
    .line-heading[b-dorozjvkiv]{align-items:flex-start;flex-direction:column;gap:8px}
    .size-grid[b-dorozjvkiv]{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));max-height:none}
}

@media(max-width:430px){
    .size-grid[b-dorozjvkiv]{grid-template-columns:1fr}
    .assortment-actions[b-dorozjvkiv]{gap:3px}
    .assortment-actions button[b-dorozjvkiv]{width:38px;height:38px}
}
/* /Components/Pages/Catalog/AttributeDefinitions.razor.rz.scp.css */
.attribute-page[b-kl1w34jxfu] {
    display: grid;
    gap: 12px;
}

.catalog-intro[b-kl1w34jxfu],
.grid-toolbar[b-kl1w34jxfu],
.grid-identity[b-kl1w34jxfu],
.grid-tools[b-kl1w34jxfu],
.row-actions[b-kl1w34jxfu],
.editor-heading[b-kl1w34jxfu],
.section-heading[b-kl1w34jxfu],
.form-actions[b-kl1w34jxfu],
.confirmation-content[b-kl1w34jxfu],
.card-heading[b-kl1w34jxfu],
.card-actions[b-kl1w34jxfu] {
    display: flex;
    align-items: center;
}

.catalog-intro[b-kl1w34jxfu] {
    min-height: 52px;
    padding-inline: 4px;
    justify-content: space-between;
    gap: 16px;
}

.catalog-intro p[b-kl1w34jxfu] {
    max-width: 760px;
    margin: 0;
    color: var(--gamma-text-muted);
}

.primary-action[b-kl1w34jxfu],
.secondary-action[b-kl1w34jxfu],
.text-action[b-kl1w34jxfu] {
    min-height: 44px;
    padding-inline: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
}

.primary-action[b-kl1w34jxfu] {
    color: #fff;
    background: var(--gamma-primary);
    border: 1px solid var(--gamma-primary);
}

.secondary-action[b-kl1w34jxfu] {
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid var(--gamma-border);
}

.primary-action[b-kl1w34jxfu]  svg,
.secondary-action[b-kl1w34jxfu]  svg,
.text-action[b-kl1w34jxfu]  svg {
    width: 18px;
    height: 18px;
}

.primary-action:focus-visible[b-kl1w34jxfu],
.secondary-action:focus-visible[b-kl1w34jxfu],
.icon-action:focus-visible[b-kl1w34jxfu],
.text-action:focus-visible[b-kl1w34jxfu],
.native-select:focus-visible[b-kl1w34jxfu] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 2px;
    font-weight: normal;
}

button:disabled[b-kl1w34jxfu] {
    cursor: wait;
    opacity: .62;
}

.page-error[b-kl1w34jxfu],
.form-error[b-kl1w34jxfu],
.validation-message[b-kl1w34jxfu] {
    padding: 10px 12px;
    color: #991b1b;
    background: #fff5f5;
    border: 1px solid #fecaca;
    border-radius: 8px;
}

.page-error[b-kl1w34jxfu],
.form-error[b-kl1w34jxfu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-error[b-kl1w34jxfu]  svg,
.form-error[b-kl1w34jxfu]  svg {
    width: 19px;
    height: 19px;
}

.catalog-card[b-kl1w34jxfu] {
    min-width: 0;
    overflow: hidden;
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.grid-toolbar[b-kl1w34jxfu] {
    min-height: 64px;
    padding: 9px 12px;
    justify-content: space-between;
    gap: 16px;
    border-block-end: 1px solid var(--gamma-border);
}

.grid-identity[b-kl1w34jxfu] {
    min-width: 190px;
    gap: 10px;
}

.grid-identity > div[b-kl1w34jxfu],
.editor-heading > div[b-kl1w34jxfu] {
    display: grid;
}

.grid-identity small[b-kl1w34jxfu],
.editor-heading small[b-kl1w34jxfu] {
    color: var(--gamma-text-muted);
    font-size: 12px;
}

.grid-icon[b-kl1w34jxfu],
.editor-heading-icon[b-kl1w34jxfu],
.empty-state-icon[b-kl1w34jxfu] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border-radius: 8px;
}

.grid-icon[b-kl1w34jxfu] {
    width: 38px;
    height: 38px;
}

.grid-icon[b-kl1w34jxfu]  svg,
.editor-heading-icon[b-kl1w34jxfu]  svg {
    width: 20px;
    height: 20px;
}

.grid-tools[b-kl1w34jxfu] {
    justify-content: flex-end;
    gap: 8px;
}

.search-field[b-kl1w34jxfu] {
    position: relative;
    width: min(280px, 25vw);
}

.search-field[b-kl1w34jxfu] >  svg {
    position: absolute;
    z-index: 2;
    inset-inline-start: 12px;
    inset-block-start: 50%;
    width: 18px;
    height: 18px;
    color: #7b8798;
    transform: translateY(-50%);
}

.search-field[b-kl1w34jxfu]  .mud-input-control {
    min-height: 40px;
    padding-inline-start: 38px;
    border-color: var(--gamma-border);
    border-radius: 8px;
}

.native-select[b-kl1w34jxfu] {
    min-height: 42px;
    padding-inline: 10px 34px;
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid var(--gamma-border);
    border-radius: 8px;
    font: inherit;
}

.icon-action[b-kl1w34jxfu] {
    width: 42px;
    height: 42px;
    padding: 0;
    display: inline-grid;
    flex: 0 0 42px;
    place-items: center;
    color: var(--gamma-text-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
}

.icon-action[b-kl1w34jxfu]  svg {
    width: 19px;
    height: 19px;
}

.toolbar-action[b-kl1w34jxfu] {
    background: #fff;
    border-color: var(--gamma-border);
}

.edit-action:hover[b-kl1w34jxfu],
.toolbar-action:hover[b-kl1w34jxfu] {
    color: var(--gamma-primary);
    background: #eef4ff;
    border-color: #bfdbfe;
}

.deactivate-action:hover[b-kl1w34jxfu],
.remove-action:hover[b-kl1w34jxfu] {
    color: var(--gamma-danger);
    background: #fff5f5;
    border-color: #fecaca;
}

.activate-action:hover[b-kl1w34jxfu] {
    color: #067467;
    background: #ecfdf9;
    border-color: #99e5d9;
}

.row-actions[b-kl1w34jxfu] {
    justify-content: center;
    gap: 4px;
}

.technical-value[b-kl1w34jxfu],
.card-heading bdi[b-kl1w34jxfu] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
}

.status-chip[b-kl1w34jxfu] {
    min-height: 26px;
    padding-inline: 9px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.status-dot[b-kl1w34jxfu] {
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
}

.is-active[b-kl1w34jxfu] {
    color: #067467;
    background: #ecfdf9;
    border-color: #99e5d9;
}

.is-inactive[b-kl1w34jxfu] {
    color: #5f6c7b;
    background: #f2f4f7;
    border-color: #d0d5dd;
}

.skeleton-table[b-kl1w34jxfu] {
    min-height: 260px;
    padding: 12px;
    display: grid;
    align-content: start;
    gap: 8px;
}

.skeleton-row[b-kl1w34jxfu] {
    height: 44px;
    background: linear-gradient(90deg, #eef1f5 25%, #f8fafc 50%, #eef1f5 75%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: shimmer-b-kl1w34jxfu 1.3s ease-in-out infinite;
}

@keyframes shimmer-b-kl1w34jxfu {
    to { background-position: -200% 0; }
}

.empty-state[b-kl1w34jxfu] {
    min-height: 220px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    color: var(--gamma-text-muted);
    text-align: center;
}

.empty-state-icon[b-kl1w34jxfu] {
    width: 48px;
    height: 48px;
}

.empty-state-icon[b-kl1w34jxfu]  svg {
    width: 26px;
    height: 26px;
}

.mobile-list[b-kl1w34jxfu] {
    display: none;
}

.editor-heading[b-kl1w34jxfu] {
    gap: 9px;
}

.editor-heading-icon[b-kl1w34jxfu] {
    width: 34px;
    height: 34px;
}

.attribute-form[b-kl1w34jxfu] {
    padding: 4px 4px 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.field-full[b-kl1w34jxfu],
.form-error[b-kl1w34jxfu] {
    grid-column: 1 / -1;
}

.form-field[b-kl1w34jxfu] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 6px;
    color: var(--gamma-text);
    font-weight: 650;
}

.form-field em[b-kl1w34jxfu],
.editor-section em[b-kl1w34jxfu] {
    color: var(--gamma-danger);
    font-style: normal;
}

.form-field[b-kl1w34jxfu]  .mud-input-control,
.form-field .native-select[b-kl1w34jxfu] {
    width: 100%;
    min-height: 42px;
    border-color: var(--gamma-border);
    border-radius: 8px;
}

.numeric-fields[b-kl1w34jxfu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.required-toggle[b-kl1w34jxfu] {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 650;
}

.required-toggle input[b-kl1w34jxfu],
.category-grid input[b-kl1w34jxfu] {
    width: 18px;
    height: 18px;
    accent-color: var(--gamma-primary);
}

.editor-section[b-kl1w34jxfu] {
    min-width: 0;
    margin: 0;
    padding: 12px;
    border: 1px solid var(--gamma-border);
    border-radius: 9px;
}

.editor-section legend[b-kl1w34jxfu] {
    width: auto;
    margin: 0;
    padding-inline: 4px;
    font-size: 14px;
    font-weight: 750;
}

.category-grid[b-kl1w34jxfu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px 12px;
}

.category-grid label[b-kl1w34jxfu] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.section-heading[b-kl1w34jxfu] {
    margin-block-end: 10px;
    justify-content: space-between;
}

.secondary-action.compact[b-kl1w34jxfu] {
    min-height: 38px;
    padding-inline: 10px;
    font-size: 12px;
}

.option-list[b-kl1w34jxfu] {
    display: grid;
    gap: 8px;
}

.option-row[b-kl1w34jxfu] {
    display: grid;
    grid-template-columns: minmax(150px, 1.4fr) minmax(120px, 1fr) 90px 42px;
    align-items: end;
    gap: 8px;
}

.form-actions[b-kl1w34jxfu] {
    margin-inline: -16px;
    margin-block-end: -16px;
    padding: 12px 16px;
    justify-content: flex-end;
    gap: 8px;
    background: #fbfcfd;
    border-block-start: 1px solid var(--gamma-border);
}

.validation-message[b-kl1w34jxfu] {
    margin: 0 0 12px;
}

.confirmation-content[b-kl1w34jxfu] {
    align-items: flex-start;
    gap: 10px;
}

.confirmation-content[b-kl1w34jxfu]  svg {
    width: 24px;
    color: var(--gamma-warning);
}

.confirmation-content p[b-kl1w34jxfu] {
    margin: 0;
    color: var(--gamma-text-muted);
    line-height: 1.8;
}

[b-kl1w34jxfu] .attributes-grid {
    border: 0;
}

[b-kl1w34jxfu] .attributes-grid .mud-table-head .mud-table-cell {
    height: 40px;
    color: #475467;
    background: #f8fafc;
    font-size: 12px;
    font-weight: 750;
    text-align: start;
}

[b-kl1w34jxfu] .attributes-grid .mud-table-body .mud-table-cell {
    height: 44px;
    padding-block: 3px;
    text-align: start;
    border-color: #edf0f4;
}

[b-kl1w34jxfu] .attribute-editor-window .gamma-modal-header {
    padding: 12px 16px;
    background: #fff;
    border-block-end: 1px solid var(--gamma-border);
}

[b-kl1w34jxfu] .attribute-editor-window .gamma-modal-content {
    padding: 16px;
}

@media (max-width: 840px) {
    .grid-toolbar[b-kl1w34jxfu],
    .catalog-intro[b-kl1w34jxfu] {
        align-items: stretch;
        flex-direction: column;
    }

    .grid-tools[b-kl1w34jxfu] {
        display: grid;
        grid-template-columns: 1fr 44px;
    }

    .search-field[b-kl1w34jxfu] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 700px) {
    .desktop-grid[b-kl1w34jxfu] {
        display: none;
    }

    .mobile-list[b-kl1w34jxfu] {
        padding: 10px;
        display: grid;
        gap: 8px;
        background: #f8fafc;
    }

    .attribute-card[b-kl1w34jxfu] {
        padding: 12px;
        display: grid;
        gap: 10px;
        background: #fff;
        border: 1px solid var(--gamma-border);
        border-radius: 9px;
    }

    .card-heading[b-kl1w34jxfu] {
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .card-heading > div[b-kl1w34jxfu] {
        display: grid;
    }

    .card-facts[b-kl1w34jxfu] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .card-facts span[b-kl1w34jxfu] {
        padding: 5px 8px;
        background: #f2f4f7;
        border-radius: 6px;
        font-size: 12px;
    }

    .card-actions[b-kl1w34jxfu] {
        justify-content: flex-end;
        border-block-start: 1px solid #edf0f4;
    }

    .text-action[b-kl1w34jxfu] {
        min-height: 40px;
        padding-inline: 10px;
        color: var(--gamma-primary);
        background: transparent;
        border: 0;
    }

    .attribute-form[b-kl1w34jxfu] {
        grid-template-columns: 1fr;
    }

    .field-full[b-kl1w34jxfu],
    .form-error[b-kl1w34jxfu] {
        grid-column: auto;
    }

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

    .option-row[b-kl1w34jxfu] {
        padding-block-end: 10px;
        grid-template-columns: 1fr 90px 42px;
        border-block-end: 1px solid #edf0f4;
    }

    .option-row .form-field:first-child[b-kl1w34jxfu] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-row[b-kl1w34jxfu] { animation: none; }
}
/* /Components/Pages/Catalog/Equipment.razor.rz.scp.css */
.new-equipment-action[b-oi6x9hhbzm] {
    min-inline-size: 132px;
    padding-inline: 18px;
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Components/Pages/Catalog/FootwearModelConfigurationEditor.razor.rz.scp.css */
.configuration-page[b-ynysqlfjc1] {
    display: grid;
    gap: 12px;
}

.surface[b-ynysqlfjc1] {
    min-width: 0;
    overflow: hidden;
    background: var(--gamma-surface, #fff);
    border: 1px solid var(--gamma-border);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .035);
}

.back-link[b-ynysqlfjc1] {
    width: max-content;
    min-width: 154px;
    min-height: 40px;
    padding-inline: 12px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--gamma-primary);
    background: #f5f8ff;
    border: 1px solid #d7e2fa;
    border-radius: 9px;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .16s ease, border-color .16s ease;
}

.back-link:hover[b-ynysqlfjc1] {
    color: var(--gamma-primary);
    background: #edf3ff;
    border-color: #b8caf1;
}

.back-link[b-ynysqlfjc1]  svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    transform: rotate(90deg);
}

.configuration-overview[b-ynysqlfjc1] {
    background: linear-gradient(180deg, #fff 0, #fbfcff 100%);
}

.overview-heading[b-ynysqlfjc1] {
    min-height: 82px;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border-block-end: 1px solid var(--gamma-border);
}

.overview-title[b-ynysqlfjc1],
.section-heading[b-ynysqlfjc1],
.component-card-heading[b-ynysqlfjc1],
.message[b-ynysqlfjc1] {
    display: flex;
    align-items: center;
}

.overview-title[b-ynysqlfjc1] {
    min-width: 0;
    align-items: flex-start;
    gap: 12px;
}

.overview-icon[b-ynysqlfjc1],
.section-icon[b-ynysqlfjc1],
.slot-icon[b-ynysqlfjc1] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
}

.overview-icon[b-ynysqlfjc1] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
}

.overview-icon[b-ynysqlfjc1]  svg {
    width: 23px;
    height: 23px;
}

.overview-heading h2[b-ynysqlfjc1],
.section-heading h3[b-ynysqlfjc1],
.overview-heading p[b-ynysqlfjc1],
.section-heading p[b-ynysqlfjc1] {
    margin: 0;
}

.overview-heading h2[b-ynysqlfjc1] {
    font-size: 21px;
}

.overview-heading p[b-ynysqlfjc1],
.section-heading p[b-ynysqlfjc1] {
    margin-block-start: 3px;
    color: var(--gamma-text-muted);
    font-size: 12.5px;
    line-height: 1.7;
}

.order-selection-label[b-ynysqlfjc1] {
    display: block;
    margin-block-start: 6px;
    color: var(--gamma-primary);
    font-size: 13px;
}

.configuration-fields[b-ynysqlfjc1] {
    padding: 16px;
    display: grid;
    grid-template-columns: minmax(190px, 1.2fr) minmax(190px, 1.2fr) minmax(140px, .75fr) minmax(260px, 1.5fr);
    align-items: start;
    gap: 14px;
}

.field[b-ynysqlfjc1] {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.field > span[b-ynysqlfjc1] {
    color: #344054;
    font-size: 12px;
    font-weight: 700;
}

.field[b-ynysqlfjc1]  .mud-input-control,
.field[b-ynysqlfjc1]  .mud-select {
    width: 100%;
    min-height: 42px;
}

.field-help[b-ynysqlfjc1],
.field-warning[b-ynysqlfjc1] {
    font-size: 11.5px;
    line-height: 1.6;
}

.field-help[b-ynysqlfjc1] {
    color: var(--gamma-text-muted);
}

.field-warning[b-ynysqlfjc1] {
    color: #991b1b;
}

.section-heading[b-ynysqlfjc1] {
    min-height: 70px;
    padding: 12px 16px;
    align-items: flex-start;
    gap: 10px;
    border-block-end: 1px solid var(--gamma-border);
}

.section-icon[b-ynysqlfjc1] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
}

.section-icon[b-ynysqlfjc1]  svg {
    width: 20px;
    height: 20px;
}

.section-heading h3[b-ynysqlfjc1] {
    font-size: 18px;
}

.component-grid[b-ynysqlfjc1] {
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 410px), 1fr));
    align-items: start;
    gap: 12px;
    background: #f8faff;
}

.component-card[b-ynysqlfjc1] {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dce4f3;
    border-block-start: 3px solid var(--gamma-primary);
    border-radius: 11px;
    box-shadow: 0 3px 10px rgba(35, 64, 120, .055);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.component-card:hover[b-ynysqlfjc1] {
    border-color: #b8c9ec;
    box-shadow: 0 7px 18px rgba(35, 64, 120, .09);
    transform: translateY(-1px);
}

.component-card.inactive[b-ynysqlfjc1] {
    border-block-start-color: #98a2b3;
}

.component-card-heading[b-ynysqlfjc1] {
    min-height: 64px;
    padding: 10px 12px;
    gap: 10px;
    background: linear-gradient(180deg, #fff 0, #fbfcff 100%);
    border-block-end: 1px solid #edf0f4;
}

.slot-icon[b-ynysqlfjc1] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
}

.slot-icon[b-ynysqlfjc1]  svg {
    width: 19px;
    height: 19px;
}

.component-card.inactive .slot-icon[b-ynysqlfjc1] {
    color: #667085;
    background: #f2f4f7;
}

.component-slot-name[b-ynysqlfjc1] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.component-slot-name strong[b-ynysqlfjc1] {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.component-slot-name bdi[b-ynysqlfjc1] {
    width: max-content;
    max-width: 100%;
    overflow: hidden;
    color: var(--gamma-text-muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.slot-badges[b-ynysqlfjc1] {
    margin-inline-start: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
}

.slot-badge[b-ynysqlfjc1],
.status-chip[b-ynysqlfjc1] {
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.slot-badge[b-ynysqlfjc1] {
    min-height: 24px;
    padding-inline: 8px;
}

.slot-badge.required[b-ynysqlfjc1] {
    color: #175cd3;
    background: #eff4ff;
    border-color: #b2ccff;
}

.slot-badge.optional[b-ynysqlfjc1] {
    color: #475467;
    background: #f8fafc;
    border-color: #d0d5dd;
}

.slot-badge.inactive[b-ynysqlfjc1] {
    color: #5f6c7b;
    background: #f2f4f7;
    border-color: #d0d5dd;
}

.component-card-body[b-ynysqlfjc1] {
    padding: 12px;
}

.status-chip[b-ynysqlfjc1] {
    min-height: 27px;
    padding-inline: 9px;
    gap: 6px;
}

.status-chip > span[b-ynysqlfjc1] {
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
}

.status-chip.active[b-ynysqlfjc1] {
    color: #067467;
    background: #ecfdf9;
    border-color: #99e5d9;
}

.status-chip.inactive[b-ynysqlfjc1] {
    color: #5f6c7b;
    background: #f2f4f7;
    border-color: #d0d5dd;
}

.editor-actions[b-ynysqlfjc1] {
    position: sticky;
    z-index: 2;
    bottom: 0;
    min-height: 64px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid var(--gamma-border);
    border-radius: 11px;
    box-shadow: 0 -5px 18px rgba(16, 24, 40, .06);
    backdrop-filter: blur(8px);
}

.primary-action[b-ynysqlfjc1],
.secondary-action[b-ynysqlfjc1] {
    min-width: 108px;
    min-height: 42px;
    padding-inline: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    font: inherit;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.primary-action[b-ynysqlfjc1] {
    color: #fff;
    background: var(--gamma-primary);
    border: 1px solid var(--gamma-primary);
}

.primary-action:hover[b-ynysqlfjc1] {
    color: #fff;
    background: var(--gamma-primary-hover);
}

.secondary-action[b-ynysqlfjc1] {
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid var(--gamma-border);
}

.primary-action[b-ynysqlfjc1]  svg,
.secondary-action[b-ynysqlfjc1]  svg {
    width: 18px;
    height: 18px;
}

.primary-action:disabled[b-ynysqlfjc1],
.secondary-action:disabled[b-ynysqlfjc1] {
    cursor: not-allowed;
    opacity: .62;
}

.back-link:focus-visible[b-ynysqlfjc1],
.primary-action:focus-visible[b-ynysqlfjc1],
.secondary-action:focus-visible[b-ynysqlfjc1] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 2px;
}

.message[b-ynysqlfjc1] {
    padding: 10px 12px;
    gap: 8px;
    border-radius: 8px;
}

.message.error[b-ynysqlfjc1] {
    color: #991b1b;
    background: #fff5f5;
    border: 1px solid #fecaca;
}

.loading[b-ynysqlfjc1],
.empty[b-ynysqlfjc1] {
    min-height: 160px;
    padding: 24px;
    display: grid;
    place-items: center;
    color: var(--gamma-text-muted);
}

.empty.compact[b-ynysqlfjc1] {
    grid-column: 1 / -1;
    min-height: 120px;
}

@media (max-width: 1200px) {
    .configuration-fields[b-ynysqlfjc1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .overview-heading[b-ynysqlfjc1] {
        align-items: stretch;
        flex-direction: column;
    }

    .status-chip[b-ynysqlfjc1] {
        width: max-content;
    }

    .configuration-fields[b-ynysqlfjc1] {
        grid-template-columns: 1fr;
    }

    .component-grid[b-ynysqlfjc1] {
        padding: 10px;
    }

    .component-card-heading[b-ynysqlfjc1] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .slot-badges[b-ynysqlfjc1] {
        width: 100%;
        margin-inline-start: 46px;
        justify-content: flex-start;
    }

    .editor-actions[b-ynysqlfjc1] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .editor-actions > *[b-ynysqlfjc1] {
        width: 100%;
    }
}

@media (max-width: 460px) {
    .editor-actions[b-ynysqlfjc1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Catalog/FootwearModelDetails.razor.rz.scp.css */
.model-page[b-vgtcgkc2kf] {
    display: grid;
    gap: 12px;
}

.page-intro[b-vgtcgkc2kf] {
    min-height: 52px;
    padding-inline: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-intro p[b-vgtcgkc2kf] {
    max-width: 840px;
    margin: 0;
    color: var(--gamma-text-muted);
}

.primary-action[b-vgtcgkc2kf],
.secondary-action[b-vgtcgkc2kf] {
    min-width: 148px;
    min-height: 44px;
    padding-inline: 16px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    font: inherit;
    font-weight: 650;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.primary-action[b-vgtcgkc2kf] {
    color: #fff;
    background: var(--gamma-primary);
    border: 1px solid var(--gamma-primary);
}

.secondary-action[b-vgtcgkc2kf] {
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid var(--gamma-border);
}

.primary-action:hover[b-vgtcgkc2kf] {
    color: #fff;
    background: var(--gamma-primary-hover);
}

.primary-action[b-vgtcgkc2kf]  svg,
.secondary-action[b-vgtcgkc2kf]  svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
}

.primary-action:focus-visible[b-vgtcgkc2kf],
.secondary-action:focus-visible[b-vgtcgkc2kf],
.icon-action:focus-visible[b-vgtcgkc2kf],
.configuration-card:focus-visible[b-vgtcgkc2kf] {
    outline: 3px solid var(--gamma-focus);
    outline-offset: 2px;
}

.primary-action:disabled[b-vgtcgkc2kf],
.icon-action:disabled[b-vgtcgkc2kf] {
    cursor: not-allowed;
    opacity: .62;
}

.surface[b-vgtcgkc2kf] {
    min-width: 0;
    overflow: hidden;
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.toolbar[b-vgtcgkc2kf] {
    min-height: 64px;
    padding: 9px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-block-end: 1px solid var(--gamma-border);
}

.identity[b-vgtcgkc2kf],
.tools[b-vgtcgkc2kf],
.actions[b-vgtcgkc2kf],
.message[b-vgtcgkc2kf],
.summary-identity[b-vgtcgkc2kf],
.guidance[b-vgtcgkc2kf] {
    display: flex;
    align-items: center;
}

.identity[b-vgtcgkc2kf],
.summary-identity[b-vgtcgkc2kf] {
    gap: 10px;
}

.identity > div[b-vgtcgkc2kf],
.named-cell[b-vgtcgkc2kf],
.summary-identity > div[b-vgtcgkc2kf] {
    display: grid;
}

.identity small[b-vgtcgkc2kf],
.named-cell bdi[b-vgtcgkc2kf],
.summary-identity bdi[b-vgtcgkc2kf] {
    color: var(--gamma-text-muted);
    font-size: 12px;
}

.identity-icon[b-vgtcgkc2kf] {
    width: 38px;
    height: 38px;
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border-radius: 8px;
}

.identity-icon[b-vgtcgkc2kf]  svg {
    width: 21px;
    height: 21px;
}

.tools[b-vgtcgkc2kf] {
    gap: 8px;
}

.tools[b-vgtcgkc2kf]  .mud-input-control,
.tools[b-vgtcgkc2kf]  .mud-select {
    min-height: 40px;
    border-color: var(--gamma-border);
    border-radius: 8px;
}

.tools[b-vgtcgkc2kf]  .mud-input-control {
    width: min(280px, 25vw);
}

.icon-action[b-vgtcgkc2kf] {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-grid;
    flex: 0 0 38px;
    place-items: center;
    color: var(--gamma-primary);
    background: #f5f8ff;
    border: 1px solid #c9d8fb;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.icon-action[b-vgtcgkc2kf]  svg {
    width: 19px;
    height: 19px;
}

.edit-action:hover[b-vgtcgkc2kf] {
    color: #fff;
    background: var(--gamma-primary);
    border-color: var(--gamma-primary);
}

.deactivate-action[b-vgtcgkc2kf] {
    color: #b42318;
    background: #fff7f6;
    border-color: #f5c7c2;
}

.deactivate-action:hover[b-vgtcgkc2kf] {
    color: #fff;
    background: #b42318;
    border-color: #b42318;
}

.activate-action[b-vgtcgkc2kf] {
    color: #067467;
    background: #effcf9;
    border-color: #a9e7dd;
}

.activate-action:hover[b-vgtcgkc2kf] {
    color: #fff;
    background: #067467;
    border-color: #067467;
}

.actions[b-vgtcgkc2kf] {
    justify-content: center;
    gap: 6px;
}

.message[b-vgtcgkc2kf] {
    padding: 10px 12px;
    gap: 8px;
    border: 1px solid;
    border-radius: 8px;
}

.message.error[b-vgtcgkc2kf] {
    color: #991b1b;
    background: #fff5f5;
    border-color: #fecaca;
}

.message.warning[b-vgtcgkc2kf] {
    color: #9a6700;
    background: #fffbeb;
    border-color: #fde68a;
}

.status-chip[b-vgtcgkc2kf] {
    min-height: 26px;
    padding-inline: 9px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.status-chip > span[b-vgtcgkc2kf] {
    width: 6px;
    height: 6px;
    background: currentColor;
    border-radius: 50%;
}

.status-chip.active[b-vgtcgkc2kf] {
    color: #067467;
    background: #ecfdf9;
    border-color: #99e5d9;
}

.status-chip.inactive[b-vgtcgkc2kf] {
    color: #5f6c7b;
    background: #f2f4f7;
    border-color: #d0d5dd;
}

.loading[b-vgtcgkc2kf],
.empty[b-vgtcgkc2kf] {
    min-height: 180px;
    padding: 24px;
    display: grid;
    place-items: center;
    color: var(--gamma-text-muted);
}

.editor-form[b-vgtcgkc2kf] {
    padding: 4px 4px 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.field[b-vgtcgkc2kf] {
    display: grid;
    gap: 6px;
    font-weight: 650;
}

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

.field small[b-vgtcgkc2kf] {
    color: var(--gamma-danger);
    font-size: 12px;
}

.field[b-vgtcgkc2kf]  .mud-input-control,
.field[b-vgtcgkc2kf]  .mud-select {
    width: 100%;
    min-height: 42px;
    border-color: var(--gamma-border);
    border-radius: 8px;
}

.check-field[b-vgtcgkc2kf] {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.form-actions[b-vgtcgkc2kf] {
    margin-inline: -16px;
    margin-block-end: -16px;
    padding: 12px 16px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    background: #fbfcfd;
    border-block-start: 1px solid var(--gamma-border);
}

.back-link[b-vgtcgkc2kf] {
    width: max-content;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--gamma-primary);
    text-decoration: none;
}

.back-link[b-vgtcgkc2kf]  svg {
    width: 17px;
    transform: rotate(90deg);
}

.model-summary[b-vgtcgkc2kf] {
    padding: 10px 12px;
    display: grid;
    grid-template-columns: minmax(190px, 1.1fr) minmax(300px, 2fr) minmax(105px, .55fr) minmax(125px, .65fr);
    align-items: stretch;
    gap: 8px;
}

.summary-identity[b-vgtcgkc2kf],
.summary-fact[b-vgtcgkc2kf] {
    min-width: 0;
    min-height: 54px;
    padding: 8px 10px;
}

.summary-identity h2[b-vgtcgkc2kf] {
    margin: 0;
    overflow: hidden;
    font-size: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-fact[b-vgtcgkc2kf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    background: #f8fafc;
    border: 1px solid #edf0f4;
    border-radius: 8px;
}

.summary-fact > span:first-child[b-vgtcgkc2kf] {
    color: var(--gamma-text-muted);
    font-size: 12px;
}

.summary-fact > strong[b-vgtcgkc2kf] {
    font-size: 15px;
}

.summary-family > div[b-vgtcgkc2kf] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.summary-family strong[b-vgtcgkc2kf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-family bdi[b-vgtcgkc2kf] {
    flex: 0 0 auto;
}

.summary-status[b-vgtcgkc2kf] {
    align-items: flex-start;
}

.guidance[b-vgtcgkc2kf] {
    padding: 10px 12px;
    align-items: flex-start;
    gap: 8px;
    color: #344054;
    background: #f8fafc;
    border: 1px solid var(--gamma-border);
    border-inline-start: 3px solid var(--gamma-primary);
    border-radius: 8px;
}

.guidance[b-vgtcgkc2kf]  svg {
    width: 19px;
    flex: 0 0 19px;
    color: var(--gamma-primary);
}

.configurations-workspace[b-vgtcgkc2kf] {
    background: linear-gradient(180deg, #fff 0, #fbfcff 100%);
}

.configuration-cards[b-vgtcgkc2kf] {
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 10px;
}

.configuration-card[b-vgtcgkc2kf] {
    position: relative;
    min-width: 0;
    min-height: 104px;
    padding: 14px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid #dce4f3;
    border-inline-start: 4px solid var(--gamma-primary);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .05);
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.configuration-card:hover[b-vgtcgkc2kf] {
    color: var(--gamma-text);
    border-color: #a9c0f2;
    box-shadow: 0 8px 20px rgba(33, 79, 163, .11);
    transform: translateY(-2px);
}

.configuration-card.inactive[b-vgtcgkc2kf] {
    border-inline-start-color: #98a2b3;
}

.configuration-icon[b-vgtcgkc2kf] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--gamma-primary), #5b8cf5);
    border-radius: 12px;
    box-shadow: 0 5px 12px rgba(37, 99, 235, .2);
}

.configuration-card.inactive .configuration-icon[b-vgtcgkc2kf] {
    background: linear-gradient(145deg, #667085, #98a2b3);
    box-shadow: none;
}

.configuration-icon[b-vgtcgkc2kf]  svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.2;
}

.configuration-content[b-vgtcgkc2kf] {
    min-width: 0;
    display: grid;
    gap: 7px;
}

.configuration-heading[b-vgtcgkc2kf] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.configuration-heading > strong[b-vgtcgkc2kf] {
    min-width: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.65;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.configuration-variant[b-vgtcgkc2kf] {
    overflow: hidden;
    color: var(--gamma-text-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.configuration-code[b-vgtcgkc2kf] {
    width: max-content;
    max-width: 100%;
    padding: 3px 8px;
    overflow: hidden;
    color: #344054;
    background: #f2f4f7;
    border-radius: 999px;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.configuration-open[b-vgtcgkc2kf] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border-radius: 50%;
}

.configuration-open[b-vgtcgkc2kf]  svg {
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
}

[b-vgtcgkc2kf] .models-grid {
    border: 0;
}

[b-vgtcgkc2kf] .models-grid .mud-table-head .mud-table-cell {
    height: 40px;
    font-size: 12px;
    text-align: start;
}

[b-vgtcgkc2kf] .models-grid .mud-table-head .mud-table-cell:last-child,
[b-vgtcgkc2kf] .models-grid .mud-table-body .mud-table-cell:last-child {
    width: 112px;
    min-width: 112px;
    text-align: center;
}

[b-vgtcgkc2kf] .models-grid .mud-table-body .mud-table-cell {
    height: 48px;
    padding-block: 4px;
    text-align: start;
    border-color: #edf0f4;
}

[b-vgtcgkc2kf] .model-editor-window .gamma-modal-header {
    background: #fff;
    border-block-end: 1px solid var(--gamma-border);
}

@media (max-width: 950px) {
    .model-summary[b-vgtcgkc2kf] {
        grid-template-columns: minmax(200px, 1fr) minmax(280px, 1.6fr);
    }
}

@media (max-width: 700px) {
    .page-intro[b-vgtcgkc2kf],
    .toolbar[b-vgtcgkc2kf] {
        align-items: stretch;
        flex-direction: column;
    }

    .toolbar .primary-action[b-vgtcgkc2kf] {
        width: 100%;
    }

    .tools[b-vgtcgkc2kf] {
        display: grid;
    }

    .tools[b-vgtcgkc2kf]  .mud-input-control {
        width: 100%;
    }

    .editor-form[b-vgtcgkc2kf],
    .model-summary[b-vgtcgkc2kf] {
        grid-template-columns: 1fr;
    }

    .field-full[b-vgtcgkc2kf] {
        grid-column: auto;
    }

    .configuration-cards[b-vgtcgkc2kf] {
        padding: 10px;
    }

    .configuration-card[b-vgtcgkc2kf] {
        grid-template-columns: 40px minmax(0, 1fr) 24px;
        padding: 12px 10px;
        gap: 9px;
    }

    .configuration-icon[b-vgtcgkc2kf] {
        width: 40px;
        height: 40px;
    }

    .configuration-heading[b-vgtcgkc2kf] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}
/* /Components/Pages/Catalog/FootwearModels.razor.rz.scp.css */
.model-page[b-s1g09bi9li]{display:grid;gap:12px}.page-intro[b-s1g09bi9li]{min-height:52px;padding-inline:4px;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-intro p[b-s1g09bi9li]{max-width:840px;margin:0;color:var(--gamma-text-muted)}.primary-action[b-s1g09bi9li],.secondary-action[b-s1g09bi9li]{min-height:44px;padding-inline:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font:inherit;font-weight:650;cursor:pointer}.primary-action[b-s1g09bi9li]{color:#fff;background:var(--gamma-primary);border:1px solid var(--gamma-primary)}.secondary-action[b-s1g09bi9li]{color:var(--gamma-text);background:#fff;border:1px solid var(--gamma-border)}.primary-action:disabled[b-s1g09bi9li],.icon-action:disabled[b-s1g09bi9li]{cursor:not-allowed;opacity:.62}.surface[b-s1g09bi9li]{min-width:0;overflow:hidden;background:var(--gamma-surface);border:1px solid var(--gamma-border);border-radius:10px}.toolbar[b-s1g09bi9li]{min-height:64px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-block-end:1px solid var(--gamma-border)}.identity[b-s1g09bi9li],.tools[b-s1g09bi9li],.actions[b-s1g09bi9li],.message[b-s1g09bi9li],.model-summary>div:first-child[b-s1g09bi9li],.guidance[b-s1g09bi9li]{display:flex;align-items:center}.identity[b-s1g09bi9li]{gap:10px}.identity>div[b-s1g09bi9li],.named-cell[b-s1g09bi9li]{display:grid}.identity small[b-s1g09bi9li],.named-cell bdi[b-s1g09bi9li],.model-summary bdi[b-s1g09bi9li]{color:var(--gamma-text-muted);font-size:12px}.identity-icon[b-s1g09bi9li]{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;color:var(--gamma-primary);background:#eef4ff;border-radius:8px}.tools[b-s1g09bi9li]{gap:8px}.tools[b-s1g09bi9li]  .mud-input-control,.tools[b-s1g09bi9li]  .mud-select{min-height:40px;border-color:var(--gamma-border);border-radius:8px}.tools[b-s1g09bi9li]  .mud-input-control{width:min(280px,25vw)}.icon-action[b-s1g09bi9li]{width:42px;height:42px;padding:0;display:inline-grid;place-items:center;color:var(--gamma-text-muted);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none}.icon-action:hover[b-s1g09bi9li]{color:var(--gamma-primary);background:#eef4ff}.actions[b-s1g09bi9li]{justify-content:center;gap:3px}.message[b-s1g09bi9li]{padding:10px 12px;gap:8px;border:1px solid;border-radius:8px}.message.error[b-s1g09bi9li]{color:#991b1b;background:#fff5f5;border-color:#fecaca}.message.warning[b-s1g09bi9li]{color:#9a6700;background:#fffbeb;border-color:#fde68a}.status-chip[b-s1g09bi9li]{min-height:26px;padding-inline:9px;display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:999px;font-size:12px;font-weight:700}.status-chip>span[b-s1g09bi9li]{width:6px;height:6px;background:currentColor;border-radius:50%}.status-chip.active[b-s1g09bi9li]{color:#067467;background:#ecfdf9;border-color:#99e5d9}.status-chip.inactive[b-s1g09bi9li]{color:#5f6c7b;background:#f2f4f7;border-color:#d0d5dd}.loading[b-s1g09bi9li],.empty[b-s1g09bi9li]{min-height:180px;padding:24px;display:grid;place-items:center;color:var(--gamma-text-muted)}.editor-form[b-s1g09bi9li]{padding:4px 4px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field[b-s1g09bi9li]{display:grid;gap:6px;font-weight:650}.field-full[b-s1g09bi9li]{grid-column:1/-1}.field small[b-s1g09bi9li]{color:var(--gamma-danger);font-size:12px}.field[b-s1g09bi9li]  .mud-input-control,.field[b-s1g09bi9li]  .mud-select{width:100%;min-height:42px;border-color:var(--gamma-border);border-radius:8px}.check-field[b-s1g09bi9li]{min-height:42px;display:flex;align-items:center;gap:8px}.form-actions[b-s1g09bi9li]{margin-inline:-16px;margin-block-end:-16px;padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;background:#fbfcfd;border-block-start:1px solid var(--gamma-border)}.back-link[b-s1g09bi9li]{width:max-content;display:inline-flex;align-items:center;gap:5px;color:var(--gamma-primary);text-decoration:none}.back-link[b-s1g09bi9li]  svg{width:17px;transform:rotate(90deg)}.model-summary[b-s1g09bi9li]{padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px}.model-summary h2[b-s1g09bi9li]{margin:0;font-size:19px}.model-summary dl[b-s1g09bi9li]{grid-column:1/-1;margin:0;display:grid;grid-template-columns:2fr 1fr;gap:8px}.model-summary dl>div[b-s1g09bi9li]{padding:10px 12px;background:#f8fafc;border-radius:8px}.model-summary dt[b-s1g09bi9li]{color:var(--gamma-text-muted);font-size:12px}.model-summary dd[b-s1g09bi9li]{margin:3px 0 0;font-weight:650}.guidance[b-s1g09bi9li]{padding:10px 12px;align-items:flex-start;gap:8px;color:#344054;background:#f8fafc;border:1px solid var(--gamma-border);border-inline-start:3px solid var(--gamma-primary);border-radius:8px}.guidance[b-s1g09bi9li]  svg{width:19px;flex:0 0 19px;color:var(--gamma-primary)}[b-s1g09bi9li] .models-grid{border:0}[b-s1g09bi9li] .models-grid .mud-table-head .mud-table-cell{height:40px;font-size:12px;text-align:start}[b-s1g09bi9li] .models-grid .mud-table-body .mud-table-cell{height:44px;padding-block:3px;text-align:start;border-color:#edf0f4}[b-s1g09bi9li] .model-editor-window .gamma-modal-header{background:#fff;border-block-end:1px solid var(--gamma-border)}@media(max-width:700px){.page-intro[b-s1g09bi9li],.toolbar[b-s1g09bi9li]{align-items:stretch;flex-direction:column}.tools[b-s1g09bi9li]{display:grid}.tools[b-s1g09bi9li]  .mud-input-control{width:100%}.editor-form[b-s1g09bi9li]{grid-template-columns:1fr}.field-full[b-s1g09bi9li]{grid-column:auto}.model-summary dl[b-s1g09bi9li]{grid-template-columns:1fr}}
.primary-action[b-s1g09bi9li]  svg,.secondary-action[b-s1g09bi9li]  svg{width:19px;height:19px}.identity-icon[b-s1g09bi9li]  svg{width:21px;height:21px}.icon-action[b-s1g09bi9li]  svg{width:19px;height:19px}.message[b-s1g09bi9li]  svg{width:19px;height:19px;flex:0 0 19px}
/* /Components/Pages/Catalog/InjectionTooling.razor.rz.scp.css */
.tooling-button[b-qo8dwe2cs7] {
    min-width: 112px;
    white-space: nowrap;
}

.tooling-toolbar-button[b-qo8dwe2cs7] {
    min-width: 164px;
}

.tooling-toolbar-button[b-qo8dwe2cs7]  svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.installation-form[b-qo8dwe2cs7] {
    padding: 2px 2px 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
}

.tooling-field[b-qo8dwe2cs7] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
}

.tooling-field[b-qo8dwe2cs7]  .mud-input-control,
.tooling-field[b-qo8dwe2cs7]  .mud-select {
    width: 100%;
    min-height: 40px;
}

.tooling-field[b-qo8dwe2cs7]  .mud-input {
    background: #fff;
    border-radius: 8px;
}

.availability-hint[b-qo8dwe2cs7] {
    color: #9a6700;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
}

.setup-dialog-title[b-qo8dwe2cs7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.setup-dialog-title > div[b-qo8dwe2cs7] {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.setup-dialog-title small[b-qo8dwe2cs7] {
    overflow: hidden;
    color: var(--gamma-text-muted);
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setup-dialog-icon[b-qo8dwe2cs7] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 36px;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border-radius: 9px;
}

.setup-dialog-icon[b-qo8dwe2cs7]  svg {
    width: 20px;
    height: 20px;
}

.setup-editor[b-qo8dwe2cs7] {
    display: grid;
    gap: 12px;
}

.setup-details-card[b-qo8dwe2cs7],
.setup-positions-card[b-qo8dwe2cs7] {
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.setup-details-card[b-qo8dwe2cs7] {
    padding: 12px;
    background: #f8fafc;
}

.setup-meta-grid[b-qo8dwe2cs7] {
    display: grid;
    grid-template-columns: minmax(145px, 1.35fr) minmax(140px, 1fr) minmax(120px, .9fr) 82px;
    align-items: end;
    gap: 10px;
}

.version-field[b-qo8dwe2cs7]  input {
    text-align: center;
}

.setup-positions-heading[b-qo8dwe2cs7] {
    min-height: 52px;
    padding: 8px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #f8fafc;
    border-block-end: 1px solid var(--gamma-border);
}

.setup-positions-heading > div[b-qo8dwe2cs7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.position-count[b-qo8dwe2cs7] {
    min-width: 25px;
    height: 25px;
    padding-inline: 7px;
    display: inline-grid;
    place-items: center;
    color: var(--gamma-primary);
    background: #e8f0ff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.setup-add-position[b-qo8dwe2cs7] {
    min-height: 36px;
    padding-inline: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--gamma-primary);
    background: #fff;
    border: 1px solid #b8cdf7;
    border-radius: 8px;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

.setup-add-position:hover[b-qo8dwe2cs7] {
    background: #eef4ff;
}

.setup-add-position[b-qo8dwe2cs7]  svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.setup-position-list[b-qo8dwe2cs7] {
    max-height: min(340px, 42vh);
    padding: 9px;
    display: grid;
    gap: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.setup-position-card[b-qo8dwe2cs7] {
    min-width: 0;
    padding: 9px 10px 10px;
    background: #fff;
    border: 1px solid #e3e8ef;
    border-radius: 9px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.setup-position-card:focus-within[b-qo8dwe2cs7] {
    border-color: #9bbaf5;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .08);
}

.setup-position-title[b-qo8dwe2cs7] {
    min-height: 28px;
    margin-block-end: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.setup-position-title > div[b-qo8dwe2cs7] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
}

.position-index[b-qo8dwe2cs7] {
    width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    color: #fff;
    background: var(--gamma-primary);
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
}

.remove-position[b-qo8dwe2cs7] {
    width: 30px;
    height: 30px;
    padding: 0;
    display: grid;
    place-items: center;
    color: #7b8797;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
}

.remove-position:hover[b-qo8dwe2cs7] {
    color: #b42318;
    background: #fff1f0;
}

.remove-position[b-qo8dwe2cs7]  svg {
    width: 16px;
    height: 16px;
}

.setup-position-fields[b-qo8dwe2cs7] {
    display: grid;
    grid-template-columns: 92px minmax(180px, 1fr) 135px;
    align-items: end;
    gap: 9px;
}

.setup-secondary-action[b-qo8dwe2cs7] {
    min-height: 44px;
    padding-inline: 14px;
    color: var(--gamma-text);
    background: #fff;
    border: 1px solid var(--gamma-border);
    border-radius: 8px;
    font: inherit;
    cursor: pointer;
}

[b-qo8dwe2cs7] .setup-editor-window .gamma-modal-content {
    padding: 12px;
}

@media (max-width: 680px) {
    .installation-form[b-qo8dwe2cs7],
    .setup-meta-grid[b-qo8dwe2cs7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .setup-position-fields[b-qo8dwe2cs7] {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .setup-position-fields > :last-child[b-qo8dwe2cs7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 440px) {
    .installation-form[b-qo8dwe2cs7],
    .setup-meta-grid[b-qo8dwe2cs7],
    .setup-position-fields[b-qo8dwe2cs7] {
        grid-template-columns: 1fr;
    }

    .setup-position-fields > :last-child[b-qo8dwe2cs7] {
        grid-column: auto;
    }

    .setup-positions-heading[b-qo8dwe2cs7] {
        align-items: stretch;
        flex-direction: column;
    }

    .setup-add-position[b-qo8dwe2cs7] {
        width: 100%;
    }
}
/* /Components/Pages/Catalog/ItemDefinitions.razor.rz.scp.css */
.catalog-page[b-jtvjy019ki] { display: grid; gap: 12px; }
.catalog-intro[b-jtvjy019ki] { min-height: 52px; padding-inline: 4px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.catalog-intro p[b-jtvjy019ki] { max-width: 820px; margin: 0; color: var(--gamma-text-muted); }
.primary-action[b-jtvjy019ki], .secondary-action[b-jtvjy019ki], .compact-text-action[b-jtvjy019ki] { min-height: 44px; padding-inline: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 8px; font: inherit; font-weight: 650; cursor: pointer; }
.primary-action[b-jtvjy019ki] { color: #fff; background: var(--gamma-primary); border: 1px solid var(--gamma-primary); }
.primary-action:hover[b-jtvjy019ki] { background: var(--gamma-primary-hover); }
.secondary-action[b-jtvjy019ki] { color: var(--gamma-text); background: #fff; border: 1px solid var(--gamma-border); }
.secondary-action:hover[b-jtvjy019ki] { background: #f8fafc; border-color: #c4ccd7; }
.primary-action[b-jtvjy019ki]  svg, .secondary-action[b-jtvjy019ki]  svg, .compact-text-action[b-jtvjy019ki]  svg { width: 19px; height: 19px; }
.primary-action:focus-visible[b-jtvjy019ki], .secondary-action:focus-visible[b-jtvjy019ki], .icon-action:focus-visible[b-jtvjy019ki], .compact-text-action:focus-visible[b-jtvjy019ki] { outline: 3px solid var(--gamma-focus); outline-offset: 2px; }
.primary-action:disabled[b-jtvjy019ki], .secondary-action:disabled[b-jtvjy019ki], .icon-action:disabled[b-jtvjy019ki], .compact-text-action:disabled[b-jtvjy019ki] { cursor: not-allowed; opacity: .62; }
.catalog-card[b-jtvjy019ki] { min-width: 0; overflow: hidden; background: var(--gamma-surface); border: 1px solid var(--gamma-border); border-radius: 10px; }
.grid-toolbar[b-jtvjy019ki] { min-height: 64px; padding: 9px 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-block-end: 1px solid var(--gamma-border); }
.grid-identity[b-jtvjy019ki], .grid-tools[b-jtvjy019ki], .row-actions[b-jtvjy019ki], .item-card-actions[b-jtvjy019ki], .editor-heading[b-jtvjy019ki], .confirmation-content[b-jtvjy019ki], .page-error[b-jtvjy019ki], .page-warning[b-jtvjy019ki], .form-error[b-jtvjy019ki] { display: flex; align-items: center; }
.grid-identity[b-jtvjy019ki] { min-width: 190px; gap: 10px; }
.grid-icon[b-jtvjy019ki], .editor-heading-icon[b-jtvjy019ki] { display: grid; flex: 0 0 auto; place-items: center; color: var(--gamma-primary); background: #eef4ff; border-radius: 8px; }
.grid-icon[b-jtvjy019ki] { width: 38px; height: 38px; }
.grid-icon[b-jtvjy019ki]  svg { width: 21px; height: 21px; }
.grid-identity > div[b-jtvjy019ki] { min-width: 0; display: grid; }
.grid-identity strong[b-jtvjy019ki] { overflow: hidden; font-size: 15px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.grid-identity small[b-jtvjy019ki] { color: var(--gamma-text-muted); font-size: 12px; }
.grid-tools[b-jtvjy019ki] { min-width: 0; justify-content: flex-end; gap: 8px; }
.search-field[b-jtvjy019ki] { position: relative; width: min(280px, 25vw); margin: 0; }
.search-field[b-jtvjy019ki] >  svg { position: absolute; z-index: 2; inset-inline-start: 12px; inset-block-start: 50%; width: 18px; height: 18px; color: #7b8798; pointer-events: none; transform: translateY(-50%); }
.search-field[b-jtvjy019ki]  .mud-input-control { width: 100%; min-height: 40px; }
.search-field[b-jtvjy019ki]  .mud-input-slot { padding-inline-start: 38px; }
.grid-tools[b-jtvjy019ki]  .mud-select { min-height: 40px; }
.icon-action[b-jtvjy019ki] { width: 44px; height: 44px; padding: 0; display: inline-grid; flex: 0 0 44px; place-items: center; color: var(--gamma-text-muted); background: transparent; border: 1px solid transparent; border-radius: 8px; cursor: pointer; }
.icon-action[b-jtvjy019ki]  svg { width: 19px; height: 19px; }
.toolbar-action[b-jtvjy019ki] { background: #fff; border-color: var(--gamma-border); }
.toolbar-action:hover[b-jtvjy019ki], .edit-action:hover[b-jtvjy019ki] { color: var(--gamma-primary); background: #eef4ff; border-color: #bfdbfe; }
.page-error[b-jtvjy019ki], .page-warning[b-jtvjy019ki], .form-error[b-jtvjy019ki] { padding: 10px 12px; gap: 8px; border: 1px solid; border-radius: 8px; }
.page-error[b-jtvjy019ki], .form-error[b-jtvjy019ki] { color: #991b1b; background: #fff5f5; border-color: #fecaca; }
.page-warning[b-jtvjy019ki] { color: #9a6700; background: #fffbeb; border-color: #fde68a; }
.page-error[b-jtvjy019ki]  svg, .page-warning[b-jtvjy019ki]  svg, .form-error[b-jtvjy019ki]  svg { width: 19px; height: 19px; flex: 0 0 19px; }
.technical-value[b-jtvjy019ki], .item-card-heading bdi[b-jtvjy019ki] { font-family: Consolas, "Courier New", monospace; font-size: 13px; }
.unit-symbol[b-jtvjy019ki] { margin-inline-start: 5px; color: var(--gamma-text-muted); font-size: 12px; }
.status-chip[b-jtvjy019ki] { min-height: 26px; padding-inline: 9px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.status-dot[b-jtvjy019ki] { width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.status-chip.is-active[b-jtvjy019ki] { color: #067467; background: #ecfdf9; border-color: #99e5d9; }
.status-chip.is-inactive[b-jtvjy019ki] { color: #5f6c7b; background: #f2f4f7; border-color: #d0d5dd; }
.row-actions[b-jtvjy019ki] { justify-content: center; gap: 4px; }
.row-actions .icon-action[b-jtvjy019ki] { width: 40px; height: 40px; flex-basis: 40px; }
.deactivate-action:hover[b-jtvjy019ki] { color: var(--gamma-danger); background: #fff5f5; border-color: #fecaca; }
.activate-action:hover[b-jtvjy019ki] { color: #067467; background: #ecfdf9; border-color: #99e5d9; }
.skeleton-table[b-jtvjy019ki] { min-height: 260px; padding: 12px; display: grid; align-content: start; gap: 8px; }
.skeleton-row[b-jtvjy019ki] { height: 44px; overflow: hidden; background: linear-gradient(90deg, #eef1f5 25%, #f8fafc 50%, #eef1f5 75%); background-size: 200% 100%; border-radius: 6px; animation: skeleton-shimmer-b-jtvjy019ki 1.3s ease-in-out infinite; }
.skeleton-heading[b-jtvjy019ki] { height: 38px; background-color: #e6eaf0; }
@keyframes skeleton-shimmer-b-jtvjy019ki { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.empty-state[b-jtvjy019ki] { min-height: 220px; padding: 24px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; color: var(--gamma-text-muted); text-align: center; }
.empty-state strong[b-jtvjy019ki] { color: var(--gamma-text); font-size: 15px; }
.empty-state small[b-jtvjy019ki] { max-width: 400px; margin-block-end: 6px; }
.empty-state-icon[b-jtvjy019ki] { width: 48px; height: 48px; display: grid; place-items: center; color: var(--gamma-primary); background: #eef4ff; border-radius: 12px; }
.empty-state-icon[b-jtvjy019ki]  svg { width: 26px; height: 26px; }
.mobile-item-list[b-jtvjy019ki] { display: none; }
.editor-heading[b-jtvjy019ki] { gap: 9px; }
.editor-heading-icon[b-jtvjy019ki] { width: 34px; height: 34px; }
.editor-heading-icon[b-jtvjy019ki]  svg { width: 19px; height: 19px; }
.editor-heading > div[b-jtvjy019ki] { display: grid; }
.editor-heading strong[b-jtvjy019ki] { color: var(--gamma-text); font-size: 15px; }
.editor-heading small[b-jtvjy019ki] { color: var(--gamma-text-muted); font-size: 11px; font-weight: 400; }
.item-form[b-jtvjy019ki] { padding: 4px 4px 16px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.field-full[b-jtvjy019ki], .form-error[b-jtvjy019ki] { grid-column: 1 / -1; }
.form-field[b-jtvjy019ki] { min-width: 0; margin: 0; display: grid; align-content: start; gap: 6px; color: var(--gamma-text); font-weight: 650; }
.form-field em[b-jtvjy019ki] { color: var(--gamma-danger); font-style: normal; }
.form-field[b-jtvjy019ki]  .mud-input-control, .form-field[b-jtvjy019ki]  .mud-select { width: 100%; min-height: 42px; }
.form-field:focus-within[b-jtvjy019ki]  .mud-input-outlined-border { border-color: var(--gamma-primary); box-shadow: 0 0 0 3px var(--gamma-focus); }
.field-error[b-jtvjy019ki] { color: var(--gamma-danger); font-size: 12px; font-weight: 500; }
.unit-option-symbol[b-jtvjy019ki] { margin-inline-start: 6px; color: var(--gamma-text-muted); }
.attribute-rules[b-jtvjy019ki] { min-width: 0; margin: 4px 0 0; padding: 12px; border: 1px solid var(--gamma-border); border-radius: 8px; }
.attribute-rules legend[b-jtvjy019ki] { padding-inline: 5px; font-weight: 750; }
.attribute-rules > p[b-jtvjy019ki] { margin: 0 0 10px; color: var(--gamma-text-muted); font-size: 12px; font-weight: 400; }
.attribute-rule-list[b-jtvjy019ki] { display: grid; gap: 7px; }
.attribute-rule-row[b-jtvjy019ki] { min-height: 42px; padding: 7px 9px; display: grid; grid-template-columns: minmax(140px, 1fr) auto; align-items: center; gap: 12px; background: #f8fafc; border: 1px solid #edf0f4; border-radius: 7px; }
.attribute-rule-row label[b-jtvjy019ki] { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
.attribute-rule-row > label:first-child[b-jtvjy019ki] { min-width: 0; }
.attribute-rule-row label:first-child span[b-jtvjy019ki] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attribute-rule-row small[b-jtvjy019ki], .empty-attributes[b-jtvjy019ki] { color: var(--gamma-text-muted); font-size: 11px; font-weight: 400; }
.rule-options[b-jtvjy019ki] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; color: var(--gamma-text-muted); font-size: 12px; }
.form-actions[b-jtvjy019ki] { margin-inline: -16px; margin-block-end: -16px; padding: 12px 16px; display: flex; align-items: center; justify-content: flex-end; gap: 8px; background: #fbfcfd; border-block-start: 1px solid var(--gamma-border); }
.button-spinner[b-jtvjy019ki] { width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.45); border-block-start-color: #fff; border-radius: 50%; animation: button-spin-b-jtvjy019ki .7s linear infinite; }
@keyframes button-spin-b-jtvjy019ki { to { transform: rotate(360deg); } }
.confirmation-content[b-jtvjy019ki] { align-items: flex-start; gap: 12px; }
.confirmation-icon[b-jtvjy019ki] { width: 42px; height: 42px; display: grid; flex: 0 0 42px; place-items: center; color: var(--gamma-warning); background: #fff7ed; border-radius: 10px; }
.confirmation-icon[b-jtvjy019ki]  svg { width: 23px; height: 23px; }
.confirmation-content strong[b-jtvjy019ki] { color: var(--gamma-text); font-size: 15px; }
.confirmation-content p[b-jtvjy019ki] { margin: 4px 0 0; color: var(--gamma-text-muted); line-height: 1.8; }
.compact-text-action[b-jtvjy019ki] { min-height: 40px; padding-inline: 10px; color: var(--gamma-primary); background: transparent; border: 0; }
.danger-text[b-jtvjy019ki] { color: var(--gamma-danger); }
.positive-text[b-jtvjy019ki] { color: #067467; }
[b-jtvjy019ki] .items-grid { border: 0; }
[b-jtvjy019ki] .items-grid .mud-table-head { color: #475467; background: #f8fafc; border-block-start: 0; }
[b-jtvjy019ki] .items-grid .mud-table-head .mud-table-cell { height: 40px; font-size: 12px; font-weight: 750; text-align: start; }
[b-jtvjy019ki] .items-grid .mud-table-body .mud-table-cell { height: 44px; padding-block: 3px; text-align: start; border-color: #edf0f4; }
[b-jtvjy019ki] .items-grid .mud-table-row:hover { background: #f7faff; }
[b-jtvjy019ki] .items-grid .mud-table-pagination { min-height: 48px; padding: 6px 10px; color: var(--gamma-text-muted); background: #fff; border-color: var(--gamma-border); }
[b-jtvjy019ki] .item-editor-window .gamma-modal-header { padding: 12px 16px; background: #fff; border-block-end: 1px solid var(--gamma-border); }
[b-jtvjy019ki] .item-editor-window .gamma-modal-content { padding: 16px; }
[b-jtvjy019ki] .item-editor-window.gamma-modal { border: 1px solid var(--gamma-border); border-radius: 10px; box-shadow: 0 18px 48px rgba(15,23,42,.16); }
@media (max-width: 900px) {
    .grid-toolbar[b-jtvjy019ki] { align-items: stretch; flex-direction: column; }
    .grid-tools[b-jtvjy019ki] { justify-content: stretch; }
    .search-field[b-jtvjy019ki] { width: auto; flex: 1; }
}
@media (max-width: 700px) {
    .catalog-intro[b-jtvjy019ki] { align-items: stretch; flex-direction: column; }
    .catalog-intro .primary-action[b-jtvjy019ki] { align-self: stretch; }
    .grid-tools[b-jtvjy019ki] { display: grid; grid-template-columns: minmax(0,1fr) 44px; }
    .search-field[b-jtvjy019ki] { grid-column: 1 / -1; width: 100%; }
    .grid-tools[b-jtvjy019ki]  .mud-select { width: 100% !important; }
    .desktop-grid[b-jtvjy019ki] { display: none; }
    .mobile-item-list[b-jtvjy019ki] { padding: 10px; display: grid; gap: 8px; background: #f8fafc; }
    .item-card[b-jtvjy019ki] { padding: 12px; display: grid; gap: 12px; background: #fff; border: 1px solid var(--gamma-border); border-radius: 9px; }
    .item-card-heading[b-jtvjy019ki] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
    .item-card-heading > div[b-jtvjy019ki] { min-width: 0; display: grid; gap: 3px; }
    .item-card-heading strong[b-jtvjy019ki] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
    .item-card-heading bdi[b-jtvjy019ki] { color: var(--gamma-text-muted); }
    .item-card dl[b-jtvjy019ki] { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .item-card dl > div[b-jtvjy019ki] { padding: 8px 10px; background: #f8fafc; border-radius: 7px; }
    .item-card dt[b-jtvjy019ki] { color: var(--gamma-text-muted); font-size: 11px; font-weight: 500; }
    .item-card dd[b-jtvjy019ki] { margin: 2px 0 0; color: var(--gamma-text); font-weight: 650; }
    .item-card-actions[b-jtvjy019ki] { justify-content: flex-end; border-block-start: 1px solid #edf0f4; }
    .item-form[b-jtvjy019ki] { grid-template-columns: 1fr; }
    .field-full[b-jtvjy019ki], .form-error[b-jtvjy019ki] { grid-column: auto; }
    .attribute-rule-row[b-jtvjy019ki] { grid-template-columns: 1fr; }
    .rule-options[b-jtvjy019ki] { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .skeleton-row[b-jtvjy019ki], .button-spinner[b-jtvjy019ki] { animation: none; } }
/* /Components/Pages/Catalog/ItemVariants.razor.rz.scp.css */
.catalog-page[b-zcpvls3000]{display:grid;gap:12px}.catalog-intro[b-zcpvls3000]{min-height:52px;padding-inline:4px;display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-intro p[b-zcpvls3000]{max-width:850px;margin:0;color:var(--gamma-text-muted)}
.primary-action[b-zcpvls3000],.secondary-action[b-zcpvls3000],.text-action[b-zcpvls3000]{min-height:44px;padding-inline:14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font:inherit;font-weight:650;white-space:nowrap;cursor:pointer}.primary-action[b-zcpvls3000]{color:#fff;background:var(--gamma-primary);border:1px solid var(--gamma-primary)}.secondary-action[b-zcpvls3000]{color:var(--gamma-text);background:#fff;border:1px solid var(--gamma-border)}.text-action[b-zcpvls3000]{padding-inline:8px;color:var(--gamma-primary);background:transparent;border:0}.catalog-intro .primary-action[b-zcpvls3000]{flex:0 0 auto}.primary-action[b-zcpvls3000]  svg,.secondary-action[b-zcpvls3000]  svg,.text-action[b-zcpvls3000]  svg{width:19px;height:19px;flex:0 0 19px}.primary-action:disabled[b-zcpvls3000],.icon-action:disabled[b-zcpvls3000]{cursor:not-allowed;opacity:.62}
.catalog-card[b-zcpvls3000]{min-width:0;overflow:hidden;background:var(--gamma-surface);border:1px solid var(--gamma-border);border-radius:10px}.grid-toolbar[b-zcpvls3000]{min-height:64px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-block-end:1px solid var(--gamma-border)}.grid-identity[b-zcpvls3000],.grid-tools[b-zcpvls3000],.row-actions[b-zcpvls3000],.editor-heading[b-zcpvls3000],.page-message[b-zcpvls3000],.form-error[b-zcpvls3000]{display:flex;align-items:center}.grid-identity[b-zcpvls3000]{gap:10px}.grid-identity>div[b-zcpvls3000],.item-cell[b-zcpvls3000]{display:grid}.grid-identity small[b-zcpvls3000],.item-cell bdi[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:12px}.grid-icon[b-zcpvls3000],.editor-heading-icon[b-zcpvls3000],.empty-state-icon[b-zcpvls3000]{display:grid;place-items:center;color:var(--gamma-primary);background:#eef4ff;border-radius:8px}.grid-icon[b-zcpvls3000]{width:38px;height:38px}.grid-tools[b-zcpvls3000]{gap:8px}.search-field[b-zcpvls3000]{position:relative;width:min(290px,25vw)}.search-field[b-zcpvls3000]> svg{position:absolute;z-index:2;inset-inline-start:12px;inset-block-start:50%;width:18px;transform:translateY(-50%)}.search-field[b-zcpvls3000]  .mud-input-slot{padding-inline-start:38px}.search-field[b-zcpvls3000]  .mud-input-control,.grid-tools[b-zcpvls3000]  .mud-select{min-height:40px;border-color:var(--gamma-border);border-radius:8px}
.icon-action[b-zcpvls3000]{width:44px;height:44px;padding:0;display:inline-grid;flex:0 0 44px;place-items:center;color:var(--gamma-text-muted);background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer}.icon-action[b-zcpvls3000]  svg{width:19px;height:19px}.toolbar-action[b-zcpvls3000]{background:#fff;border-color:var(--gamma-border)}.edit-action:hover[b-zcpvls3000]{color:var(--gamma-primary);background:#eef4ff}.deactivate-action:hover[b-zcpvls3000]{color:var(--gamma-danger);background:#fff5f5}.activate-action:hover[b-zcpvls3000]{color:#067467;background:#ecfdf9}.row-actions[b-zcpvls3000]{justify-content:center;gap:3px}.row-actions .icon-action[b-zcpvls3000]{width:40px;height:40px;flex-basis:40px}
.page-message[b-zcpvls3000],.form-error[b-zcpvls3000]{padding:10px 12px;gap:8px;border:1px solid;border-radius:8px}.page-message.error[b-zcpvls3000],.form-error[b-zcpvls3000]{color:#991b1b;background:#fff5f5;border-color:#fecaca}.page-message.warning[b-zcpvls3000]{color:#9a6700;background:#fffbeb;border-color:#fde68a}.technical-value[b-zcpvls3000]{font-family:Consolas,"Courier New",monospace}.attribute-summary[b-zcpvls3000]{display:block;overflow:hidden;color:var(--gamma-text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-chip[b-zcpvls3000]{min-height:26px;padding-inline:9px;display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-dot[b-zcpvls3000]{width:6px;height:6px;background:currentColor;border-radius:50%}.status-chip.is-active[b-zcpvls3000]{color:#067467;background:#ecfdf9;border-color:#99e5d9}.status-chip.is-inactive[b-zcpvls3000]{color:#5f6c7b;background:#f2f4f7;border-color:#d0d5dd}
.semantic-guidance[b-zcpvls3000]{padding:10px 12px;display:flex;align-items:flex-start;gap:8px;color:#344054;background:#f8fafc;border:1px solid var(--gamma-border);border-inline-start:3px solid var(--gamma-primary);border-radius:8px;line-height:1.8}.semantic-guidance[b-zcpvls3000]  svg{width:19px;height:19px;flex:0 0 19px;margin-block-start:3px;color:var(--gamma-primary)}
.grid-icon[b-zcpvls3000]  svg{width:21px;height:21px}.empty-state-icon[b-zcpvls3000]  svg{width:26px;height:26px}.page-message[b-zcpvls3000]  svg,.form-error[b-zcpvls3000]  svg{width:19px;height:19px;flex:0 0 19px}.search-field[b-zcpvls3000]> svg{height:18px}
.skeleton-table[b-zcpvls3000]{padding:12px;display:grid;gap:8px}.skeleton-row[b-zcpvls3000]{height:44px;background:#eef1f5;border-radius:6px}.empty-state[b-zcpvls3000]{min-height:230px;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--gamma-text-muted);text-align:center}.empty-state strong[b-zcpvls3000]{color:var(--gamma-text)}.empty-state-icon[b-zcpvls3000]{width:48px;height:48px}.mobile-list[b-zcpvls3000]{display:none}
.editor-heading[b-zcpvls3000]{gap:9px}.editor-heading-icon[b-zcpvls3000]{width:34px;height:34px}.editor-heading-icon[b-zcpvls3000]  svg{width:19px;height:19px}.editor-heading>div[b-zcpvls3000]{display:grid}.editor-heading small[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:11px}.variant-form[b-zcpvls3000]{padding:4px 4px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-full[b-zcpvls3000],.form-error[b-zcpvls3000]{grid-column:1/-1}.form-field[b-zcpvls3000]{min-width:0;margin:0;display:grid;align-content:start;gap:6px;font-weight:650}.form-field em[b-zcpvls3000]{color:var(--gamma-danger);font-style:normal}.form-field[b-zcpvls3000]  .mud-input-control,.form-field[b-zcpvls3000]  .mud-select,.attribute-field[b-zcpvls3000]  .mud-input-control,.attribute-field[b-zcpvls3000]  .mud-select{width:100%;min-height:42px;border-color:var(--gamma-border);border-radius:8px}.item-definition-field[b-zcpvls3000]  .mud-input-control,.item-definition-field[b-zcpvls3000]  .mud-input,.item-definition-field[b-zcpvls3000]  .mud-select{min-height:58px}.item-definition-field[b-zcpvls3000]  .mud-input-slot{min-height:56px;display:flex;align-items:center}
.field-guidance[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:11px;font-weight:400;line-height:1.7}.item-definition-option[b-zcpvls3000]{min-width:0;display:grid;line-height:1.45}.item-definition-option strong[b-zcpvls3000]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-definition-option>span[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:11px}.item-cell>span[b-zcpvls3000],.card-heading>div>span[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:11px}
.attribute-section[b-zcpvls3000]{padding:12px;border:1px solid var(--gamma-border);border-radius:9px}.attribute-section legend[b-zcpvls3000]{padding-inline:6px;font-weight:750}.attribute-grid[b-zcpvls3000]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attribute-field>label[b-zcpvls3000]{display:grid;gap:6px}.attribute-field>label>span:first-child[b-zcpvls3000]{display:flex;align-items:center;gap:7px;font-weight:650}.attribute-field small[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:10px}.attribute-field.wide[b-zcpvls3000]{grid-column:1/-1}.boolean-field[b-zcpvls3000],.option-checks[b-zcpvls3000]{min-height:42px;padding:8px 10px;display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid var(--gamma-border);border-radius:8px}.option-checks[b-zcpvls3000]{flex-wrap:wrap}.option-checks label[b-zcpvls3000]{display:flex;align-items:center;gap:5px;font-weight:500}
.form-actions[b-zcpvls3000]{margin-inline:-16px;margin-block-end:-16px;padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;background:#fbfcfd;border-block-start:1px solid var(--gamma-border)}.button-spinner[b-zcpvls3000]{width:17px;height:17px;border:2px solid #ffffff73;border-block-start-color:#fff;border-radius:50%}
[b-zcpvls3000] .variants-grid{border:0}[b-zcpvls3000] .variants-grid .mud-table-head .mud-table-cell{height:40px;font-size:12px;text-align:start}[b-zcpvls3000] .variants-grid .mud-table-body .mud-table-cell{height:44px;padding-block:3px;text-align:start;border-color:#edf0f4}[b-zcpvls3000] .variant-editor-window .gamma-modal-header{padding:12px 16px;background:#fff;border-block-end:1px solid var(--gamma-border)}[b-zcpvls3000] .variant-editor-window .gamma-modal-content{padding:16px}
@media(max-width:900px){.grid-toolbar[b-zcpvls3000]{align-items:stretch;flex-direction:column}.grid-tools[b-zcpvls3000]{justify-content:stretch}.search-field[b-zcpvls3000]{width:auto;flex:1}}@media(max-width:700px){.catalog-intro[b-zcpvls3000]{align-items:stretch;flex-direction:column}.grid-tools[b-zcpvls3000]{display:grid;grid-template-columns:minmax(0,1fr) 44px}.search-field[b-zcpvls3000]{grid-column:1/-1;width:100%}.desktop-grid[b-zcpvls3000]{display:none}.mobile-list[b-zcpvls3000]{padding:10px;display:grid;gap:8px;background:#f8fafc}.variant-card[b-zcpvls3000]{padding:12px;display:grid;gap:10px;background:#fff;border:1px solid var(--gamma-border);border-radius:9px}.card-heading[b-zcpvls3000],.card-actions[b-zcpvls3000]{display:flex;align-items:center;justify-content:space-between}.card-heading>div[b-zcpvls3000]{display:grid}.variant-card dl[b-zcpvls3000]{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.variant-card dl>div[b-zcpvls3000]{padding:7px;background:#f8fafc;border-radius:7px}.variant-card dt[b-zcpvls3000]{color:var(--gamma-text-muted);font-size:11px}.variant-card dd[b-zcpvls3000]{margin:2px 0 0}.variant-form[b-zcpvls3000],.attribute-grid[b-zcpvls3000]{grid-template-columns:1fr}.field-full[b-zcpvls3000],.form-error[b-zcpvls3000],.attribute-field.wide[b-zcpvls3000]{grid-column:auto}}
/* /Components/Pages/Catalog/OperationDefinitions.razor.rz.scp.css */
.new-operation-action[b-pme99wc4hi] {
    min-width: 132px;
    padding-inline: 18px;
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Components/Pages/Catalog/SelectionEditor.razor.rz.scp.css */
.selection-editor[b-9pvrap4058] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(150px, .85fr);
    align-items: start;
    gap: 10px;
}

.selection-field[b-9pvrap4058] {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.selection-field > span[b-9pvrap4058] {
    color: #344054;
    font-size: 12px;
    font-weight: 700;
}

.selection-field[b-9pvrap4058]  .mud-input-control,
.selection-field[b-9pvrap4058]  .mud-select {
    width: 100%;
    min-height: 40px;
}

.selection-field[b-9pvrap4058]  .mud-input-control.mud-disabled {
    opacity: .68;
}

@media (max-width: 560px) {
    .selection-editor[b-9pvrap4058] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Catalog/SizeSystems.razor.rz.scp.css */
.size-page[b-wt35k89hk0]{display:grid;gap:20px}.size-intro[b-wt35k89hk0]{padding:4px}.size-intro p[b-wt35k89hk0]{margin:0;color:var(--gamma-text-muted)}.size-primary[b-wt35k89hk0]{min-width:132px;min-height:42px;padding-inline:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;white-space:nowrap;color:#fff;background:var(--gamma-primary);border:1px solid var(--gamma-primary);border-radius:8px;font:inherit;font-weight:650;cursor:pointer}.size-primary:disabled[b-wt35k89hk0]{opacity:.6;cursor:not-allowed}.size-surface[b-wt35k89hk0]{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--gamma-border);border-radius:12px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.systems-surface[b-wt35k89hk0]{border-block-start:3px solid var(--gamma-primary)}.values-surface[b-wt35k89hk0]{border-block-start:3px solid #7c8ba1}.size-toolbar[b-wt35k89hk0]{min-height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbfcfe;border-block-end:1px solid var(--gamma-border)}.size-toolbar>div[b-wt35k89hk0]{display:grid;gap:3px;min-width:0}.size-toolbar strong[b-wt35k89hk0]{font-size:15px}.size-toolbar small[b-wt35k89hk0],.system-link bdi[b-wt35k89hk0]{color:var(--gamma-text-muted);font-size:12px}.size-toolbar small[b-wt35k89hk0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-link[b-wt35k89hk0]{display:grid;text-align:start;color:var(--gamma-text);background:none;border:0;cursor:pointer}.size-actions[b-wt35k89hk0]{display:flex;justify-content:center;gap:6px}.size-actions button[b-wt35k89hk0]{width:40px;height:40px;padding:0;display:grid;place-items:center;color:#536176;background:#fff;border:1px solid var(--gamma-border);border-radius:8px;cursor:pointer}.size-actions button:hover[b-wt35k89hk0]{color:var(--gamma-primary);background:#eef4ff;border-color:#b8cdf7}.size-actions button:disabled[b-wt35k89hk0]{opacity:.45;cursor:not-allowed}.size-actions[b-wt35k89hk0]  svg{width:18px;height:18px;display:block;flex:0 0 18px}.size-status[b-wt35k89hk0]{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.size-status.active[b-wt35k89hk0]{color:#067467;background:#ecfdf9}.size-status.inactive[b-wt35k89hk0]{color:#5f6c7b;background:#f2f4f7}.size-empty[b-wt35k89hk0]{min-height:120px;padding:24px;display:grid;place-items:center;color:var(--gamma-text-muted)}.size-error[b-wt35k89hk0]{padding:10px 12px;color:#991b1b;background:#fff5f5;border:1px solid #fecaca;border-radius:8px}.size-form[b-wt35k89hk0]{padding:4px 4px 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.size-form label[b-wt35k89hk0]{display:grid;gap:6px;font-weight:650}.size-form .full[b-wt35k89hk0]{grid-column:1/-1}.size-form[b-wt35k89hk0]  .mud-input-control{width:100%;min-height:42px}.size-form-actions[b-wt35k89hk0]{margin-inline:-16px;margin-block-end:-16px;padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;background:#fbfcfd;border-block-start:1px solid var(--gamma-border)}.size-form-actions>button:not(.size-primary)[b-wt35k89hk0]{min-height:42px;padding-inline:14px;background:#fff;border:1px solid var(--gamma-border);border-radius:8px;font:inherit}[b-wt35k89hk0] .mud-table-root{border:0}[b-wt35k89hk0] .mud-table-head .mud-table-cell,[b-wt35k89hk0] .mud-table-body .mud-table-cell{text-align:start}[b-wt35k89hk0] tr.size-system-selected>td{background:#eef4ff;border-block-color:#d8e5ff}[b-wt35k89hk0] tr.size-system-selected>td:first-child{box-shadow:inset -3px 0 0 var(--gamma-primary)}[b-wt35k89hk0] tr.size-system-selected .system-link strong{color:var(--gamma-primary)}@media(max-width:700px){.size-toolbar[b-wt35k89hk0]{align-items:stretch;flex-direction:column}.size-primary[b-wt35k89hk0]{width:100%}.size-toolbar small[b-wt35k89hk0]{white-space:normal}.size-form[b-wt35k89hk0]{grid-template-columns:1fr}.size-form .full[b-wt35k89hk0]{grid-column:auto}}
/* /Components/Pages/Catalog/Suppliers.razor.rz.scp.css */
.new-supplier-action[b-wz5v3sfy6v] {
    min-inline-size: 156px;
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Components/Pages/Catalog/WorkCenters.razor.rz.scp.css */
.new-work-center-action[b-kzn8luljrj] {
    min-inline-size: 156px;
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-bnftn6yx0l] {
    display: grid;
    gap: 12px;
}

.dashboard-intro[b-bnftn6yx0l] {
    min-height: 76px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.dashboard-intro h2[b-bnftn6yx0l],
.card-heading h2[b-bnftn6yx0l] {
    margin: 0;
    color: var(--gamma-text);
    font-size: 16px;
    font-weight: 700;
}

.dashboard-intro h2[b-bnftn6yx0l] {
    font-size: 20px;
}

.dashboard-intro p:last-child[b-bnftn6yx0l] {
    margin: 4px 0 0;
    color: var(--gamma-text-muted);
    line-height: 1.7;
}

.section-eyebrow[b-bnftn6yx0l] {
    margin: 0 0 3px;
    color: var(--gamma-accent);
    font-size: 11px;
    font-weight: 700;
}

.placeholder-badge[b-bnftn6yx0l] {
    min-height: 30px;
    padding-inline: 11px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    color: #475467;
    background: #f2f4f7;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    font-size: 12px;
}

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

.kpi-card[b-bnftn6yx0l] {
    min-height: 128px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.kpi-icon[b-bnftn6yx0l] {
    width: 46px;
    height: 46px;
    display: grid;
    flex: 0 0 46px;
    place-items: center;
    color: var(--kpi-color);
    background: var(--kpi-tint);
    border-radius: 50%;
}

.kpi-icon[b-bnftn6yx0l]  svg {
    width: 24px;
    height: 24px;
}

.kpi-card p[b-bnftn6yx0l] {
    margin: 0;
    font-weight: 650;
}

.kpi-card strong[b-bnftn6yx0l] {
    display: block;
    margin-block: 2px 0;
    color: var(--kpi-color);
    font-size: 30px;
    line-height: 1.25;
}

.kpi-card small[b-bnftn6yx0l] {
    color: var(--gamma-text-muted);
    font-size: 11px;
}

.kpi-primary[b-bnftn6yx0l] {
    --kpi-color: var(--gamma-primary);
    --kpi-tint: #eaf1ff;
}

.kpi-positive[b-bnftn6yx0l] {
    --kpi-color: var(--gamma-accent);
    --kpi-tint: #e7f7f4;
}

.kpi-warning[b-bnftn6yx0l] {
    --kpi-color: var(--gamma-warning);
    --kpi-tint: #fff4e5;
}

.kpi-danger[b-bnftn6yx0l] {
    --kpi-color: var(--gamma-danger);
    --kpi-tint: #fff0f0;
}

.dashboard-middle[b-bnftn6yx0l] {
    min-height: 330px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 0.8fr);
    gap: 12px;
}

.dashboard-card[b-bnftn6yx0l] {
    padding: 16px;
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.card-heading[b-bnftn6yx0l] {
    min-height: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.card-heading[b-bnftn6yx0l] >  svg {
    width: 22px;
    height: 22px;
    color: var(--gamma-primary);
}

.empty-visual[b-bnftn6yx0l] {
    min-height: 230px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 20px;
    color: var(--gamma-text-muted);
    text-align: center;
}

.empty-visual p[b-bnftn6yx0l] {
    max-width: 460px;
    margin: 0;
    line-height: 1.8;
}

.empty-bars[b-bnftn6yx0l] {
    width: min(78%, 560px);
    display: grid;
    gap: 12px;
}

.empty-bars span[b-bnftn6yx0l] {
    position: relative;
    height: 9px;
    overflow: hidden;
    background: #edf0f4;
    border-radius: 999px;
}

.empty-bars span[b-bnftn6yx0l]::after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: var(--bar-width, 42%);
    background: #cfd9e8;
    border-radius: inherit;
}

.empty-bars span:nth-child(2)[b-bnftn6yx0l]::after { --bar-width: 64%; }
.empty-bars span:nth-child(3)[b-bnftn6yx0l]::after { --bar-width: 31%; }
.empty-bars span:nth-child(4)[b-bnftn6yx0l]::after { --bar-width: 54%; }
.empty-bars span:nth-child(5)[b-bnftn6yx0l]::after { --bar-width: 38%; }

.side-stack[b-bnftn6yx0l] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 12px;
}

.quick-actions[b-bnftn6yx0l] {
    display: grid;
    gap: 8px;
}

.quick-actions button[b-bnftn6yx0l] {
    min-height: 44px;
    padding-inline: 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #475467;
    background: #fafbfc;
    border: 1px solid var(--gamma-border);
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
    text-align: start;
}

.quick-actions button:disabled[b-bnftn6yx0l] {
    opacity: 0.72;
}

.quick-actions button span[b-bnftn6yx0l] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: var(--gamma-primary);
    background: #eaf1ff;
    border-radius: 6px;
    font-size: 18px;
}

.positive-empty[b-bnftn6yx0l] {
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #157f71;
}

.positive-empty span[b-bnftn6yx0l] {
    width: 30px;
    height: 30px;
    display: grid;
    flex: 0 0 30px;
    place-items: center;
    background: #e7f7f4;
    border-radius: 50%;
}

.positive-empty p[b-bnftn6yx0l] {
    margin: 0;
    line-height: 1.7;
}

.work-orders-card[b-bnftn6yx0l] {
    padding-block-end: 0;
}

.work-orders-card .card-heading[b-bnftn6yx0l] {
    padding-block-end: 12px;
}

.card-heading button[b-bnftn6yx0l] {
    min-height: 36px;
    padding-inline: 10px;
    color: var(--gamma-primary);
    background: transparent;
    border: 0;
    font: inherit;
}

.card-heading button:disabled[b-bnftn6yx0l] {
    opacity: 0.55;
}

.table-scroll[b-bnftn6yx0l] {
    margin-inline: -16px;
    overflow-x: auto;
    border-block-start: 1px solid var(--gamma-border);
}

table[b-bnftn6yx0l] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

th[b-bnftn6yx0l] {
    height: 44px;
    padding-inline: 16px;
    color: var(--gamma-text-muted);
    background: #fafbfc;
    border-block-end: 1px solid var(--gamma-border);
    font-size: 12px;
    font-weight: 650;
    text-align: start;
}

.empty-row td[b-bnftn6yx0l] {
    height: 130px;
    padding: 20px;
    color: var(--gamma-text-muted);
    text-align: center;
}

.empty-row strong[b-bnftn6yx0l],
.empty-row small[b-bnftn6yx0l] {
    display: block;
}

.empty-row strong[b-bnftn6yx0l] {
    margin-block: 7px 3px;
    color: var(--gamma-text);
}

.empty-table-icon[b-bnftn6yx0l] {
    width: 38px;
    height: 38px;
    margin-inline: auto;
    display: grid;
    place-items: center;
    color: var(--gamma-primary);
    background: #eef4ff;
    border-radius: 50%;
}

.empty-table-icon[b-bnftn6yx0l]  svg {
    width: 20px;
    height: 20px;
}

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

@media (max-width: 760px) {
    .dashboard-middle[b-bnftn6yx0l] {
        grid-template-columns: 1fr;
    }

    .side-stack[b-bnftn6yx0l] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
}

@media (max-width: 560px) {
    .dashboard-intro[b-bnftn6yx0l] {
        align-items: flex-start;
    }

    .placeholder-badge[b-bnftn6yx0l] {
        display: none;
    }

    .kpi-grid[b-bnftn6yx0l],
    .side-stack[b-bnftn6yx0l] {
        grid-template-columns: 1fr;
    }

    .kpi-card[b-bnftn6yx0l] {
        min-height: 104px;
    }
}
/* /Components/Shared/GammaModal.razor.rz.scp.css */
.gamma-modal-host[b-oka5oybxc6]  .gamma-modal-overlay {
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: 12px;
}

.gamma-modal-host[b-oka5oybxc6]  .gamma-modal {
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--gamma-text);
    background: var(--gamma-surface);
    border: 1px solid var(--gamma-border);
    border-radius: 10px;
}

.gamma-modal-header[b-oka5oybxc6] {
    min-height: 56px;
    padding: 10px 16px;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-block-end: 1px solid var(--gamma-border);
}

.gamma-modal-title[b-oka5oybxc6] {
    min-width: 0;
    color: var(--gamma-text);
    font-size: 16px;
    font-weight: 750;
}

.gamma-modal-content[b-oka5oybxc6] {
    min-height: 0;
    padding: 16px;
    flex: 1 1 auto;
    overflow: auto;
    overscroll-behavior: contain;
}

.gamma-modal-actions[b-oka5oybxc6] {
    padding: 12px 16px;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 8px;
    background: #fbfcfd;
    border-block-start: 1px solid var(--gamma-border);
}