/* ===== ГЛОБАЛЬНЫЙ СТИЛЬ В ЦВЕТЕ rgb(232,104,76) ===== */

:root {
    --mud-palette-primary: rgb(232, 104, 76) !important;
    --primary-color: rgb(232, 104, 76);
    --primary-hover: rgb(210, 85, 60);
    --primary-light: rgba(232, 104, 76, 0.12);
    --primary-dark: rgb(200, 75, 50);
}

/* 1. КНОПКИ */
.mud-button-filled.mud-button-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

    .mud-button-filled.mud-button-primary:hover {
        background-color: var(--primary-hover) !important;
    }

.mud-button-outlined.mud-button-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

    .mud-button-outlined.mud-button-primary:hover {
        background-color: var(--primary-light) !important;
    }

.mud-button-text.mud-button-primary {
    color: var(--primary-color) !important;
}

    .mud-button-text.mud-button-primary:hover {
        background-color: var(--primary-light) !important;
    }

/* 2. ВКЛАДКИ (MudTabs) */
.mud-tabs-tab.mud-tabs-tab-active {
    color: var(--primary-color) !important;
    font-weight: 600;
}

.mud-tabs-ink-bar {
    background-color: var(--primary-color) !important;
}

.mud-tabs-tab:hover {
    color: var(--primary-color) !important;
}

/* 3. МЕНЮ НАВИГАЦИИ (MudNavMenu, MudNavLink) */
.mud-nav-link.active {
    color: var(--primary-color) !important;
    background-color: var(--primary-light) !important;
}

.mud-nav-link:hover:not(.active) {
    color: var(--primary-color) !important;
}

.mud-nav-link .mud-icon-root {
    color: var(--primary-color) !important;
}

/* 4. ЗАГОЛОВКИ (MudText, h1-h6) */
.mud-typography-h1,
.mud-typography-h2,
.mud-typography-h3,
.mud-typography-h4,
.mud-typography-h5,
.mud-typography-h6,
.mud-typography-subtitle1,
.mud-typography-subtitle2,
h1, h2, h3, h4, h5, h6 {
    color: #2C3E50;
}

.mud-typography-h6 {
    font-weight: 600;
}

/* 5. ПОЛЯ ВВОДА (фокус) */
.mud-input-outlined .mud-input-outlined-border:focus-within {
    border-color: var(--primary-color) !important;
    border-width: 2px;
}

.mud-input-label.mud-input-label-focused {
    color: var(--primary-color) !important;
}

/* 6. ЧИПЫ (MudChip) */
.mud-chip-filled.mud-chip-color-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.mud-chip-outlined.mud-chip-color-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* 7. ПАНЕЛЬ ИНСТРУМЕНТОВ (MudToolbar) */
.mud-toolbar {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* 8. СЕЛЕКТЫ (MudSelect) */
.mud-select .mud-input-outlined .mud-input-outlined-border:focus-within {
    border-color: var(--primary-color) !important;
}

.mud-select .mud-list-item.mud-list-item-selected {
    background-color: var(--primary-light) !important;
    color: var(--primary-color) !important;
}

    .mud-select .mud-list-item.mud-list-item-selected .mud-typography {
        color: var(--primary-color) !important;
    }

/* 9. ЧЕКБОКСЫ (MudCheckBox) */
.mud-checkbox .mud-checkbox-icon.mud-checkbox-checked {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.mud-checkbox .mud-checkbox-icon:hover {
    border-color: var(--primary-color) !important;
}

/* 10. ПЕРЕКЛЮЧАТЕЛИ (MudSwitch) */
.mud-switch .mud-switch-track.mud-switch-track-checked {
    background-color: var(--primary-color) !important;
}

.mud-switch .mud-switch-thumb.mud-switch-thumb-checked {
    border-color: var(--primary-color) !important;
}

/* 11. РАДИОКНОПКИ (MudRadio) */
.mud-radio .mud-radio-icon.mud-radio-icon-checked {
    color: var(--primary-color) !important;
}

/* 12. ССЫЛКИ (MudLink) */
.mud-link {
    color: var(--primary-color) !important;
}

    .mud-link:hover {
        color: var(--primary-hover) !important;
    }

/* 13. ПАГИНАЦИЯ (MudPagination) */
.mud-pagination .mud-pagination-item.mud-pagination-item-active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.mud-pagination .mud-pagination-item:hover:not(.mud-pagination-item-active) {
    color: var(--primary-color) !important;
}

/* 14. ТАБЛИЦА (MudTable) – сортировка и заголовки */
.mud-table .mud-table-head .mud-table-cell .mud-table-sort-icon.mud-table-sort-icon-active {
    color: var(--primary-color) !important;
}

    .mud-table .mud-table-head .mud-table-cell .mud-table-sort-icon.mud-table-sort-icon-active .mud-icon-root {
        color: var(--primary-color) !important;
    }

/* 15. ДИАЛОГИ (MudDialog) */
.mud-dialog .mud-dialog-title {
    color: #2C3E50;
}

.mud-dialog .mud-dialog-actions .mud-button-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

    .mud-dialog .mud-dialog-actions .mud-button-primary:hover {
        background-color: var(--primary-hover) !important;
    }

/* 16. АЛЕРТЫ (MudAlert) с Primary */
.mud-alert.mud-alert-filled.mud-alert-color-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.mud-alert.mud-alert-outlined.mud-alert-color-primary {
    border-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* 17. АВАТАРЫ (MudAvatar) с Primary */
.mud-avatar.mud-avatar-color-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* 18. БЕЙДЖИ (MudBadge) */
.mud-badge.mud-badge-color-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* 19. ПРОГРЕСС-БАРЫ (MudProgressLinear) */
.mud-progress-linear.mud-progress-linear-color-primary .mud-progress-linear-bar {
    background-color: var(--primary-color) !important;
}

/* 20. СТРАНИЦА ОБРАЩЕНИЙ (дополнительные стили для таблиц и карточек) */
.complaint-page .mud-table-cell {
    padding: 5px 5px;
}

.complaint-page .mud-tabs-panels {
    padding: 0 !important;
}

.complaint-page .mud-table-row {
    cursor: pointer;
}

    .complaint-page .mud-table-row:hover {
        background-color: rgba(0, 123, 255, 0.05);
    }

    .complaint-page .mud-table-row .mud-table-cell:nth-child(1),
    .complaint-page .mud-table-row .mud-table-cell:nth-child(2),
    .complaint-page .mud-table-row .mud-table-cell:nth-child(5) {
        justify-content: right;
    }

    .complaint-page .mud-table-row .mud-table-cell:nth-child(1),
    .complaint-page .mud-table-row .mud-table-cell:nth-child(5) {
        white-space: nowrap;
    }

/* 21. КАРТОЧКИ (если используются) */
.complaint-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
    transform: translateY(-2px);
}

/* 22. ВСПОМОГАТЕЛЬНЫЕ КЛАССЫ */
.gap-2 {
    gap: 8px;
}

.flex-grow-1 {
    flex-grow: 1;
}

/* 23. ДОПОЛНИТЕЛЬНО: ЦВЕТ ИКОНОК В МЕНЮ (уже есть, но оставляем для надёжности) */
.mud-nav-link .mud-icon-root {
    color: var(--primary-color) !important;
}