/* /Dialogs/BarcodeScannerPopup.razor.rz.scp.css */
.barcode-scanner-popup-head[b-rbns1878dv] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}
/* /Dialogs/CreateEditTaskDialog.razor.rz.scp.css */
.task-form-shell[b-cojcz94g8k] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.task-form-title[b-cojcz94g8k] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text);
}

.task-card[b-cojcz94g8k] {
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 14px;
    background: var(--color-surface);
}

.task-form-buttons[b-cojcz94g8k] {
    margin-top: 14px;
}
/* /Dialogs/MessagesAndSupportDialog.razor.rz.scp.css */
/* Специфичные стили для MessagesAndSupportDialog.
   Общие .support-* правила — в wwwroot/css/components/support.css. */

.msg-support-dialog[b-c2697fa3gt] {
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

/* N1 flat tabs теперь наследуются из глобального .rz-dialog-content в site.css */

/* ── Информация: список сообщений ── */
.org-messages-dialog[b-c2697fa3gt] {
    min-height: 200px;
    max-height: min(560px, 70vh);
    display: flex;
    flex-direction: column;
    padding: 4px 0;
}

.org-messages-loading[b-c2697fa3gt] {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

.org-messages-loading img[b-c2697fa3gt] {
    height: 64px;
}

.org-messages-list[b-c2697fa3gt] {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 2px;
}

.org-messages-item[b-c2697fa3gt] {
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 12px 14px;
    background: var(--color-surface);
}

.org-messages-item--type-2[b-c2697fa3gt] { border-left: 4px solid #dc2626; }
.org-messages-item--type-3[b-c2697fa3gt] { border-left: 4px solid #b45309; }
.org-messages-item--type-4[b-c2697fa3gt] { border-left: 4px solid #4f46e5; }

.org-messages-item-head[b-c2697fa3gt] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

.org-messages-market-logo[b-c2697fa3gt] {
    width: 28px;
    height: 28px;
    object-fit: contain;
    flex-shrink: 0;
    margin-top: 2px;
}

.org-messages-head-text[b-c2697fa3gt] { flex: 1; min-width: 0; }

.org-messages-head-line[b-c2697fa3gt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.org-messages-date[b-c2697fa3gt] {
    font-size: 0.8rem;
    color: var(--color-text-faint);
}

.org-messages-type-badge[b-c2697fa3gt] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    background: #EBF4FF;
    color: var(--color-accent);
}

.org-messages-market-name[b-c2697fa3gt] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.org-messages-body[b-c2697fa3gt] {
    font-size: 0.9rem;
    color: var(--color-text);
    white-space: pre-wrap;
    word-break: break-word;
    display: flex;
}

.org-messages-dop[b-c2697fa3gt] { margin-top: 6px; }

.org-messages-read-row[b-c2697fa3gt] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--color-surface-offset);
}

.org-messages-read-label[b-c2697fa3gt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.85rem;
    margin: 0;
}

/* ── Тех.Поддержка: специфичное для этого диалога ── */
.support-panel[b-c2697fa3gt] {
    padding: 8px 0;
}

.support-panel .form-group[b-c2697fa3gt] {
    margin-bottom: 12px;
}
/* /Dialogs/SupportTicketsDialog.razor.rz.scp.css */
/* Специфичные стили для SupportTicketsDialog.
   Общие правила (.support-*) вынесены в wwwroot/css/components/support.css. */

/* Пустой scoped файл — всё в общих стилях.
   Оставлен, чтобы Blazor мог продолжить собирать scoped-бандл без потери привычек. */
/* /Dialogs/TaskDetailsDialog.razor.rz.scp.css */
.task-details[b-9576r5yzrc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.task-head[b-9576r5yzrc] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--sp-4) var(--sp-5);
    box-shadow: var(--shadow-xs);
    margin-bottom: var(--sp-2);
}

.task-head h4[b-9576r5yzrc],
.task-head .task-title[b-9576r5yzrc] {
    margin: 0 0 var(--sp-2) 0;
    color: var(--color-primary);
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.task-desc[b-9576r5yzrc] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: var(--text-sm);
    line-height: 1.55;
    white-space: pre-wrap;
}

.task-watchers[b-9576r5yzrc] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: var(--sp-3) var(--sp-4);
    box-shadow: var(--shadow-xs);
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.task-watchers-head[b-9576r5yzrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.task-watchers-head h6[b-9576r5yzrc] {
    margin: 0;
    color: var(--color-primary);
    font-size: var(--text-sm);
    font-weight: 600;
}

.task-watchers-list[b-9576r5yzrc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.task-watcher-chip[b-9576r5yzrc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 999px;
    padding: 2px 10px;
    font-size: var(--text-xs);
    color: var(--color-text);
}

.task-watcher-chip button[b-9576r5yzrc] {
    border: none;
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    padding: 0;
}

.task-watcher-chip button:hover[b-9576r5yzrc] {
    color: var(--color-danger, #dc3545);
}

.task-watchers-empty[b-9576r5yzrc] {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
}

.task-meta-grid[b-9576r5yzrc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.task-meta-card[b-9576r5yzrc] {
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 10px;
    background: var(--color-surface);
    min-height: 64px;
}

.meta-label[b-9576r5yzrc] {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    margin-bottom: 6px;
}

.meta-value[b-9576r5yzrc] {
    font-weight: 600;
    color: var(--color-text);
}

.chat-list[b-9576r5yzrc] {
    max-height: 300px;
    overflow: auto;
    padding-right: 4px;
}

.chat-item[b-9576r5yzrc] {
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 8px;
    background: var(--color-surface);
    font-size: 0.85rem;
}

.chat-item-head[b-9576r5yzrc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.chat-reply-to[b-9576r5yzrc] {
    font-size: 0.72rem;
    color: var(--color-text-muted);
    margin-top: 6px;
    line-height: 1.35;
}

.chat-item__reply-btn[b-9576r5yzrc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    padding: 2px 8px;
    border: none;
    background: transparent;
    color: var(--color-text-muted);
    font-size: 0.75rem;
    cursor: pointer;
    border-radius: 6px;
}

.chat-item__reply-btn:hover[b-9576r5yzrc] {
    color: var(--color-primary);
    background: var(--color-bg);
}

.chat-reply-banner[b-9576r5yzrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 10px;
    margin-bottom: 6px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-bg);
    font-size: 0.8rem;
    color: var(--color-text-secondary);
}

.chat-reply-banner__close[b-9576r5yzrc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    border-radius: 6px;
    flex-shrink: 0;
}

.chat-reply-banner__close:hover[b-9576r5yzrc] {
    color: var(--color-text);
    background: var(--color-surface);
}

.upload-grid[b-9576r5yzrc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.upload-card[b-9576r5yzrc] {
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 10px;
    background: var(--color-surface);
}

.upload-card h6[b-9576r5yzrc] {
    margin: 0 0 8px;
}

.file-row a[b-9576r5yzrc] {
    color: var(--color-accent);
    text-decoration: none;
}

/* badge-стили (.task-badge, .badge-status-*, .badge-priority-*) → site.css */

@media (max-width: 900px) {
    .task-meta-grid[b-9576r5yzrc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .upload-grid[b-9576r5yzrc] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Marketplace.razor.rz.scp.css */
.marketplace-page[b-v5f6nq67vd] {
    max-width: 1400px;
}

.marketplace-placeholder-card[b-v5f6nq67vd] {
    border-style: dashed;
}

.marketplace-json-preview[b-v5f6nq67vd] {
    max-height: 280px;
    overflow: auto;
    background: var(--rz-base-100);
    padding: 10px;
    border-radius: 6px;
}

/* Компоненты вкладок Озон */
.marketplace-ozon-tab .marketplace-subcard[b-v5f6nq67vd] {
    border-radius: 8px;
}

.marketplace-chat-thread[b-v5f6nq67vd] {
    max-height: 360px;
    overflow-y: auto;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 10px;
    background: var(--rz-base-50);
}

.marketplace-chat-msg[b-v5f6nq67vd] {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.marketplace-chat-msg-body[b-v5f6nq67vd] {
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Pages/MarketplaceOzonChat.razor.rz.scp.css */
.ozon-chat-page[b-fi30datkud] {
    max-width: 720px;
}
/* /Pages/Orders.razor.rz.scp.css */
/* Scoped стили страницы /orders (Закупки)
   Раньше жили как inline <style> внутри Orders.razor.
   Здесь — без изменений правил; scoped-селекторы Blazor (b-xxx) делают
   их локальными для компонента. */

.purchase-status-inline[b-yazhi6iy34] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.purchase-status-dot[b-yazhi6iy34] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
/* /Pages/Payments.razor.rz.scp.css */
/* ========== Финансы → Бухгалтерия (отчёты МП) — scoped to Payments.razor ========== */
.finance-accounting[b-gjo210d8ci]  .products-toolbar {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    scrollbar-color: var(--color-border) var(--color-surface-2);
}

.finance-accounting[b-gjo210d8ci]  .products-toolbar::-webkit-scrollbar-thumb {
    background: var(--color-border);
}

.finance-accounting[b-gjo210d8ci]  .products-toolbar::-webkit-scrollbar-track {
    background: var(--color-surface-2);
}

.finance-accounting[b-gjo210d8ci]  .products-toolbar-sep {
    background: linear-gradient(
        to bottom,
        transparent 0%,
        var(--color-border) 14%,
        var(--color-border) 86%,
        transparent 100%
    );
    box-shadow: 1px 0 0 color-mix(in srgb, var(--color-surface) 65%, transparent);
}

.finance-accounting[b-gjo210d8ci]  .report-container {
    padding: var(--sp-5);
    background: var(--color-surface-2);
    border-radius: var(--radius-xl);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}

.finance-accounting[b-gjo210d8ci]  .report-container h4 {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-text);
}

.finance-accounting[b-gjo210d8ci]  .document-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--sp-4);
    margin-bottom: var(--sp-6);
}

.finance-accounting[b-gjo210d8ci]  .info-card {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--sp-4);
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--color-border);
}

.finance-accounting[b-gjo210d8ci]  .info-icon {
    width: 40px;
    height: 40px;
    background: var(--color-primary-surface);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--color-primary);
}

.finance-accounting[b-gjo210d8ci]  .info-content {
    flex: 1;
    min-width: 0;
}

.finance-accounting[b-gjo210d8ci]  .info-label {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin-bottom: var(--sp-1);
}

.finance-accounting[b-gjo210d8ci]  .info-value {
    font-weight: 600;
    font-size: var(--text-base);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.finance-accounting[b-gjo210d8ci]  .parties-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-4);
    margin-bottom: var(--sp-6);
}

@media (max-width: 768px) {
    .finance-accounting[b-gjo210d8ci]  .parties-info {
        grid-template-columns: 1fr;
    }
}

.finance-accounting[b-gjo210d8ci]  .party-card {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--sp-5);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
}

.finance-accounting[b-gjo210d8ci]  .party-header {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    margin-bottom: var(--sp-4);
    padding-bottom: var(--sp-3);
    border-bottom: 1px solid var(--color-divider);
}

.finance-accounting[b-gjo210d8ci]  .party-header h4 {
    margin: 0;
    font-size: var(--text-base);
    color: var(--color-text);
}

.finance-accounting[b-gjo210d8ci]  .party-header i {
    color: var(--color-primary);
}

.finance-accounting[b-gjo210d8ci]  .party-details {
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    line-height: 1.6;
}

.finance-accounting[b-gjo210d8ci]  .party-details strong {
    color: var(--color-text);
}

.finance-accounting[b-gjo210d8ci]  .key-metrics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--sp-4);
    margin-bottom: var(--sp-6);
}

.finance-accounting[b-gjo210d8ci]  .metric-card {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--sp-5);
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
    transition: box-shadow var(--t-base), transform var(--t-base);
}

.finance-accounting[b-gjo210d8ci]  .metric-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.finance-accounting[b-gjo210d8ci]  .metric-icon {
    width: 50px;
    height: 50px;
    background: var(--color-primary-surface);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--color-primary);
    flex-shrink: 0;
}

.finance-accounting[b-gjo210d8ci]  .metric-content {
    flex: 1;
    min-width: 0;
}

.finance-accounting[b-gjo210d8ci]  .metric-label {
    font-size: var(--text-xs);
    color: var(--color-text-muted);
    margin-bottom: var(--sp-1);
}

.finance-accounting[b-gjo210d8ci]  .metric-value {
    font-weight: 700;
    font-size: var(--text-lg);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.finance-accounting[b-gjo210d8ci]  .total-sales .metric-value {
    color: var(--color-text);
}

.finance-accounting[b-gjo210d8ci]  .total-commission .metric-value {
    color: var(--color-error);
}

.finance-accounting[b-gjo210d8ci]  .total-bonus .metric-value {
    color: var(--color-warning);
}

.finance-accounting[b-gjo210d8ci]  .net-profit .metric-value {
    color: var(--color-success-light);
}

.finance-accounting[b-gjo210d8ci]  .detailed-stats {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--sp-5);
    margin-bottom: var(--sp-6);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
}

.finance-accounting[b-gjo210d8ci]  .stats-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--sp-2);
    padding: var(--sp-3) 0;
    border-bottom: 1px solid var(--color-divider);
}

.finance-accounting[b-gjo210d8ci]  .stats-row:last-child {
    border-bottom: none;
}

.finance-accounting[b-gjo210d8ci]  .stat-item {
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: var(--sp-2);
    padding: 0 var(--sp-3);
    min-width: 140px;
}

.finance-accounting[b-gjo210d8ci]  .stat-name {
    color: var(--color-text-muted);
}

.finance-accounting[b-gjo210d8ci]  .stat-number {
    font-weight: 600;
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
}

.finance-accounting[b-gjo210d8ci]  .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: var(--sp-5) 0 var(--sp-4);
    padding: 0 var(--sp-1);
    gap: var(--sp-3);
}

.finance-accounting[b-gjo210d8ci]  .section-header h3 {
    margin: 0;
    font-size: var(--text-base);
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--color-text);
    font-weight: 600;
}

.finance-accounting[b-gjo210d8ci]  .section-header h3 i {
    color: var(--color-primary);
}

.finance-accounting[b-gjo210d8ci]  .badge {
    background: var(--color-surface-2);
    padding: var(--sp-1) var(--sp-3);
    border-radius: var(--radius-pill);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--color-text-muted);
    border: 1px solid var(--color-border);
}

.finance-accounting[b-gjo210d8ci]  .products-grid,
.finance-accounting[b-gjo210d8ci]  .operations-grid {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--sp-3);
    margin-bottom: var(--sp-6);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
}

.finance-accounting[b-gjo210d8ci]  .quantity-badge {
    background: var(--color-surface-2);
    padding: var(--sp-1) var(--sp-2);
    border-radius: var(--radius-pill);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
    border: 1px solid var(--color-border);
    font-variant-numeric: tabular-nums;
}

.finance-accounting[b-gjo210d8ci]  .net-amount {
    color: var(--color-success-light);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.finance-accounting[b-gjo210d8ci]  .product-cell {
    padding: var(--sp-1) 0;
}

.finance-accounting[b-gjo210d8ci]  .product-name {
    margin-bottom: var(--sp-1);
}

.finance-accounting[b-gjo210d8ci]  .commission-details {
    font-size: var(--text-sm);
}

.finance-accounting[b-gjo210d8ci]  .commission-details small {
    display: block;
    font-size: var(--text-xs);
    color: var(--color-text-muted);
}

.finance-accounting[b-gjo210d8ci]  .report-footer {
    margin-top: var(--sp-8);
    display: flex;
    justify-content: flex-start;
}

.finance-accounting[b-gjo210d8ci]  .total-summary {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    padding: var(--sp-5);
    min-width: min(300px, 100%);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-xs);
}

.finance-accounting[b-gjo210d8ci]  .total-row {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-2) 0;
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
}

.finance-accounting[b-gjo210d8ci]  .total-row.divider {
    border-top: 1px solid var(--color-divider);
    padding: 0;
    margin: var(--sp-2) 0;
}

.finance-accounting[b-gjo210d8ci]  .total-row.final {
    font-size: var(--text-lg);
    font-weight: 700;
    padding-top: var(--sp-4);
    color: var(--color-text);
    flex-direction: column;
    align-items: stretch;
}

.finance-accounting[b-gjo210d8ci]  .text-danger {
    color: var(--color-error) !important;
}

.finance-accounting[b-gjo210d8ci]  .text-warning {
    color: var(--color-warning) !important;
}

.finance-accounting[b-gjo210d8ci]  .text-success {
    color: var(--color-success-light) !important;
}

.finance-accounting[b-gjo210d8ci]  .empty-state {
    text-align: center;
    padding: var(--sp-10) var(--sp-5);
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
}

.finance-accounting[b-gjo210d8ci]  .empty-state i {
    font-size: 3rem;
    margin-bottom: var(--sp-4);
    color: var(--color-text-faint);
}

.finance-accounting[b-gjo210d8ci]  .empty-state h4 {
    margin-bottom: var(--sp-3);
    color: var(--color-text);
}

.finance-accounting[b-gjo210d8ci]  .empty-state p {
    color: var(--color-text-muted);
}

.finance-accounting[b-gjo210d8ci]  .loading-indicator {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    margin-top: var(--sp-4);
    padding: var(--sp-3);
    background: var(--color-surface);
    border-radius: var(--radius-md);
    color: var(--color-text-muted);
    border: 1px solid var(--color-border);
}

.finance-accounting[b-gjo210d8ci]  .finance-mp-inner-tabs {
    width: 100%;
}

.finance-accounting[b-gjo210d8ci]  .finance-ausn-tab {
    margin-top: var(--sp-1);
}

.finance-accounting[b-gjo210d8ci]  .finance-ausn-tab__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-3);
    padding-bottom: var(--sp-3);
    border-bottom: 1px solid var(--color-divider);
}

.finance-accounting[b-gjo210d8ci]  .finance-ausn-tab__title {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-text);
}

.finance-accounting[b-gjo210d8ci]  .finance-ausn-tab__title i {
    color: var(--color-primary);
}
/* /Pages/Products.razor.rz.scp.css */
/* Scoped стили страницы /products.
   Ранее два блока inline <style> внутри Products.razor (~210 строк). */

/* Скрываем иконку сортировки в заголовках всех столбцов */
[b-kdxv4vufp6] .rz-sortable-column-icon {
    display: none !important;
}

/* Правила «таблица выходит за контейнер + горизонтальный скролл»
   перенесены в общий site.css — там единый список grid-ID
   (продажи, склад, маркетплейс, финансы, задачи, веб-сайт, товары). */

.product-count[b-kdxv4vufp6] {
    font-size: 0.8em;
    margin-left: 4px;
    color: #666;
}

.filter-badge[b-kdxv4vufp6] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-btn-container[b-kdxv4vufp6] {
    position: relative;
    display: inline-block;
}

/* Стили .import-modal-* и .column-chooser перенесены в общий wwwroot/css/site.css —
   используются и в Pages/Products.razor, и в Shared/ColumnsToggleButton.razor. */

.toolbar-layout-modal[b-kdxv4vufp6] {
    width: min(520px, 94vw);
}

.toolbar-layout-hint[b-kdxv4vufp6] {
    margin: 0 0 12px 0;
    font-size: 0.82rem;
    color: #4b5563;
    line-height: 1.45;
}

.toolbar-layout-list[b-kdxv4vufp6] {
    max-height: min(60vh, 420px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.toolbar-layout-row[b-kdxv4vufp6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #f9fafb;
    cursor: grab;
}

.toolbar-layout-row--dragging[b-kdxv4vufp6] {
    opacity: 0.55;
    cursor: grabbing;
}

.toolbar-layout-grip[b-kdxv4vufp6] {
    color: #9ca3af;
    flex-shrink: 0;
    display: inline-flex;
}

.toolbar-layout-label[b-kdxv4vufp6] {
    flex: 1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #111827;
}

.toolbar-layout-label i[b-kdxv4vufp6] {
    width: 1.1rem;
    text-align: center;
    color: var(--color-primary);
}

.toolbar-layout-run[b-kdxv4vufp6] {
    flex-shrink: 0;
    font-size: 0.8rem;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(27, 20, 100, 0.2);
    background: #fff;
    color: var(--color-primary);
    cursor: pointer;
}

.toolbar-layout-run:hover[b-kdxv4vufp6] {
    background: #f3f4ff;
    border-color: rgba(178, 88, 222, 0.35);
}

.toolbar-layout-check[b-kdxv4vufp6] {
    width: 1.1rem;
    height: 1.1rem;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--color-primary-light);
}

.storage-badge[b-kdxv4vufp6] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.8em;
    margin-top: 3px;
}

.storage-badge.accept[b-kdxv4vufp6] {
    background-color: #d4edda;
    color: #155724;
}

.storage-badge.sell[b-kdxv4vufp6] {
    background-color: #fff3cd;
    color: #856404;
}

.storage-badge.other[b-kdxv4vufp6] {
    background-color: #e2e3e5;
    color: #383d41;
}

.reserved-badge[b-kdxv4vufp6] {
    background-color: #f8d7da;
    color: #721c24;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}

/* Стили для кнопки переключения */
.toggle-button[b-kdxv4vufp6] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    font-size: 16px;
    color: var(--color-accent);
}

.toggle-button:hover[b-kdxv4vufp6] {
    color: #0056b3;
}
/* /Pages/ProfitabilityDetails.razor.rz.scp.css */
/* Отступ тулбара сверху */
.profitability-page > .products-toolbar[b-7nreq4tkcz] {
    margin-top: 12px;
}

/* Горизонтальный скролл таблицы */
.table-container[b-7nreq4tkcz] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-7nreq4tkcz] #grid-profitability-details .rz-data-grid {
    min-width: max-content;
}

/* Плитки статистики на странице «Рентабельность → Детали».
   Стилистически согласованы с .dashboard-tile (site.css ~4300),
   но без DnD-handle/arrow — статичные карточки. */

.profit-stats[b-7nreq4tkcz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 12px 0 16px;
}

.statsblock[b-7nreq4tkcz] {
    position: relative;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl, 14px);
    box-shadow: var(--shadow-xs, 0 2px 10px rgba(0, 0, 0, 0.04));
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 124px;
    transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}

    .statsblock:hover[b-7nreq4tkcz] {
        box-shadow: var(--shadow-md, 0 6px 20px rgba(0, 0, 0, 0.08));
    }

/* Цветовые полосы сверху (::before) убраны по требованию пользователя —
   плитки остаются плоскими, цветовой акцент передаёт только значение (statsblock__value--*). */

.statsblock__title[b-7nreq4tkcz] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 500;
    color: var(--color-text-muted);
    line-height: 1.2;
}

.statsblock__value[b-7nreq4tkcz] {
    margin: 4px 0 0;
    font-size: 1.85rem;
    font-weight: 800;
    color: var(--color-text);
    letter-spacing: -0.02em;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    word-break: break-word;
}

.statsblock__value--success[b-7nreq4tkcz] { color: #28a745; }
.statsblock__value--info[b-7nreq4tkcz]    { color: var(--color-accent); }
.statsblock__value--amber[b-7nreq4tkcz]   { color: #f59e0b; }
.statsblock__value--danger[b-7nreq4tkcz]  { color: #dc3545; }

/* Подсветка низкой маржи — значение становится красным + мягкая анимация. */
.statsblock__value--margin-low[b-7nreq4tkcz] {
    color: #dc3545 !important;
    animation: profit-statsblock-pulse-b-7nreq4tkcz 1.8s ease-in-out infinite;
}

@keyframes profit-statsblock-pulse-b-7nreq4tkcz {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.65; }
}

.statsblock__hint[b-7nreq4tkcz] {
    margin-top: auto;
    padding-top: 4px;
    font-size: 0.8rem;
    color: var(--color-text-muted);
    line-height: 1.35;
}

/* На узких экранах — одна колонка. */
@media (max-width: 640px) {
    .profit-stats[b-7nreq4tkcz] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .statsblock[b-7nreq4tkcz] {
        padding: 16px 18px;
        min-height: 0;
    }

    .statsblock__value[b-7nreq4tkcz] {
        font-size: 1.55rem;
    }
}

/* ===== Бейджи источника комиссии (см. CommissionSourceBadge в ProfitabilityDetails.razor) ===== */
/* Небольшая цветная плашка-иконка рядом с процентом комиссии — показывает, откуда взята цифра:
   api_exact / api_report — достоверная; estimated_from_similar — эвристика; default — fallback.
   Цветовая система согласована с остальной палитрой проекта. */
.commission-cell[b-7nreq4tkcz] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.commission-src-badge[b-7nreq4tkcz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 1;
    flex: 0 0 auto;
    cursor: help;
}

/* api_exact — «точно, получили сразу от маркетплейса» */
.commission-src-badge--ok[b-7nreq4tkcz] {
    background: #e8f5e9;
    color: #2e7d32;
}

/* api_report — «точно, получили из детального отчёта sync-job'ом» */
.commission-src-badge--report[b-7nreq4tkcz] {
    background: #e3f2fd;
    color: #1565c0;
}

/* estimated_from_similar — «оценка из похожей продажи» */
.commission-src-badge--estimated[b-7nreq4tkcz] {
    background: #fff8e1;
    color: #ef6c00;
}

/* default — «неизвестно, используется fallback %» */
.commission-src-badge--default[b-7nreq4tkcz] {
    background: #ffebee;
    color: #c62828;
}
/* /Pages/Tasks.razor.rz.scp.css */
/* badge-стили (.task-badge, .badge-status-*, .badge-priority-*) → site.css */
/* /Shared/AppTopBar.razor.rz.scp.css */
/* ── AppTopBar: правый верхний блок (inline-flex внутри .app-topbar-bar) ── */
.app-topbar[b-ud1j2suq4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex: 1 1 auto;
    gap: 12px;
}

.app-topbar-left[b-ud1j2suq4o],
.app-topbar-right[b-ud1j2suq4o] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.app-topbar-left[b-ud1j2suq4o] {
    flex: 1 1 auto;
    min-width: 0;
}

.app-topbar-right[b-ud1j2suq4o] {
    flex: 0 0 auto;
}

/* .topbar-icon-btn / .topbar-badge — определены глобально в site.css,
   чтобы класс работал и в дочерних компонентах (например AIChatLauncher).
   Не дублируем здесь — иначе scoped CSS перебивает глобальные правила
   только внутри этого компонента и кнопки в дочерних теряют стиль. */

/* ── Профиль ── */
.topbar-profile-wrap[b-ud1j2suq4o] {
    position: relative;
}

.profile-popup[b-ud1j2suq4o] {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 240px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
    padding: 16px;
    z-index: 1000;
}

.profile-popup.open[b-ud1j2suq4o] {
    display: block;
}

.profile-popup-header[b-ud1j2suq4o] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.profile-popup-avatar[b-ud1j2suq4o] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-muted);
    font-size: 1rem;
    flex-shrink: 0;
}

.profile-popup-info[b-ud1j2suq4o] {
    min-width: 0;
    flex: 1;
}

.profile-popup-name[b-ud1j2suq4o] {
    margin: 0 0 2px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-popup-org[b-ud1j2suq4o] {
    margin: 0 0 2px;
    font-size: 11.5px;
    color: var(--color-text-muted);
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-popup-date[b-ud1j2suq4o] {
    margin: 0;
    font-size: 11px;
    color: var(--color-text-faint);
    line-height: 1.4;
}

.profile-popup-divider[b-ud1j2suq4o] {
    margin: 10px 0;
    border: none;
    border-top: 1px solid var(--color-border);
}

.profile-popup-logout[b-ud1j2suq4o] {
    width: 100% !important;
    justify-content: center !important;
    font-size: 12.5px !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    border: 1px solid var(--color-border) !important;
    background: var(--color-surface) !important;
    color: var(--color-text-secondary) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer;
    transition: background 120ms ease !important;
}

.profile-popup-logout:hover[b-ud1j2suq4o] {
    background: var(--color-error-bg) !important;
    color: var(--color-error) !important;
    border-color: var(--color-error-border) !important;
}

/* Оверлей для закрытия дропдауна кликом вне */
.topbar-overlay[b-ud1j2suq4o] {
    position: fixed;
    inset: 0;
    z-index: 99;
    background: transparent;
}

/* Переключатель темы — показ нужной иконки по активной теме */
.topbar-theme-icon--moon[b-ud1j2suq4o] { display: none; }
.topbar-theme-icon--sun[b-ud1j2suq4o]  { display: block; }

:global([data-theme="dark"]) .topbar-theme-icon--moon[b-ud1j2suq4o] { display: block; }
:global([data-theme="dark"]) .topbar-theme-icon--sun[b-ud1j2suq4o]  { display: none; }

@media (max-width: 640px) {
    .app-topbar[b-ud1j2suq4o] {
        display: none !important;
    }
}

[b-ud1j2suq4o] .profile-popup-disk {
    padding: 8px 12px 4px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-ud1j2suq4o] .profile-popup-disk-label {
    font-size: 12px;
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-ud1j2suq4o] .profile-popup-disk-bar {
    width: 100%;
    height: 6px;
    background: var(--color-border);
    border-radius: 3px;
    overflow: hidden;
}

[b-ud1j2suq4o] .profile-popup-disk-fill {
    height: 100%;
    background: var(--color-primary);
    transition: width 0.3s ease;
}
/* /Shared/BarcodeScannerPanel.razor.rz.scp.css */
/* Контейнер сканера: подстраивается под светлую/тёмную тему */
.scanner-container[b-dxfaheya26] {
    margin: 20px 0;
    padding: 15px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

    .scanner-container[b-dxfaheya26]  video {
        width: 100% !important;
        max-height: 300px;
        object-fit: cover;
        border-radius: var(--radius-sm);
    }

    .scanner-container[b-dxfaheya26]  button {
        background-color: rgba(var(--color-accent-rgb), 0.08);
        border: 1px solid var(--color-accent);
        display: inline-flex;
        justify-content: initial;
        align-items: center;
        gap: 5px;
        height: 32px;
        color: var(--color-accent);
        border-radius: 0.25rem;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        cursor: pointer;
    }

    .scanner-container[b-dxfaheya26]  button:hover {
        background-color: rgba(var(--color-accent-rgb), 0.14);
        border-color: var(--color-accent-hover);
        color: var(--color-accent-hover);
    }

.barcode-display[b-dxfaheya26] {
    margin: 20px 0;
    padding: 15px;
    background: var(--color-success-bg);
    border: 1px solid var(--color-success-border);
    border-radius: var(--radius-sm);
}

.search-results[b-dxfaheya26] {
    margin-top: 30px;
}

.search-results .card[b-dxfaheya26] {
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s;
}

.search-results .card:hover[b-dxfaheya26] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.barcodes[b-dxfaheya26] {
    font-size: 0.85rem;
}

.card-footer[b-dxfaheya26] {
    border-top: 1px solid var(--color-border);
}

.stock-info[b-dxfaheya26] {
    border-top: 1px solid var(--color-border);
    padding-top: 10px;
}

.stock-results[b-dxfaheya26] {
    font-size: 0.9rem;
}

.stock-item[b-dxfaheya26] {
    margin-bottom: 5px;
    padding: 3px 0;
    border-radius: 3px;
    padding-left: 8px;
    border-left: 4px solid;
}

/* Маркетплейс-специфичные цвета: сохраняем бренд-идентичность OZON/WB/YA.
   Используем hex, т.к. они не связаны с токенами темы приложения. */
.ozon-stock[b-dxfaheya26] {
    color: #1976d2;
    border-left-color: #1976d2;
    background-color: #e3f2fd;
}

.wb-stock[b-dxfaheya26] {
    color: #7b1fa2;
    border-left-color: #7b1fa2;
    background-color: #f3e5f5;
}

.yandex-stock[b-dxfaheya26] {
    color: #f57c00;
    border-left-color: #f57c00;
    background-color: #fff3e0;
}

.stock-item.text-warning[b-dxfaheya26] {
    color: var(--color-warning);
    border-left-color: var(--color-warning);
    background-color: rgba(var(--color-warning-rgb), 0.12);
}

.stock-item.text-success[b-dxfaheya26] {
    color: var(--color-success);
    border-left-color: var(--color-success);
    background-color: var(--color-success-bg);
}

/* В тёмной теме маркетплейс-плитки становятся слишком яркими — убавляем фон/контраст. */
:global([data-theme="dark"]) .ozon-stock[b-dxfaheya26],
:global([data-theme="dark"]) .wb-stock[b-dxfaheya26],
:global([data-theme="dark"]) .yandex-stock[b-dxfaheya26] {
    background-color: var(--color-surface-offset);
}

@media (max-width: 768px) {
    .search-results .card[b-dxfaheya26] {
        margin-bottom: 15px;
    }
}
/* /Shared/DialogShell.razor.rz.scp.css */
/* Обёртка диалога: базовая колонка с отступами. */
.dialog-shell[b-6n2m5on1id] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    width: 100%;
    min-width: 0;
}

.dialog-shell-header[b-6n2m5on1id] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    padding-bottom: var(--sp-2);
    border-bottom: 1px solid var(--color-border);
    margin-bottom: var(--sp-2);
}

.dialog-shell-icon[b-6n2m5on1id] {
    color: var(--color-primary);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.dialog-shell-title[b-6n2m5on1id] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--color-text);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dialog-shell-body[b-6n2m5on1id] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    min-width: 0;
}

.dialog-shell-footer[b-6n2m5on1id] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--sp-2);
    padding-top: var(--sp-3);
    border-top: 1px solid var(--color-border);
    margin-top: var(--sp-2);
    flex-wrap: wrap;
}
/* /Shared/GlobalSearch.razor.rz.scp.css */
.global-search[b-6qb9l0n8ri] {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
}

.global-search-toggle[b-6qb9l0n8ri] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
    padding: 0;
    flex-shrink: 0;
    z-index: 2;
}

    .global-search-toggle:hover[b-6qb9l0n8ri] {
        background: var(--color-surface-2);
        border-color: var(--color-border-hover);
        color: var(--color-text);
    }

.global-search-input[b-6qb9l0n8ri] {
    width: 0;
    padding: 0;
    height: 32px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--color-text);
    font-size: 0.88rem;
    outline: none;
    transition: width 200ms ease, padding 200ms ease, background 120ms ease, border-color 120ms ease;
    box-sizing: border-box;
}

.global-search:hover .global-search-input[b-6qb9l0n8ri],
.global-search:focus-within .global-search-input[b-6qb9l0n8ri],
.global-search.is-open .global-search-input[b-6qb9l0n8ri] {
    width: 280px;
    padding: 0 12px 0 40px;
    border-color: var(--color-border);
    background: var(--color-surface);
    border-radius: 8px;
    margin-left: -32px;
}

.global-search:hover .global-search-toggle[b-6qb9l0n8ri],
.global-search:focus-within .global-search-toggle[b-6qb9l0n8ri],
.global-search.is-open .global-search-toggle[b-6qb9l0n8ri] {
    background: transparent;
    border-color: transparent;
    pointer-events: none;
}

.global-search-input:focus[b-6qb9l0n8ri] {
    border-color: var(--color-primary, var(--color-border-hover));
}

.global-search-input[b-6qb9l0n8ri]::placeholder {
    color: var(--color-text-muted);
}

.global-search-dropdown[b-6qb9l0n8ri] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 320px;
    max-width: 380px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
    padding: 6px;
    z-index: 250;
    max-height: 420px;
    overflow-y: auto;
}

.global-search-item[b-6qb9l0n8ri] {
    width: 100%;
    display: grid;
    grid-template-columns: 20px 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: var(--color-text);
    font-size: 0.88rem;
    font-family: inherit;
    line-height: 1.2;
}

    .global-search-item:hover[b-6qb9l0n8ri],
    .global-search-item.is-active[b-6qb9l0n8ri] {
        background: var(--color-surface-2);
    }

.global-search-icon[b-6qb9l0n8ri] {
    color: var(--color-text-secondary);
    font-size: 15px;
    width: 20px;
    text-align: center;
}

.global-search-icon-svg[b-6qb9l0n8ri] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.global-search-icon-svg svg[b-6qb9l0n8ri] {
    width: 16px;
    height: 16px;
}


.gs-title[b-6qb9l0n8ri] {
    color: var(--color-text);
    font-weight: 500;
}

.gs-section[b-6qb9l0n8ri] {
    font-size: 0.75rem;
    color: var(--color-text-muted);
    font-weight: 400;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-ffv8x9hqmj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ffv8x9hqmj] {
    flex: 1;
    position: relative;
}

/* Верхний блок с AppTopBar — стиль совпадает с полосой RadzenTabs. */
.app-topbar-bar[b-ffv8x9hqmj] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: stretch;
    gap: 6px;
    min-height: var(--nav-top-toolbar-height, 54px);
    height: var(--nav-top-toolbar-height, 54px);
    padding: 0 22px;
    box-sizing: border-box;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}

/* N1 Apple Gray: сайдбар — серый как macOS */
.sidebar[b-ffv8x9hqmj] {
    background: var(--n1-sb-bg) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-right: 1px solid var(--n1-sb-border);
}

.top-row[b-ffv8x9hqmj] {
    background-color: var(--color-surface-2);
    border-bottom: 1px solid var(--color-border);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ffv8x9hqmj]  a, .top-row .btn-link[b-ffv8x9hqmj] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-ffv8x9hqmj] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ffv8x9hqmj] {
        display: none;
    }

    .top-row.auth[b-ffv8x9hqmj] {
        justify-content: space-between;
    }

    .top-row a[b-ffv8x9hqmj], .top-row .btn-link[b-ffv8x9hqmj] {
        margin-left: 0;
    }

    /* Скрываем верхний topbar на мобильных — на этом размере используется
       мобильная панель внутри NavMenu (.nav-mobile-topbar) с дублирующими
       кнопками: AI, тема, сообщения, профиль. */
    .app-topbar-bar[b-ffv8x9hqmj] {
        display: none !important;
    }
}

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

    .sidebar[b-ffv8x9hqmj] {
        width: 66px;
        height: 100vh;
        position: sticky;
        top: 0;
        margin: 0;
        border-radius: 0;
        transition: width 0.2s ease;
    }

    .sidebar.sidebar-expanded[b-ffv8x9hqmj] {
        width: 240px;
    }

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

    .top-row[b-ffv8x9hqmj], article[b-ffv8x9hqmj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Marketplace/MarketplaceOzonChatContent.razor.rz.scp.css */
.ozon-chat-thread-inner[b-8umixvypmj] {
    min-height: 200px;
    max-height: min(55vh, 480px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--rz-base-50);
}

.ozon-chat-row[b-8umixvypmj] {
    display: flex;
    width: 100%;
}

.ozon-chat-row--in[b-8umixvypmj] {
    justify-content: flex-start;
}

.ozon-chat-row--out[b-8umixvypmj] {
    justify-content: flex-end;
}

.ozon-chat-row--neutral[b-8umixvypmj] {
    justify-content: center;
}

.ozon-chat-bubble[b-8umixvypmj] {
    max-width: 88%;
    padding: 10px 14px;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.ozon-chat-bubble--in[b-8umixvypmj] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.ozon-chat-bubble--out[b-8umixvypmj] {
    background: #0d6efd;
    color: #fff;
}

.ozon-chat-bubble--out .ozon-chat-meta[b-8umixvypmj] {
    color: rgba(255, 255, 255, 0.85);
}

.ozon-chat-bubble--neutral[b-8umixvypmj] {
    background: #e9ecef;
}

.ozon-chat-meta[b-8umixvypmj] {
    opacity: 0.85;
    margin-bottom: 4px;
}

.ozon-chat-text[b-8umixvypmj] {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.95rem;
}

.ozon-chat-compose .card-body[b-8umixvypmj] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-b62iszsm3q] {
    background-color: rgba(255, 255, 255, 0.1);
}
/* Одна высота с полосой вкладок (rz-tabview-nav): --nav-top-toolbar-height в site.css :root */
.nav-top.navbar[b-b62iszsm3q] {
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid var(--n1-sb-border);
    box-sizing: border-box;
    min-height: var(--nav-top-toolbar-height, 54px);
    height: var(--nav-top-toolbar-height, 54px);
    display: flex;
    align-items: center;
}

.nav-top-toolbar-inner[b-b62iszsm3q] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 100%;
    flex: 1;
}

/* Развёрнуто: кнопка слева, логотип занимает остаток */
.nav-top-toolbar-inner.nav-top-toolbar-expanded .logo-holder[b-b62iszsm3q] {
    flex: 1;
    min-width: 0;
    width: auto;
}

/* Свернуто (десктоп): только кнопка — по центру полосы шапки; пустой logo-holder не участвует в раскладке */
@media (min-width: 641px) {
    .nav-top-toolbar-inner.nav-top-toolbar-narrow[b-b62iszsm3q] {
        justify-content: center;
    }

    .nav-top-toolbar-inner.nav-top-toolbar-narrow .logo-holder[b-b62iszsm3q] {
        display: none;
    }

    .nav-top-toolbar-inner.nav-top-toolbar-expanded[b-b62iszsm3q] {
        justify-content: flex-start;
    }
}

.nav-desktop-sidebar-btn[b-b62iszsm3q] {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: var(--radius-md);
    background: var(--n1-sb-hover);
    color: var(--n1-sb-text);
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

    .nav-desktop-sidebar-btn:hover[b-b62iszsm3q] {
        background: var(--n1-sb-active);
        color: var(--n1-sb-text-act);
    }

    .nav-desktop-sidebar-btn span[b-b62iszsm3q] {
        font-size: 1.15rem;
    }

/* Свёрнутое меню: кнопка с логотипом OWLS — hover как у активного пункта меню */
.nav-desktop-sidebar-btn--collapsed[b-b62iszsm3q] {
    background: transparent;
    border-radius: 8px;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

    .nav-desktop-sidebar-btn--collapsed:hover[b-b62iszsm3q],
    .nav-desktop-sidebar-btn--collapsed:focus[b-b62iszsm3q] {
        background: var(--color-surface);
        box-shadow: var(--shadow-sm);
        outline: none;
        height: 46px;
        width: 46px;
    }

.nav-sidebar-logo-mini[b-b62iszsm3q] {
    width: 28px;
    height: 28px;
    display: block;
    object-fit: contain;
}

.logo-holder[b-b62iszsm3q] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 0;
    height: 100%;
    align-self: stretch;
}

    .logo[b-b62iszsm3q] {
        transition: opacity 0.2s ease;
    }

    .logo-full[b-b62iszsm3q] {
        max-width: 120px;
        max-height: 30px;
        padding: 4px 12px; /* 2X clear space (брендбук OWLS §04) */
        box-sizing: content-box;
    }


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

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

    .oi[b-b62iszsm3q] {
        width: 2rem;
        font-size: 1.1rem;
        vertical-align: text-top;
        top: -2px;
    }

    .nav-item[b-b62iszsm3q] {
        font-size: 0;
        padding-bottom: var(--sp-1);
    }

    .menu-draggable[b-b62iszsm3q] {
        cursor: pointer;
        display: flex;
        align-items: stretch;
        gap: var(--sp-2);
        width: 100%;
        box-sizing: border-box;
        position: relative;
    }

        .menu-draggable:active[b-b62iszsm3q] {
            cursor: grabbing;
        }

    .menu-draggable[b-b62iszsm3q]  .menu-draggable-link {
        flex: 1;
        min-width: 0;
        width: 100%;
        -webkit-user-drag: none;
        user-select: none;
        cursor: pointer;
    }

    .menu-draggable:active[b-b62iszsm3q]  .menu-draggable-link {
        cursor: grabbing;
    }

    .menu-draggable--dragging[b-b62iszsm3q] {
        cursor: grabbing;
        opacity: 0.38;
    }

    .menu-draggable--dragging[b-b62iszsm3q]  a {
        pointer-events: none;
    }

    .nav-item:first-of-type[b-b62iszsm3q] {
        padding-top: var(--sp-2);
    }

    .nav-item:last-of-type[b-b62iszsm3q] {
        padding-bottom: var(--sp-2);
    }

    .nav-menu-group-btn[b-b62iszsm3q] {
        border: none;
        background: transparent;
        width: 100%;
        text-align: left;
        font-family: var(--font-body);
        font-size: var(--text-sm);
        cursor: pointer;
        color: var(--color-text);
        border-radius: 10px;
        min-height: 2.2rem;
        display: flex;
        align-items: center;
        line-height: 1.4;
        padding: 0;
        font-weight: 400;
        transition: background 0.1s, color 0.1s;
    }

    .nav-menu-group-btn:hover[b-b62iszsm3q] {
        background: var(--n1-sb-hover);
        color: var(--color-text);
    }

    .nav-sub-item .nav-sublink[b-b62iszsm3q] {
        min-height: 2.35rem;
        padding-left: 2.15rem !important;
        font-size: var(--text-sm);
        font-family: var(--font-body);
    }

    .nav-item[b-b62iszsm3q]  a {
        color: var(--color-text);
        border-radius: 10px;
        height: 2.2rem;
        display: flex;
        align-items: center;
        line-height: 1.4;
        font-size: var(--text-sm);
        font-family: var(--font-body);
        font-weight: 400;
        transition: background 0.1s, color 0.1s;
    }

        .nav-item[b-b62iszsm3q]  a.active,
        .nav-sub-item .nav-sublink.active[b-b62iszsm3q] {
            background: var(--color-surface);
            color: var(--color-text);
            font-weight: 600;
            box-shadow: var(--shadow-sm);
        }

        .nav-item[b-b62iszsm3q]  a:hover,
        .nav-sub-item .nav-sublink:hover[b-b62iszsm3q] {
            background: var(--n1-sb-hover) !important;
            color: var(--color-text) !important;
        }

    .disabled-link[b-b62iszsm3q] {
        pointer-events: none;
        opacity: 0.7;
    }

    .nav-menu-hide-section[b-b62iszsm3q] {
        margin-top: 4px;
    }

    .nav-menu-hide-header[b-b62iszsm3q] {
        width: 100%;
    }

    .nav-menu-hide-toggle[b-b62iszsm3q] {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        margin: 0;
        padding: 6px 0 2px;
        border: none;
        border-radius: 8px;
        background: transparent;
        color: var(--n1-sb-text);
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;
    }

    .nav-menu-hide-line[b-b62iszsm3q] {
        flex: 1;
        min-width: 12px;
        height: 1px;
        background: var(--n1-sb-border);
        border-radius: 1px;
    }

    .nav-menu-hide-label[b-b62iszsm3q] {
        flex-shrink: 0;
        font-size: 0.62rem;
        font-weight: 400;
        letter-spacing: 0.05em;
        color: var(--n1-sb-text);
        text-transform: uppercase;
    }
        .nav-menu-hide-label:hover[b-b62iszsm3q] {
            color: var(--n1-sb-text-act);
        }

.nav-menu-hide-drop[b-b62iszsm3q] {
    display: block;
    height: 20px;
    margin: 0;
    transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.nav-menu-hide-drop--active[b-b62iszsm3q] {
    border-radius: 15px;
    background: var(--n1-sb-active);
}

    .hidden-menu-list[b-b62iszsm3q] {
        display: flex;
        flex-direction: column;
        gap: var(--sp-2);
        margin-bottom: var(--sp-2);
    }

    .hidden-menu-item[b-b62iszsm3q] {
        border: none;
        border-radius: var(--radius-md);
        background: var(--n1-sb-hover);
        color: var(--n1-sb-text);
        display: flex;
        align-items: center;
        gap: var(--sp-3);
        min-height: 30px;
        padding: var(--sp-2) var(--sp-3);
        text-align: left;
        font-size: 0.7rem;
        font-family: var(--font-body);
        font-weight: 400;
        text-decoration: none;
        cursor: grab;
        transition: background var(--t-fast), color var(--t-fast);
    }

    .hidden-menu-item:hover[b-b62iszsm3q] {
        background: var(--n1-sb-active);
        color: var(--n1-sb-text-act);
        text-decoration: none;
    }

    .hidden-menu-item:active[b-b62iszsm3q] {
        cursor: grabbing;
    }

.hidden-empty[b-b62iszsm3q] {
    font-size: var(--text-xs);
    color: var(--n1-sb-text);
    justify-content: center;
}

.hidden-hint[b-b62iszsm3q] {
    font-size: 0.65rem;
    color: var(--n1-sb-text);
    opacity: 0.6;
    text-align: center;
    margin-bottom: 4px;
}

    @media (min-width: 641px) {
        .nav-shell[b-b62iszsm3q] {
            width: 100%;
            transition: width 0.2s ease, padding 0.2s ease;
            overflow-x: hidden;
        }

        .sidebar.sidebar-expanded .nav-shell[b-b62iszsm3q],
        .sidebar.sidebar-expanded .logo-holder[b-b62iszsm3q] {
            width: 100%;
        }

        /* Свёрнутый sidebar: кнопки 46×40px как в N1 apple gray */
        .nav-item[b-b62iszsm3q] {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 1px;
        }

        .menu-draggable[b-b62iszsm3q] {
            width: 46px !important;
            margin: 0 auto;
        }

        .menu-draggable[b-b62iszsm3q]  .menu-draggable-link {
            flex: none !important;
            width: 46px !important;
            min-width: 46px !important;
        }

        .nav-item[b-b62iszsm3q]  a {
            justify-content: center;
            align-items: center;
            font-size: 0 !important;
            gap: 0;
            transition: background 0.1s, color 0.1s;
            width: 46px !important;
            min-width: 46px !important;
            height: 40px;
            min-height: 40px;
            padding: 0;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 10px;
        }

        .nav-item[b-b62iszsm3q]  a .nav-menu-icon {
            width: 22px;
            min-width: 22px;
            height: 18px;
            color: var(--color-text);
        }

        .nav-item[b-b62iszsm3q]  a .nav-menu-icon svg {
            width: 18px !important;
            height: 18px !important;
            display: block;
            color: inherit;
        }

        .sidebar.sidebar-expanded .nav-item[b-b62iszsm3q] {
            padding-left: 0.75rem !important;
            padding-right: 0.75rem !important;
        }

        .sidebar.sidebar-expanded .menu-draggable[b-b62iszsm3q] {
            width: 100% !important;
            margin: 0;
        }

        .sidebar.sidebar-expanded .menu-draggable[b-b62iszsm3q]  .menu-draggable-link {
            flex: 1 !important;
            width: 100% !important;
            min-width: 0 !important;
        }

            .nav-item[b-b62iszsm3q]  a span {
                font-size: 1rem !important;
                margin-right: 0 !important;
            }

        .nav-item .nav-menu-group-btn[b-b62iszsm3q] {
            justify-content: center;
            align-items: center;
            font-size: 0 !important;
            gap: 0;
            width: 46px;
            height: 40px;
            min-height: 40px;
            padding: 0;
            margin: 0 auto;
            overflow: hidden;
            border-radius: 10px;
        }

            .nav-item .nav-menu-group-btn span[b-b62iszsm3q] {
                font-size: 1.1rem !important;
                margin-right: 0 !important;
            }

        .sidebar.sidebar-expanded .nav-item .nav-menu-group-btn[b-b62iszsm3q] {
            justify-content: flex-start;
            font-size: var(--text-sm) !important;
            gap: var(--sp-3);
            width: 100%;
            height: 2.2rem;
            min-height: 2.2rem;
            padding: var(--sp-2) var(--sp-3);
            margin: 0 0 1px;
        }

        .sidebar.sidebar-expanded .nav-item[b-b62iszsm3q]  a {
            justify-content: flex-start;
            font-size: var(--text-sm) !important;
            gap: var(--sp-3);
            width: 100% !important;
            min-width: 0 !important;
            height: 2.2rem;
            min-height: 2.2rem;
            padding: var(--sp-2) var(--sp-3);
            margin: 0 0 1px;
            overflow: visible;
        }

            .sidebar.sidebar-expanded .nav-item[b-b62iszsm3q]  a span,
        .sidebar.sidebar-expanded .nav-menu-group-btn span[b-b62iszsm3q],
        .sidebar.sidebar-expanded .nav-sub-item .nav-sublink span[b-b62iszsm3q] {
                font-size: 0.5rem !important;
                margin-right: 0 !important;
            }

        .nav-menu-hide-section[b-b62iszsm3q] {
            display: none;
        }

        .sidebar.sidebar-expanded .nav-menu-hide-section[b-b62iszsm3q] {
            display: block;
        }

        .sidebar.sidebar-expanded .nav-menu-hide-toggle[b-b62iszsm3q],
        .sidebar.sidebar-expanded .hidden-menu-item[b-b62iszsm3q],
        .sidebar.sidebar-expanded .hidden-empty[b-b62iszsm3q] {
            display: flex;
        }

        .sidebar.sidebar-expanded .nav-menu-hide-drop[b-b62iszsm3q] {
            display: block;
        }
    }

    @media (min-width: 641px) {
        .nav-desktop-sidebar-btn[b-b62iszsm3q] {
            display: inline-flex;
        }

        .navbar-toggler[b-b62iszsm3q] {
            display: none;
        }

        .collapse[b-b62iszsm3q] {
            /* Never collapse the sidebar for wide screens */
            display: block;
        }

        .nav-scrollable[b-b62iszsm3q] {
            /* Allow sidebar to scroll for tall menus */
            height: calc(100vh - 3.5rem);
            overflow-y: auto;
        }
    }

/* Мобильный блок topbar в бургер-меню — скрыт на десктопе */
.nav-mobile-topbar[b-b62iszsm3q] {
    display: none;
}

@media (max-width: 640px) {
    .nav-menu-hide-section[b-b62iszsm3q] {
        display: none !important;
    }

    .nav-item[b-b62iszsm3q]  a {
        font-size: var(--text-sm);
    }

    .nav-menu-group-btn[b-b62iszsm3q] {
        font-size: var(--text-sm);
    }

    /* Мобильный блок topbar — показываем только в мобильном меню */
    .nav-mobile-topbar[b-b62iszsm3q] {
        display: block;
        padding: 0 12px 16px;
    }

    .nav-mobile-topbar-divider[b-b62iszsm3q] {
        height: 1px;
        background: var(--color-border);
        margin: 8px 0 12px;
        opacity: 0.5;
    }

    .nav-mobile-topbar-row[b-b62iszsm3q] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    /* .nav-mobile-topbar-btn — определён глобально в site.css, чтобы стиль работал
       и в дочерних компонентах (например AIChatLauncher Variant="mobile").
       Не дублируем здесь — иначе scoped CSS перебивает глобальные правила
       только внутри этого компонента, и кнопка из дочернего теряет стиль. */

    .nav-mobile-profile-card[b-b62iszsm3q] {
        margin-top: 8px;
        background: var(--n1-sb-hover);
        border-radius: 10px;
        padding: 10px 12px;
        color: var(--n1-sb-text-act);
        font-size: 0.82rem;
        font-weight: 500;
    }
}

/* SVG-иконки пунктов меню — размер и цвет */
.nav-menu-icon[b-b62iszsm3q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-text);
}

.nav-menu-icon svg[b-b62iszsm3q] {
    width: 18px;
    height: 18px;
    display: block;
    color: var(--color-text);
}

[b-b62iszsm3q] .nav-menu-icon svg {
    width: 18px;
    height: 18px;
    display: block;
    flex-shrink: 0;
    color: var(--color-text);
}

[b-b62iszsm3q] .nav-menu-icon-fa {
    font-size: 0.98rem !important;
    font-weight: 300;
    color: var(--color-text);
}

.hidden-menu-item .nav-menu-icon svg[b-b62iszsm3q] {
    width: 1.05rem;
    height: 1.05rem;
}

[b-b62iszsm3q] .hidden-menu-item .nav-menu-icon svg {
    width: 1.05rem;
    height: 1.05rem;
}

.hidden-menu-item .nav-menu-icon-fa[b-b62iszsm3q] {
    font-size: 1.05em !important;
}


/* Бейдж сборочных заданий WB на пункте «Маркетплейс» */
.nav-fbs-badge[b-b62iszsm3q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    margin-left: 5px;
    font-size: 0.5rem !important;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    background: var(--color-error);
    border-radius: 999px;
    white-space: nowrap;
    pointer-events: none;
    box-sizing: border-box;
    vertical-align: middle;
}

/* Бейдж новых задач — поверх пункта меню (абсолютный) */
.nav-tasks-badge[b-b62iszsm3q] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    font-size: 0.5rem !important;
    font-weight: 700;
    line-height: 16px;
    color: #fff;
    background: var(--color-error);
    border-radius: 999px;
    white-space: nowrap;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 1;
}

/* В развёрнутом меню — по правому краю, вертикально по центру */
.sidebar.sidebar-expanded .nav-tasks-badge[b-b62iszsm3q] {
    top: 30%;
    right: 10px;
    transform: translateY(-50%);
}
/* /Shared/NavMenuIcon.razor.rz.scp.css */
.nav-menu-icon[b-84mhrb4ru5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: inherit;
}

.nav-menu-icon svg[b-84mhrb4ru5] {
    width: 18px;
    height: 18px;
    display: block;
    flex-shrink: 0;
    color: inherit;
}

.nav-menu-icon-fa[b-84mhrb4ru5] {
    font-size: 0.98rem !important;
    font-weight: 300;
    line-height: 1;
    color: inherit;
}
/* /Shared/OzonAusnCommissionTab.razor.rz.scp.css */
/* Scoped стили вкладки «Ozon — АУСН-комиссия».
   Ранее были inline <style> внутри OzonAusnCommissionTab.razor. */

.ozon-ausn-tab[b-cckkm923q4] { padding: 20px 24px; max-width: 1100px; }

.ozon-ausn-tab__head[b-cckkm923q4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4e4e7;
}
.ozon-ausn-tab__title[b-cckkm923q4] {
    font-size: 1rem;
    font-weight: 700;
    color: #18181b;
    margin-bottom: 4px !important;
}
.ozon-ausn-tab__subtitle[b-cckkm923q4] { font-size: 0.8rem; color: #71717a; }

[data-theme="dark"] .ozon-ausn-tab__title[b-cckkm923q4] { color: #fff; }
[data-theme="dark"] .ozon-ausn-tab__subtitle[b-cckkm923q4] { color: #a1a1aa; }

.ozon-ausn-field-label[b-cckkm923q4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #52525b;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Тулбар АУСН: отступы между группами (год / месяц / кнопка) */
.ausn-toolbar[b-cckkm923q4] {
    flex-wrap: wrap;
    gap: 14px;
    row-gap: 10px;
    padding: 10px 14px;
}

.ausn-toolbar__field[b-cckkm923q4] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ozon-ausn-notice[b-cckkm923q4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}
.ozon-ausn-notice--ok[b-cckkm923q4] {
    background: rgba(13, 92, 46, .06);
    color: #0d5c2e;
    border: 1px solid rgba(13, 92, 46, .2);
}
.ozon-ausn-notice--warn[b-cckkm923q4] {
    background: rgba(217, 119, 6, .06);
    color: #d97706;
    border: 1px solid rgba(217, 119, 6, .2);
}

.ozon-ausn-history-title[b-cckkm923q4] {
    margin-top: 20px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #27272a;
}

/* Result grid — как в WbAusnCommissionTab */
.ausn-result-grid[b-cckkm923q4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 12px;
    margin-bottom: 16px;
}
@media (max-width: 640px) {
    .ausn-result-grid[b-cckkm923q4] { grid-template-columns: 1fr; }
}

.ausn-metric-card[b-cckkm923q4] {
    position: relative;
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 12px;
    padding: 20px 20px 16px;
    box-shadow: 0 1px 3px rgba(9, 9, 11, .06);
    overflow: hidden;
}
.ausn-metric-card--primary[b-cckkm923q4] { border-top: 3px solid var(--color-primary); }
.ausn-metric-label[b-cckkm923q4] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #71717a;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 10px;
}
.ausn-metric-value[b-cckkm923q4] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #18181b;
    letter-spacing: -0.02em;
    line-height: 1;
    margin-bottom: 8px;
    font-variant-numeric: tabular-nums;
}
.ausn-metric-hint[b-cckkm923q4] { font-size: 0.7rem; color: #a1a1aa; }

.ausn-breakdown[b-cckkm923q4] {
    background: #fafafa;
    border: 1px solid #e4e4e7;
    border-radius: 10px;
    overflow: hidden;
}
.ausn-breakdown__toggle[b-cckkm923q4] {
    padding: 12px 16px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #3f3f46;
    cursor: pointer;
    user-select: none;
    list-style: none;
}
.ausn-breakdown__toggle[b-cckkm923q4]::-webkit-details-marker { display: none; }
.ausn-breakdown__body[b-cckkm923q4] {
    padding: 0 16px 12px;
    display: flex;
    flex-direction: column;
}
.ausn-breakdown__row[b-cckkm923q4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.82rem;
    gap: 12px;
}
.ausn-breakdown__row:last-child[b-cckkm923q4] { border-bottom: none; }
.ausn-breakdown__name[b-cckkm923q4] { color: #52525b; }
.ausn-breakdown__amount[b-cckkm923q4] {
    font-weight: 600;
    color: #18181b;
    font-variant-numeric: tabular-nums;
}
/* /Shared/OzonDigitalPostingsTab.razor.rz.scp.css */
.ozon-ausn-tab[b-jlh1tqz7ju] { padding: 20px 24px; max-width: 1100px; }

.ausn-toolbar[b-jlh1tqz7ju] {
    flex-wrap: wrap;
    gap: 14px;
    row-gap: 10px;
    padding: 10px 14px;
}

.ausn-toolbar__field[b-jlh1tqz7ju] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ozon-ausn-notice[b-jlh1tqz7ju] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}
.ozon-ausn-notice--warn[b-jlh1tqz7ju] {
    background: rgba(217, 119, 6, .06);
    color: #d97706;
    border: 1px solid rgba(217, 119, 6, .2);
}
/* /Shared/OzonFinanceFileReportTab.razor.rz.scp.css */
/* Стили общей вкладки file-отчётов Ozon — те же классы, что у OzonAusnCommissionTab. */
.ozon-ausn-tab[b-vp1695j9aa] { padding: 20px 24px; max-width: 1100px; }

.ozon-ausn-notice[b-vp1695j9aa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 12px;
}
.ozon-ausn-notice--ok[b-vp1695j9aa] {
    background: rgba(13, 92, 46, .06);
    color: #0d5c2e;
    border: 1px solid rgba(13, 92, 46, .2);
}
.ozon-ausn-notice--warn[b-vp1695j9aa] {
    background: rgba(217, 119, 6, .06);
    color: #d97706;
    border: 1px solid rgba(217, 119, 6, .2);
}

.ozon-ausn-history-title[b-vp1695j9aa] {
    margin-top: 20px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #27272a;
}

.ausn-toolbar[b-vp1695j9aa] {
    flex-wrap: wrap;
    gap: 14px;
    row-gap: 10px;
    padding: 10px 14px;
}

.ausn-toolbar__field[b-vp1695j9aa] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
/* /Shared/SalesChannels/ChannelNotificationsTab.razor.rz.scp.css */
/* Вкладка «Уведомления» — Каналы продаж (N1 / Apple Gray) */

.sc-notif[b-dnxrd1vj7l] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3, 12px);
    min-height: 200px;
}

.sc-notif-toolbar-title[b-dnxrd1vj7l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm, 0.875rem);
    font-weight: 600;
    color: var(--color-text);
}

.sc-notif-toolbar-title i[b-dnxrd1vj7l] {
    color: var(--color-text-muted);
    font-size: 1rem;
}

.sc-notif-count[b-dnxrd1vj7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    background: var(--color-surface-2, #f4f4f5);
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
}

.sc-notif-state[b-dnxrd1vj7l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 16px;
    color: var(--color-text-muted);
    font-size: 0.9rem;
}

.sc-notif-empty[b-dnxrd1vj7l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 48px 24px;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-xl, 12px);
    background: var(--color-card-bg, var(--color-surface));
}

.sc-notif-empty i[b-dnxrd1vj7l] {
    font-size: 2rem;
    color: var(--color-text-muted);
    opacity: 0.7;
    margin-bottom: 4px;
}

.sc-notif-empty p[b-dnxrd1vj7l] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text);
}

.sc-notif-empty-hint[b-dnxrd1vj7l] {
    max-width: 360px;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--color-text-muted);
}

.sc-notif-empty--error[b-dnxrd1vj7l] {
    border-color: rgba(220, 38, 38, 0.35);
    background: rgba(254, 242, 242, 0.5);
}

.sc-notif-empty--error i[b-dnxrd1vj7l] {
    color: #b91c1c;
}

.sc-notif-list[b-dnxrd1vj7l] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3, 12px);
    max-height: min(70vh, 720px);
    overflow-y: auto;
    padding: 2px 4px 8px 0;
}

.sc-notif-card[b-dnxrd1vj7l] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl, 12px);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.04));
    padding: var(--sp-4, 16px);
    transition: box-shadow var(--t-base, 0.15s ease);
}

.sc-notif-card:hover[b-dnxrd1vj7l] {
    box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.06));
}

.sc-notif-card--type-2[b-dnxrd1vj7l] {
    border-left: 4px solid #dc2626;
}

.sc-notif-card--type-3[b-dnxrd1vj7l] {
    border-left: 4px solid #d97706;
}

.sc-notif-card--type-4[b-dnxrd1vj7l] {
    border-left: 4px solid #4f46e5;
}

.sc-notif-card--type-1[b-dnxrd1vj7l],
.sc-notif-card--type-0[b-dnxrd1vj7l] {
    border-left: 4px solid var(--color-primary, #1b1464);
}

.sc-notif-card__head[b-dnxrd1vj7l] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}

.sc-notif-card__icon[b-dnxrd1vj7l] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-lg, 10px);
    font-size: 1rem;
    background: var(--color-surface-2, #f4f4f5);
    border: 1px solid var(--color-border);
    color: var(--color-text-muted);
}

.sc-notif-card__icon--info[b-dnxrd1vj7l] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.sc-notif-card__icon--error[b-dnxrd1vj7l] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

.sc-notif-card__icon--warn[b-dnxrd1vj7l] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.sc-notif-card__icon--product[b-dnxrd1vj7l] {
    background: #eef2ff;
    border-color: #c7d2fe;
    color: #4338ca;
}

.sc-notif-card__meta[b-dnxrd1vj7l] {
    flex: 1;
    min-width: 0;
}

.sc-notif-card__meta-row[b-dnxrd1vj7l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.sc-notif-card__date[b-dnxrd1vj7l] {
    font-size: 0.8rem;
    color: var(--color-text-muted);
    font-variant-numeric: tabular-nums;
}

.sc-notif-card__body[b-dnxrd1vj7l] {
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--color-text);
    white-space: pre-wrap;
    word-break: break-word;
    padding-left: 48px;
}

@media (max-width: 640px) {
    .sc-notif-card__body[b-dnxrd1vj7l] {
        padding-left: 0;
    }
}

.sc-notif-card__footer[b-dnxrd1vj7l] {
    margin-top: 10px;
    padding-top: 10px;
    margin-left: 48px;
    border-top: 1px solid var(--color-border);
    font-size: 0.82rem;
    color: var(--color-text-muted);
}

@media (max-width: 640px) {
    .sc-notif-card__footer[b-dnxrd1vj7l] {
        margin-left: 0;
    }
}

[data-theme="dark"] .sc-notif-card[b-dnxrd1vj7l] {
    background: var(--color-surface);
}

[data-theme="dark"] .sc-notif-empty--error[b-dnxrd1vj7l] {
    background: rgba(127, 29, 29, 0.15);
}

[data-theme="dark"] .sc-notif-card__icon--info[b-dnxrd1vj7l] {
    background: rgba(30, 58, 138, 0.35);
    border-color: rgba(59, 130, 246, 0.4);
    color: #93c5fd;
}

[data-theme="dark"] .sc-notif-card__icon--error[b-dnxrd1vj7l] {
    background: rgba(127, 29, 29, 0.35);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fca5a5;
}

[data-theme="dark"] .sc-notif-card__icon--warn[b-dnxrd1vj7l] {
    background: rgba(124, 45, 18, 0.35);
    border-color: rgba(251, 146, 60, 0.35);
    color: #fdba74;
}

[data-theme="dark"] .sc-notif-card__icon--product[b-dnxrd1vj7l] {
    background: rgba(49, 46, 129, 0.35);
    border-color: rgba(129, 140, 248, 0.35);
    color: #a5b4fc;
}
/* /Shared/TariffGate.razor.rz.scp.css */
/* Плашка-замок для фич недоступных в текущем тарифе.
   Показывается через <TariffGate ShowLocked="true">. */

.tariff-locked-pill[b-zfm2dpbgbg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #f3f4f6;            /* Apple Gray neutral */
    color: #6b7280;                  /* secondary text */
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.tariff-locked-pill i[b-zfm2dpbgbg] {
    font-size: 12px;
    color: #9ca3af;
}

.tariff-locked-pill__link[b-zfm2dpbgbg] {
    color: #2563eb;
    text-decoration: none;
    border-bottom: 1px dashed currentColor;
    font-size: 12px;
    margin-left: 4px;
}

.tariff-locked-pill__link:hover[b-zfm2dpbgbg] {
    color: #1d4ed8;
    border-bottom-style: solid;
}
/* /Shared/TariffUsageBar.razor.rz.scp.css */
/* Прогресс-бар лимита тарифа.
   Используется на entity-страницах (Products, Storages, Settings/Users, CardsPage)
   через <TariffUsageBar Feature="max_*" Label="..." />. */

.tariff-usage[b-2mpukjguzk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 12px;
    color: #374151;
    min-width: 180px;
}

.tariff-usage--unlimited[b-2mpukjguzk],
.tariff-usage--loading[b-2mpukjguzk] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.tariff-usage__header[b-2mpukjguzk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tariff-usage__label[b-2mpukjguzk] {
    color: #6b7280;
    font-weight: 500;
}

.tariff-usage__text[b-2mpukjguzk] {
    color: #111827;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

.tariff-usage__bar[b-2mpukjguzk] {
    width: 100%;
    height: 6px;
    background: #f3f4f6;
    border-radius: 999px;
    overflow: hidden;
}

.tariff-usage__fill[b-2mpukjguzk] {
    height: 100%;
    background: #3b82f6;            /* default — blue */
    transition: width 0.3s ease;
    border-radius: inherit;
}

/* ≥80% использования — оранжевый */
.tariff-usage--warn .tariff-usage__fill[b-2mpukjguzk] {
    background: #f59e0b;
}
.tariff-usage--warn .tariff-usage__text[b-2mpukjguzk] {
    color: #b45309;
}

/* ≥95% использования / достигнут лимит — красный */
.tariff-usage--danger .tariff-usage__fill[b-2mpukjguzk] {
    background: #ef4444;
}
.tariff-usage--danger .tariff-usage__text[b-2mpukjguzk] {
    color: #b91c1c;
    font-weight: 600;
}

.tariff-usage--loading[b-2mpukjguzk] {
    color: #9ca3af;
}
/* /Shared/TopbarQuickActions.razor.rz.scp.css */
/* Контейнер quick-actions в верхней панели. */
.topbar-quick[b-lk5x82aaan] {
    display: flex;
    align-items: center;
    gap: var(--sp-1, 6px);
    flex: 0 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
    overflow: hidden;
}

/* «+» — квадратная кнопка-иконка для открытия настройки быстрых действий. */
.topbar-add-btn[b-lk5x82aaan] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px dashed var(--color-border);
    background: transparent;
    color: var(--color-text);
    border-radius: var(--radius-md);
    font-size: 12px;
    opacity: 0.5;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease;
    flex-shrink: 0;
}

    .topbar-add-btn:hover[b-lk5x82aaan] {
        color: var(--color-primary);
        border-color: var(--color-primary);
        opacity: 1;
    }

    .topbar-add-btn:focus-visible[b-lk5x82aaan] {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
    }

    .topbar-add-btn .fa-plus[b-lk5x82aaan] {
        font-size: 12px;
    }

/* Пилюля быстрого действия. */
.topbar-quick-btn[b-lk5x82aaan] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid var(--color-border);
    background: transparent;
    color: var(--color-text);
    border-radius: var(--radius-md);
    font-size: 12px;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    flex-shrink: 0;
}

    .topbar-quick-btn:hover[b-lk5x82aaan] {
        background: var(--color-primary);
        border-color: var(--color-primary);
        color: #fff;
    }

    .topbar-quick-btn:focus-visible[b-lk5x82aaan] {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px;
    }

.topbar-quick-btn__text[b-lk5x82aaan] {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

/* Заголовок секции в диалоге настройки. */
[b-lk5x82aaan] .topbar-pick-group-title {
    margin: 12px 0 4px;
    padding: 4px 2px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
    border-bottom: 1px solid var(--color-border);
}

/* На узких экранах текст quick-actions скрываем, оставляем иконку. */
@media (max-width: 900px) {
    .topbar-quick-btn__text[b-lk5x82aaan] {
        display: none;
    }

    .topbar-quick-btn[b-lk5x82aaan] {
        padding: 0 8px;
        width: 32px;
        justify-content: center;
    }
}