@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/BlazorApp2/Components/Catalogs/CatalogSyncAction.razor.rz.scp.css */
.catalog-sync-action[b-66zz12myyi] {
    display: inline-flex;
    align-items: stretch;
}

.catalog-sync-action__btn[b-66zz12myyi] {
    line-height: 1;
    color: inherit;
    text-decoration: none;
}

.catalog-sync-action__btn:hover:not(:disabled) .catalog-sync-action__icon[b-66zz12myyi],
.catalog-sync-action__btn:focus-visible .catalog-sync-action__icon[b-66zz12myyi] {
    color: #157347;
}

.catalog-sync-action__icon[b-66zz12myyi] {
    font-size: 1.1rem;
    display: inline-block;
    vertical-align: -0.125em;
    color: var(--bs-success, #198754);
}

.catalog-sync-action__icon--busy[b-66zz12myyi] {
    animation: catalog-sync-spin-b-66zz12myyi 0.85s linear infinite;
    opacity: 0.85;
}

@keyframes catalog-sync-spin-b-66zz12myyi {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/BlazorApp2/Components/Help/HelpNavNodes.razor.rz.scp.css */
.help-nav-group .help-nav-summary[b-y2oyasge9t] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    user-select: none;
    list-style: none;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bs-secondary);
    border-radius: 0.25rem;
}

.help-nav-group .help-nav-summary[b-y2oyasge9t]::-webkit-details-marker {
    display: none;
}

.help-nav-group .help-nav-chevron[b-y2oyasge9t]::before {
    content: "\25B8";
    display: inline-block;
    font-size: 0.75rem;
    transition: transform 0.15s ease;
    margin-right: 0.15rem;
    color: var(--bs-secondary);
}

.help-nav-group[open] > .help-nav-summary .help-nav-chevron[b-y2oyasge9t]::before {
    transform: rotate(90deg);
}

.help-nav-group .help-nav-summary-admin[b-y2oyasge9t] {
    color: var(--bs-info);
    border-left: 3px solid var(--bs-info);
}

.help-nav-group-children[b-y2oyasge9t] {
    margin-left: 0.15rem;
    padding-left: 0.35rem;
    border-left: 1px solid var(--bs-border-color);
}
/* _content/BlazorApp2/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-gnv29mi9so] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-gnv29mi9so] {
    flex: 1;
}

.sidebar[b-gnv29mi9so] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-gnv29mi9so] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    min-height: 3.5rem;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    display: flex;
    align-items: flex-start;
}

.top-row-right[b-gnv29mi9so] {
    margin-left: auto;
}

.top-row-localhost-debug[b-gnv29mi9so] {
    background-color: #6f42c1;
    border-bottom-color: #5a32a3;
    color: #f8f5ff;
}

.top-row-localhost-debug .layout-breadcrumb[b-gnv29mi9so] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
}

.top-row-localhost-debug .layout-breadcrumb .breadcrumb-item[b-gnv29mi9so],
.top-row-localhost-debug .layout-breadcrumb .breadcrumb-item a[b-gnv29mi9so] {
    color: #f8f5ff;
}

.top-row-localhost-debug .layout-breadcrumb .breadcrumb-item.active[b-gnv29mi9so] {
    color: #fff;
}

.top-row-localhost-debug .layout-breadcrumb .breadcrumb-item + .breadcrumb-item[b-gnv29mi9so]::before {
    color: rgba(255, 255, 255, 0.65);
}

.top-row-localhost-debug .user-links[b-gnv29mi9so]  a,
.top-row-localhost-debug .user-links[b-gnv29mi9so]  .btn-link {
    color: #f8f5ff !important;
}

.top-row-localhost-debug .user-links .header-page-help[b-gnv29mi9so] {
    color: rgba(255, 255, 255, 0.82) !important;
}

.top-row-localhost-debug .user-links .header-page-help:hover[b-gnv29mi9so] {
    color: #fff !important;
}

    .top-row .user-links[b-gnv29mi9so]  a,
    .top-row .user-links[b-gnv29mi9so]  .btn-link {
        white-space: nowrap;
        text-decoration: none;
    }

    .top-row .user-links[b-gnv29mi9so]  a:hover,
    .top-row .user-links[b-gnv29mi9so]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row .user-links[b-gnv29mi9so]  a.header-user-cabinet-link {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .top-row .user-links .header-page-help[b-gnv29mi9so] {
        flex-shrink: 0;
        line-height: 1;
        padding: 0.1rem;
    }

    .top-row .user-links .header-page-help:hover[b-gnv29mi9so] {
        color: var(--bs-primary) !important;
    }

.layout-breadcrumb[b-gnv29mi9so] {
    margin-top: 0.1rem;
    display: inline-flex;
    max-width: 100%;
    background: #f1f3f5;
    border: 1px solid #e2e6ea;
    border-radius: 0.6rem;
    padding: 0.2rem 0.55rem;
}

.layout-breadcrumb-wrap[b-gnv29mi9so] {
    align-self: center;
    margin-left: 0.75rem;
    margin-right: 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.layout-breadcrumb .breadcrumb[b-gnv29mi9so] {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layout-breadcrumb .breadcrumb-item + .breadcrumb-item[b-gnv29mi9so]::before {
    color: #6c757d;
}

.layout-breadcrumb .breadcrumb-item.active[b-gnv29mi9so] {
    color: #212529;
    font-weight: 600;
}

@media (max-width: 640.98px) {
    .top-row[b-gnv29mi9so] {
        justify-content: space-between;
    }

    .layout-breadcrumb-wrap[b-gnv29mi9so] {
        display: none;
    }
}

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

    .sidebar[b-gnv29mi9so] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        transition: width 0.2s ease;
    }

    .top-row[b-gnv29mi9so] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-gnv29mi9so]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-gnv29mi9so], article[b-gnv29mi9so] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so] {
        width: 72px;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .top-row .navbar-brand {
        display: none;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .sidebar-brand-row .container-fluid {
        justify-content: center;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-scrollable .nav-item,
    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-menu-footer .nav-item {
        padding-bottom: 0.25rem;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-scrollable .nav-link,
    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-menu-footer .nav-link {
        justify-content: center;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-scrollable .nav-text,
    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-menu-footer .nav-text {
        display: none;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-scrollable .bi,
    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .nav-menu-footer .bi {
        margin-right: 0;
    }

    .page.sidebar-collapsed .sidebar[b-gnv29mi9so]  .support-unread-bubble--nav {
        margin-left: 0;
    }
}

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

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

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

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

.sidebar-brand-row .navbar-brand[b-8m0out2oi0] {
    flex: 1 1 0;
    margin-right: 0;
    padding-right: 0;
    min-width: 0;
    max-width: calc(100% - 1.85rem);
    white-space: nowrap;
    overflow: hidden;
    font-size: clamp(
        0.95rem,
        calc(1.1rem - (max(var(--brand-chars, 14), 14) - 14) * 0.01rem),
        1.1rem
    );
}

.sidebar-brand-row .sidebar-collapse-toggle[b-8m0out2oi0] {
    flex: 0 0 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    font-size: 0.95rem;
}

.sidebar-brand-row .sidebar-collapse-toggle:focus[b-8m0out2oi0],
.sidebar-brand-row .sidebar-collapse-toggle:focus-visible[b-8m0out2oi0] {
    box-shadow: none;
    outline: none;
}

.sidebar-brand-row .sidebar-collapse-toggle:hover[b-8m0out2oi0] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff;
}

.sidebar-brand-row .sidebar-collapse-toggle:focus-visible[b-8m0out2oi0] {
    background-color: rgba(255, 255, 255, 0.08);
}

.nav-scrollable[b-8m0out2oi0]  .bi,
.nav-menu-footer[b-8m0out2oi0]  .bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

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

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

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

.nav-scrollable[b-8m0out2oi0]  .bi-lock-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-8m0out2oi0]  .bi-person-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-8m0out2oi0]  .bi-person-badge-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-8m0out2oi0]  .bi-person-fill-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-8m0out2oi0]  .bi-arrow-bar-left-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

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

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

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

.nav-scrollable[b-8m0out2oi0]  .nav-link,
.nav-menu-footer[b-8m0out2oi0]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 8px;
    min-height: 3rem;
    display: flex;
    align-items: center;
    line-height: 1.2;
    width: 100%;
    padding: 0.65rem 0.85rem;
    text-decoration: none;
}

.nav-scrollable[b-8m0out2oi0]  a.active,
.nav-menu-footer[b-8m0out2oi0]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-scrollable[b-8m0out2oi0]  .nav-link:hover,
.nav-menu-footer[b-8m0out2oi0]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.sidebar-nav-body[b-8m0out2oi0] {
    display: none;
    flex-direction: column;
    min-height: 0;
}

.navbar-toggler:checked ~ .sidebar-nav-body[b-8m0out2oi0] {
    display: flex;
}

.nav-menu-footer[b-8m0out2oi0] {
    flex-shrink: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 0.25rem;
    margin-top: auto;
}

.nav-menu-footer[b-8m0out2oi0]  .nav-link {
    overflow: visible;
}

.nav-menu-footer[b-8m0out2oi0]  .nav-item {
    padding-bottom: 0.5rem;
}

.nav-menu-footer[b-8m0out2oi0]  .nav-item:last-of-type {
    padding-bottom: 0.75rem;
}

/* Узкий экран: навигация через «гамбургер»; кнопка сужения полосы меню — только на широкой вёрстке */
@media (max-width: 640.98px) {
    .sidebar-brand-row .sidebar-collapse-toggle[b-8m0out2oi0] {
        display: none;
    }
}

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

    .sidebar-nav-body[b-8m0out2oi0] {
        display: flex;
        height: calc(100vh - 3.5rem);
    }

    .nav-scrollable[b-8m0out2oi0] {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }
}
/* _content/BlazorApp2/Components/Layout/SupportNavMenuItem.razor.rz.scp.css */
[b-lghhsdmi46] .support-nav-support-link {
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    overflow: visible !important;
}

[b-lghhsdmi46] .support-nav-headset-icon {
    width: auto !important;
    height: auto !important;
    margin-right: 0 !important;
    font-size: 1.1rem;
    line-height: 1;
    flex-shrink: 0;
}

[b-lghhsdmi46] .support-unread-bubble {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0.22rem 0.45rem;
    border-radius: 0.6rem;
    background: linear-gradient(180deg, #ffb454 0%, #f97316 55%, #ea580c 100%);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    border: 1px solid #c2410c;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.5),
        0 2px 10px rgba(234, 88, 12, 0.65);
    flex-shrink: 0;
}

[b-lghhsdmi46] .support-unread-bubble::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0.4rem;
    width: 7px;
    height: 7px;
    background: #ea580c;
    border-right: 1px solid #c2410c;
    border-bottom: 1px solid #c2410c;
    transform: rotate(45deg);
}

[b-lghhsdmi46] .support-unread-bubble--nav {
    margin-left: auto;
    animation: support-unread-pulse-b-lghhsdmi46 2.4s ease-in-out infinite;
}

@keyframes support-unread-pulse-b-lghhsdmi46 {
    0%, 100% {
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.5),
            0 2px 10px rgba(234, 88, 12, 0.65);
    }
    50% {
        box-shadow:
            0 0 0 2px rgba(255, 237, 213, 0.95),
            0 0 16px rgba(249, 115, 22, 0.9);
    }
}
/* _content/BlazorApp2/Components/Orders/Captures/OrderCapturesControlPanel.razor.rz.scp.css */
.oc-control-search-wrap[b-dwg5v7loz3] {
    width: min(100%, 25.5rem);
    min-width: 10.5rem;
}

.oc-control-search-input[b-dwg5v7loz3] {
    padding-right: 8.2rem !important;
}

.oc-control-search-actions[b-dwg5v7loz3] {
    position: absolute;
    top: 50%;
    right: 0.25rem;
    transform: translateY(-50%);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.oc-control-search-mp-btn[b-dwg5v7loz3] {
    line-height: 1.1;
    white-space: nowrap;
}

.oc-control-search-clear[b-dwg5v7loz3] {
    --oc-clear-size: 1.625rem;
    width: var(--oc-clear-size);
    height: var(--oc-clear-size);
    padding: 0;
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.oc-control-search-clear:not(:disabled):hover[b-dwg5v7loz3] {
    background-color: var(--bs-secondary-bg) !important;
}

.oc-breakdown-wrap[b-dwg5v7loz3] {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    min-width: 2ch;
}

.oc-breakdown-wrap .oc-breakdown-panel[b-dwg5v7loz3] {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 1080;
    min-width: 11rem;
    max-width: min(22rem, 90vw);
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: .375rem;
    box-shadow: 0 .35rem .75rem rgba(0, 0, 0, .12);
    padding: .5rem .65rem;
    text-align: left;
    white-space: normal;
}

.oc-breakdown-wrap:hover .oc-breakdown-panel[b-dwg5v7loz3] {
    display: block;
}

.oc-breakdown-num[b-dwg5v7loz3] {
    cursor: default;
    border-bottom: 1px dotted var(--bs-primary);
    color: var(--bs-primary);
    user-select: none;
    font-variant-numeric: tabular-nums;
}

.oc-table-zebra tbody tr:nth-child(even):not(.table-warning):not(.oc-row-done)[b-dwg5v7loz3] {
    background-color: rgba(0, 0, 0, 0.025);
}

.oc-row-done[b-dwg5v7loz3] {
    background-color: rgba(25, 135, 84, 0.14) !important;
}
/* _content/BlazorApp2/Components/Orders/Captures/OrderCapturesList.razor.rz.scp.css */
.oc-formation-info-btn[b-qzsvwouhwg] {
    line-height: 1;
    min-width: 1.5rem;
    text-decoration: none !important;
}

.oc-table-zebra tbody tr:nth-child(even):not(.table-warning):not(.oc-row-done)[b-qzsvwouhwg] {
    background-color: rgba(0, 0, 0, 0.025);
}

.oc-row-done[b-qzsvwouhwg] {
    background-color: rgba(25, 135, 84, 0.14) !important;
}
/* _content/BlazorApp2/Components/Orders/Files/OrderFileDrawingMetrics.razor.rz.scp.css */
.drawing-dual-metric-cell[b-yg7iabq5f3] {
    line-height: 1.25;
    vertical-align: middle;
    cursor: help;
    text-align: center;
}

.drawing-metric-techcard[b-yg7iabq5f3] {
    color: #6c757d;
    font-size: 0.8125rem;
}

.drawing-metric-pdf[b-yg7iabq5f3] {
    color: #0a58ca;
    font-size: 0.8125rem;
    font-weight: 500;
}

.drawing-metric-pdf.is-pending[b-yg7iabq5f3] {
    color: #adb5bd;
    font-weight: 400;
    font-style: italic;
}

.drawing-metric-pdf.is-failed[b-yg7iabq5f3] {
    color: #dc3545;
    font-weight: 400;
}

.drawing-metric-match[b-yg7iabq5f3] {
    color: #198754;
}

.drawing-dual-metric-inner[b-yg7iabq5f3] {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
}

.drawing-metric-mismatch-icon[b-yg7iabq5f3] {
    color: #dc3545;
    font-size: 0.875rem;
    line-height: 1.25;
    flex-shrink: 0;
}

.ifc-status-dot[b-yg7iabq5f3] {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    vertical-align: middle;
}

.ifc-status-dot.ifc-status-green[b-yg7iabq5f3] { background-color: #198754; }
.ifc-status-dot.ifc-status-gray[b-yg7iabq5f3] { background-color: #6c757d; }
.ifc-status-dot.ifc-status-orange[b-yg7iabq5f3] { background-color: #fd7e14; }
/* _content/BlazorApp2/Components/Orders/Files/OrderFileListTable.razor.rz.scp.css */
.file-list-scroll[b-luyxir0fx3] {
    max-height: calc(100vh - 260px);
    overflow-y: auto;
}

.file-list-scroll thead th[b-luyxir0fx3] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bs-body-bg, #fff);
}

.table tbody tr.identical-group-0 > td[b-luyxir0fx3] { background-color: rgba(40, 167, 69, 0.16) !important; }
.table tbody tr.identical-group-1 > td[b-luyxir0fx3] { background-color: rgba(0, 123, 255, 0.16) !important; }
.table tbody tr.identical-group-2 > td[b-luyxir0fx3] { background-color: rgba(255, 193, 7, 0.24) !important; }
.table tbody tr.identical-group-3 > td[b-luyxir0fx3] { background-color: rgba(111, 66, 193, 0.16) !important; }
.table tbody tr.identical-group-4 > td[b-luyxir0fx3] { background-color: rgba(253, 126, 20, 0.16) !important; }
.table tbody tr.file-all-annulled > td[b-luyxir0fx3] { background-color: rgba(220, 53, 69, 0.2) !important; }

.assembly-drawing-file-table th[b-luyxir0fx3],
.assembly-drawing-file-table td[b-luyxir0fx3] {
    text-align: center;
    vertical-align: middle;
}

.assembly-drawing-file-table thead th .btn-link[b-luyxir0fx3] {
    display: inline;
}

@media (max-width: 991.98px) {
    .file-list-scroll[b-luyxir0fx3] {
        max-height: none;
        overflow-y: visible;
    }
}
/* _content/BlazorApp2/Components/Orders/Files/OrderFilePreviewHost.razor.rz.scp.css */
.preview-pane-sticky[b-chrss1g50t] {
    position: sticky;
    top: 0.5rem;
}

.order-file-preview-column[b-chrss1g50t] {
    min-width: 0;
}

.preview-frame[b-chrss1g50t] {
    width: 100%;
    height: calc(100vh - 330px);
    min-height: 620px;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}

@media (max-width: 991.98px) {
    .preview-pane-sticky[b-chrss1g50t] {
        position: static;
    }

    .preview-frame[b-chrss1g50t] {
        height: 70vh;
        min-height: 420px;
    }
}
/* _content/BlazorApp2/Components/Orders/Files/OrderFileSectionLayout.razor.rz.scp.css */
.file-section-layout[b-qaxr4da9di] {
    display: grid;
    grid-template-columns: var(--left-pane-width, 35%) 1fr;
    gap: 0.75rem;
    align-items: start;
}

.file-section-layout.preview-only[b-qaxr4da9di] {
    grid-template-columns: 1fr;
    gap: 0;
}

.file-section-layout.list-only[b-qaxr4da9di] {
    grid-template-columns: 1fr;
    gap: 0;
}

.file-section-layout > *[b-qaxr4da9di] {
    min-width: 0;
}

@media (max-width: 991.98px) {
    .file-section-layout[b-qaxr4da9di] {
        grid-template-columns: 1fr;
    }
}
/* _content/BlazorApp2/Components/Pages/Help.razor.rz.scp.css */
.help-layout .help-doc[b-5y7wl4wx74] {
    min-height: 12rem;
}

.help-doc[b-5y7wl4wx74]  img:not([width]):not(.help-gif-player-img) {
    display: block;
    max-width: min(100%, 42rem);
    width: auto;
    height: auto;
    max-height: min(70vh, 36rem);
    object-fit: contain;
    margin: 0.75rem auto;
    border-radius: 0.375rem;
    cursor: zoom-in;
}

.help-doc[b-5y7wl4wx74]  img[width]:not(.help-gif-player-img) {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0.75rem auto;
    border-radius: 0.375rem;
    cursor: zoom-in;
}

.help-doc[b-5y7wl4wx74]  table {
    width: 100%;
}

.help-doc[b-5y7wl4wx74]  pre {
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    background: var(--bs-secondary-bg);
}

/* Markdown: цветные callout-блоки (Bootstrap .alert в HTML внутри .md) */
.help-doc[b-5y7wl4wx74]  .alert {
    text-align: start;
}

.help-doc[b-5y7wl4wx74]  .alert .alert-heading {
    font-size: 1rem;
    color: inherit;
}

/* Врезки только для роли Admin (маркеры ADMIN-BEGIN в .md) */
.help-doc[b-5y7wl4wx74]  .help-callout-admin {
    border: 1px solid #fd7e14;
    background: rgba(253, 126, 20, 0.1);
    border-radius: 0.375rem;
    padding: 0.85rem 1rem;
    margin: 1rem 0;
}

.help-doc[b-5y7wl4wx74]  .help-callout-admin-heading {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #e8590c;
    margin-bottom: 0.5rem;
}

.help-doc[b-5y7wl4wx74]  .help-callout-admin-body > :first-child {
    margin-top: 0;
}

.help-doc[b-5y7wl4wx74]  .help-callout-admin-body > :last-child {
    margin-bottom: 0;
}

.help-sidebar .help-nav[b-5y7wl4wx74]  a.nav-link {
    color: var(--bs-body-color);
}

.help-sidebar .help-nav[b-5y7wl4wx74]  a.nav-link.active {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary);
}

/* Пункты adminOnly: только когда пользователь — Admin (классы help-nav-link-* задаются с Blazor) */
.help-sidebar .help-nav[b-5y7wl4wx74]  a.nav-link.help-nav-link-admin {
    background-color: rgba(var(--bs-info-rgb), 0.14);
    border-left: 3px solid var(--bs-info);
    color: var(--bs-emphasis-color);
}

.help-sidebar .help-nav[b-5y7wl4wx74]  a.nav-link.help-nav-link-admin:hover {
    background-color: rgba(var(--bs-info-rgb), 0.22);
}

.help-sidebar .help-nav[b-5y7wl4wx74]  a.nav-link.help-nav-link-admin.active.help-nav-link-admin-active,
.help-sidebar .help-nav[b-5y7wl4wx74]  a.nav-link.active.help-nav-link-admin-active {
    background-color: rgba(var(--bs-info-rgb), 0.28);
    border-left-color: var(--bs-info);
    color: var(--bs-info-text-emphasis);
}

.help-sidebar .help-nav[b-5y7wl4wx74]  .help-nav-admin-badge {
    font-size: 0.65rem;
    font-weight: 600;
    background: var(--bs-info) !important;
    color: var(--bs-white) !important;
}

.help-sidebar .help-nav[b-5y7wl4wx74]  .help-nav-section-admin {
    font-size: 0.65rem;
    letter-spacing: 0.06em;
    font-weight: 600;
    color: var(--bs-info);
    border-left: 3px solid var(--bs-info);
}
/* _content/BlazorApp2/Components/Pages/OrderCaptures.razor.rz.scp.css */
/* _content/BlazorApp2/Components/Pages/OrderFasteners.razor.rz.scp.css */
    .ofs-xsr-search-wrap[b-wak3i10n5q] {
        width: min(100%, 25.5rem);
        min-width: 10.5rem;
    }
    .ofs-xsr-search-clear[b-wak3i10n5q] {
        --ofs-clear-size: 1.625rem;
        width: var(--ofs-clear-size);
        height: var(--ofs-clear-size);
        padding: 0;
        margin-right: 0.2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    .ofs-xsr-search-clear:not(:disabled):hover[b-wak3i10n5q] {
        background-color: var(--bs-secondary-bg) !important;
    }

    .ofs-table-zebra tbody tr:nth-child(even):not(.table-warning):not(.table-danger)[b-wak3i10n5q] {
        background-color: rgba(0, 0, 0, 0.025);
    }

    /* Поверх всего layout (в т.ч. при transform у предков): не Bootstrap .modal */
    .ofs-ifc-focus-overlay[b-wak3i10n5q] {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483000 !important;
        background-color: rgba(33, 37, 41, 0.55) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 1rem !important;
        box-sizing: border-box !important;
    }

    .ofs-ifc-focus-card[b-wak3i10n5q] {
        max-width: min(22rem, 92vw);
        width: 100%;
    }
/* _content/BlazorApp2/Components/Pages/OrderTicketDetails.razor.rz.scp.css */
/* Компактная шапка и зоны вложений */

.ticket-detail-head-compact[b-zkih6udvqq] {
    padding-bottom: 0.65rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

[data-bs-theme="dark"] .ticket-detail-head-compact[b-zkih6udvqq] {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.ticket-drop-zone[b-zkih6udvqq] {
    border: 2px dashed rgba(0, 0, 0, 0.12);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

[data-bs-theme="dark"] .ticket-drop-zone[b-zkih6udvqq] {
    border-color: rgba(255, 255, 255, 0.2);
}

.ticket-drop-zone.ticket-drop-active[b-zkih6udvqq] {
    border-color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.ticket-thread-msg[b-zkih6udvqq] {
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0.06rem 0.35rem rgba(0, 0, 0, 0.06);
}

.ticket-thread-msg-header[b-zkih6udvqq] {
    background-color: var(--bs-secondary-bg);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.ticket-msg-body[b-zkih6udvqq] {
    white-space: pre-wrap;
    word-break: break-word;
}

.ticket-draft-card[b-zkih6udvqq] {
    border-width: 2px;
}

[data-bs-theme="dark"] .ticket-thread-msg[b-zkih6udvqq] {
    border-color: rgba(255, 255, 255, 0.12);
}

[data-bs-theme="dark"] .ticket-thread-msg-header[b-zkih6udvqq] {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
/* _content/BlazorApp2/Components/Pages/OrderTickets.razor.rz.scp.css */
/* Списки тикетов: читаемость и фокус при навигации с клавиатуры */

.tickets-table thead th[b-1f809amy5j] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
    color: var(--bs-secondary-color);
    border-bottom-width: 2px;
}

.tickets-sort-btn[b-1f809amy5j] {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    line-height: 1.25;
    border: none;
    background: transparent;
    color: inherit;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    text-align: left;
}

.tickets-sort-btn:hover[b-1f809amy5j] {
    color: var(--bs-primary);
}

.tickets-sort-btn:focus-visible[b-1f809amy5j] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
    border-radius: 0.2rem;
}

.tickets-row:focus-visible[b-1f809amy5j] {
    outline: 2px solid var(--bs-primary);
    outline-offset: -2px;
}

.tickets-row:hover[b-1f809amy5j] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.tickets-empty-icon[b-1f809amy5j] {
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.35;
}
/* _content/BlazorApp2/Components/Pages/SupportCenter/SupportCenter.razor.rz.scp.css */
.support-center-page[b-9xyupjwd5j] {
    --sc-page-bg: #0b0e14;
    --sc-sidebar: #171b26;
    --sc-panel: transparent;
    --sc-border: rgba(255, 255, 255, 0.08);
    --sc-border-dashed: rgba(255, 255, 255, 0.14);
    --sc-text: #eef1f7;
    --sc-muted: #8b93a7;
    --sc-accent: #7c5cff;
    --sc-accent-hover: #9074ff;
    --sc-client-bubble: linear-gradient(135deg, #7c5cff 0%, #6246ea 100%);
    --sc-support-bubble: #252b3a;
    --sc-status: #4da3ff;
    --sc-layout-max: 72rem;
    --sc-sidebar-width: 22rem;
    --sc-input-bg: rgba(255, 255, 255, 0.04);
    --sc-surface-hover: rgba(255, 255, 255, 0.04);
    --sc-surface-subtle: rgba(255, 255, 255, 0.03);
    --sc-surface-muted: rgba(255, 255, 255, 0.08);
    --sc-active-ticket-bg: rgba(124, 92, 255, 0.16);
    --sc-sidebar-border: rgba(255, 255, 255, 0.06);
    --sc-sidebar-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
    --sc-compose-bg: rgba(0, 0, 0, 0.22);
    --sc-input-shell-bg: rgba(0, 0, 0, 0.22);
    --sc-picker-bg: #1a1d28;
    --sc-picker-border: rgba(255, 255, 255, 0.1);
    --sc-picker-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
    --sc-reaction-chip-bg: rgba(0, 0, 0, 0.28);
    --sc-reaction-chip-border: rgba(255, 255, 255, 0.12);
    --sc-reaction-chip-text: #eef1f7;
    --sc-quote-bg: rgba(0, 0, 0, 0.22);
    --sc-quote-text: #eef1f7;
    --sc-quote-author: rgba(167, 139, 250, 0.95);
    --sc-quote-border: rgba(124, 92, 255, 0.55);
    --sc-highlight-bg: rgba(124, 92, 255, 0.22);
    --sc-attach-bg: rgba(255, 255, 255, 0.04);
    --sc-attach-border: rgba(255, 255, 255, 0.08);
    --sc-scrollbar-thumb: rgba(139, 147, 167, 0.45);
    --sc-chat-bg: transparent;
    --sc-panel-bg: transparent;
    --sc-panel-shadow: none;
    --sc-support-bubble-border: var(--sc-border);
    --sc-support-bubble-shadow: none;
    --sc-compose-border: var(--sc-border);
    --sc-input-border: rgba(124, 92, 255, 0.45);
    --sc-icon-muted: var(--sc-muted);
    --sc-quote-compose-bg: rgba(124, 92, 255, 0.1);
    --sc-quote-compose-border: rgba(124, 92, 255, 0.28);
    --sc-reaction-chip-shadow: none;

    background: var(--sc-page-bg);
    color: var(--sc-text);
    margin: -1rem -1.5rem 0;
    padding: 1rem 1.5rem 1rem;
    height: calc(100vh - 3.5rem);
    max-height: calc(100vh - 3.5rem);
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.support-center-page--light[b-9xyupjwd5j] {
    /* Telegram / WhatsApp light: grey chat canvas, white incoming bubbles, crisp text */
    --sc-page-bg: #e8ecf1;
    --sc-sidebar: #ffffff;
    --sc-panel-bg: #ffffff;
    --sc-chat-bg: #d4dae3;
    --sc-border: #bcc5d1;
    --sc-border-dashed: #b0bac7;
    --sc-text: #111827;
    --sc-muted: #4b5563;
    --sc-icon-muted: #374151;
    --sc-accent: #5b21b6;
    --sc-accent-hover: #6d28d9;
    --sc-client-bubble: linear-gradient(145deg, #6366f1 0%, #5b21b6 100%);
    --sc-support-bubble: #ffffff;
    --sc-support-bubble-border: #b8c4d4;
    --sc-support-bubble-shadow: 0 1px 1px rgba(15, 23, 42, 0.05), 0 2px 8px rgba(15, 23, 42, 0.09);
    --sc-status: #1d4ed8;
    --sc-input-bg: #ffffff;
    --sc-input-border: #aeb9c8;
    --sc-surface-hover: rgba(15, 23, 42, 0.06);
    --sc-surface-subtle: rgba(15, 23, 42, 0.04);
    --sc-surface-muted: #e5e7eb;
    --sc-active-ticket-bg: rgba(99, 102, 241, 0.14);
    --sc-sidebar-border: #cdd5df;
    --sc-sidebar-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 4px 14px rgba(15, 23, 42, 0.05);
    --sc-panel-shadow: 0 1px 3px rgba(15, 23, 42, 0.07);
    --sc-compose-bg: #ffffff;
    --sc-compose-border: #bcc5d1;
    --sc-input-shell-bg: #ffffff;
    --sc-picker-bg: #ffffff;
    --sc-picker-border: #bcc5d1;
    --sc-picker-shadow: 0 8px 24px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.06);
    --sc-reaction-chip-bg: #ffffff;
    --sc-reaction-chip-border: #bcc5d1;
    --sc-reaction-chip-text: #111827;
    --sc-reaction-chip-shadow: 0 1px 2px rgba(15, 23, 42, 0.07);
    --sc-quote-bg: rgba(99, 102, 241, 0.11);
    --sc-quote-text: #1f2937;
    --sc-quote-author: #5b21b6;
    --sc-quote-border: #6366f1;
    --sc-quote-compose-bg: #ede9fe;
    --sc-quote-compose-border: #a78bfa;
    --sc-highlight-bg: rgba(99, 102, 241, 0.2);
    --sc-attach-bg: #f9fafb;
    --sc-attach-border: #cdd5df;
    --sc-scrollbar-thumb: rgba(75, 85, 99, 0.5);
}

.support-center[b-9xyupjwd5j] {
    --sc-bg: var(--sc-page-bg);

    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    max-width: var(--sc-layout-max);
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: var(--sc-text);
}

.support-center__header[b-9xyupjwd5j] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.15rem 0 0;
}

.support-center__header-title[b-9xyupjwd5j] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
}

.support-center__header-actions[b-9xyupjwd5j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.support-center__layout[b-9xyupjwd5j] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: stretch;
    gap: 1rem;
}

.support-center__sidebar-panel[b-9xyupjwd5j] {
    width: var(--sc-sidebar-width);
    flex-shrink: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--sc-sidebar);
    border: 1px solid var(--sc-sidebar-border);
    border-radius: 0.85rem;
    overflow: hidden;
    box-shadow: var(--sc-sidebar-shadow);
}

.support-center__dialog-panel[b-9xyupjwd5j] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--sc-panel-bg, transparent);
    border: 1px dashed var(--sc-border-dashed);
    border-radius: 0.85rem;
    overflow: hidden;
    box-shadow: var(--sc-panel-shadow, none);
}

.support-center__dialog-panel--empty[b-9xyupjwd5j] {
    border-color: rgba(124, 92, 255, 0.22);
}

.support-center__search[b-9xyupjwd5j] {
    position: relative;
    flex-shrink: 0;
    padding: 0.85rem 0.85rem 0.65rem;
}

.support-center__search-icon[b-9xyupjwd5j] {
    position: absolute;
    left: 1.35rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--sc-muted);
    pointer-events: none;
}

.support-center__search-input[b-9xyupjwd5j] {
    width: 100%;
    border: 1px solid var(--sc-border);
    border-radius: 0.55rem;
    background: var(--sc-input-bg);
    color: var(--sc-text);
    padding: 0.55rem 0.75rem 0.55rem 2.1rem;
    font-size: 0.92rem;
}

.support-center__search-input:focus[b-9xyupjwd5j] {
    outline: none;
    border-color: rgba(124, 92, 255, 0.65);
    box-shadow: 0 0 0 2px rgba(124, 92, 255, 0.2);
}

.support-center__sidebar-body[b-9xyupjwd5j] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.support-center__sidebar-scroll[b-9xyupjwd5j] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.support-center__list[b-9xyupjwd5j] {
    flex: 0 0 auto;
    overflow: visible;
    padding: 0 0.45rem;
}

.support-center__list--closed[b-9xyupjwd5j] {
    max-height: 14rem;
    overflow: auto;
    padding-top: 0;
}

.support-center__list--drafts[b-9xyupjwd5j] {
    padding-top: 0;
}

.support-center__drafts[b-9xyupjwd5j] {
    flex-shrink: 0;
    border-bottom: 1px solid var(--sc-border);
    margin-bottom: 0.15rem;
}

.support-center__drafts-heading[b-9xyupjwd5j] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #fbbf24;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.support-center__drafts-heading .support-center__section-count[b-9xyupjwd5j] {
    margin-left: 0;
}

.support-center__ticket--draft[b-9xyupjwd5j] {
    box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.85);
}

.support-center__ticket-avatar--draft[b-9xyupjwd5j] {
    background: rgba(251, 191, 36, 0.16);
    color: #fbbf24;
}

.support-center__ticket-draft-label[b-9xyupjwd5j] {
    display: inline-flex;
    align-items: center;
    padding: 0.05rem 0.35rem;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.14);
    color: #fcd34d;
    font-size: 0.68rem;
    font-weight: 700;
}

.support-center__ticket[b-9xyupjwd5j] {
    width: 100%;
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
    text-align: left;
    border: none;
    background: transparent;
    color: inherit;
    border-radius: 0;
    padding: 0.75rem 0.55rem;
    cursor: pointer;
    border-bottom: 1px solid var(--sc-border);
}

.support-center__list .support-center__ticket:last-child[b-9xyupjwd5j] {
    border-bottom: none;
}

.support-center__ticket:hover[b-9xyupjwd5j] {
    background: var(--sc-surface-hover);
}

.support-center__ticket--active[b-9xyupjwd5j] {
    background: var(--sc-active-ticket-bg);
}

.support-center__ticket--unread[b-9xyupjwd5j] {
    box-shadow: inset 3px 0 0 var(--sc-status);
}

.support-center__ticket-avatar[b-9xyupjwd5j] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(77, 163, 255, 0.18);
    color: var(--sc-status);
    font-size: 0.95rem;
}

.support-center__ticket-avatar--muted[b-9xyupjwd5j] {
    background: var(--sc-surface-muted);
    color: var(--sc-muted);
}

.support-center__ticket-body[b-9xyupjwd5j] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.support-center__ticket-top[b-9xyupjwd5j] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.support-center__ticket-subject[b-9xyupjwd5j] {
    font-weight: 600;
    font-size: 0.92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

.support-center__ticket-badge[b-9xyupjwd5j] {
    flex-shrink: 0;
    min-width: 1.1rem;
    padding: 0.12rem 0.35rem;
    font-size: 0.68rem;
    font-weight: 800;
    border-radius: 0.55rem;
    background: linear-gradient(180deg, #ffb454 0%, #f97316 55%, #ea580c 100%);
    color: #fff;
}

.support-center__ticket-preview[b-9xyupjwd5j] {
    color: var(--sc-muted);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.support-center__ticket-meta[b-9xyupjwd5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    color: var(--sc-muted);
    font-size: 0.74rem;
}

.support-center__ticket-status[b-9xyupjwd5j] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--sc-status);
}

.support-center__status-dot[b-9xyupjwd5j] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--sc-status);
}

.support-center__status-badge[b-9xyupjwd5j] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0.2rem 0.55rem;
    border-radius: 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.support-center__status-badge--header[b-9xyupjwd5j] {
    padding: 0.28rem 0.7rem;
    font-size: 0.78rem;
    border-radius: 0.4rem;
}

.support-center__status-badge--draft[b-9xyupjwd5j] {
    background: #4b5563;
    color: #f9fafb;
    border-color: #6b7280;
}

.support-center__status-badge--annulled[b-9xyupjwd5j] {
    background: #374151;
    color: #d1d5db;
    border-color: #6b7280;
    text-decoration: line-through;
}

.support-center__status-badge--submitted[b-9xyupjwd5j] {
    background: #0284c7;
    color: #f0f9ff;
    border-color: #38bdf8;
}

.support-center__status-badge--open[b-9xyupjwd5j] {
    background: #4f46e5;
    color: #eef2ff;
    border-color: #818cf8;
}

.support-center__status-badge--pending[b-9xyupjwd5j] {
    background: #d97706;
    color: #fffbeb;
    border-color: #fbbf24;
}

.support-center__status-badge--awaitingconfirmation[b-9xyupjwd5j] {
    background: #15803d;
    color: #ecfdf5;
    border-color: #4ade80;
    box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.35), 0 2px 10px rgba(21, 128, 61, 0.45);
}

.support-center__status-badge--resolved[b-9xyupjwd5j] {
    background: #059669;
    color: #ecfdf5;
    border-color: #34d399;
}

.support-center__status-badge--closed[b-9xyupjwd5j] {
    background: #334155;
    color: #e2e8f0;
    border-color: #64748b;
}

.support-center__closed[b-9xyupjwd5j] {
    flex-shrink: 0;
    border-top: 1px solid var(--sc-border);
}

.support-center__closed-toggle[b-9xyupjwd5j] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: none;
    background: var(--sc-surface-subtle);
    color: var(--sc-text);
    font-weight: 600;
    cursor: pointer;
}

.support-center__closed-count[b-9xyupjwd5j],
.support-center__section-count[b-9xyupjwd5j] {
    margin-left: auto;
    margin-right: 0.25rem;
    min-width: 1.4rem;
    text-align: center;
    border-radius: 999px;
    background: var(--sc-surface-muted);
    color: var(--sc-muted);
    font-size: 0.78rem;
    padding: 0.1rem 0.35rem;
}

.support-center__dialog-header[b-9xyupjwd5j] {
    flex-shrink: 0;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--sc-border);
}

.support-center__dialog-header-info[b-9xyupjwd5j] {
    min-width: 0;
}

.support-center__dialog-title-row[b-9xyupjwd5j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.support-center__chat-title[b-9xyupjwd5j] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    min-width: 0;
    flex: 1 1 auto;
}

.support-center__chat-subtitle[b-9xyupjwd5j] {
    margin: 0.25rem 0 0;
    color: var(--sc-muted);
    font-size: 0.82rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
}

.support-center__chat-topic[b-9xyupjwd5j] {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.16);
    color: #c7d2fe;
    font-size: 0.75rem;
    font-weight: 600;
}

.support-center__create-btn[b-9xyupjwd5j] {
    border: none;
    border-radius: 0.55rem;
    background: var(--sc-accent);
    color: #fff;
    font-weight: 600;
    padding: 0.55rem 1rem;
    white-space: nowrap;
}

.support-center__create-btn:hover:not(:disabled)[b-9xyupjwd5j] {
    background: var(--sc-accent-hover);
}

.support-center__create-btn:disabled[b-9xyupjwd5j] {
    opacity: 0.55;
}

.support-center__theme-toggle[b-9xyupjwd5j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid var(--sc-border);
    border-radius: 0.55rem;
    background: var(--sc-input-bg);
    color: var(--sc-muted);
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.support-center__theme-toggle:hover[b-9xyupjwd5j] {
    background: var(--sc-surface-hover);
    color: var(--sc-text);
    border-color: rgba(124, 92, 255, 0.35);
}

.support-center-page--light .support-center__theme-toggle:hover[b-9xyupjwd5j] {
    border-color: rgba(109, 40, 217, 0.35);
}

.support-center__theme-toggle .bi[b-9xyupjwd5j] {
    font-size: 1.05rem;
    line-height: 1;
}

.support-center__alert[b-9xyupjwd5j] {
    flex-shrink: 0;
    margin: 0.75rem 1.25rem 0;
    padding: 0.65rem 0.85rem;
    border-radius: 0.5rem;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fecaca;
    font-size: 0.88rem;
}

.support-center__empty[b-9xyupjwd5j] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: var(--sc-muted);
}

.support-center__dialog-panel--empty .support-center__empty[b-9xyupjwd5j] {
    color: var(--sc-muted);
    font-size: 0.95rem;
}

.support-center__empty-accent[b-9xyupjwd5j] {
    color: #a5b4fc;
}

.support-center__chat[b-9xyupjwd5j] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.support-center__banner[b-9xyupjwd5j],
.support-center__draft-banner[b-9xyupjwd5j] {
    flex-shrink: 0;
    margin: 0.75rem 1.25rem 0;
    padding: 0.65rem 0.85rem;
    border-radius: 0.55rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--sc-border);
    font-size: 0.88rem;
}

.support-center__banner--success[b-9xyupjwd5j] {
    color: #b8f0cc;
    background: rgba(40, 167, 69, 0.12);
    border-color: rgba(40, 167, 69, 0.28);
}

.support-center__draft-subject-label[b-9xyupjwd5j] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--sc-muted);
    font-size: 0.78rem;
}

.support-center__draft-topic-select[b-9xyupjwd5j] {
    width: 100%;
    margin-bottom: 0.75rem;
    border: 1px solid var(--sc-border);
    border-radius: 0.45rem;
    background: var(--sc-input-bg);
    color: var(--sc-text);
    padding: 0.45rem 0.6rem;
    font: inherit;
}

.support-center__draft-topic-select:focus[b-9xyupjwd5j] {
    outline: none;
    border-color: rgba(124, 92, 255, 0.55);
    box-shadow: 0 0 0 2px rgba(124, 92, 255, 0.18);
}

.support-center__draft-subject-input[b-9xyupjwd5j] {
    width: 100%;
    border: 1px solid var(--sc-border);
    border-radius: 0.45rem;
    background: var(--sc-input-bg);
    color: var(--sc-text);
    padding: 0.45rem 0.6rem;
}

.support-center__messages[b-9xyupjwd5j] {
    flex: 1;
    overflow: auto;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    background: var(--sc-chat-bg, transparent);
    scrollbar-width: thin;
    scrollbar-color: var(--sc-scrollbar-thumb) transparent;
}

.support-center__messages[b-9xyupjwd5j]::-webkit-scrollbar {
    width: 6px;
}

.support-center__messages[b-9xyupjwd5j]::-webkit-scrollbar-track {
    background: transparent;
}

.support-center__messages[b-9xyupjwd5j]::-webkit-scrollbar-thumb {
    background: var(--sc-scrollbar-thumb);
    border-radius: 999px;
}

.support-center__messages[b-9xyupjwd5j]::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--sc-scrollbar-thumb) 80%, var(--sc-text));
}

.support-center__message[b-9xyupjwd5j] {
    display: flex;
    gap: 0.55rem;
    max-width: min(44rem, 92%);
}

.support-center__message--client[b-9xyupjwd5j] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.support-center__message--support[b-9xyupjwd5j] {
    align-self: flex-start;
}

.support-center__message-avatar[b-9xyupjwd5j] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(77, 163, 255, 0.18);
    color: var(--sc-status);
}

.support-center__bubble[b-9xyupjwd5j] {
    border-radius: 0.85rem;
    padding: 0.65rem 0.85rem;
    min-width: 0;
}

.support-center__message--client .support-center__bubble[b-9xyupjwd5j] {
    background: var(--sc-client-bubble);
    color: #fff;
    border-bottom-right-radius: 0.2rem;
}

.support-center__message--support .support-center__bubble[b-9xyupjwd5j] {
    background: var(--sc-support-bubble);
    border: 1px solid var(--sc-support-bubble-border, var(--sc-border));
    border-bottom-left-radius: 0.2rem;
    box-shadow: var(--sc-support-bubble-shadow, none);
    color: var(--sc-text);
}

.support-center__message-body[b-9xyupjwd5j] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: fit-content;
    max-width: 100%;
}

.support-center__message--client .support-center__message-body[b-9xyupjwd5j] {
    align-items: flex-end;
}

.support-center__message--support .support-center__message-body[b-9xyupjwd5j] {
    align-items: flex-start;
}

.support-center__message--highlight[b-9xyupjwd5j] {
    animation: support-message-highlight-b-9xyupjwd5j 1.4s ease-out;
}

@keyframes support-message-highlight-b-9xyupjwd5j {
    0%,
    15% {
        background: var(--sc-highlight-bg);
        border-radius: 0.65rem;
    }

    100% {
        background: transparent;
    }
}

.support-center__reply-btn[b-9xyupjwd5j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    border: none;
    border-radius: 0.35rem;
    background: transparent;
    color: inherit;
    cursor: pointer;
    opacity: 0.72;
    flex-shrink: 0;
}

.support-center__reply-btn:hover[b-9xyupjwd5j] {
    background: rgba(124, 92, 255, 0.16);
    opacity: 1;
}

.support-center__compose-reply[b-9xyupjwd5j] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.5rem;
    padding: 0.4rem 0.55rem;
    border-radius: 0.55rem;
    background: var(--sc-quote-compose-bg, rgba(124, 92, 255, 0.1));
    border: 1px solid var(--sc-quote-compose-border, rgba(124, 92, 255, 0.28));
}

.support-center__compose-reply-label[b-9xyupjwd5j] {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: var(--sc-muted);
}

.support-center__compose-reply-clear[b-9xyupjwd5j] {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    border-radius: 0.35rem;
    background: transparent;
    color: var(--sc-muted);
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    appearance: none;
    box-shadow: none;
}

.support-center__compose-reply-clear:hover[b-9xyupjwd5j] {
    background: rgba(248, 113, 113, 0.15);
    color: #fca5a5;
}

.support-center__bubble-meta[b-9xyupjwd5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin-bottom: 0.35rem;
    font-size: 0.76rem;
    opacity: 0.9;
}

.support-center__message--client .support-center__bubble-meta strong[b-9xyupjwd5j],
.support-center__message--client .support-center__bubble-meta time[b-9xyupjwd5j] {
    color: rgba(255, 255, 255, 0.92);
}

.support-center__message--support .support-center__bubble-meta strong[b-9xyupjwd5j] {
    color: var(--sc-text);
    font-weight: 700;
}

.support-center__message--support .support-center__bubble-meta time[b-9xyupjwd5j] {
    color: var(--sc-muted);
}

.support-center__compose[b-9xyupjwd5j] {
    flex-shrink: 0;
    border-top: 1px solid var(--sc-compose-border, var(--sc-border));
    padding: 0.65rem 1.25rem 1rem;
    background: var(--sc-compose-bg);
}

.support-center[b-9xyupjwd5j]  .support-center__attach-bar {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.55rem 0.45rem 0.65rem;
    border-radius: 0.5rem;
    background: var(--sc-input-bg);
    border: 1px solid var(--sc-attach-border);
    font-size: 0.8125rem;
    min-width: 0;
    flex-wrap: nowrap;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-icon {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.55);
    font-size: 1rem;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-info {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    min-width: 0;
    flex: 0 1 auto;
    overflow: hidden;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 500;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-meta {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.8125rem;
    white-space: nowrap;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-spacer {
    flex: 1 1 auto;
    min-width: 0.35rem;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-thumb {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-thumb:hover {
    border-color: rgba(124, 92, 255, 0.55);
    box-shadow: 0 0 0 2px rgba(124, 92, 255, 0.15);
}

.support-center[b-9xyupjwd5j]  .support-center__attach-remove {
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    color: #f87171;
    cursor: pointer;
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    padding: 0;
    font-size: 0.95rem;
    line-height: 1;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-remove:hover:not(:disabled) {
    background: rgba(248, 113, 113, 0.12);
    color: #fca5a5;
}

.support-center[b-9xyupjwd5j]  .support-center__attach-remove:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.support-center__input-shell[b-9xyupjwd5j] {
    position: relative;
    border: 1px solid var(--sc-input-border, rgba(124, 92, 255, 0.45));
    border-radius: 0.65rem;
    background: var(--sc-input-shell-bg);
    padding: 0.5rem 6.5rem 0.5rem 0.85rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.support-center__input-shell:focus-within[b-9xyupjwd5j] {
    border-color: rgba(124, 92, 255, 0.85);
    box-shadow: 0 0 0 2px rgba(124, 92, 255, 0.18);
}

.support-center__compose-reply[b-9xyupjwd5j]  .support-message-reply-quote {
    background: rgba(0, 0, 0, 0.32);
    border-left-color: rgba(167, 139, 250, 0.9);
    color: #eef1f7;
}

.support-center__compose-reply[b-9xyupjwd5j]  .support-message-reply-quote__author {
    color: rgba(196, 181, 253, 0.98);
}

.support-center__compose-reply[b-9xyupjwd5j]  .support-message-reply-quote__excerpt {
    color: rgba(255, 255, 255, 0.9);
    opacity: 1;
}

.support-center-page--light .support-center__compose-reply[b-9xyupjwd5j]  .support-message-reply-quote {
    background: #ffffff;
    border-left-color: #6366f1;
}

.support-center-page--light .support-center__compose-reply[b-9xyupjwd5j]  .support-message-reply-quote__author {
    color: #5b21b6;
}

.support-center-page--light .support-center__compose-reply[b-9xyupjwd5j]  .support-message-reply-quote__excerpt {
    color: #1f2937;
}

.support-center[b-9xyupjwd5j]  .support-center__input-action--hint {
    cursor: default;
    opacity: 0.72;
}

.support-center[b-9xyupjwd5j]  .support-center__input-action--hint .support-reactions-smiley-icon {
    width: 1rem;
    height: 1rem;
}

.support-center__input-actions[b-9xyupjwd5j] {
    position: absolute;
    right: 0.45rem;
    bottom: 0.35rem;
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

.support-center__input-action[b-9xyupjwd5j] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 0.4rem;
    background: transparent;
    color: var(--sc-icon-muted, var(--sc-muted));
    cursor: pointer;
    padding: 0;
}

.support-center__input-action:hover:not(:disabled)[b-9xyupjwd5j] {
    background: rgba(255, 255, 255, 0.06);
    color: var(--sc-text);
}

.support-center__input-action--send[b-9xyupjwd5j] {
    color: #a78bfa;
}

.support-center__input-action--send:hover:not(:disabled)[b-9xyupjwd5j] {
    color: #c4b5fd;
}

.support-center__file-input[b-9xyupjwd5j] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.support-center__draft-actions[b-9xyupjwd5j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.55rem;
}

.support-center__danger-btn[b-9xyupjwd5j] {
    border-radius: 0.45rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    border: 1px solid rgba(239, 68, 68, 0.45);
    background: rgba(239, 68, 68, 0.12);
    color: #fca5a5;
    cursor: pointer;
}

.support-center__danger-btn:hover:not(:disabled)[b-9xyupjwd5j] {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.65);
}

.support-center__danger-btn:disabled[b-9xyupjwd5j] {
    opacity: 0.55;
    cursor: not-allowed;
}

.support-center__confirm-backdrop[b-9xyupjwd5j] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.62);
}

.support-center__confirm-dialog[b-9xyupjwd5j] {
    width: min(24rem, 100%);
    border-radius: 0.75rem;
    border: 1px solid var(--sc-border);
    background: var(--sc-sidebar);
    padding: 1.1rem 1.15rem 1rem;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.support-center__confirm-title[b-9xyupjwd5j] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.support-center__confirm-text[b-9xyupjwd5j] {
    margin: 0.65rem 0 0;
    color: var(--sc-muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

.support-center__confirm-actions[b-9xyupjwd5j] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.support-center__primary-btn[b-9xyupjwd5j],
.support-center__secondary-btn[b-9xyupjwd5j] {
    border-radius: 0.45rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.85rem;
    border: 1px solid var(--sc-border);
}

.support-center__primary-btn[b-9xyupjwd5j] {
    background: var(--sc-accent);
    color: #fff;
    border-color: transparent;
}

.support-center__secondary-btn[b-9xyupjwd5j] {
    background: transparent;
    color: var(--sc-text);
}

.support-center__hint[b-9xyupjwd5j] {
    padding: 1rem;
    color: var(--sc-muted);
    font-size: 0.88rem;
}

/* Rich editor inside dark compose area */
.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-rich-root {
    border: none;
    background: transparent;
    min-height: 0;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-rich-editor {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .btn-group {
    display: none !important;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-rich-editor input[type="file"] {
    display: none !important;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-te-surface {
    border: none;
    background: transparent;
    min-height: 2.5rem;
    max-height: 10rem;
    overflow-y: auto;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-te-prose {
    min-height: 2.25rem;
    padding: 0 !important;
    color: var(--sc-text);
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-te-prose p {
    margin-bottom: 0.25rem;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ProseMirror p.is-editor-empty:first-child::before {
    color: var(--sc-muted);
    opacity: 1;
}

.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-te-img-shell,
.support-center[b-9xyupjwd5j]  .support-center__input-shell .ticket-te-pair-shell {
    display: none !important;
}

.support-center[b-9xyupjwd5j]  .ticket-inline-img-btn {
    display: block;
    max-width: min(240px, 100%);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    text-align: inherit;
}

.support-center[b-9xyupjwd5j]  .ticket-inline-img-btn:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.35);
    outline-offset: 2px;
}

.support-center[b-9xyupjwd5j]  .support-center__bubble .ticket-inline-figure {
    max-width: min(240px, 100%);
    margin-bottom: 0.15rem;
}

.support-center[b-9xyupjwd5j]  .support-center__bubble .ticket-inline-img,
.support-center[b-9xyupjwd5j]  .support-center__bubble .ticket-img-pair-thumb {
    display: block;
    max-width: 100%;
    max-height: 168px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 0.45rem;
}

.support-center[b-9xyupjwd5j]  .support-center__bubble .ticket-img-row {
    max-width: min(280px, 100%);
    gap: 0.65rem;
}

.support-center[b-9xyupjwd5j]  .support-center__bubble .ticket-img-cell {
    min-width: 0;
    flex: 1 1 calc(50% - 0.35rem);
}

.support-center[b-9xyupjwd5j]  .support-center__bubble .ticket-msg-extras img {
    max-width: min(168px, 100%);
    max-height: 132px;
    object-fit: contain;
}

.support-center[b-9xyupjwd5j]  .ticket-inline-img-btn .ticket-inline-img,
.support-center[b-9xyupjwd5j]  .ticket-inline-img-btn .ticket-img-pair-thumb,
.support-center[b-9xyupjwd5j]  .ticket-inline-img-btn.img-thumbnail {
    pointer-events: none;
}

.support-center[b-9xyupjwd5j]  .ticket-msg-rich,
.support-center[b-9xyupjwd5j]  .ticket-msg-text {
    color: inherit;
}

.support-center[b-9xyupjwd5j]  .support-center__message--client a.link-primary {
    color: #ede9fe;
}

.support-center[b-9xyupjwd5j]  .support-center__message--support a.link-primary {
    color: #a5b4fc;
}

.support-center-page--light[b-9xyupjwd5j]  .support-center__message--support a.link-primary {
    color: #4f46e5;
}

.support-center-page--light .support-center__dialog-panel[b-9xyupjwd5j] {
    border-style: solid;
}

.support-center-page--light .support-center__dialog-panel--empty[b-9xyupjwd5j] {
    border-color: var(--sc-border-dashed);
}

.support-center-page--light .support-center__compose-reply-label[b-9xyupjwd5j] {
    color: var(--sc-icon-muted);
    font-weight: 600;
}

.support-center-page--light .support-center__theme-toggle[b-9xyupjwd5j] {
    color: var(--sc-icon-muted);
    border-color: var(--sc-border);
    background: var(--sc-input-bg);
}

.support-center-page--light .support-center__message--support .support-center__reply-btn[b-9xyupjwd5j] {
    color: var(--sc-icon-muted);
}

.support-center-page--light .support-center__message--support .support-center__reply-btn:hover[b-9xyupjwd5j] {
    background: var(--sc-surface-hover);
    color: var(--sc-text);
}

.support-center-page--light .support-center__input-shell:focus-within[b-9xyupjwd5j] {
    border-color: #6366f1;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

.support-center-page--light .support-center__chat-topic[b-9xyupjwd5j] {
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
}

@media (min-width: 641px) {
    .support-center-page[b-9xyupjwd5j] {
        margin-left: -2rem;
        margin-right: -1.5rem;
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 900px) {
    .support-center__layout[b-9xyupjwd5j] {
        flex-direction: column;
    }

    .support-center__sidebar-panel[b-9xyupjwd5j] {
        width: 100%;
        max-height: 38vh;
        flex-shrink: 0;
    }

    .support-center__dialog-panel[b-9xyupjwd5j] {
        width: 100%;
        flex: 1 1 auto;
        min-height: 0;
    }
}
/* _content/BlazorApp2/Components/Shared/OrderContextMenu.razor.rz.scp.css */
/* Выше Bootstrap .sticky-top (1020) у таблиц на странице выдач — иначе шапка «Выдача» перекрывает меню «Файлы». */
.order-context-nav .dropdown-menu[b-d95w6x7vhn] {
    z-index: 1040 !important;
}
/* _content/BlazorApp2/Components/Tickets/MessageReactions.razor.rz.scp.css */
/* Scoped to MessageReactions — uses support-center theme CSS variables. */

.support-message-reactions[b-i8nhu8t13h] {
    width: 100%;
    max-width: 100%;
    margin-top: 0.2rem;
    padding: 0 0.15rem;
    box-sizing: border-box;
}

.support-message-reactions--align-end[b-i8nhu8t13h] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.support-message-reactions__row[b-i8nhu8t13h] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.55rem;
    width: 100%;
}

.support-message-reactions--align-end .support-message-reactions__row[b-i8nhu8t13h] {
    justify-content: flex-end;
}

.support-message-reactions__chips[b-i8nhu8t13h] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.support-message-reactions__chips[b-i8nhu8t13h]::-webkit-scrollbar {
    display: none;
}

.support-message-reaction[b-i8nhu8t13h],
.support-message-reactions__trigger[b-i8nhu8t13h],
.support-message-reactions__picker-item[b-i8nhu8t13h] {
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    font-family: inherit;
}

.support-message-reaction[b-i8nhu8t13h] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
    padding: 0.1rem 0.38rem;
    border: 1px solid var(--sc-reaction-chip-border, rgba(255, 255, 255, 0.12));
    border-radius: 999px;
    background: var(--sc-reaction-chip-bg, rgba(0, 0, 0, 0.28));
    color: var(--sc-reaction-chip-text, #eef1f7);
    font-size: 0.82rem;
    cursor: pointer;
    line-height: 1.2;
    box-shadow: var(--sc-reaction-chip-shadow, none);
}

.support-message-reaction:hover:not(:disabled)[b-i8nhu8t13h] {
    border-color: rgba(124, 92, 255, 0.45);
    background: rgba(124, 92, 255, 0.12);
}

.support-message-reaction--mine[b-i8nhu8t13h] {
    border-color: rgba(124, 92, 255, 0.55);
    background: rgba(124, 92, 255, 0.2);
}

.support-message-reaction:disabled[b-i8nhu8t13h],
.support-message-reactions__trigger:disabled[b-i8nhu8t13h],
.support-message-reactions__picker-item:disabled[b-i8nhu8t13h] {
    cursor: wait;
    opacity: 0.55;
}

.support-message-reaction__count[b-i8nhu8t13h] {
    font-size: 0.72rem;
    opacity: 0.85;
}

.support-message-reactions__trigger[b-i8nhu8t13h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: auto;
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--sc-icon-muted, var(--sc-muted, #8b93a7));
    cursor: pointer;
    opacity: 0.78;
    transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.support-message-reactions__trigger:hover:not(:disabled)[b-i8nhu8t13h] {
    opacity: 1;
    color: var(--sc-text, #eef1f7);
    background: rgba(124, 92, 255, 0.14);
}

.support-message-reactions--picker-open .support-message-reactions__trigger[b-i8nhu8t13h] {
    opacity: 1;
    color: var(--sc-text, #eef1f7);
    background: rgba(124, 92, 255, 0.18);
}

.support-reactions-smiley-icon[b-i8nhu8t13h] {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
}

.support-message-reactions__picker[b-i8nhu8t13h] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.12rem;
    width: 100%;
    max-width: 100%;
    margin-top: 0.35rem;
    padding: 0.3rem 0.4rem;
    border: 1px solid var(--sc-picker-border, rgba(255, 255, 255, 0.1));
    border-radius: 999px;
    background: var(--sc-picker-bg, #1a1d28);
    box-shadow: var(--sc-picker-shadow, 0 4px 16px rgba(0, 0, 0, 0.35));
    overflow-x: auto;
    scrollbar-width: none;
    box-sizing: border-box;
}

.support-message-reactions--align-end .support-message-reactions__picker[b-i8nhu8t13h] {
    width: auto;
    max-width: 100%;
}

.support-message-reactions__picker[b-i8nhu8t13h]::-webkit-scrollbar {
    display: none;
}

.support-message-reactions__picker-item[b-i8nhu8t13h] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 0.45rem;
    background: transparent;
    font-size: 1.15rem;
    cursor: pointer;
    line-height: 1;
}

.support-message-reactions__picker-item:hover:not(:disabled)[b-i8nhu8t13h] {
    background: rgba(124, 92, 255, 0.18);
    transform: scale(1.08);
}
/* _content/BlazorApp2/Components/Tickets/MessageReplyQuote.razor.rz.scp.css */
.support-message-reply-quote[b-lpcisfde9i] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    width: 100%;
    margin: 0 0 0.45rem;
    padding: 0.4rem 0.6rem;
    border: none;
    border-left: 3px solid var(--sc-quote-border, rgba(124, 92, 255, 0.55));
    border-radius: 0.4rem;
    background: var(--sc-quote-bg, rgba(0, 0, 0, 0.22));
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: var(--sc-quote-text, #eef1f7);
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    box-sizing: border-box;
}

.support-message-reply-quote--compact[b-lpcisfde9i] {
    margin: 0;
    flex: 1;
    min-width: 0;
}

.support-message-reply-quote--deleted[b-lpcisfde9i] {
    cursor: default;
    opacity: 0.65;
}

.support-message-reply-quote:disabled[b-lpcisfde9i] {
    cursor: default;
}

.support-message-reply-quote__author[b-lpcisfde9i] {
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--sc-quote-author, rgba(167, 139, 250, 0.95));
}

.support-message-reply-quote__excerpt[b-lpcisfde9i] {
    font-size: 0.78rem;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    opacity: 1;
}

/* Incoming support bubble — readable on white / dark support bubble */
:global(.support-center__message--support) .support-message-reply-quote[b-lpcisfde9i] {
    background: var(--sc-quote-bg, rgba(99, 102, 241, 0.11));
    border-left-color: var(--sc-quote-border, #6366f1);
    color: var(--sc-quote-text, #eef1f7);
}

:global(.support-center__message--support) .support-message-reply-quote__author[b-lpcisfde9i] {
    color: var(--sc-quote-author, rgba(167, 139, 250, 0.95));
}

:global(.support-center__message--support) .support-message-reply-quote__excerpt[b-lpcisfde9i] {
    color: var(--sc-quote-text, inherit);
    opacity: 1;
}

:global(.support-center-page--light) :global(.support-center__message--support) .support-message-reply-quote[b-lpcisfde9i] {
    background: rgba(99, 102, 241, 0.1);
    border-left-color: #6366f1;
    color: #1f2937;
}

:global(.support-center-page--light) :global(.support-center__message--support) .support-message-reply-quote__author[b-lpcisfde9i] {
    color: #5b21b6;
}

:global(.support-center-page--light) :global(.support-center__message--support) .support-message-reply-quote__excerpt[b-lpcisfde9i] {
    color: #374151;
}

/*
 * Own message (purple bubble) — Telegram-style frosted reply strip.
 * Always light-on-tint; do not inherit --sc-quote-text from light theme (dark text).
 */
:global(.support-center__message--client) .support-message-reply-quote[b-lpcisfde9i] {
    background: rgba(255, 255, 255, 0.24);
    border-left: 3px solid rgba(255, 255, 255, 0.92);
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

:global(.support-center__message--client) .support-message-reply-quote__author[b-lpcisfde9i] {
    color: rgba(255, 255, 255, 0.98);
}

:global(.support-center__message--client) .support-message-reply-quote__excerpt[b-lpcisfde9i] {
    color: rgba(255, 255, 255, 0.94);
    opacity: 1;
}
/* _content/BlazorApp2/Components/Tickets/TicketMessageBody.razor.rz.scp.css */
.ticket-msg-text[b-wib4sdvz4c] {
    white-space: pre-wrap;
    word-break: break-word;
}

.ticket-inline-figure[b-wib4sdvz4c] {
    max-width: 100%;
}

.ticket-inline-img[b-wib4sdvz4c] {
    max-height: min(420px, 70vh);
    width: auto;
    display: block;
}

.ticket-img-row[b-wib4sdvz4c] {
    gap: 1.35rem;
    justify-content: space-between;
    align-items: flex-start;
}

.ticket-img-cell[b-wib4sdvz4c] {
    min-width: min(100%, 240px);
    flex: 1 1 calc(50% - 0.75rem);
}

.ticket-img-pair-thumb[b-wib4sdvz4c] {
    object-fit: contain;
    max-height: min(420px, 65vh);
}

.ticket-img-caption[b-wib4sdvz4c] {
    word-break: break-word;
}

@media (max-width: 576px) {
    .ticket-img-row[b-wib4sdvz4c] {
        flex-direction: column;
        gap: 1rem;
    }

    .ticket-img-cell[b-wib4sdvz4c] {
        max-width: 100%;
    }
}
/* _content/BlazorApp2/Components/Tickets/TicketMessageComposer.razor.rz.scp.css */
.ticket-msg-composer .ticket-composer-text[b-e644v1wliv] {
    white-space: pre-wrap;
    word-break: break-word;
}

.ticket-composer-thumb-wrap[b-e644v1wliv] {
    max-width: min(100%, 520px);
}

.ticket-composer-thumb[b-e644v1wliv] {
    display: block;
    max-height: min(320px, 55vh);
    width: auto;
}

.ticket-composer-pair-preview .ticket-composer-pair-img[b-e644v1wliv] {
    max-height: min(200px, 35vh);
    object-fit: contain;
}

.ticket-composer-visual .form-label[b-e644v1wliv] {
    font-weight: 500;
}
/* _content/BlazorApp2/Components/Tickets/TicketRichEditor.razor.rz.scp.css */
.ticket-rich-root[b-qwotthpmtz] {
    min-height: 12rem;
}

[b-qwotthpmtz] .ticket-te-surface {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    min-height: 14rem;
}

[b-qwotthpmtz] .ticket-te-prose {
    outline: none;
    min-height: 12rem;
    white-space: pre-wrap;
}

[b-qwotthpmtz] .ticket-te-prose p {
    margin-bottom: 0.35rem;
}

[b-qwotthpmtz] .ticket-te-link {
    word-break: break-word;
    cursor: pointer;
}

[b-qwotthpmtz] .ticket-te-note-btn {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.12s ease;
}

[b-qwotthpmtz] .ticket-te-img-shell:hover .ticket-te-note-btn,
[b-qwotthpmtz] .ticket-te-pair-img-wrap:hover .ticket-te-note-btn,
[b-qwotthpmtz] .ProseMirror-selectednode .ticket-te-note-btn {
    opacity: 1;
    pointer-events: auto;
}

[b-qwotthpmtz] .ticket-te-caption-display {
    white-space: pre-wrap;
}

[b-qwotthpmtz] .ticket-te-pair-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
}

[b-qwotthpmtz] .ticket-te-pair-cell {
    min-width: 0;
}

[b-qwotthpmtz] .ticket-te-pair-slot-empty {
    min-height: 10rem;
}

[b-qwotthpmtz] .ticket-te-pair-slot-drag {
    outline: 2px dashed rgba(var(--bs-primary-rgb), 0.65);
    background: rgba(var(--bs-primary-rgb), 0.07);
}

[b-qwotthpmtz] .ticket-te-pair-row {
    align-items: flex-start;
}

[b-qwotthpmtz] .ticket-te-pair-thumb {
    max-height: 420px;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.03);
}

[data-bs-theme="dark"][b-qwotthpmtz]  .ticket-te-pair-thumb {
    background: rgba(255, 255, 255, 0.05);
}

[b-qwotthpmtz] .ticket-te-resize-handle {
    position: absolute;
    right: 2px;
    bottom: 2px;
    width: 14px;
    height: 14px;
    cursor: nwse-resize;
    background: var(--bs-primary);
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    opacity: 0;
    z-index: 3;
    pointer-events: auto;
}

[b-qwotthpmtz] .ticket-te-img-shell:hover .ticket-te-resize-handle,
[b-qwotthpmtz] .ticket-te-pair-shell:hover .ticket-te-resize-handle,
[b-qwotthpmtz] .ProseMirror-selectednode .ticket-te-resize-handle {
    opacity: 0.9;
}