/* Фирменный слой Bagama: тот же язык, что и в мониторинге упоминаний.
   Подключается последним и перекрывает тёмную тему AccountFactory и стили EasyAdmin. */
:root {
    --brand:#00a862; --brand-soft:#e6f6ef;
    --surface-0:#f6f7f6; --surface-1:#ffffff; --surface-2:#f1f3f2; --line:#e4e7e5;
    --text-primary:#14181a; --text-secondary:#586066; --text-muted:#949c9f;
    --pos:#00a862; --neg:#d03b3b;
    color-scheme: light;
}

body, body.ea, .main-content {
    background: var(--surface-0) !important;
    color: var(--text-primary) !important;
    font-family: Onest, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* боковая панель: светлая вместо тёмно-синей */
.af-sidebar, .sidebar {
    background: var(--surface-1) !important;
    border-right: 1px solid var(--line) !important;
    color: var(--text-secondary) !important;
}
.af-sidebar .sidebar-title, .sidebar .sidebar-title {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--line) !important;
    font-weight: 600 !important;
}
.af-sidebar .sidebar-section, .sidebar .sidebar-section {
    color: var(--text-muted) !important;
    font-weight: 600; letter-spacing: .6px;
}
.af-sidebar a, .sidebar a { color: var(--text-secondary) !important; border-radius: 10px; margin: 0 8px; }
.af-sidebar a:hover, .sidebar a:hover { background: var(--surface-2) !important; color: var(--text-primary) !important; }
.af-sidebar a.active, .sidebar a.active {
    background: var(--brand-soft) !important; color: var(--brand) !important;
    border-right: 0 !important; font-weight: 600;
}
.af-sidebar a i, .sidebar a i { color: inherit !important; }

/* карточки и таблицы */
.card, .main-content .card {
    background: var(--surface-1) !important; border: 1px solid var(--line) !important;
    border-radius: 16px !important; color: var(--text-primary) !important;
}
.card-header, .main-content .card-header {
    background: var(--surface-1) !important; border-bottom: 1px solid var(--line) !important;
    color: var(--text-primary) !important; font-weight: 600;
}
.main-content .table, .table {
    --bs-table-bg: transparent; --bs-table-color: var(--text-primary);
    --bs-table-border-color: var(--line); --bs-table-hover-bg: var(--surface-2);
    --bs-table-hover-color: var(--text-primary); color: var(--text-primary) !important;
}
.main-content .table thead th, .table thead th {
    background: var(--surface-2) !important; color: var(--text-muted) !important;
    border-color: var(--line) !important; font-weight: 500 !important;
}
.main-content .table-light { --bs-table-bg: var(--surface-2); --bs-table-color: var(--text-secondary); }
.page-title, .main-content .page-title { color: var(--text-primary) !important; font-weight: 600; letter-spacing: -.5px; }
.page-title i { color: var(--brand) !important; }
.main-content .text-muted, .text-muted { color: var(--text-muted) !important; }

/* акценты и кнопки — фирменный зелёный вместо синего и фиолетового */
a, .main-content a { color: var(--brand); }
.btn-primary, .ea .btn-primary, .action-save, .btn-success {
    background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important;
    border-radius: 10px !important; font-weight: 600;
}
.btn-primary:hover, .btn-success:hover { filter: brightness(.94); }
.btn, .ea .btn { border-radius: 10px !important; }
.badge.bg-primary, .badge.bg-success { background: var(--brand) !important; }
.badge.bg-danger { background: var(--neg) !important; }
.form-control, .form-select, input, select, textarea {
    border-radius: 10px !important; border-color: var(--line) !important;
    background: var(--surface-1) !important; color: var(--text-primary) !important;
}
.form-control:focus, .form-select:focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px var(--brand-soft) !important; }

/* EasyAdmin: шапка контента и элементы списка */
.ea .content-header-title, .ea h1, .ea .title { color: var(--text-primary) !important; }
.ea .content-panel, .ea .datagrid, .ea .list-pagination {
    background: var(--surface-1) !important; border: 1px solid var(--line) !important; border-radius: 16px !important;
}
.ea table.datagrid thead th { background: var(--surface-2) !important; color: var(--text-muted) !important; }
.ea .form-widget, .ea .page-actions .btn { border-radius: 10px !important; }
.ea a { color: var(--brand); }

/* --- Кастомные страницы админки (Главная, План публикаций, Расписание, Лента отзывов) ---
   У них свои встроенные стили в тёмно-синей гамме (#1b1b2f / #16213e / синий акцент #4a90d9),
   которые не имеют отношения к фирменному стилю. Перекрываем их здесь: слой подключается
   последним, поэтому побеждает без правки самих шаблонов. */
body { background: var(--surface-0) !important; color: var(--text-primary) !important; }

.sidebar {
    background: var(--surface-1) !important;
    border-right: 1px solid var(--line) !important;
}
.sidebar-title { color: var(--text-primary) !important; border-bottom-color: var(--line) !important; }
.sidebar-section { color: var(--text-muted) !important; }
.sidebar a { color: var(--text-secondary) !important; border-radius: 10px; margin: 0 8px; }
.sidebar a:hover { background: var(--surface-2) !important; color: var(--text-primary) !important; }
.sidebar a.active {
    background: var(--brand-soft) !important; color: var(--brand) !important;
    border-right: 0 !important; font-weight: 600;
}

.page-title { color: var(--text-primary) !important; }
.page-title i { color: var(--brand) !important; }

.card {
    background: var(--surface-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    color: var(--text-primary) !important;
}
.card:hover { border-color: var(--brand) !important; }
.card-icon { background: var(--brand-soft) !important; color: var(--brand) !important; border-radius: 10px !important; }
.card-title { color: var(--text-primary) !important; }
.card-desc { color: var(--text-muted) !important; }

/* таблицы и панели этих страниц */
table { color: var(--text-primary) !important; }
table th { background: var(--surface-2) !important; color: var(--text-muted) !important; }
table td, table th { border-color: var(--line) !important; }
tr:hover td { background: var(--surface-2) !important; }

/* EasyAdmin рисует шапку раздела тёмной полосой — на светлом фоне это выглядит как дыра */
.ea .content-header, .ea-content-header, #content-header,
.ea .content-header-wrapper, .ea .main-header {
    background: var(--surface-0) !important;
    border-bottom: 1px solid var(--line) !important;
    box-shadow: none !important;
}
.ea .content-header h1, .ea .content-header-title, .ea .content-header * {
    color: var(--text-primary) !important;
}
.ea .content-header .btn, .ea .content-header a { color: var(--text-secondary) !important; }

/* кнопка «Filters» и переключатели в шапке списка остаются чёрными от базовой темы */
.ea .content-header .btn, .ea .btn-secondary, .ea .action-filters {
    background: var(--surface-1) !important; border: 1px solid var(--line) !important;
    color: var(--text-secondary) !important;
}
.ea .content-header .btn:hover, .ea .action-filters:hover {
    background: var(--surface-2) !important; color: var(--text-primary) !important;
}
