/* V6UP FastPanel Custom Fixes */

/* ========== КОМБОБОКСЫ ========== */

/* Нативные select */
html body select,
body select,
body option {
    background-color: #1a1a1a !important;
    color: #00ff88 !important;
    border-color: #2a2a2a !important;
}

/* FastPanel кастомные dropdown */
div.options,
div[class*="options"] {
    background-color: #1a1a1a !important;
}

/* Обычные элементы */
div.item,
div.item[themeanchor="option"] {
    background-color: #1a1a1a !important;
    color: #00ff88 !important;
}

/* Hover */
div.item:hover {
    background-color: #2a4a2a !important;
    color: #00ff88 !important;
}

/* ВЫБРАННЫЙ элемент - ЧЕРНЫЙ текст на зелёном */
div.item.selected,
div.item.selected * {
    background-color: #00ff88 !important;
    color: #000000 !important;
}

/* Нативные select - выбранные опции */
select option:hover {
    background-color: #2a4a2a !important;
}

select option:checked,
select option[selected] {
    background-color: #00ff88 !important;
    color: #000000 !important;
}

/* ========== МОДАЛЬНЫЕ ОКНА (Bootstrap-style) ========== */

.modal-content,
.modal-dialog,
div[role="dialog"],
.dialog-container {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.modal-header,
.dialog-header,
h2.modal-title {
    background-color: #0a0a0a !important;
    color: #00ff88 !important;
    border-bottom: 1px solid #2a2a2a !important;
}

.modal-body,
.dialog-body {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.modal-footer button,
.dialog-footer button {
    background-color: #2a2a2a !important;
    color: #00ff88 !important;
    border-color: #3a3a3a !important;
}

.modal-footer button:hover {
    background-color: #3a3a3a !important;
}

.modal-body p,
.dialog-body p,
.modal-content p {
    color: #e0e0e0 !important;
}

.modal-backdrop,
.cdk-overlay-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ========== МОДАЛЬНЫЕ ОКНА (FastPanel ngm-modal) ========== */

.ngm-modal-confirm {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 12px !important;
}

.ngm-modal-confirm .title {
    color: #00ff88 !important;
}

.ngm-modal-confirm .description {
    color: #e0e0e0 !important;
}

/* ========== УВЕДОМЛЕНИЯ "САЙТ РАБОТАЕТ С ПРОБЛЕМАМИ" ========== */

/* Контейнер всех проблем */
div.problems,
div[class*="problems_agcontent"] {
    background-color: transparent !important;
}

/* Отдельные карточки проблем - ТЕМНО-КРАСНЫЙ ГРАДИЕНТ */
div.problem,
div[class*="problem"]:not(.problems) {
    background: linear-gradient(135deg, #2a0a0a 0%, #3a1a0a 100%) !important;
    border-left: 4px solid #ff6644 !important;
    border-radius: 8px !important;
}

/* Весь текст внутри проблем - СВЕТЛЫЙ */
div.problem,
div.problem *:not(button) {
    color: #ffddcc !important;
}

/* Кнопки внутри проблем */
div.problem button {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffeeee !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

div.problem button:hover {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

/* Иконки */
div.problem svg,
div.problem img {
    filter: brightness(1.3) !important;
}

/* ========== КНОПКИ НА ГЛАВНОЙ СТРАНИЦЕ ========== */

/* Все кнопки FastPanel */
button,
.button,
[type="button"],
a.button {
    color: inherit !important;
}

/* Если кнопка на светлом фоне - делаем текст темным */
button:not(.mat-primary):not(.mat-accent),
.button:not(.primary):not(.accent) {
    color: #e0e0e0 !important;
}

/* Primary/accent кнопки */
button.mat-primary,
button.mat-accent,
.button.primary {
    color: #ffffff !important;
}

/* ========== HEADER FASTPANEL (синий градиент → зелёный V6UP) ========== */

/* Верхний header с градиентом */
header,
.header,
.top-bar,
[class*="header"],
mat-toolbar,
.mat-toolbar {
    background: linear-gradient(90deg, #003322 0%, #005544 50%, #003322 100%) !important;
}

/* Если используется app-header */
app-header,
app-header > *,
div[class*="app-header"] {
    background: linear-gradient(90deg, #003322 0%, #005544 50%, #003322 100%) !important;
}

/* Navigation bar */
nav,
.navbar,
.navigation {
    background: linear-gradient(90deg, #003322 0%, #005544 50%, #003322 100%) !important;
}