@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* _content/ShMachinN8/Components/Layout/AdminLayout.razor.rz.scp.css */
:host[b-5541ap0ffc] {
    display: block;
}

/* =========================
   ROOT LAYOUT
   ========================= */

.layout[b-5541ap0ffc] {
    display: grid;

    grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
    grid-template-rows: var(--layout-topbar-height) minmax(0, 1fr);

    grid-template-areas:
        "topbar topbar"
        "sidebar content";

    height: 100vh;
    min-height: 100vh;

    background: var(--color-bg);

    color: var(--color-text);

    overflow: hidden;
}

/* =========================
   TOPBAR
   ========================= */

.topbar[b-5541ap0ffc] {
    grid-area: topbar;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;

    align-items: center;
    gap: var(--layout-topbar-gap);

    min-height: var(--layout-topbar-height);
    padding: 0 var(--layout-topbar-padding-x);

    background: var(--fluent-acrylic-bg);

    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);

    border-bottom: 1px solid var(--color-border);
    box-shadow: var(--fluent-shadow-depth-1);

    position: sticky;
    top: 0;
    z-index: var(--layout-zindex-topbar);
}

/* =========================
   BRAND
   ========================= */

.brand[b-5541ap0ffc] {
    display: inline-flex;
    align-items: center;
    gap: var(--layout-brand-gap);

    min-width: 0;

    font-weight: 700;
    font-size: 1rem;

    white-space: nowrap;
    color: var(--color-text);
}

/* =========================
   TITLE
   ========================= */

.title[b-5541ap0ffc] {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-soft);

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-wrap[b-5541ap0ffc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

.mobile-menu-button[b-5541ap0ffc] {
    display: none;
}

/* =========================
   USER PANEL
   ========================= */

.user[b-5541ap0ffc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    min-width: 0;
}

/* =========================
   SIDEBAR
   ========================= */

.sidebar[b-5541ap0ffc] {
    grid-area: sidebar;

    background: var(--fluent-acrylic-bg);
    -webkit-backdrop-filter: blur(30px) saturate(120%);
    backdrop-filter: blur(30px) saturate(120%);

    border-right: 1px solid var(--fluent-acrylic-border);
    box-shadow: var(--fluent-shadow-depth-1);

    padding:
        var(--layout-sidebar-padding-y)
        var(--layout-sidebar-padding-x);

    overflow-y: auto;
    overflow-x: hidden;
}

/* =========================
   CONTENT
   ========================= */

.content[b-5541ap0ffc] {
    grid-area: content;

    min-width: 0;
    min-height: 0;

    padding: var(--layout-content-padding);

    overflow-x: auto;
    overflow-y: auto;

    background: transparent;

    -webkit-overflow-scrolling: touch;
}

/* ВАЖНО: не ломаем таблицы */
.content > *[b-5541ap0ffc] {
    min-width: 0;
}

/* =========================
   SCROLLBAR
   ========================= */

.sidebar[b-5541ap0ffc]::-webkit-scrollbar,
.content[b-5541ap0ffc]::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
}

.sidebar[b-5541ap0ffc]::-webkit-scrollbar-thumb,
.content[b-5541ap0ffc]::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-radius);
}

.sidebar[b-5541ap0ffc]::-webkit-scrollbar-track,
.content[b-5541ap0ffc]::-webkit-scrollbar-track {
    background: transparent;
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 992px) {
    .layout[b-5541ap0ffc] {
        grid-template-columns: var(--layout-sidebar-width-md) minmax(0, 1fr);
    }

    .content[b-5541ap0ffc] {
        padding: var(--layout-content-padding-md);
    }
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {
    .layout[b-5541ap0ffc] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto minmax(0, 1fr);

        grid-template-areas:
            "topbar"
            "sidebar"
            "content";

        height: auto;
        min-height: 100vh;
    }

    .topbar[b-5541ap0ffc] {
        grid-template-columns: 1fr;

        justify-items: start;
        gap: var(--space-3);

        padding: var(--space-4);

        min-height: var(--layout-topbar-height);
    }

    .title[b-5541ap0ffc] {
        justify-content: flex-start;
        text-align: left;
        white-space: normal;
    }

    .title-wrap[b-5541ap0ffc] {
        justify-content: flex-start;
    }

    .user[b-5541ap0ffc] {
        justify-content: flex-start;
    }

    .sidebar[b-5541ap0ffc] {
        border-right: none;
        border-bottom: 1px solid var(--color-border);

        padding: var(--space-3);
        overflow: hidden;
        transition:
            max-height var(--fluent-transition),
            opacity var(--fluent-transition),
            padding var(--fluent-transition),
            border-color var(--fluent-transition),
            box-shadow var(--fluent-transition);
    }

    .sidebar.sidebar-mobile-closed[b-5541ap0ffc] {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom-color: transparent;
        box-shadow: none;
        opacity: 0;
    }

    .sidebar.sidebar-mobile-open[b-5541ap0ffc] {
        max-height: 440px;
        opacity: 1;
    }

    .content[b-5541ap0ffc] {
        padding: var(--layout-content-padding-sm);
    }
}

@media (max-width: 560px) {
    .topbar[b-5541ap0ffc] {
        gap: 8px;
        padding: 10px 10px 8px;
    }

    .title-wrap[b-5541ap0ffc] {
        justify-content: flex-start;
        gap: 8px;
    }

    .title[b-5541ap0ffc] {
        font-size: 0.92rem;
        line-height: 1.25;
        flex: 1 1 auto;
    }

    .sidebar[b-5541ap0ffc] {
        padding: 6px 8px;
    }

    .mobile-menu-button[b-5541ap0ffc] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        flex: 0 0 auto;
        min-height: 34px;
        padding: 0 10px;
        border: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--color-surface) 92%, transparent);
        color: var(--color-text);
        font: inherit;
        font-size: 0.82rem;
        font-weight: 600;
        line-height: 1;
        cursor: pointer;
        transition:
            background var(--fluent-transition),
            border-color var(--fluent-transition),
            transform var(--fluent-transition-fast, 0.15s ease),
            box-shadow var(--fluent-transition);
    }

    .mobile-menu-button:hover[b-5541ap0ffc] {
        background: color-mix(in srgb, var(--color-surface-muted) 88%, transparent);
        border-color: color-mix(in srgb, var(--color-border) 96%, transparent);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .mobile-menu-button:active[b-5541ap0ffc] {
        transform: translateY(1px);
    }

    .mobile-menu-button-icon[b-5541ap0ffc] {
        font-size: 1rem;
        line-height: 1;
    }

    .mobile-menu-button-text[b-5541ap0ffc] {
        white-space: nowrap;
    }
}

/* =========================
   SAFETY (если вдруг footer где-то остался)
   ========================= */

footer[b-5541ap0ffc],
.layout-footer[b-5541ap0ffc],
.admin-footer[b-5541ap0ffc] {
    display: none !important;
}
/* _content/ShMachinN8/Components/Layout/AdminNavMenu.razor.rz.scp.css */
:host[b-3ow8p0lihk] {
    display: block;
}

/* =========================
   PANEL
   ========================= */

.admin-nav[b-3ow8p0lihk] {
    display: flex;
    flex-direction: column;
    gap: var(--nav-gap);

    padding: var(--space-2) var(--space-2);
    margin: var(--space-2);
}

/* =========================
   NAV ITEM
   ========================= */

.admin-nav[b-3ow8p0lihk]  a.nav-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;

    width: 100%;
    min-height: var(--nav-item-min-height);
    box-sizing: border-box;

    padding: var(--nav-item-padding-y) 14px var(--nav-item-padding-y) 18px;

    border-radius: var(--nav-radius);
    border: 1px solid transparent;
    background: transparent;

    color: var(--color-text);
    text-decoration: none;

    transition:
        background var(--fluent-transition),
        color var(--fluent-transition),
        border-color var(--fluent-transition),
        transform var(--fluent-transition-fast);
}

/* =========================
   ICON
   ========================= */

.nav-icon[b-3ow8p0lihk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.admin-nav[b-3ow8p0lihk]  a.nav-item .nav-icon svg {
    width: 20px;
    height: 20px;
    color: var(--color-text-soft);
    transition: color var(--fluent-transition);
}

/* =========================
   TEXT
   ========================= */

.nav-text[b-3ow8p0lihk] {
    display: inline-block;
    line-height: 1.2;
    font-size: 0.96rem;
    font-weight: 500;
    white-space: nowrap;
}

/* =========================
   HOVER / FOCUS / PRESS
   ========================= */

.admin-nav[b-3ow8p0lihk]  a.nav-item:hover {
    background: color-mix(in srgb, var(--color-surface-muted) 88%, transparent);
}

.admin-nav[b-3ow8p0lihk]  a.nav-item:focus-visible {
    outline: none;
    box-shadow: var(--fluent-focus-ring);
}

.admin-nav[b-3ow8p0lihk]  a.nav-item:active {
    transform: translateY(1px);
}

/* =========================
   ACTIVE
   ========================= */

.admin-nav[b-3ow8p0lihk]  a.nav-item.active {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    border-color: color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.admin-nav[b-3ow8p0lihk]  a.nav-item.active::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 6px;
    width: 4px;
    border-radius: 999px;
    background: var(--color-primary);
}

.admin-nav[b-3ow8p0lihk]  a.nav-item.active .nav-text {
    font-weight: 600;
}

.admin-nav[b-3ow8p0lihk]  a.nav-item.active .nav-icon svg {
    color: var(--color-primary);
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {
    .admin-nav[b-3ow8p0lihk] {
        gap: 4px;
        padding: 8px 0;
        margin: 0;
    }

    .admin-nav[b-3ow8p0lihk]  a.nav-item {
        min-height: var(--nav-item-min-height-sm);
        padding: var(--nav-item-padding-y-sm) 12px var(--nav-item-padding-y-sm) 16px;
        gap: var(--space-2);
        border-radius: var(--nav-radius);
    }

    .nav-text[b-3ow8p0lihk] {
        font-size: 0.92rem;
        white-space: normal;
    }

    .admin-nav[b-3ow8p0lihk]  a.nav-item.active::before {
        left: 5px;
        top: 5px;
        bottom: 5px;
        width: 3px;
    }
}

@media (max-width: 560px) {
    .admin-nav[b-3ow8p0lihk] {
        gap: 6px;
        padding: 4px 0;
    }

    .admin-nav[b-3ow8p0lihk]  a.nav-item {
        min-height: var(--nav-item-min-height-sm);
        padding: var(--nav-item-padding-y-sm) 10px var(--nav-item-padding-y-sm) 12px;
        gap: var(--space-2);
        border-radius: var(--nav-radius);
    }

    .nav-text[b-3ow8p0lihk] {
        font-size: 0.88rem;
        white-space: normal;
    }
}
/* _content/ShMachinN8/Components/Layout/AppNavMenu.razor.rz.scp.css */
:host[b-zqsfl2c4t6] {
    display: block;
}

.app-nav[b-zqsfl2c4t6] {
    display: flex;
    flex-direction: column;
    gap: var(--nav-gap);
    margin-top: var(--space-2);
    padding: 4px var(--space-2);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: var(--nav-item-min-height);
    width: 100%;
    box-sizing: border-box;

    padding: var(--nav-item-padding-y) 14px var(--nav-item-padding-y) 18px;
    border-radius: var(--nav-radius);
    border: 1px solid transparent;

    color: var(--color-text);
    text-decoration: none;
    background: transparent;

    transition:
        background var(--fluent-transition),
        color var(--fluent-transition),
        border-color var(--fluent-transition),
        transform var(--fluent-transition-fast),
        box-shadow var(--fluent-transition);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link:hover {
    background: color-mix(in srgb, var(--color-surface-muted) 82%, transparent);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link:focus-visible {
    outline: none;
    box-shadow: var(--fluent-focus-ring);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link:active {
    transform: translateY(1px);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link.active {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    border-color: color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link.active::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 999px;
    background: var(--color-primary);
}

.nav-link-section[b-zqsfl2c4t6] {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.nav-icon[b-zqsfl2c4t6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.app-nav[b-zqsfl2c4t6]  a.nav-link .nav-icon svg {
    width: 20px;
    height: 20px;
    color: var(--color-text-soft);
    transition: color var(--fluent-transition);
}

.app-nav[b-zqsfl2c4t6]  a.nav-link.active .nav-icon svg {
    color: var(--color-primary);
}

.nav-text[b-zqsfl2c4t6] {
    display: inline-block;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .app-nav[b-zqsfl2c4t6] {
        flex-direction: column;
        gap: var(--nav-gap);
        padding: 2px 0;
        margin-top: 0;
        overflow-x: visible;
    }

    .app-nav[b-zqsfl2c4t6]  a.nav-link {
        min-height: var(--nav-item-min-height-sm);
        min-width: 0;
        width: 100%;
        padding: var(--nav-item-padding-y-sm) 12px var(--nav-item-padding-y-sm) 14px;
        border-radius: var(--nav-radius);
        gap: var(--space-2);
        flex: 0 0 auto;
    }

    .nav-text[b-zqsfl2c4t6] {
        font-size: 0.93rem;
        white-space: normal;
    }
}

@media (max-width: 560px) {
    .app-nav[b-zqsfl2c4t6] {
        gap: var(--nav-gap);
    }

    .app-nav[b-zqsfl2c4t6]  a.nav-link {
        min-height: var(--nav-item-min-height-sm);
        width: 100%;
        padding: var(--nav-item-padding-y-sm) 10px var(--nav-item-padding-y-sm) 12px;
        gap: var(--space-2);
        border-radius: var(--nav-radius);
    }

    .app-nav[b-zqsfl2c4t6]  a.nav-link.active::before {
        left: 4px;
        top: 7px;
        bottom: 7px;
    }

    .nav-text[b-zqsfl2c4t6] {
        font-size: 0.88rem;
        white-space: normal;
    }
}
/* _content/ShMachinN8/Components/Layout/BrandHeader.razor.rz.scp.css */
.brand[b-02ja2eab6r] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    min-width: 0;
    flex-wrap: wrap;
}

.brand-text[b-02ja2eab6r] {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: var(--color-text-soft);
    white-space: nowrap;
    font-style: oblique;
}

.brand-logo[b-02ja2eab6r] {
    height: 40px;
    width: 40px;
    object-fit: contain;
    border-radius: 50%;
    box-shadow: var(--fluent-shadow-depth-1);
    transition: transform var(--fluent-transition-fast);
}

.brand-logo:hover[b-02ja2eab6r] {
    transform: scale(1.1);
}

.logo[b-02ja2eab6r] {
    width: 40px;
    height: 40px;
    display: inline-block;
    transition: transform var(--fluent-transition), filter var(--fluent-transition);
}

.logo:hover[b-02ja2eab6r] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

@media (max-width: 768px) {
    .brand[b-02ja2eab6r] {
        gap: var(--space-2);
    }

    .brand-text[b-02ja2eab6r] {
        font-size: 1.05rem;
    }

    .brand-logo[b-02ja2eab6r],
    .logo[b-02ja2eab6r] {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 560px) {
    .brand[b-02ja2eab6r] {
        flex-wrap: nowrap;
        align-items: center;
    }

    .brand-text[b-02ja2eab6r] {
        font-size: 0.92rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .brand-logo[b-02ja2eab6r],
    .logo[b-02ja2eab6r] {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
    }
}
/* _content/ShMachinN8/Components/Layout/EmptyLayout.razor.rz.scp.css */
:host[b-m61gwjhbbe] {
    display: block;
}

.empty-layout[b-m61gwjhbbe] {
    min-height: 100dvh;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 8%, transparent), transparent 26%),
        radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary) 4%, transparent), transparent 24%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 3%, var(--color-bg)) 0%, color-mix(in srgb, var(--color-primary) 6%, var(--color-bg)) 100%);
}
/* _content/ShMachinN8/Components/Layout/HeaderUserPanel.razor.rz.scp.css */
:host[b-1rg8wy52h4] {
    display: block;
    height: 100%;
}

/* =========================
   SHARED PANEL BASE
   ========================= */

.header-user-panel-auth[b-1rg8wy52h4],
.header-user-panel[b-1rg8wy52h4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);

    min-height: 52px;
    padding: var(--space-2) var(--space-2);
    margin: 0;

    border: 1px solid transparent;
    border-radius: calc(var(--radius-lg) + 2px);
    background: transparent;
    box-shadow: none;

    transition:
        background var(--fluent-transition),
        border-color var(--fluent-transition),
        box-shadow var(--fluent-transition),
        transform var(--fluent-transition-fast);
}

/* Для гостя оставляем hover на всей панели */
.header-user-panel:hover[b-1rg8wy52h4] {
    background: color-mix(in srgb, var(--color-surface-muted) 72%, transparent);
    border-color: color-mix(in srgb, var(--color-border) 80%, transparent);
}

.header-user-panel:active[b-1rg8wy52h4] {
    transform: translateY(1px);
}

/* =========================
   CLICKABLE PROFILE BUTTON
   ========================= */

.header-user-profile-button[b-1rg8wy52h4] {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;

    padding: 0;
    margin: 0;

    border: 0;
    border-radius: calc(var(--radius-lg) + 2px);
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;

    transition:
        background var(--fluent-transition),
        border-color var(--fluent-transition),
        box-shadow var(--fluent-transition),
        transform var(--fluent-transition-fast);
}

.header-user-profile-button:hover[b-1rg8wy52h4] {
    background: color-mix(in srgb, var(--color-surface-muted) 72%, transparent);
    border-color: color-mix(in srgb, var(--color-border) 80%, transparent);
}

.header-user-profile-button:active[b-1rg8wy52h4] {
    transform: translateY(1px);
}

.header-user-profile-button:focus-visible[b-1rg8wy52h4] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
    outline-offset: 2px;
}

/* =========================
   USER BLOCK
   ========================= */

.header-user-info-with-icon[b-1rg8wy52h4],
.header-user-panel-guest[b-1rg8wy52h4] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
    flex: 1 1 auto;
}

.header-user-avatar[b-1rg8wy52h4] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--color-surface-muted) 92%, white 8%),
        color-mix(in srgb, var(--color-surface-muted) 100%, transparent)
    );
    color: var(--color-primary);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.18),
        0 1px 2px rgba(0,0,0,0.04);
}

.guest-avatar[b-1rg8wy52h4] {
    color: var(--color-text);
}

.header-user-icon[b-1rg8wy52h4] {
    font-size: 18px;
    line-height: 1;
}

.header-user-info[b-1rg8wy52h4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    gap: 2px;
}

.header-user-name[b-1rg8wy52h4],
.header-user-guest[b-1rg8wy52h4] {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-text);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-user-role[b-1rg8wy52h4] {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-text-soft);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =========================
   ACTIONS
   ========================= */

.header-user-actions[b-1rg8wy52h4],
.header-logout-form[b-1rg8wy52h4] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0;
}

/* =========================
   LOGOUT BUTTON
   ========================= */

.header-logout-button[b-1rg8wy52h4] {
    width: auto;
}

.header-logout-button[b-1rg8wy52h4]::part(control) {
    min-height: 38px;
    padding-inline: 14px;
    border-radius: var(--radius-md);
    font-weight: 600;
    box-shadow: none;

    transition:
        transform var(--fluent-transition-fast),
        filter var(--fluent-transition-fast);
}

.header-logout-button:hover[b-1rg8wy52h4]::part(control) {
    filter: brightness(1.02);
}

.header-logout-button:active[b-1rg8wy52h4]::part(control) {
    transform: translateY(1px);
}

/* =========================
   ICON BUTTONS
   ========================= */

.header-action-icon[b-1rg8wy52h4] {
    width: auto;
}

.header-action-icon[b-1rg8wy52h4]::part(control) {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 999px;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;

    transition:
        background var(--fluent-transition),
        border-color var(--fluent-transition),
        transform var(--fluent-transition-fast),
        box-shadow var(--fluent-transition);
}

.header-action-icon:hover[b-1rg8wy52h4]::part(control) {
    background: color-mix(in srgb, var(--color-surface-muted) 86%, transparent);
    border-color: color-mix(in srgb, var(--color-border) 90%, transparent);
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.header-action-icon:focus-visible[b-1rg8wy52h4]::part(control) {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
    outline-offset: 2px;
}

.header-action-icon:active[b-1rg8wy52h4]::part(control) {
    transform: translateY(1px) scale(0.98);
}

/* =========================
   TOPBAR SAFETY
   ========================= */

.header-user-panel-auth[b-1rg8wy52h4],
.header-user-panel[b-1rg8wy52h4],
.header-user-profile-button[b-1rg8wy52h4],
.header-user-info-with-icon[b-1rg8wy52h4],
.header-user-panel-guest[b-1rg8wy52h4],
.header-user-actions[b-1rg8wy52h4],
.header-logout-form[b-1rg8wy52h4] {
    background-clip: padding-box;
}

/* =========================
   MOBILE
   ========================= */

@media (max-width: 720px) {
    .header-user-panel-auth[b-1rg8wy52h4],
    .header-user-panel[b-1rg8wy52h4] {
        gap: var(--space-2);
        padding: var(--space-2);
    }

    .header-user-avatar[b-1rg8wy52h4] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .header-action-icon[b-1rg8wy52h4]::part(control),
    .header-logout-button[b-1rg8wy52h4]::part(control) {
        min-height: 36px;
    }

    .header-user-name[b-1rg8wy52h4],
    .header-user-guest[b-1rg8wy52h4] {
        font-size: 0.92rem;
    }

    .header-user-role[b-1rg8wy52h4] {
        font-size: 0.78rem;
    }
}

@media (max-width: 560px) {
    .header-user-panel-auth[b-1rg8wy52h4],
    .header-user-panel[b-1rg8wy52h4] {
        flex-direction: row;
        align-items: center;
        padding: 6px 0 0;
        border: none;
    }

    .header-user-profile-button[b-1rg8wy52h4],
    .header-user-info-with-icon[b-1rg8wy52h4],
    .header-user-panel-guest[b-1rg8wy52h4] {
        width: 100%;
    }

    .header-user-actions[b-1rg8wy52h4],
    .header-logout-form[b-1rg8wy52h4] {
        width: auto;
        justify-content: flex-end;
        flex: 0 0 auto;
    }

    .header-user-info[b-1rg8wy52h4] {
        gap: 1px;
    }

    .header-user-role[b-1rg8wy52h4] {
        max-width: 160px;
    }

    .header-user-profile-button[b-1rg8wy52h4] {
        min-width: 0;
    }

    .header-user-actions[b-1rg8wy52h4] {
        gap: var(--space-1);
    }
}
/* _content/ShMachinN8/Components/Layout/MainLayout.razor.rz.scp.css */
:host[b-34qxc73vk4] {
    display: block;
}

.layout[b-34qxc73vk4] {
    height: 100vh;
    display: grid;
    grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
    grid-template-rows:
        var(--layout-topbar-height) minmax(0, 1fr) var(--layout-footer-height);
    grid-template-areas:
        "topbar topbar"
        "sidebar content"
        "footer footer";
    background: var(--color-bg);
}

.topbar[b-34qxc73vk4] {
    grid-area: topbar;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--layout-topbar-gap);
    min-height: var(--layout-topbar-height);
    padding: 0 var(--layout-topbar-padding-x);
    background: var(--fluent-acrylic-bg);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--color-border);
    box-shadow: var(--fluent-shadow-depth-1);
    position: sticky;
    top: 0;
    z-index: var(--layout-zindex-topbar);
}

.brand[b-34qxc73vk4] {
    display: inline-flex;
    align-items: center;
    gap: var(--layout-brand-gap);
    min-width: 0;
    font-weight: 700;
    font-size: 1rem;
    white-space: nowrap;
    color: var(--color-text);
    letter-spacing: 0.01em;
}

.title[b-34qxc73vk4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-soft);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-wrap[b-34qxc73vk4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 0;
}

.mobile-menu-button[b-34qxc73vk4] {
    display: none;
}

.user[b-34qxc73vk4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.sidebar[b-34qxc73vk4] {
    grid-area: sidebar;
    background: var(--fluent-acrylic-bg);
    -webkit-backdrop-filter: blur(30px) saturate(120%);
    backdrop-filter: blur(30px) saturate(120%);
    border-right: 1px solid var(--fluent-acrylic-border);
    box-shadow: var(--fluent-shadow-depth-1);
    padding: var(--layout-sidebar-padding-y) var(--layout-sidebar-padding-x);
    overflow-y: auto;
    overflow-x: hidden;
}

.content[b-34qxc73vk4] {
    grid-area: content;
    min-width: 0;
    min-height: 0;
    padding: var(--layout-content-padding);
    overflow: auto;
    background: transparent;
}

.footer[b-34qxc73vk4] {
    grid-area: footer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--layout-footer-gap);
    min-height: var(--layout-footer-height);
    padding: 0 var(--layout-footer-padding-x);
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    border-top: 1px solid var(--color-border);
    color: var(--color-text-soft);
    font-size: 0.875rem;
}

.sidebar[b-34qxc73vk4]::-webkit-scrollbar,
.content[b-34qxc73vk4]::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size);
}

.sidebar[b-34qxc73vk4]::-webkit-scrollbar-thumb,
.content[b-34qxc73vk4]::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-radius);
}

.sidebar[b-34qxc73vk4]::-webkit-scrollbar-track,
.content[b-34qxc73vk4]::-webkit-scrollbar-track {
    background: transparent;
}

@media (max-width: 992px) {
    .layout[b-34qxc73vk4] {
        grid-template-columns: var(--layout-sidebar-width-md) minmax(0, 1fr);
    }

    .content[b-34qxc73vk4] {
        padding: var(--layout-content-padding-md);
    }
}

@media (max-width: 768px) {
    .layout[b-34qxc73vk4] {
        height: auto;
        min-height: 100vh;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        grid-template-areas:
            "topbar"
            "sidebar"
            "content"
            "footer";
    }

    .topbar[b-34qxc73vk4] {
        grid-template-columns: minmax(0, 1fr);
        justify-items: stretch;
        gap: 10px;
        padding: 12px;
        min-height: auto;
        background: var(--fluent-acrylic-bg);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        border-bottom: 1px solid var(--color-border);
    }

    .brand[b-34qxc73vk4],
    .title[b-34qxc73vk4] {
        justify-content: flex-start;
        text-align: left;
        white-space: normal;
    }

    .title-wrap[b-34qxc73vk4] {
        justify-content: flex-start;
    }

    .user[b-34qxc73vk4] {
        justify-content: stretch;
    }

    .sidebar[b-34qxc73vk4] {
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        padding: 8px 10px;
        box-shadow: var(--fluent-shadow-depth-1);
        overflow: hidden;
        transition:
            max-height var(--fluent-transition),
            opacity var(--fluent-transition),
            padding var(--fluent-transition),
            border-color var(--fluent-transition),
            box-shadow var(--fluent-transition);
    }

    .sidebar.sidebar-mobile-closed[b-34qxc73vk4] {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom-color: transparent;
        box-shadow: none;
        opacity: 0;
    }

    .sidebar.sidebar-mobile-open[b-34qxc73vk4] {
        max-height: 320px;
        opacity: 1;
    }

    .content[b-34qxc73vk4] {
        min-height: auto;
        padding: 10px;
        overflow: visible;
    }

    .footer[b-34qxc73vk4] {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;
        padding: 10px 12px;
    }
}

@media print {
    .topbar[b-34qxc73vk4],
    .sidebar[b-34qxc73vk4],
    .footer[b-34qxc73vk4] {
        display: none !important;
    }

    .layout[b-34qxc73vk4] {
        display: block;
        height: auto;
    }

    .content[b-34qxc73vk4] {
        padding: 0;
        overflow: visible;
    }
}

@media (max-width: 560px) {
    .topbar[b-34qxc73vk4] {
        gap: 8px;
        padding: 10px 10px 8px;
    }

    .title-wrap[b-34qxc73vk4] {
        justify-content: flex-start;
        gap: 8px;
    }

    .title[b-34qxc73vk4] {
        font-size: 0.92rem;
        line-height: 1.25;
        flex: 1 1 auto;
    }

    .sidebar[b-34qxc73vk4] {
        padding: 6px 8px;
    }

    .mobile-menu-button[b-34qxc73vk4] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        flex: 0 0 auto;
        min-height: 34px;
        padding: 0 10px;
        border: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--color-surface) 92%, transparent);
        color: var(--color-text);
        font: inherit;
        font-size: 0.82rem;
        font-weight: 600;
        line-height: 1;
        cursor: pointer;
        transition:
            background var(--fluent-transition),
            border-color var(--fluent-transition),
            transform var(--fluent-transition-fast),
            box-shadow var(--fluent-transition);
    }

    .mobile-menu-button:hover[b-34qxc73vk4] {
        background: color-mix(in srgb, var(--color-surface-muted) 88%, transparent);
        border-color: color-mix(in srgb, var(--color-border) 96%, transparent);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .mobile-menu-button:active[b-34qxc73vk4] {
        transform: translateY(1px);
    }

    .mobile-menu-button-icon[b-34qxc73vk4] {
        font-size: 1rem;
        line-height: 1;
    }

    .mobile-menu-button-text[b-34qxc73vk4] {
        white-space: nowrap;
    }

    .content[b-34qxc73vk4] {
        padding: 8px;
        overflow: visible;
    }

    .footer[b-34qxc73vk4] {
        font-size: 0.8rem;
        line-height: 1.35;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        white-space: nowrap;
        overflow-x: auto;
    }
}
/* _content/ShMachinN8/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-dnkx7y0ekw],
.components-reconnect-repeated-attempt-visible[b-dnkx7y0ekw],
.components-reconnect-failed-visible[b-dnkx7y0ekw],
.components-pause-visible[b-dnkx7y0ekw],
.components-resume-failed-visible[b-dnkx7y0ekw],
.components-rejoining-animation[b-dnkx7y0ekw] {
    display: none;
}

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


#components-reconnect-modal[b-dnkx7y0ekw] {
    background: var(--color-surface);
    width: 20rem;
    margin: 20vh auto;
    padding: var(--space-8);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--fluent-shadow-depth-3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-dnkx7y0ekw 0.5s both;

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

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-dnkx7y0ekw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

#components-reconnect-modal p[b-dnkx7y0ekw] {
    margin: 0;
    text-align: center;
    color: var(--color-text-soft);
}

#components-reconnect-modal button[b-dnkx7y0ekw] {
    border: 0;
    background: var(--color-primary);
    color: #ffffff;
    padding: var(--space-1) var(--space-6);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--fluent-transition);
}

    #components-reconnect-modal button:hover[b-dnkx7y0ekw] {
        background: var(--color-primary-hover);
    }

    #components-reconnect-modal button:active[b-dnkx7y0ekw] {
        background: var(--color-primary);
    }

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

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

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

@keyframes components-rejoining-animation-b-dnkx7y0ekw {
    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;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/ContractTemplates.razor.rz.scp.css */
.ct-toolbar[b-1yw92qnczw] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.ct-search[b-1yw92qnczw] {
    min-width: 260px;
    flex: 1;
}

.ct-table .col-name[b-1yw92qnczw]     { min-width: 180px; }
.ct-table .col-code[b-1yw92qnczw]     { width: 220px; }
.ct-table .col-direction[b-1yw92qnczw]{ width: 140px; }
.ct-table .col-kind[b-1yw92qnczw]     { width: 160px; }
.ct-table .col-market[b-1yw92qnczw]   { width: 100px; }
.ct-table .col-vat[b-1yw92qnczw]      { width: 80px; }
.ct-table .col-status[b-1yw92qnczw]   { width: 80px; }
.ct-table .col-actions[b-1yw92qnczw]  { width: 60px; }

.ct-code[b-1yw92qnczw] {
    font-family: monospace;
    font-size: 12px;
    background: var(--neutral-fill-secondary-rest);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--accent-foreground-rest);
}
/* _content/ShMachinN8/Components/Pages/Admin/Dashboard.razor.rz.scp.css */
:host[b-olhcbb1nsn] {
    display: block;
}

.admin-dashboard-page[b-olhcbb1nsn] {
    width: 100%;
}

.admin-dashboard-row[b-olhcbb1nsn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    align-items: stretch;
}

@media (max-width: 1200px) {
    .admin-dashboard-row[b-olhcbb1nsn] {
        gap: var(--space-4);
    }
}

@media (max-width: 700px) {
    .admin-dashboard-row[b-olhcbb1nsn] {
        gap: var(--space-3);
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/LegalEntities.razor.rz.scp.css */
.legal-entities-page[b-zzznxwtwde] {
    min-width: 0;
}

.legal-entities-card[b-zzznxwtwde] {
    width: 100%;
    align-self: stretch;
    min-width: 0;
    overflow: hidden;
}

.legal-entities-header-fix[b-zzznxwtwde],
.legal-entities-header-fix:focus[b-zzznxwtwde],
.admin-page-title[b-zzznxwtwde],
.admin-page-title:focus[b-zzznxwtwde] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.legal-entities-toolbar[b-zzznxwtwde] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: var(--space-2);
}

.legal-entities-toolbar-left[b-zzznxwtwde] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 860px;
    min-width: 0;
}

.legal-entities-toolbar-right[b-zzznxwtwde] {
    margin-left: auto;
}

.legal-entities-search[b-zzznxwtwde] {
    min-width: 280px;
    flex: 1;
}

.legal-entities-filter[b-zzznxwtwde] {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center;
    font-size: 13px;
    color: var(--color-text);
    white-space: nowrap;
    padding: 0 var(--space-1);
}

.legal-entities-filter input[type="checkbox"][b-zzznxwtwde] {
    width: 15px;
    height: 15px;
}

.legal-entities-counter[b-zzznxwtwde] {
    color: var(--color-text-soft);
    font-size: 13px;
}

.legal-entities-table-wrap[b-zzznxwtwde] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--space-1);
}

.legal-entities-table[b-zzznxwtwde] {
    width: 100%;
    min-width: 1220px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 13px;
    line-height: 1.3;
}

.legal-entities-table thead th[b-zzznxwtwde] {
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text);
    background: var(--color-surface);
    padding: var(--space-3);
    border-bottom: 1px solid var(--color-border);
    white-space: normal;
    line-height: 1.2;
}

.legal-entities-table tbody td[b-zzznxwtwde] {
    padding: var(--space-3);
    vertical-align: top;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
    background: transparent;
}

.legal-row-clickable[b-zzznxwtwde] {
    cursor: pointer;
    transition: background var(--fluent-transition-fast);
}

.legal-row-clickable:hover td[b-zzznxwtwde] {
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.legal-row-clickable:active td[b-zzznxwtwde] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
}

.col-entity[b-zzznxwtwde] { width: 31%; }
.col-type[b-zzznxwtwde]   { width: 7%; }
.col-inn[b-zzznxwtwde]    { width: 12%; }
.col-tax[b-zzznxwtwde]    { width: 10%; }
.col-domain[b-zzznxwtwde] { width: 11%; }
.col-bank[b-zzznxwtwde]   { width: 19%; }
.col-status[b-zzznxwtwde] { width: 8%; }
.col-actions[b-zzznxwtwde] {
    width: 102px;
    text-align: right;
}

.entity-cell[b-zzznxwtwde] {
    min-width: 0;
}

.entity-name-row[b-zzznxwtwde] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    min-width: 0;
}

.entity-shortname[b-zzznxwtwde] {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--color-text);
}

.entity-fullname[b-zzznxwtwde] {
    margin-top: var(--space-1);
    font-size: 12px;
    line-height: 1.35;
    color: var(--color-text-soft);
}

.cell-subtext[b-zzznxwtwde] {
    color: var(--color-text-soft);
    font-size: 12px;
}

.cell-nowrap[b-zzznxwtwde] {
    white-space: nowrap;
}

.cell-clamp-1[b-zzznxwtwde],
.cell-clamp-2[b-zzznxwtwde] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cell-clamp-1[b-zzznxwtwde] {
    -webkit-line-clamp: 1;
    line-clamp: 1;
}

.cell-clamp-2[b-zzznxwtwde] {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.status-badge[b-zzznxwtwde] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 var(--space-2);
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
    background: color-mix(in srgb, currentColor 7%, transparent);
    box-sizing: border-box;
}

.status-badge-success[b-zzznxwtwde] {
    color: var(--color-success-text);
}

.status-badge-accent[b-zzznxwtwde] {
    color: var(--color-primary);
}

.row-icon-actions[b-zzznxwtwde] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-2);
    min-width: 72px;
}

.icon-action-button[b-zzznxwtwde] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-primary);
    cursor: pointer;
    transition:
        transform var(--fluent-transition-fast),
        background var(--fluent-transition),
        border-color var(--fluent-transition),
        box-shadow var(--fluent-transition);
    box-shadow: var(--fluent-shadow-depth-1);
    flex: 0 0 auto;
}

.icon-action-button:hover:not(:disabled)[b-zzznxwtwde] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    box-shadow: var(--fluent-shadow-depth-2);
}

.icon-action-button:active:not(:disabled)[b-zzznxwtwde] {
    transform: translateY(0);
    box-shadow: var(--fluent-shadow-depth-1);
}

.icon-action-button:disabled[b-zzznxwtwde],
.icon-action-button.is-disabled[b-zzznxwtwde] {
    opacity: 0.42;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.icon-action-button.is-star[b-zzznxwtwde]    { color: var(--color-warning-text); }
.icon-action-button.is-archive[b-zzznxwtwde] { color: var(--color-error-text); }
.icon-action-button.is-activate[b-zzznxwtwde] { color: var(--color-success-text); }

[b-zzznxwtwde] .icon-action-button svg,
[b-zzznxwtwde] .icon-action-button fluent-icon,
[b-zzznxwtwde] .icon-action-button span {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.legal-entities-empty-state[b-zzznxwtwde] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    text-align: center;
    color: var(--color-text-soft);
}

@media (max-width: 900px) {
    .legal-entities-search[b-zzznxwtwde] {
        min-width: 100%;
    }

    .legal-entities-toolbar-right[b-zzznxwtwde] {
        width: 100%;
        margin-left: 0;
    }

    .legal-entities-counter[b-zzznxwtwde] {
        text-align: left;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/LegalEntityEdit.razor.rz.scp.css */
.legal-entity-edit-page[b-wp1ad0pls9] {
    min-width: 0;
}

.legal-entity-edit-actions[b-wp1ad0pls9] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.legal-entity-loading-card[b-wp1ad0pls9] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    align-items: center;
    justify-content: center;
    color: var(--color-text-soft);
}

.legal-entity-layout[b-wp1ad0pls9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: var(--space-5);
    align-items: start;
}

.legal-entity-main[b-wp1ad0pls9],
.legal-entity-side[b-wp1ad0pls9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.legal-entity-side[b-wp1ad0pls9] {
    position: sticky;
    top: 92px;
}

/* .section-card and .sidebar-card come from global product-form.css */

.section-header[b-wp1ad0pls9] {
    margin-bottom: var(--space-5);
}

.section-header h3[b-wp1ad0pls9] {
    margin: 0 0 var(--space-1);
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
}

.section-header p[b-wp1ad0pls9] {
    margin: 0;
    color: var(--color-text-soft);
}

.entity-section-header[b-wp1ad0pls9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.entity-section-subtitle[b-wp1ad0pls9] {
    margin: var(--space-1) 0 0;
    font-size: 13px;
    color: var(--color-text-soft);
}

.entity-form-grid[b-wp1ad0pls9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.entity-form-field[b-wp1ad0pls9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.entity-form-field-span-2[b-wp1ad0pls9] {
    grid-column: span 2;
}

.entity-label[b-wp1ad0pls9] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
}

.entity-input[b-wp1ad0pls9] {
    width: 100%;
    min-height: 40px;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: inherit;
    box-sizing: border-box;
    font: inherit;
    transition: border-color var(--fluent-transition), box-shadow var(--fluent-transition);
}

.entity-input:focus[b-wp1ad0pls9] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--fluent-focus-ring);
}

.entity-empty-state[b-wp1ad0pls9] {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--color-text-soft);
}

.entity-card-list[b-wp1ad0pls9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.entity-subcard[b-wp1ad0pls9] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
    background: var(--color-surface);
}

.entity-subcard-header[b-wp1ad0pls9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.entity-inline-options[b-wp1ad0pls9] {
    display: flex;
    gap: var(--space-4);
    flex-wrap: wrap;
    margin-top: var(--space-4);
    align-items: center;
}

.entity-checkbox-row[b-wp1ad0pls9] {
    min-height: 28px;
    font-size: 14px;
    color: var(--color-text);
}

.entity-toggles-grid[b-wp1ad0pls9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-5);
}

.entity-toggles-grid-single[b-wp1ad0pls9] {
    grid-template-columns: minmax(0, 1fr);
}

.entity-toggle-card[b-wp1ad0pls9] {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 95%, transparent);
}

.entity-toggle-card-header[b-wp1ad0pls9] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    align-items: center;
    margin-bottom: var(--space-3);
}

.entity-toggle-card p[b-wp1ad0pls9] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-soft);
}

.icon-action-button[b-wp1ad0pls9] {
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-primary);
    cursor: pointer;
    transition:
        transform var(--fluent-transition-fast),
        background var(--fluent-transition),
        border-color var(--fluent-transition),
        box-shadow var(--fluent-transition);
    box-shadow: var(--fluent-shadow-depth-1);
}

.icon-action-button:hover[b-wp1ad0pls9] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    box-shadow: var(--fluent-shadow-depth-2);
}

.icon-action-button-danger[b-wp1ad0pls9] {
    color: var(--color-error-text);
}

[b-wp1ad0pls9] .icon-action-button svg,
[b-wp1ad0pls9] .icon-action-button fluent-icon,
[b-wp1ad0pls9] .icon-action-button span {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.entity-help[b-wp1ad0pls9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    color: var(--color-text-soft);
    font-size: 14px;
    line-height: 1.5;
}

.entity-help p[b-wp1ad0pls9] {
    margin: 0;
}

.legal-entity-validation-summary[b-wp1ad0pls9] {
    margin-bottom: var(--space-4);
}

[b-wp1ad0pls9] .legal-entity-validation-summary ul {
    margin: 0;
    padding-left: var(--space-5);
    color: var(--color-error-text);
}

[b-wp1ad0pls9] .validation-message {
    color: var(--color-error-text);
    font-size: 13px;
}

@media (max-width: 1100px) {
    .legal-entity-layout[b-wp1ad0pls9] {
        grid-template-columns: 1fr;
    }

    .legal-entity-side[b-wp1ad0pls9] {
        position: static;
    }
}

@media (max-width: 768px) {
    .entity-form-grid[b-wp1ad0pls9] {
        grid-template-columns: 1fr;
    }

    .entity-form-field-span-2[b-wp1ad0pls9] {
        grid-column: span 1;
    }

    .entity-toggles-grid[b-wp1ad0pls9] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/OwnLegalEntities.razor.rz.scp.css */
.own-le-toolbar[b-5802fkptom] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.own-le-search[b-5802fkptom] {
    min-width: 260px;
    flex: 1;
}

.own-le-filter[b-5802fkptom] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
}

.status-badge[b-5802fkptom] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 var(--space-2);
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
    background: color-mix(in srgb, currentColor 7%, transparent);
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    box-sizing: border-box;
}

.status-badge-success[b-5802fkptom] {
    color: var(--color-success-text);
}

.status-badge-accent[b-5802fkptom] {
    color: var(--color-primary);
}

[b-5802fkptom] .own-le-archive-button {
    color: var(--color-error-text);
}

[b-5802fkptom] .own-le-activate-button {
    color: var(--color-success-text);
}

.own-le-card-grid[b-5802fkptom] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 16px;
}

.own-le-card[b-5802fkptom] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    box-shadow: var(--fluent-shadow-depth-1);
}

.own-le-card.is-inactive[b-5802fkptom] {
    opacity: .72;
}

.own-le-card-header[b-5802fkptom] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.own-le-card-title-block[b-5802fkptom] {
    min-width: 0;
}

.own-le-card-title-row[b-5802fkptom] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.own-le-card-title-row h2[b-5802fkptom] {
    margin: 0;
    color: var(--color-text);
    font-size: 17px;
    line-height: 1.25;
    font-weight: 650;
}

.own-le-card-actions[b-5802fkptom] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.own-le-requisites-card[b-5802fkptom] {
    padding: 14px 16px;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 6px;
    background: color-mix(in srgb, var(--color-surface) 98%, var(--color-primary));
}

.own-le-requisites-list[b-5802fkptom] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
}

.own-le-requisites-list > div[b-5802fkptom] {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    min-width: 0;
}

.own-le-requisites-list > .own-le-wide-row[b-5802fkptom] {
    grid-template-columns: 118px minmax(0, 1fr);
}

.own-le-requisites-list dt[b-5802fkptom] {
    color: var(--color-text-soft);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 650;
    white-space: nowrap;
}

.own-le-requisites-list dd[b-5802fkptom] {
    margin: 0;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.own-le-signer-block[b-5802fkptom] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border);
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.45;
}

.own-le-signer-block strong[b-5802fkptom] {
    display: block;
    margin-top: 2px;
    font-weight: 650;
}

.own-le-signer-block p[b-5802fkptom] {
    margin: 8px 0 0;
    color: var(--color-text);
}

.own-le-card-footer[b-5802fkptom] {
    padding-top: 0;
}

.own-le-directions[b-5802fkptom] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.own-le-dir-badge[b-5802fkptom] {
    font-size: 11px;
    padding: 1px 6px;
}

@media (max-width: 760px) {
    .own-le-card-grid[b-5802fkptom] {
        grid-template-columns: 1fr;
    }

    .own-le-card[b-5802fkptom] {
        padding: 14px;
    }

    .own-le-card-header[b-5802fkptom],
    .own-le-card-actions[b-5802fkptom] {
        align-items: stretch;
        flex-direction: column;
    }

    .own-le-requisites-list > div[b-5802fkptom] {
        grid-template-columns: 1fr;
        gap: 1px;
    }

    .own-le-requisites-list > .own-le-wide-row[b-5802fkptom] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/OwnLegalEntityEdit.razor.rz.scp.css */
.own-le-edit-layout[b-qf6puiu2k4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.own-le-section[b-qf6puiu2k4] {
    padding: 20px 24px;
}

.own-le-section-title[b-qf6puiu2k4] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--neutral-stroke-layer-rest);
}

.own-le-grid[b-qf6puiu2k4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.own-le-field[b-qf6puiu2k4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.own-le-field label[b-qf6puiu2k4] {
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.own-le-field .own-le-input[b-qf6puiu2k4] {
    width: 100%;
}

.own-le-span2[b-qf6puiu2k4] {
    grid-column: span 2;
}

.own-le-checkbox-field[b-qf6puiu2k4] {
    justify-content: flex-end;
    padding-bottom: 2px;
}

.own-le-directions-grid[b-qf6puiu2k4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.own-le-dir-row[b-qf6puiu2k4] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.own-le-dir-default[b-qf6puiu2k4] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.own-le-native-select[b-qf6puiu2k4] {
    width: 100%;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--neutral-stroke-input-rest);
    border-radius: calc(var(--control-corner-radius) * 1px);
    background-color: var(--neutral-fill-input-rest);
    color: var(--neutral-foreground-rest);
    font-size: 14px;
    outline: none;
    cursor: pointer;
}

.own-le-native-select:focus[b-qf6puiu2k4] {
    border-color: var(--accent-fill-rest);
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: -1px;
}

@media (max-width: 600px) {
    .own-le-grid[b-qf6puiu2k4] {
        grid-template-columns: 1fr;
    }

    .own-le-span2[b-qf6puiu2k4] {
        grid-column: span 1;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/PageComponents/AdminDashboardTile.razor.rz.scp.css */
:host[b-7zgoxxxick] {
    display: block;
}

.dashboard-card-button[b-7zgoxxxick] {
    display: block;
    width: 260px;
    flex: 0 0 260px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    border-radius: var(--radius-lg);
}

.dashboard-card-button:focus[b-7zgoxxxick] {
    outline: none;
}

.dashboard-card-button:focus-visible .dashboard-card[b-7zgoxxxick] {
    box-shadow:
        var(--fluent-shadow-depth-2),
        var(--fluent-focus-ring);
}

.dashboard-card[b-7zgoxxxick] {
    height: 180px;
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    box-shadow: var(--fluent-shadow-depth-1);
    display: flex;
    flex-direction: column;
    transition:
        transform var(--fluent-transition),
        background var(--fluent-transition),
        box-shadow var(--fluent-transition);
}

.dashboard-card-button:hover .dashboard-card[b-7zgoxxxick] {
    transform: translateY(-3px);
    background: var(--color-surface-muted);
    box-shadow: var(--fluent-shadow-depth-2);
}

.dashboard-card-button:active .dashboard-card[b-7zgoxxxick] {
    transform: translateY(0);
}

.dashboard-card-icon-button[b-7zgoxxxick]  fluent-icon {
    color: var(--color-primary);
}

.dashboard-card-body[b-7zgoxxxick] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.dashboard-title[b-7zgoxxxick] {
    font-size: 1.15rem;
    line-height: 1.2;
    font-weight: 600;
    color: var(--color-text);
}

.dashboard-text[b-7zgoxxxick] {
    color: var(--color-text-soft);
    font-size: 0.92rem;
    line-height: 1.45;
}

.dashboard-arrow[b-7zgoxxxick] {
    align-self: flex-end;
    margin-top: auto;
    font-size: 18px;
    line-height: 1;
    color: var(--color-text-soft);
    transition:
        transform var(--fluent-transition-fast),
        color var(--fluent-transition-fast);
}

.dashboard-card-button:hover .dashboard-arrow[b-7zgoxxxick] {
    transform: translateX(4px);
    color: var(--color-primary);
}

@media (max-width: 900px) {
    .dashboard-card-button[b-7zgoxxxick] {
        width: calc(50% - 7px);
        flex: 1 1 calc(50% - 7px);
        min-width: 240px;
    }
}

@media (max-width: 700px) {
    .dashboard-card-button[b-7zgoxxxick] {
        width: 100%;
        flex: 1 1 100%;
        min-width: 0;
    }

    .dashboard-card[b-7zgoxxxick] {
        height: auto;
        min-height: 154px;
        padding: var(--space-5) var(--space-4);
    }

    .dashboard-title[b-7zgoxxxick] {
        font-size: 1.05rem;
    }

    .dashboard-text[b-7zgoxxxick] {
        font-size: 0.9rem;
        line-height: 1.4;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/CommonSpecificationsPage.razor.rz.scp.css */
.common-specs-toolbar[b-oi9qdkesfm] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
}

.common-specs-search[b-oi9qdkesfm] {
    flex: 1;
}

.common-specs-list-header[b-oi9qdkesfm],
.common-spec-row[b-oi9qdkesfm] {
    display: grid;
    grid-template-columns: 1.5fr 2fr 80px 90px 90px 90px;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
}

.common-specs-list-header[b-oi9qdkesfm] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.common-spec-row:hover[b-oi9qdkesfm] {
    background-color: var(--neutral-fill-stealth-hover);
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/Components/ProductCatalogFiltersCard.razor.rz.scp.css */
.toolbar-row[b-9uizln7vr3] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.8fr);
    gap: var(--space-4);
    align-items: end;
    min-width: 0;
}

.toolbar-search[b-9uizln7vr3],
.toolbar-filters[b-9uizln7vr3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.field-label[b-9uizln7vr3] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.86;
}

.toolbar-search[b-9uizln7vr3]  fluent-text-field,
.toolbar-filters[b-9uizln7vr3]  fluent-select {
    width: 100%;
    min-width: 0;
}

.toolbar-search[b-9uizln7vr3]  fluent-text-field::part(control),
.toolbar-filters[b-9uizln7vr3]  fluent-select::part(control) {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.quick-filters[b-9uizln7vr3] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-top: var(--space-4);
    margin-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

@media (max-width: 840px) {
    .toolbar-row[b-9uizln7vr3] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/Components/ProductCatalogOverviewCard.razor.rz.scp.css */
.products-overview-card[b-towdb4ya6b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-xl);
}

.products-overview-layout[b-towdb4ya6b] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) var(--products-sidebar-width, 320px);
    grid-template-areas: "head summary";
    gap: var(--space-3);
    align-items: end;
}

.products-overview-head[b-towdb4ya6b] {
    grid-area: head;
    min-width: 0;
    max-width: 420px;
    gap: 4px;
}

.products-overview-head .admin-page-title[b-towdb4ya6b] {
    font-size: 1.48rem;
    line-height: 1.08;
}

.products-overview-head .admin-page-subtitle[b-towdb4ya6b] {
    font-size: 0.98rem;
    line-height: 1.24;
}

.products-header-actions[b-towdb4ya6b] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-2);
    width: 100%;
    margin-top: 4px;
}

.products-header-actions[b-towdb4ya6b]  fluent-button {
    width: auto;
    flex: 0 0 auto;
}

.products-header-actions[b-towdb4ya6b]  fluent-button::part(control) {
    min-width: 124px;
    min-height: 34px;
    width: auto;
    padding-inline: 10px;
    justify-content: center;
}

.products-summary-toggle-wrap[b-towdb4ya6b] {
    display: none;
}

.products-summary-grid[b-towdb4ya6b] {
    grid-area: summary;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
    width: var(--products-sidebar-width, 320px);
    min-width: 0;
    align-self: end;
    justify-self: end;
}

.products-summary-grid .stat-card[b-towdb4ya6b] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: 62px;
    padding: var(--space-2);
    border-radius: var(--radius-md);
}

.products-summary-grid .stat-card-label[b-towdb4ya6b] {
    margin-bottom: 0;
    font-size: 0.66rem;
    text-align: left;
}

.products-summary-grid .stat-card-value[b-towdb4ya6b] {
    margin-top: auto;
    align-self: flex-end;
    text-align: right;
    font-size: 0.96rem;
    line-height: 1;
}

@media (max-width: 980px) {
    .products-overview-layout[b-towdb4ya6b] {
        grid-template-columns: 1fr;
    }

    .products-overview-head[b-towdb4ya6b],
    .products-summary-grid[b-towdb4ya6b] {
        grid-area: auto;
    }

    .products-summary-grid[b-towdb4ya6b] {
        display: none;
        width: 100%;
        justify-self: stretch;
    }

    .products-summary-grid.is-open[b-towdb4ya6b] {
        display: grid !important;
    }

    .products-summary-toggle-wrap[b-towdb4ya6b] {
        display: block;
    }

    .products-header-actions[b-towdb4ya6b] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .products-header-actions[b-towdb4ya6b]  fluent-button {
        width: auto;
    }

    .products-header-actions[b-towdb4ya6b]  fluent-button::part(control) {
        width: auto;
    }
}

@media (max-width: 840px) {
    .products-summary-grid[b-towdb4ya6b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .products-header-actions[b-towdb4ya6b] {
        width: 100%;
        flex-direction: column;
    }

    .products-header-actions[b-towdb4ya6b]  fluent-button {
        width: 100%;
    }

    .products-header-actions[b-towdb4ya6b]  fluent-button::part(control) {
        width: 100%;
    }

    .products-summary-grid[b-towdb4ya6b] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/Components/ProductCatalogSidebar.razor.rz.scp.css */
:host[b-v4tcdeq2t5] {
    display: contents;
}

.products-sidebar[b-v4tcdeq2t5] {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

@media (max-width: 1180px) {
    .products-sidebar[b-v4tcdeq2t5] {
        position: static;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/Components/ProductFamilyListSection.razor.rz.scp.css */
.family-section-card[b-ij2qonbs99] {
    padding-inline: 0;
    border: none !important;
    background: transparent;
    box-shadow: none;
}

.family-section-card[b-ij2qonbs99]::part(control) {
    border: none !important;
    background: transparent;
    box-shadow: none;
}

.family-section-subtitle[b-ij2qonbs99] {
    font-size: 0.76rem;
    line-height: 1.25;
}

.family-cards[b-ij2qonbs99] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    margin-top: var(--space-4);
}

@media (max-width: 760px) {
    .family-cards[b-ij2qonbs99] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/CreateProductModelPage.razor.rz.scp.css */
.product-validation-text[b-hn4nt3pxrj] {
    color: var(--color-error-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.model-designation-reused[b-hn4nt3pxrj]::part(control) {
    border-color: var(--color-error-text);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-error-text) 35%, transparent);
}

.preview-warning[b-hn4nt3pxrj] {
    margin-top: var(--space-4);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    color: var(--color-error-text);
    background: var(--color-error-bg);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.preview-danger[b-hn4nt3pxrj] {
    color: var(--color-error-text);
    font-weight: 800;
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/EditCommonSpecificationPage.razor.rz.scp.css */
.common-spec-form-grid[b-2cgnjduzpm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.field-full[b-2cgnjduzpm] {
    grid-column: 1 / -1;
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/EditProductFamilyPage.razor.rz.scp.css */
.family-form-layout[b-aekgyjfokz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--space-5);
    align-items: start;
}

.family-form-main[b-aekgyjfokz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.family-form-sidebar[b-aekgyjfokz] {
    position: sticky;
    top: 92px;
}

.family-form-actions[b-aekgyjfokz] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.form-grid[b-aekgyjfokz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.field[b-aekgyjfokz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.field-full[b-aekgyjfokz] {
    margin-top: var(--space-4);
}

.field-label[b-aekgyjfokz] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--color-text);
    opacity: 0.85;
}

.field-checkbox[b-aekgyjfokz] {
    justify-content: flex-end;
}

@media (max-width: 1200px) {
    .family-form-layout[b-aekgyjfokz] {
        grid-template-columns: 1fr;
    }

    .family-form-sidebar[b-aekgyjfokz] {
        position: static;
    }
}

@media (max-width: 800px) {
    .form-grid[b-aekgyjfokz] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/EditProductOptionPage.razor.rz.scp.css */
.option-form-layout[b-eeqgxuqgtk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--space-5);
    align-items: start;
}

.option-form-main[b-eeqgxuqgtk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.option-form-sidebar[b-eeqgxuqgtk] {
    position: sticky;
    top: 92px;
}

.option-form-actions[b-eeqgxuqgtk] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.form-grid[b-eeqgxuqgtk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.field[b-eeqgxuqgtk] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.field-full[b-eeqgxuqgtk] {
    margin-top: var(--space-4);
}

.field-label[b-eeqgxuqgtk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.85;
}

.field-checkbox[b-eeqgxuqgtk] {
    justify-content: flex-end;
}

.toggles-grid[b-eeqgxuqgtk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-5);
}

.toggle-card[b-eeqgxuqgtk] {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 95%, transparent);
}

.toggle-card-header[b-eeqgxuqgtk] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    align-items: center;
    margin-bottom: var(--space-3);
}

.toggle-card p[b-eeqgxuqgtk] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-soft);
}

.scope-selector[b-eeqgxuqgtk] {
    display: flex;
    gap: var(--space-4);
}

.scope-option[b-eeqgxuqgtk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 2px solid var(--color-border);
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
}

.scope-option input[type="radio"][b-eeqgxuqgtk] {
    display: none;
}

.scope-option:hover[b-eeqgxuqgtk] {
    border-color: var(--accent-fill-rest);
    background-color: var(--neutral-fill-stealth-hover);
}

.scope-selected[b-eeqgxuqgtk] {
    border-color: var(--accent-fill-rest);
    background-color: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
}

.scope-option strong[b-eeqgxuqgtk] {
    font-size: 14px;
}

.scope-option span[b-eeqgxuqgtk] {
    font-size: 12px;
    color: var(--color-text-soft);
}

.family-rules-grid[b-eeqgxuqgtk] {
    margin-top: var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.family-rules-header[b-eeqgxuqgtk] {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: 12px;
    padding: 8px 12px;
    background: var(--color-surface-muted);
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.family-rule-row[b-eeqgxuqgtk] {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    gap: 12px;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--color-border);
    transition: background-color 0.1s;
}

.family-rule-row:hover[b-eeqgxuqgtk] {
    background-color: var(--neutral-fill-stealth-hover);
}

.rule-checked[b-eeqgxuqgtk] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 6%, transparent);
}

.family-rule-code[b-eeqgxuqgtk] {
    font-family: monospace;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.family-rules-col-check[b-eeqgxuqgtk] {
    display: flex;
    justify-content: center;
}

@media (max-width: 1200px) {
    .option-form-layout[b-eeqgxuqgtk] {
        grid-template-columns: 1fr;
    }

    .option-form-sidebar[b-eeqgxuqgtk] {
        position: static;
    }

    .toggles-grid[b-eeqgxuqgtk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .form-grid[b-eeqgxuqgtk] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/EditProductSpecificationPage.razor.rz.scp.css */
.spec-form-layout[b-y9qfpmqlfd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--space-5);
    align-items: start;
}

.spec-form-main[b-y9qfpmqlfd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.spec-form-sidebar[b-y9qfpmqlfd] {
    position: sticky;
    top: 92px;
}

.spec-form-actions[b-y9qfpmqlfd] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.form-grid[b-y9qfpmqlfd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.field[b-y9qfpmqlfd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.field-full[b-y9qfpmqlfd] {
    margin-top: var(--space-4);
}

.field-label[b-y9qfpmqlfd] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.85;
}

.field-checkbox[b-y9qfpmqlfd] {
    justify-content: flex-end;
}

.existing-spec-picker[b-y9qfpmqlfd] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    max-height: min(360px, 45vh);
    overflow-y: auto;
    padding: var(--space-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
}

.existing-spec-option[b-y9qfpmqlfd] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--fluent-transition), background var(--fluent-transition);
}

.existing-spec-option:hover[b-y9qfpmqlfd],
.existing-spec-option:focus-visible[b-y9qfpmqlfd] {
    border-color: color-mix(in srgb, var(--color-primary) 36%, var(--color-border));
    outline: none;
}

.existing-spec-option.is-selected[b-y9qfpmqlfd] {
    border-color: color-mix(in srgb, var(--color-primary) 62%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.existing-spec-option-title[b-y9qfpmqlfd] {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-text);
}

.existing-spec-option-meta[b-y9qfpmqlfd] {
    color: var(--color-text-soft);
    font-size: 12px;
    line-height: 1.35;
}

.existing-spec-empty[b-y9qfpmqlfd] {
    padding: var(--space-3);
    color: var(--color-text-soft);
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 1200px) {
    .spec-form-layout[b-y9qfpmqlfd] {
        grid-template-columns: 1fr;
    }

    .spec-form-sidebar[b-y9qfpmqlfd] {
        position: static;
    }
}

@media (max-width: 800px) {
    .form-grid[b-y9qfpmqlfd] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/GlobalOptionsPage.razor.rz.scp.css */
.global-options-toolbar[b-f1g9um9vcf] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.global-options-search[b-f1g9um9vcf] {
    flex: 1;
    min-width: 200px;
}

.global-options-toolbar-filters[b-f1g9um9vcf] {
    min-width: 180px;
}

.global-options-toolbar-actions[b-f1g9um9vcf] {
    flex-shrink: 0;
}

.global-options-list-header[b-f1g9um9vcf] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) minmax(100px, 1fr) minmax(170px, 1fr) 140px 120px 80px 80px;
    gap: 12px;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    margin-bottom: 4px;
}

.global-option-row[b-f1g9um9vcf] {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) minmax(100px, 1fr) minmax(170px, 1fr) 140px 120px 80px 80px;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 6px;
    transition: background-color 0.1s;
    cursor: pointer;
}

.global-option-row:hover[b-f1g9um9vcf] {
    background-color: var(--neutral-fill-stealth-hover);
}

.global-option-name[b-f1g9um9vcf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.global-option-desc[b-f1g9um9vcf] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.global-option-code[b-f1g9um9vcf] {
    font-family: monospace;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.global-option-price[b-f1g9um9vcf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 13px;
}

.global-option-price strong[b-f1g9um9vcf] {
    font-size: 12px;
}

.global-option-badges[b-f1g9um9vcf] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.global-option-families[b-f1g9um9vcf] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.global-option-exc[b-f1g9um9vcf] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.global-option-actions[b-f1g9um9vcf] {
    display: flex;
    justify-content: flex-end;
}

.badge[b-f1g9um9vcf] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.badge-item[b-f1g9um9vcf] {
    background-color: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-rest);
}

.badge-doc[b-f1g9um9vcf] {
    background-color: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

.badge-all[b-f1g9um9vcf] {
    background-color: var(--success-background);
    color: var(--success-foreground);
}

.badge-select[b-f1g9um9vcf] {
    background-color: var(--warning-background);
    color: var(--warning-foreground);
}

.badge-required[b-f1g9um9vcf] {
    background-color: var(--warning-background);
    color: var(--warning-foreground);
}

.badge-default[b-f1g9um9vcf] {
    background-color: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-rest);
}

.global-options-table-wrap[b-f1g9um9vcf] {
    overflow-x: auto;
}

.global-options-table[b-f1g9um9vcf] {
    min-width: 1050px;
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/ProductFamiliesPage.razor.rz.scp.css */
.families-toolbar[b-qk9x4xb5l8] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5);
}

.families-search[b-qk9x4xb5l8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: min(460px, 100%);
}

.families-toolbar-actions[b-qk9x4xb5l8] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.field-label[b-qk9x4xb5l8] {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 600;
    opacity: 0.85;
}

.loading-card[b-qk9x4xb5l8],
.empty-card[b-qk9x4xb5l8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5);
}

.empty-card h3[b-qk9x4xb5l8] {
    margin: 0;
    color: var(--color-text);
    font-size: 20px;
    font-weight: 700;
}

.empty-card p[b-qk9x4xb5l8] {
    margin: 0;
    color: var(--color-text-soft);
}

.families-grid[b-qk9x4xb5l8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
}

.family-card[b-qk9x4xb5l8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
}

.family-card-header[b-qk9x4xb5l8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.family-card h3[b-qk9x4xb5l8] {
    margin: 6px 0 3px;
    color: var(--color-text);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.family-code[b-qk9x4xb5l8] {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    color: color-mix(in srgb, var(--color-primary) 90%, #000);
    background: color-mix(in srgb, var(--color-primary) 16%, transparent);
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    font-weight: 700;
}

.family-designation[b-qk9x4xb5l8] {
    color: var(--color-text-soft);
    font-size: 13px;
}

.family-status[b-qk9x4xb5l8] {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.is-active[b-qk9x4xb5l8] {
    color: var(--color-success-text);
    background: var(--color-success-bg);
}

.is-inactive[b-qk9x4xb5l8] {
    color: var(--color-error-text);
    background: var(--color-error-bg);
}

.family-description[b-qk9x4xb5l8] {
    margin: 0;
    min-height: 42px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.5;
}

.family-muted[b-qk9x4xb5l8] {
    color: color-mix(in srgb, var(--color-text-soft) 65%, transparent);
}

.family-stats[b-qk9x4xb5l8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
}

.family-stat[b-qk9x4xb5l8] {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-bg) 90%, transparent);
}

.family-stat strong[b-qk9x4xb5l8] {
    display: block;
    color: var(--color-text);
    font-size: 20px;
    font-weight: 800;
}

.family-stat span[b-qk9x4xb5l8] {
    display: block;
    margin-top: 2px;
    color: var(--color-text-soft);
    font-size: 12px;
}

.family-actions[b-qk9x4xb5l8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: auto;
}

.family-warning[b-qk9x4xb5l8] {
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-lg);
    color: var(--color-warning-text);
    background: var(--color-warning-bg);
    font-size: 13px;
    font-weight: 600;
}

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

@media (max-width: 760px) {
    .families-toolbar[b-qk9x4xb5l8] {
        flex-direction: column;
        align-items: stretch;
    }

    .families-grid[b-qk9x4xb5l8] {
        grid-template-columns: 1fr;
    }

    .family-card-header[b-qk9x4xb5l8] {
        flex-direction: column;
    }

    .family-stats[b-qk9x4xb5l8] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/ProductFamilyDetailsPage.razor.rz.scp.css */
.product-details-page[b-cksprqm82g] {
    min-height: 100%;
    padding: var(--space-6);
    background:
        radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface-muted) 72%, transparent) 0%, color-mix(in srgb, var(--color-bg) 72%, transparent) 100%);
}

.product-details-page[b-cksprqm82g]::before {
    content: none;
    display: none;
}

.product-details-stack[b-cksprqm82g] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    max-width: 1380px;
    margin: 0 auto;
}

.product-sticky-header[b-cksprqm82g] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: var(--space-4) 0;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.product-header-row[b-cksprqm82g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-surface) 90%, transparent);
    box-shadow: var(--fluent-shadow-depth-3);
}

.product-eyebrow[b-cksprqm82g] {
    margin-bottom: 4px;
    color: var(--color-text-soft);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-title[b-cksprqm82g] {
    margin: 0;
    color: var(--color-text);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
}

.product-subtitle[b-cksprqm82g] {
    margin: 6px 0 0;
    color: var(--color-text-soft);
    font-size: 14px;
    line-height: 1.4;
}

.product-header-actions[b-cksprqm82g] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

.product-card[b-cksprqm82g] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-surface) 92%, transparent);
    box-shadow: var(--fluent-shadow-depth-3);
}

.product-loading-card[b-cksprqm82g],
.product-empty-card[b-cksprqm82g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-5);
}

.product-details-layout[b-cksprqm82g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: var(--space-5);
    align-items: stretch;
}

.product-bottom-grid[b-cksprqm82g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
    align-items: start;
}

.product-main-card[b-cksprqm82g],
.product-side-card[b-cksprqm82g],
.product-section-card[b-cksprqm82g] {
    padding: var(--space-5);
}

.product-family-hero[b-cksprqm82g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-5);
}

.product-family-hero h2[b-cksprqm82g] {
    margin: 4px 0;
    color: var(--color-text);
    font-size: 26px;
    font-weight: 800;
}

.product-family-code[b-cksprqm82g] {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    color: color-mix(in srgb, var(--color-primary) 90%, #000);
    background: color-mix(in srgb, var(--color-primary) 16%, transparent);
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    font-weight: 700;
}

.product-family-designation[b-cksprqm82g] {
    color: var(--color-text-soft);
    font-size: 14px;
}

.product-status[b-cksprqm82g],
.product-status-mini[b-cksprqm82g] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.product-status[b-cksprqm82g] {
    padding: 7px 12px;
}

.product-status-mini[b-cksprqm82g] {
    padding: 4px 8px;
}

.is-active[b-cksprqm82g] {
    color: var(--color-success-text);
    background: var(--color-success-bg);
}

.is-inactive[b-cksprqm82g] {
    color: var(--color-error-text);
    background: var(--color-error-bg);
}

.product-description[b-cksprqm82g] {
    margin-top: var(--space-5);
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.55;
}

.product-stats-grid[b-cksprqm82g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
    margin-top: var(--space-5);
}

.product-stat[b-cksprqm82g] {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-bg) 90%, transparent);
}

.product-stat-value[b-cksprqm82g] {
    color: var(--color-text);
    font-size: 24px;
    font-weight: 800;
}

.product-stat-label[b-cksprqm82g] {
    margin-top: 3px;
    color: var(--color-text-soft);
    font-size: 12px;
}

.product-side[b-cksprqm82g] {
    position: sticky;
    top: 118px;
    display: flex;
    align-self: stretch;
}

.product-side-card[b-cksprqm82g] {
    width: 100%;
    min-height: 100%;
}

.product-card-header[b-cksprqm82g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.product-card-header h2[b-cksprqm82g] {
    margin: 0;
    color: var(--color-text);
    font-size: 18px;
    font-weight: 700;
}

.product-card-header p[b-cksprqm82g] {
    margin: 5px 0 0;
    color: var(--color-text-soft);
    font-size: 13px;
    line-height: 1.4;
}

.product-action-stack[b-cksprqm82g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.product-empty-inline[b-cksprqm82g] {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    color: var(--color-text-soft);
    background: color-mix(in srgb, var(--color-bg) 90%, transparent);
}

.product-table[b-cksprqm82g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
}

.product-table-head[b-cksprqm82g],
.product-table-row[b-cksprqm82g] {
    display: grid;
    grid-template-columns: max-content minmax(24px, 1fr) 150px 140px 140px 140px 110px 90px;
    column-gap: var(--space-3);
    row-gap: var(--space-3);
    align-items: center;
    min-width: 990px;
}

.product-table-head[b-cksprqm82g] {
    padding: 0 var(--space-3) var(--space-2);
    color: var(--color-text-soft);
    font-size: 12px;
    font-weight: 700;
}

.product-table-row[b-cksprqm82g] {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
}

.product-table-head > div:nth-child(2)[b-cksprqm82g],
.product-table-row > div:nth-child(2)[b-cksprqm82g] {
    grid-column: 3;
    justify-self: end;
    text-align: right;
}

.product-table-head > div:nth-child(3)[b-cksprqm82g],
.product-table-row > div:nth-child(3)[b-cksprqm82g] {
    grid-column: 4;
}

.product-table-head > div:nth-child(4)[b-cksprqm82g],
.product-table-row > div:nth-child(4)[b-cksprqm82g] {
    grid-column: 5;
}

.product-table-head > div:nth-child(5)[b-cksprqm82g],
.product-table-row > div:nth-child(5)[b-cksprqm82g] {
    grid-column: 6;
}

.product-table-head > div:nth-child(6)[b-cksprqm82g],
.product-table-row > div:nth-child(6)[b-cksprqm82g] {
    grid-column: 7;
}

.product-table-head > div:nth-child(n + 3)[b-cksprqm82g],
.product-table-row > div:nth-child(n + 3)[b-cksprqm82g] {
    justify-self: end;
    text-align: right;
}

.product-table-head > div:nth-child(7)[b-cksprqm82g],
.product-table-row > div:nth-child(7)[b-cksprqm82g] {
    grid-column: 8;
    justify-self: end;
}

.product-table-model-cell[b-cksprqm82g] {
    cursor: pointer;
    border-radius: var(--radius-md);
    padding: var(--space-2) var(--space-2);
    margin: calc(-1 * var(--space-2));
    transition: background var(--fluent-transition-fast);
}

.product-table-model-cell:hover[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.product-table-model-cell:focus-visible[b-cksprqm82g] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
    outline-offset: 2px;
}

.product-table-row-clickable[b-cksprqm82g] {
    cursor: pointer;
    transition:
        background var(--fluent-transition-fast),
        transform var(--fluent-transition-fast),
        box-shadow var(--fluent-transition-fast);
}

.product-table-row-clickable:hover[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    box-shadow: var(--fluent-shadow-depth-2);
    transform: translateY(-1px);
}

.product-table-row-clickable:focus-visible[b-cksprqm82g] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
    outline-offset: 2px;
}

.product-table-row strong[b-cksprqm82g] {
    display: block;
    color: var(--color-text);
    font-size: 14px;
}

.product-table-row span[b-cksprqm82g] {
    display: block;
    margin-top: 2px;
    color: var(--color-text-soft);
    font-size: 12px;
}

.product-code-cell[b-cksprqm82g] {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
}

.product-muted[b-cksprqm82g] {
    color: color-mix(in srgb, var(--color-text-soft) 65%, transparent);
}

@media (max-width: 1000px) {
    .product-details-layout[b-cksprqm82g],
    .product-bottom-grid[b-cksprqm82g] {
        grid-template-columns: 1fr;
    }

    .product-side[b-cksprqm82g] {
        position: static;
    }

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

    .product-table[b-cksprqm82g] {
        margin-inline: -4px;
        padding-inline: 4px;
    }
}

@media (max-width: 720px) {
    .product-details-page[b-cksprqm82g] {
        padding: var(--space-4);
    }

    .product-header-row[b-cksprqm82g],
    .product-family-hero[b-cksprqm82g] {
        flex-direction: column;
        align-items: stretch;
    }

    .product-header-actions[b-cksprqm82g] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .product-stats-grid[b-cksprqm82g] {
        grid-template-columns: 1fr;
    }
}

.product-specs-wide-card[b-cksprqm82g] {
    width: 100%;
}

.spec-matrix-wrap[b-cksprqm82g] {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
}

.spec-matrix[b-cksprqm82g] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.spec-matrix th[b-cksprqm82g],
.spec-matrix td[b-cksprqm82g] {
    padding: var(--space-3);
    border-bottom: 1px solid var(--color-border);
    border-right: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
    text-align: left;
    vertical-align: top;
    color: var(--color-text);
    font-size: 13px;
}

.spec-matrix th:last-child[b-cksprqm82g],
.spec-matrix td:last-child[b-cksprqm82g] {
    border-right: none;
}

.spec-matrix tr:last-child td[b-cksprqm82g] {
    border-bottom: none;
}

.spec-matrix th[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-bg) 96%, transparent);
    color: var(--color-text);
    font-weight: 700;
}

.spec-feature-column[b-cksprqm82g] {
    width: 220px;
    min-width: 220px;
    position: sticky;
    left: 0;
    z-index: 2;
}

.spec-feature-cell[b-cksprqm82g] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--color-surface) 96%, transparent);
}

.spec-feature-cell strong[b-cksprqm82g] {
    display: block;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 800;
}

.spec-feature-cell span[b-cksprqm82g] {
    display: block;
    margin-top: 2px;
    color: var(--color-text-soft);
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    font-weight: 700;
}

.spec-feature-action-cell[b-cksprqm82g] {
    cursor: pointer;
    transition: background var(--fluent-transition-fast);
}

.spec-feature-action-cell:hover[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.spec-feature-action-cell:focus-visible[b-cksprqm82g] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
    outline-offset: -2px;
}

.spec-column-title[b-cksprqm82g] {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.spec-column-code[b-cksprqm82g] {
    margin-top: 3px;
    color: var(--color-text-soft);
    font-family: Consolas, "Courier New", monospace;
    font-size: 11px;
    font-weight: 700;
}

.spec-value-cell[b-cksprqm82g] {
    cursor: pointer;
    transition: background var(--fluent-transition-fast);
}

.spec-value-cell:hover[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.spec-matrix-editable .spec-value-cell[b-cksprqm82g] {
    min-width: 180px;
}

.spec-value-edit-cell[b-cksprqm82g] {
    cursor: default;
}

.spec-cell-input[b-cksprqm82g] {
    width: 100%;
}

.spec-edit-hint[b-cksprqm82g] {
    margin-top: var(--space-3);
    color: var(--color-text-soft);
    font-size: 12px;
    line-height: 1.4;
}

.spec-shared-separator td[b-cksprqm82g] {
    padding: 6px 12px !important;
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface-muted));
    border-top: 2px solid color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 20%, transparent) !important;
}

.spec-shared-separator span[b-cksprqm82g] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: color-mix(in srgb, var(--color-primary) 70%, var(--color-text-soft));
}

.spec-row-shared .spec-feature-cell[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));
}

.spec-row-shared .spec-feature-cell strong[b-cksprqm82g]::after {
    content: ' ·';
    color: color-mix(in srgb, var(--color-primary) 50%, transparent);
}

.spec-usage-badge[b-cksprqm82g] {
    display: inline-block;
    margin-top: 3px;
    padding: 1px 6px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    color: color-mix(in srgb, var(--color-primary) 80%, var(--color-text));
}

fluent-dialog.spec-fluent-dialog[b-cksprqm82g]::part(control) {
    --dialog-padding: 0;
    width: min(640px, calc(100vw - 32px));
    height: auto;
    max-height: calc(100dvh - 32px);
    padding: 0;
    overflow: hidden;
}

.spec-action-dialog[b-cksprqm82g] {
    width: 100%;
    padding: 0 var(--space-5) var(--space-5);
    overflow: hidden;
}

.spec-window-titlebar[b-cksprqm82g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    margin: 0 calc(-1 * var(--space-5)) var(--space-5);
    padding-left: var(--space-4);
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 96%, transparent);
}

.spec-window-title[b-cksprqm82g] {
    min-width: 0;
    color: var(--color-text);
    font-size: 13px;
    font-weight: 700;
}

.spec-window-controls[b-cksprqm82g] {
    display: flex;
    align-self: stretch;
}

.spec-window-control[b-cksprqm82g] {
    width: 46px;
    border: 0;
    border-left: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
    color: var(--color-text);
    background: transparent;
    font-size: 17px;
    line-height: 1;
}

.spec-window-control:not(:disabled)[b-cksprqm82g] {
    cursor: pointer;
}

.spec-window-control:disabled[b-cksprqm82g] {
    color: color-mix(in srgb, var(--color-text-soft) 65%, transparent);
}

.spec-window-control:not(:disabled):hover[b-cksprqm82g] {
    background: color-mix(in srgb, var(--color-border) 80%, transparent);
}

.spec-window-control-close:not(:disabled):hover[b-cksprqm82g] {
    color: var(--color-surface);
    background: var(--color-error-text);
}

.spec-action-dialog-header h3[b-cksprqm82g] {
    margin: 3px 0 0;
    color: var(--color-text);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.spec-action-dialog-header p[b-cksprqm82g],
.spec-action-dialog-body p[b-cksprqm82g] {
    margin: 6px 0 0;
    color: var(--color-text-soft);
    font-size: 13px;
    line-height: 1.45;
}

.spec-action-dialog-header p[b-cksprqm82g] {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 700;
}

.spec-action-dialog-body[b-cksprqm82g] {
    margin-top: var(--space-4);
}

.spec-dialog-grid[b-cksprqm82g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}

.spec-dialog-field[b-cksprqm82g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.spec-dialog-field-full[b-cksprqm82g] {
    grid-column: 1 / -1;
}

.spec-dialog-usage-row[b-cksprqm82g] {
    margin-top: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.spec-dialog-field label[b-cksprqm82g],
.spec-dialog-check span[b-cksprqm82g] {
    color: var(--color-text-soft);
    font-size: 12px;
    font-weight: 700;
}

.spec-dialog-check[b-cksprqm82g] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-height: 34px;
}

.spec-action-dialog-actions[b-cksprqm82g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-3);
    margin-top: var(--space-5);
}

.spec-action-dialog-spacer[b-cksprqm82g] {
    flex: 1;
}

.spec-dialog-delete-button[b-cksprqm82g] {
    color: var(--color-error-text);
}

.product-mini-list[b-cksprqm82g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.product-mini-row[b-cksprqm82g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
}

.product-mini-row-clickable[b-cksprqm82g] {
    cursor: pointer;
    transition:
        background var(--fluent-transition-fast),
        transform var(--fluent-transition-fast),
        box-shadow var(--fluent-transition-fast),
        border-color var(--fluent-transition-fast);
}

.product-mini-row-clickable:hover[b-cksprqm82g] {
    border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    box-shadow: var(--fluent-shadow-depth-2);
    transform: translateY(-1px);
}

.product-mini-row-clickable:focus-visible[b-cksprqm82g] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
    outline-offset: 2px;
}

.product-mini-main[b-cksprqm82g] {
    min-width: 0;
}

.product-mini-main strong[b-cksprqm82g] {
    display: block;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.product-mini-main span[b-cksprqm82g] {
    display: block;
    margin-top: 3px;
    color: var(--color-text-soft);
    font-size: 12px;
    line-height: 1.35;
}

.product-mini-meta[b-cksprqm82g] {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: var(--space-2);
    flex-shrink: 0;
    color: var(--color-text-soft);
    font-size: 12px;
    font-weight: 600;
}

.product-mini-price-rub[b-cksprqm82g] {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 800;
}

.mini-badge[b-cksprqm82g] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.mini-badge-info[b-cksprqm82g] {
    color: color-mix(in srgb, var(--color-primary) 90%, #000);
    background: color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.mini-badge-warning[b-cksprqm82g] {
    color: var(--color-warning-text);
    background: var(--color-warning-bg);
}

.mini-badge-muted[b-cksprqm82g] {
    color: var(--color-text-soft);
    background: color-mix(in srgb, var(--color-border) 80%, transparent);
}

@media (max-width: 1000px) {
    .product-mini-row[b-cksprqm82g] {
        flex-direction: column;
    }

    .product-mini-meta[b-cksprqm82g] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .spec-dialog-grid[b-cksprqm82g] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/ProductModelEditPage.razor.rz.scp.css */
.sidebar-actions[b-dlc3k8z7cj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-top: var(--space-4);
}

.danger-button[b-dlc3k8z7cj] {
    color: var(--color-error-text);
}

.product-delete-card[b-dlc3k8z7cj] {
    padding: var(--space-5);
    border-color: color-mix(in srgb, var(--color-error-text) 22%, var(--color-border));
    background: color-mix(in srgb, var(--color-error-bg) 95%, transparent);
}

.product-delete-card h2[b-dlc3k8z7cj] {
    color: var(--color-error-text);
}

.delete-warning[b-dlc3k8z7cj] {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    color: var(--color-error-text);
    background: var(--color-error-bg);
    font-size: 13px;
    line-height: 1.45;
}

.delete-actions[b-dlc3k8z7cj] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
    margin-top: var(--space-4);
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/ProductModelPage.razor.rz.scp.css */
.model-form-layout[b-lj1or9ofg1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--space-5);
    align-items: start;
}

.model-form-main[b-lj1or9ofg1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.model-form-sidebar[b-lj1or9ofg1] {
    position: sticky;
    top: 92px;
}

.model-form-actions[b-lj1or9ofg1] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.form-grid[b-lj1or9ofg1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.field[b-lj1or9ofg1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.field-full[b-lj1or9ofg1] {
    margin-top: var(--space-4);
}

.field-label[b-lj1or9ofg1] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.85;
}

.field-checkbox[b-lj1or9ofg1] {
    justify-content: flex-end;
}

/* Options list */
.options-list[b-lj1or9ofg1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.option-row[b-lj1or9ofg1] {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
    transition: border-color var(--fluent-transition);
}

.option-row.is-required[b-lj1or9ofg1] {
    border-color: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));
}

.option-row-main[b-lj1or9ofg1] {
    display: flex;
    gap: var(--space-4);
    align-items: flex-start;
}

.option-row-check[b-lj1or9ofg1] {
    padding-top: 2px;
}

.option-row-content[b-lj1or9ofg1] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.option-row-title[b-lj1or9ofg1] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    flex-wrap: wrap;
}

.option-code[b-lj1or9ofg1] {
    font-size: 12px;
    color: var(--color-text-soft);
}

.option-row-description[b-lj1or9ofg1] {
    color: var(--color-text-soft);
    line-height: 1.45;
}

.option-row-meta[b-lj1or9ofg1] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.option-row-meta span[b-lj1or9ofg1] {
    padding: var(--space-1) var(--space-2);
    border-radius: 999px;
    font-size: 12px;
    background: color-mix(in srgb, var(--color-border) 50%, transparent);
}

/* Specifications */
.spec-grid[b-lj1or9ofg1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-4);
}

.spec-card[b-lj1or9ofg1] {
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 96%, transparent);
}

.spec-card-head[b-lj1or9ofg1] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    align-items: flex-start;
    margin-bottom: var(--space-4);
}

.spec-name[b-lj1or9ofg1] {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: var(--space-2);
    color: var(--color-text);
}

.spec-meta[b-lj1or9ofg1] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    color: var(--color-text-soft);
    font-size: 12px;
}

.spec-badges[b-lj1or9ofg1] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.spec-badge[b-lj1or9ofg1] {
    padding: var(--space-1) var(--space-2);
    border-radius: 999px;
    font-size: 12px;
    background: color-mix(in srgb, var(--color-border) 50%, transparent);
    color: var(--color-text-soft);
}

.spec-badge.required[b-lj1or9ofg1] {
    font-weight: 700;
}

.shared-value-box[b-lj1or9ofg1] {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-bg) 60%, transparent);
}

.shared-value-label[b-lj1or9ofg1] {
    font-size: 12px;
    color: var(--color-text-soft);
    margin-bottom: var(--space-1);
}

.shared-value[b-lj1or9ofg1] {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
}

.stat-row.total strong[b-lj1or9ofg1] {
    font-size: 18px;
}

.empty-state[b-lj1or9ofg1] {
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface-muted) 90%, transparent);
    border: 1px dashed var(--color-border);
    color: var(--color-text-soft);
    opacity: 0.8;
}

@media (max-width: 1200px) {
    .model-form-layout[b-lj1or9ofg1] {
        grid-template-columns: 1fr;
    }

    .model-form-sidebar[b-lj1or9ofg1] {
        position: static;
    }
}

@media (max-width: 800px) {
    .form-grid[b-lj1or9ofg1] {
        grid-template-columns: 1fr;
    }

    .spec-card-head[b-lj1or9ofg1] {
        flex-direction: column;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/ProductModelSpecificationsPage.razor.rz.scp.css */
.product-spec-page[b-ksf7znnjqz] {
    min-height: 100%;
    padding: var(--space-6);
    background:
        radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface-muted) 72%, transparent) 0%, color-mix(in srgb, var(--color-bg) 72%, transparent) 100%);
}

.product-spec-stack[b-ksf7znnjqz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    max-width: 1380px;
    margin: 0 auto;
}

.product-sticky-header[b-ksf7znnjqz] {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: var(--space-4) 0;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.product-header-row[b-ksf7znnjqz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-surface) 90%, transparent);
    box-shadow: var(--fluent-shadow-depth-3);
}

.product-eyebrow[b-ksf7znnjqz] {
    margin-bottom: 4px;
    color: var(--color-text-soft);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.product-title[b-ksf7znnjqz] {
    margin: 0;
    color: var(--color-text);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
}

.product-subtitle[b-ksf7znnjqz] {
    margin: 6px 0 0;
    color: var(--color-text-soft);
    font-size: 14px;
    line-height: 1.4;
}

.product-header-actions[b-ksf7znnjqz] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

.product-card[b-ksf7znnjqz] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--color-surface) 92%, transparent);
    box-shadow: var(--fluent-shadow-depth-3);
}

.product-loading-card[b-ksf7znnjqz],
.product-empty-card[b-ksf7znnjqz],
.product-section-card[b-ksf7znnjqz] {
    padding: var(--space-5);
}

.product-empty-card[b-ksf7znnjqz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.product-card-header[b-ksf7znnjqz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}

.product-card-header h2[b-ksf7znnjqz] {
    margin: 0;
    color: var(--color-text);
    font-size: 18px;
    font-weight: 700;
}

.product-card-header p[b-ksf7znnjqz] {
    margin: 5px 0 0;
    color: var(--color-text-soft);
    font-size: 13px;
    line-height: 1.4;
}

.spec-edit-table[b-ksf7znnjqz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.spec-edit-head[b-ksf7znnjqz],
.spec-edit-row[b-ksf7znnjqz] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) 180px minmax(260px, 1fr);
    gap: var(--space-3);
    align-items: center;
}

.spec-edit-head[b-ksf7znnjqz] {
    padding: 0 var(--space-3) var(--space-2);
    color: var(--color-text-soft);
    font-size: 12px;
    font-weight: 700;
}

.spec-edit-row[b-ksf7znnjqz] {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
}

.spec-edit-name strong[b-ksf7znnjqz] {
    display: block;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 700;
}

.spec-edit-name span[b-ksf7znnjqz] {
    display: block;
    margin-top: 3px;
    color: var(--color-text-soft);
    font-size: 12px;
}

.spec-edit-code[b-ksf7znnjqz] {
    color: var(--color-text-soft);
    font-family: Consolas, "Courier New", monospace;
    font-size: 13px;
    font-weight: 700;
}

.spec-edit-input[b-ksf7znnjqz],
.product-spec-page fluent-text-field[b-ksf7znnjqz] {
    width: 100%;
}

.product-muted[b-ksf7znnjqz] {
    color: color-mix(in srgb, var(--color-text-soft) 65%, transparent);
}

@media (max-width: 900px) {
    .product-header-row[b-ksf7znnjqz] {
        flex-direction: column;
        align-items: stretch;
    }

    .product-header-actions[b-ksf7znnjqz] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .spec-edit-head[b-ksf7znnjqz] {
        display: none;
    }

    .spec-edit-row[b-ksf7znnjqz] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Products/ProductsPage.razor.rz.scp.css */
:host[b-7rcynu64ij] {
    display: block;
    min-width: 0;
}

.products-page[b-7rcynu64ij] {
    --products-sidebar-width: 320px;
    min-width: 0;
}

.products-overview-card[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-3);
    border-radius: var(--radius-xl);
}

.products-overview-layout[b-7rcynu64ij] {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) auto var(--products-sidebar-width);
    grid-template-areas: "head actions summary";
    gap: var(--space-4);
    align-items: end;
}

.products-overview-head[b-7rcynu64ij] {
    grid-area: head;
    min-width: 0;
    max-width: 420px;
    gap: var(--space-3);
}

.products-overview-head .admin-page-title[b-7rcynu64ij] {
    font-size: 1.48rem;
    line-height: 1.08;
}

.products-overview-head .admin-page-subtitle[b-7rcynu64ij] {
    font-size: 0.98rem;
    line-height: 1.24;
}

.products-overview-actions[b-7rcynu64ij] {
    grid-area: actions;
    width: auto;
    display: flex;
    align-items: flex-end;
    justify-self: end;
    align-self: end;
}

.products-header-actions[b-7rcynu64ij] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    gap: var(--space-2);
    width: 100%;
    margin-top: auto;
}

.products-header-actions[b-7rcynu64ij]  fluent-button {
    width: auto;
    flex: 0 0 auto;
}

.products-header-actions[b-7rcynu64ij]  fluent-button::part(control) {
    min-width: 124px;
    min-height: 34px;
    width: auto;
    padding-inline: 10px;
    justify-content: center;
}

.products-summary-grid[b-7rcynu64ij] {
    grid-area: summary;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
    width: var(--products-sidebar-width);
    min-width: 0;
    align-self: end;
    justify-self: end;
}

.products-summary-grid .stat-card[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: 62px;
    padding: var(--space-2);
    border-radius: var(--radius-md);
}

.products-summary-grid .stat-card-label[b-7rcynu64ij] {
    margin-bottom: 0;
    font-size: 0.66rem;
    text-align: left;
}

.products-summary-grid .stat-card-value[b-7rcynu64ij] {
    margin-top: auto;
    align-self: flex-end;
    text-align: right;
    font-size: 0.96rem;
    line-height: 1;
}

.products-layout[b-7rcynu64ij] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--products-sidebar-width);
    gap: var(--space-5);
    align-items: start;
    min-width: 0;
}

.products-main[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}


.section-card[b-7rcynu64ij],
.sidebar-card[b-7rcynu64ij] {
    padding: var(--space-5);
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    box-shadow: var(--fluent-shadow-depth-1);
}

/* Переопределение стилей FluentCard для карточек */
.section-card[b-7rcynu64ij]::part(control),
.sidebar-card[b-7rcynu64ij]::part(control) {
    border: 1px solid var(--color-border);
}

.section-header[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.section-header-inline[b-7rcynu64ij] {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.section-header h3[b-7rcynu64ij],
.sidebar-section-header h3[b-7rcynu64ij] {
    margin: 0;
    font-size: 1.08rem;
    color: var(--color-text);
}

.section-header p[b-7rcynu64ij],
.sidebar-section-header p[b-7rcynu64ij] {
    margin: 0;
    color: var(--color-text-soft);
    line-height: 1.45;
}

.toolbar-row[b-7rcynu64ij] {
    display: grid;
    grid-template-columns: minmax(280px, 1.5fr) minmax(220px, 0.8fr);
    gap: var(--space-4);
    align-items: end;
}

.toolbar-search[b-7rcynu64ij],
.toolbar-filters[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.field-label[b-7rcynu64ij] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    opacity: 0.86;
}

.toolbar-search[b-7rcynu64ij]  fluent-text-field,
.toolbar-filters[b-7rcynu64ij]  fluent-select {
    width: 100%;
}

.quick-filters[b-7rcynu64ij] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-top: var(--space-4);
    margin-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.products-results-pill[b-7rcynu64ij] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    background: color-mix(in srgb, var(--color-primary) 7%, transparent);
    color: var(--color-text-soft);
    font-size: 0.88rem;
    font-weight: 600;
}

.products-results-pill strong[b-7rcynu64ij] {
    color: var(--color-text);
}

.loading-box[b-7rcynu64ij],
.empty-state[b-7rcynu64ij] {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.loading-box[b-7rcynu64ij] {
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface-muted) 88%, transparent);
}

.empty-state[b-7rcynu64ij] {
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    border: 1px dashed color-mix(in srgb, var(--color-border) 92%, transparent);
    background: color-mix(in srgb, var(--color-surface-muted) 92%, transparent);
    color: var(--color-text-soft);
    line-height: 1.5;
}


.family-list-card[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
    padding: var(--space-5);
    border-radius: var(--radius-xl);
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    transition:
        transform var(--fluent-transition),
        box-shadow var(--fluent-transition),
        border-color var(--fluent-transition);
}

/* Переопределение стилей FluentCard */
.family-list-card[b-7rcynu64ij]::part(control) {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: var(--space-5);
}

:host[b-7rcynu64ij]  .family-list-card {
    background: transparent;
    border: none;
    box-shadow: none;
}

.family-list-card:hover[b-7rcynu64ij] {
    transform: translateY(-2px);
}

.family-list-card:active[b-7rcynu64ij] {
    transform: translateY(0);
}

.family-list-card-top[b-7rcynu64ij] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-3);
}

.family-list-card-head[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.family-list-card-title[b-7rcynu64ij] {
    margin: 0;
    font-size: 1.48rem;
    font-weight: 800;
    color: var(--color-primary);
    line-height: 1.08;
    word-break: break-word;
}

.family-list-card-name[b-7rcynu64ij] {
    color: var(--color-text-soft);
    font-size: 0.9rem;
    line-height: 1.3;
    word-break: break-word;
}

.status-badge[b-7rcynu64ij] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    background: color-mix(in srgb, currentColor 9%, transparent);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge.is-active[b-7rcynu64ij] {
    color: var(--color-success-text);
}

.status-badge.is-inactive[b-7rcynu64ij] {
    color: var(--color-error-text);
}

.family-list-card-description[b-7rcynu64ij] {
    color: var(--color-text-soft);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.family-list-card-stats[b-7rcynu64ij] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
}

.mini-stat[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
    padding: var(--space-3);
    border-radius: var(--radius-md);
    border: 1px solid color-mix(in srgb, var(--color-border) 90%, transparent);
    background: color-mix(in srgb, var(--color-surface-muted) 94%, transparent);
}

.mini-stat span[b-7rcynu64ij] {
    color: var(--color-text-soft);
    font-size: 0.78rem;
}

.mini-stat strong[b-7rcynu64ij] {
    color: var(--color-text);
    font-size: 1.16rem;
    line-height: 1.15;
}

.family-list-card-actions[b-7rcynu64ij] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

.sidebar-section-header[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sidebar-actions[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

[b-7rcynu64ij] .sidebar-action-button {
    width: 100%;
}

[b-7rcynu64ij] .sidebar-action-button::part(control) {
    width: 100%;
    justify-content: center;
}

.latest-stack[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.latest-entity-card[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-surface-muted) 92%, white);
    cursor: pointer;
    transition:
        transform var(--fluent-transition),
        box-shadow var(--fluent-transition),
        border-color var(--fluent-transition);
}

.latest-entity-card:not(.is-disabled):hover[b-7rcynu64ij] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-primary) 16%, var(--color-border));
    box-shadow: var(--fluent-shadow-depth-2);
}

.latest-entity-card.is-disabled[b-7rcynu64ij] {
    opacity: 0.7;
    cursor: default;
}

.latest-entity-label[b-7rcynu64ij] {
    color: var(--color-text-soft);
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.latest-entity-name[b-7rcynu64ij] {
    color: var(--color-text);
    font-weight: 700;
    line-height: 1.3;
}

.latest-entity-meta[b-7rcynu64ij],
.sidebar-muted[b-7rcynu64ij] {
    color: var(--color-text-soft);
    font-size: 0.9rem;
    line-height: 1.4;
}

.sidebar-stats[b-7rcynu64ij] {
    display: flex;
    flex-direction: column;
}

.stat-row[b-7rcynu64ij] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text-soft);
}

.stat-row strong[b-7rcynu64ij] {
    color: var(--color-text);
}

.stat-row:first-child[b-7rcynu64ij] {
    padding-top: 0;
}

.stat-row:last-child[b-7rcynu64ij] {
    padding-bottom: 0;
    border-bottom: none;
}

@media (max-width: 1180px) {
    .products-overview-layout[b-7rcynu64ij],
    .products-layout[b-7rcynu64ij] {
        grid-template-columns: 1fr;
    }

    .products-overview-head[b-7rcynu64ij],
    .products-summary-grid[b-7rcynu64ij],
    .products-overview-actions[b-7rcynu64ij] {
        grid-area: auto;
    }

    .products-summary-grid[b-7rcynu64ij] {
        width: 100%;
        justify-self: stretch;
    }

    .products-header-actions[b-7rcynu64ij] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .products-header-actions[b-7rcynu64ij]  fluent-button {
        width: auto;
    }

    .products-header-actions[b-7rcynu64ij]  fluent-button::part(control) {
        width: auto;
    }
}

@media (max-width: 840px) {
    .products-summary-grid[b-7rcynu64ij] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .toolbar-row[b-7rcynu64ij] {
        grid-template-columns: 1fr;
    }

    .family-list-card-stats[b-7rcynu64ij] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .products-header-actions[b-7rcynu64ij] {
        width: 100%;
        flex-direction: column;
    }

    .products-header-actions[b-7rcynu64ij]  fluent-button {
        width: 100%;
    }

    .products-header-actions[b-7rcynu64ij]  fluent-button::part(control) {
        width: 100%;
    }

    .family-list-card-top[b-7rcynu64ij] {
        flex-direction: column;
    }

    .family-list-card-actions[b-7rcynu64ij] {
        flex-direction: column;
    }

    .products-results-pill[b-7rcynu64ij] {
        width: 100%;
        justify-content: center;
    }

    .products-summary-grid[b-7rcynu64ij] {
        grid-template-columns: 1fr;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Roles.razor.rz.scp.css */
:host[b-2ybw2ka52y] {
    display: block;
}

.roles-form-grid[b-2ybw2ka52y] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: var(--space-4);
    align-items: end;
}

.roles-create-input[b-2ybw2ka52y] {
    width: 100%;
    max-width: 480px;
}

.admin-table-scroll[b-2ybw2ka52y] {
    width: 100%;
    overflow-x: auto;
    padding: var(--space-4) var(--space-5);
}

.admin-roles-table[b-2ybw2ka52y] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.admin-roles-table th[b-2ybw2ka52y],
.admin-roles-table td[b-2ybw2ka52y] {
    padding: var(--space-4) var(--space-5);
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    border-bottom: 1px solid var(--color-border);
}

.admin-roles-table thead th[b-2ybw2ka52y] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-text);
    background: color-mix(in srgb, var(--color-surface-muted) 70%, transparent);
}

.admin-roles-table tbody tr:hover[b-2ybw2ka52y] {
    background: var(--fluent-hover-bg);
}

.role-name-cell[b-2ybw2ka52y] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.role-icon-wrap[b-2ybw2ka52y] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--color-primary) 8%, transparent);
    color: var(--color-primary);
    flex-shrink: 0;
}

.role-name-block[b-2ybw2ka52y] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.role-name-text[b-2ybw2ka52y] {
    font-weight: 700;
    color: var(--color-text);
}

.role-meta-text[b-2ybw2ka52y] {
    font-size: 0.82rem;
    color: var(--color-text-soft);
}

.role-normalized[b-2ybw2ka52y] {
    color: var(--color-text-soft);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.role-count[b-2ybw2ka52y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 28px;
    padding: 0 var(--space-3);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    color: var(--color-primary);
    font-size: 0.9rem;
    font-weight: 700;
}

.role-badge[b-2ybw2ka52y] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 var(--space-3);
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.role-badge-system[b-2ybw2ka52y] {
    background: color-mix(in srgb, var(--color-error-text) 10%, transparent);
    color: var(--color-error-text);
    border-color: color-mix(in srgb, var(--color-error-text) 18%, transparent);
}

.role-badge-used[b-2ybw2ka52y] {
    background: color-mix(in srgb, var(--color-warning-text) 10%, transparent);
    color: var(--color-warning-text);
    border-color: color-mix(in srgb, var(--color-warning-text) 18%, transparent);
}

.role-badge-free[b-2ybw2ka52y] {
    background: color-mix(in srgb, var(--color-success-text) 10%, transparent);
    color: var(--color-success-text);
    border-color: color-mix(in srgb, var(--color-success-text) 18%, transparent);
}

.role-actions[b-2ybw2ka52y] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

:deep(.admin-filter-search)[b-2ybw2ka52y] {
    min-width: 280px;
}

:deep(.fluent-button)[b-2ybw2ka52y] {
    min-height: 34px;
}

@media (max-width: 900px) {
    .roles-form-grid[b-2ybw2ka52y] {
        grid-template-columns: 1fr;
    }

    .roles-create-input[b-2ybw2ka52y] {
        max-width: 100%;
    }
}
/* _content/ShMachinN8/Components/Pages/Admin/Templates.razor.rz.scp.css */
.admin-templates-loading[b-czvippyqxt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-10);
    color: var(--color-text-soft);
}

.admin-templates-layout[b-czvippyqxt] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
}

/* ── List ── */

.admin-templates-list[b-czvippyqxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.admin-template-card[b-czvippyqxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    cursor: pointer;
    transition:
        border-color 0.15s,
        box-shadow 0.15s,
        transform 0.15s;
}

.admin-template-card:hover[b-czvippyqxt] {
    border-color: var(--color-accent);
    box-shadow: var(--fluent-shadow-depth-2);
    transform: translateY(-1px);
}

.admin-template-card-selected[b-czvippyqxt] {
    border-color: var(--color-accent) !important;
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--color-accent) 18%, transparent),
        var(--fluent-shadow-depth-2) !important;
}

.admin-template-card-top[b-czvippyqxt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    min-width: 0;
}

.admin-template-card-info[b-czvippyqxt] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    min-width: 0;
}

.admin-template-name[b-czvippyqxt] {
    min-width: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-template-scheme-badge[b-czvippyqxt] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid transparent;
}

.admin-template-scheme-classic[b-czvippyqxt] {
    color: #0b55c4;
    background: rgba(0, 79, 190, 0.09);
    border-color: rgba(0, 79, 190, 0.2);
}

.admin-template-scheme-corporate[b-czvippyqxt] {
    color: #7c2d8a;
    background: rgba(124, 45, 138, 0.09);
    border-color: rgba(124, 45, 138, 0.2);
}

.admin-template-scheme-tech[b-czvippyqxt] {
    color: #0b6e4f;
    background: rgba(11, 110, 79, 0.09);
    border-color: rgba(11, 110, 79, 0.2);
}

.admin-template-scheme-old[b-czvippyqxt] {
    color: #7a5a2a;
    background: rgba(122, 90, 42, 0.09);
    border-color: rgba(122, 90, 42, 0.2);
}

.admin-template-preview-line[b-czvippyqxt] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-soft);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-template-preview-line span[b-czvippyqxt] {
    font-weight: 600;
    color: var(--color-text-soft);
}

/* ── Form panel ── */

.admin-templates-form-panel[b-czvippyqxt] {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    padding: var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    box-shadow: var(--fluent-shadow-depth-1);
}

.admin-templates-form-header[b-czvippyqxt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.admin-templates-form-header h2[b-czvippyqxt] {
    margin: 0 0 var(--space-1);
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text);
}

.admin-templates-form-header p[b-czvippyqxt] {
    margin: 0;
    font-size: 13px;
    color: var(--color-text-soft);
}

.admin-templates-form-fields[b-czvippyqxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.admin-templates-field[b-czvippyqxt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.admin-templates-field label[b-czvippyqxt] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-soft);
}

.admin-templates-field fluent-text-field[b-czvippyqxt],
.admin-templates-field fluent-text-area[b-czvippyqxt] {
    width: 100%;
}

.admin-templates-form-actions[b-czvippyqxt] {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--space-3);
    border-top: 1px solid var(--color-border);
}

/* ── Hint ── */

.admin-templates-hint[b-czvippyqxt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: var(--space-12);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-xl);
    color: var(--color-text-soft);
    text-align: center;
}

.admin-templates-hint p[b-czvippyqxt] {
    margin: 0;
    font-size: 14px;
}

@media (max-width: 960px) {
    .admin-templates-layout[b-czvippyqxt] {
        grid-template-columns: 1fr;
    }

    .admin-templates-form-panel[b-czvippyqxt] {
        position: static;
    }
}
/* _content/ShMachinN8/Components/Pages/Office/OfficeHome.razor.rz.scp.css */
.office-page[b-am5l8xxxti] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.office-header[b-am5l8xxxti] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.office-header-desktop[b-am5l8xxxti] {
    display: flex;
}

.office-header h1[b-am5l8xxxti],
.office-header h3[b-am5l8xxxti] {
    margin: 0;
    color: var(--color-text);
}

.office-header h3[b-am5l8xxxti] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.office-header p[b-am5l8xxxti] {
    margin: var(--space-2) 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-soft);
}

.office-tabs-nav[b-am5l8xxxti] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.office-tab-button[b-am5l8xxxti] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 var(--space-4);
    border-radius: 999px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color var(--fluent-transition),
        border-color var(--fluent-transition),
        color var(--fluent-transition),
        transform var(--fluent-transition),
        box-shadow var(--fluent-transition);
}

.office-tab-button:hover[b-am5l8xxxti] {
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    box-shadow: var(--fluent-shadow-depth-1);
}

.office-tab-button:active[b-am5l8xxxti] {
    transform: translateY(1px);
}

.office-tab-button-active[b-am5l8xxxti] {
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
    border-color: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
    color: var(--color-primary);
}

.tab-content[b-am5l8xxxti] {
    padding-top: var(--space-2);
}

@media (max-width: 640px) {
    .office-page[b-am5l8xxxti] {
        gap: var(--space-3);
    }

    .office-header-desktop[b-am5l8xxxti] {
        display: none;
    }

    .office-header h3[b-am5l8xxxti] {
        font-size: 22px;
    }

    .office-tabs-nav[b-am5l8xxxti] {
        gap: var(--space-2);
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .office-tab-button[b-am5l8xxxti] {
        min-height: 38px;
        padding: 0 var(--space-3);
        white-space: nowrap;
        flex: 0 0 auto;
    }

    .tab-content[b-am5l8xxxti] {
        padding-top: var(--space-1);
    }
}
/* _content/ShMachinN8/Components/Pages/Office/Quotes/Components/QuoteCommonSpecificationsEditor.razor.rz.scp.css */
.quote-common-options[b-dmup9zzb7r] {
    margin-top: var(--space-5);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.quote-common-table td[b-dmup9zzb7r] {
    vertical-align: middle;
}

.quote-common-table .offer-item-option-note[b-dmup9zzb7r] {
    margin-top: 2px;
}
/* _content/ShMachinN8/Components/Pages/Office/Quotes/Components/QuoteEditor.razor.rz.scp.css */
.offer-template-bar[b-y70193rktx] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    font-size: 13px;
}

.offer-template-bar-label[b-y70193rktx] {
    color: var(--color-text-soft);
}

.offer-template-bar-name[b-y70193rktx] {
    font-weight: 700;
    color: var(--color-primary);
}
/* _content/ShMachinN8/Components/Pages/Office/Tabs/QuotesPage.razor.rz.scp.css */
.quote-client-cell[b-amnbqb3np2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 220px;
    line-height: 1.2;
}

.quote-client-company[b-amnbqb3np2] {
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
    word-break: break-word;
}

.quote-client-person[b-amnbqb3np2] {
    font-size: 12px;
    color: var(--color-text-soft);
    word-break: break-word;
}

.crm-amount[b-amnbqb3np2] {
    font-weight: 700;
    color: var(--color-text);
    white-space: nowrap;
}

@media (max-width: 960px) {
}

@media (max-width: 640px) {
    .quote-client-cell[b-amnbqb3np2] {
        min-width: 180px;
    }
}

@media (max-width: 460px) {
}
/* _content/ShMachinN8/Components/Shared/ConfirmModal.razor.rz.scp.css */
:host[b-e67pve8ya9] {
    display: contents;
}

.confirm-modal-backdrop[b-e67pve8ya9] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-4);
    background: rgb(15 23 42 / 0.36);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.confirm-modal[b-e67pve8ya9] {
    width: min(520px, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-5);
    border-radius: 20px;
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    box-shadow: var(--fluent-shadow-depth-3);
}

.confirm-modal-header h3[b-e67pve8ya9] {
    margin: 0;
    font-size: 1.08rem;
    color: var(--color-text);
}

.confirm-modal-body p[b-e67pve8ya9] {
    margin: 0;
    color: var(--color-text-soft);
    line-height: 1.55;
}

.confirm-modal-actions[b-e67pve8ya9] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .confirm-modal[b-e67pve8ya9] {
        padding: var(--space-4);
    }

    .confirm-modal-actions[b-e67pve8ya9] {
        flex-direction: column-reverse;
    }

    .confirm-modal-actions[b-e67pve8ya9]  fluent-button {
        width: 100%;
    }
}
/* _content/ShMachinN8/Components/Shared/OfficeNavMenu.razor.rz.scp.css */
.office-page[b-muo39jdjb9] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.office-page-header[b-muo39jdjb9] {
    padding: 8px 2px 4px;
}

.office-page-kicker[b-muo39jdjb9] {
    margin-bottom: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-primary, #2563eb);
}

.office-page-header h1[b-muo39jdjb9] {
    margin: 0 0 10px;
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-text, #111);
}

.office-page-header p[b-muo39jdjb9] {
    margin: 0;
    max-width: 760px;
    font-size: 1.02rem;
    line-height: 1.55;
    color: var(--color-text-soft, #666);
}

.office-cards[b-muo39jdjb9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.office-card[b-muo39jdjb9] {
    display: block;
    padding: 22px;
    border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--color-text-soft, #666) 10%, transparent);
    background: var(--color-surface, #fff);
    color: var(--color-text, #111);
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    transition:
        transform 0.12s ease,
        background 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.office-card:hover[b-muo39jdjb9] {
    transform: translateY(-2px);
    background: color-mix(in srgb, var(--color-surface-muted, #f3f3f3) 88%, transparent);
    border-color: color-mix(in srgb, var(--color-primary, #2563eb) 16%, transparent);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.office-card-title[b-muo39jdjb9] {
    margin-bottom: 8px;
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--color-text, #111);
}

.office-card-text[b-muo39jdjb9] {
    font-size: 0.97rem;
    line-height: 1.5;
    color: var(--color-text-soft, #666);
}

@media (max-width: 900px) {
    .office-cards[b-muo39jdjb9] {
        grid-template-columns: 1fr;
    }
}