/* Цвета логотипа на сайте: кнопки, выделение пункта левого меню и
   разделение строк таблиц. Остальное оформление — прежнее (стили
   base.html / operator_base.html / login.html). Подключается последним на
   всех страницах. */

:root,
[data-bs-theme="light"] {
    --maska-graphite: #495057;
    --maska-graphite-deep: #3c4247;
    --maska-green: #74a643;
    --maska-green-strong: #5e8a35;
    --maska-green-hover: #527a2d;
    --maska-green-active: #476a27;
    --maska-row-line: #cfd6c8;
    --maska-row-zebra: rgba(73, 80, 87, .045);
    --maska-row-hover: rgba(116, 166, 67, .12);
}
[data-bs-theme="dark"] {
    --maska-green-strong: #74a643;
    --maska-green-hover: #84b552;
    --maska-green-active: #659437;
    --maska-row-line: #3a4144;
    --maska-row-zebra: rgba(255, 255, 255, .035);
    --maska-row-hover: rgba(143, 189, 90, .14);
}

/* --- Кнопки ---
   Селекторы с [data-bs-theme=dark] повторяют прежние правила тёмной
   темы из шаблонов (они сильнее простого .btn-primary). */
.btn-primary,
[data-bs-theme=dark] .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--maska-green-strong);
    --bs-btn-border-color: var(--maska-green-strong);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--maska-green-hover);
    --bs-btn-hover-border-color: var(--maska-green-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--maska-green-active);
    --bs-btn-active-border-color: var(--maska-green-active);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--maska-green-strong);
    --bs-btn-disabled-border-color: var(--maska-green-strong);
    --bs-btn-focus-shadow-rgb: 116, 166, 67;
}
.btn-outline-primary,
[data-bs-theme=dark] .btn-outline-primary {
    --bs-btn-color: var(--maska-green-strong);
    --bs-btn-border-color: var(--maska-green-strong);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--maska-green-strong);
    --bs-btn-hover-border-color: var(--maska-green-strong);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--maska-green-active);
    --bs-btn-active-border-color: var(--maska-green-active);
    --bs-btn-disabled-color: var(--maska-green-strong);
    --bs-btn-disabled-border-color: var(--maska-green-strong);
    --bs-btn-focus-shadow-rgb: 116, 166, 67;
}
.btn-success,
[data-bs-theme=dark] .btn-success {
    --bs-btn-bg: var(--maska-green-strong);
    --bs-btn-border-color: var(--maska-green-strong);
    --bs-btn-hover-bg: var(--maska-green-hover);
    --bs-btn-hover-border-color: var(--maska-green-hover);
    --bs-btn-active-bg: var(--maska-green-active);
    --bs-btn-active-border-color: var(--maska-green-active);
}
.btn-outline-success,
[data-bs-theme=dark] .btn-outline-success {
    --bs-btn-color: var(--maska-green-strong);
    --bs-btn-border-color: var(--maska-green-strong);
    --bs-btn-hover-bg: var(--maska-green-strong);
    --bs-btn-hover-border-color: var(--maska-green-strong);
    --bs-btn-active-bg: var(--maska-green-active);
    --bs-btn-active-border-color: var(--maska-green-active);
}
.btn-secondary,
[data-bs-theme=dark] .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--maska-graphite);
    --bs-btn-border-color: var(--maska-graphite);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--maska-graphite-deep);
    --bs-btn-hover-border-color: var(--maska-graphite-deep);
    --bs-btn-active-bg: #31363a;
    --bs-btn-active-border-color: #31363a;
}

/* --- Левое меню админки: выделенный пункт — зелёный. --- */
.sidebar .nav-link.active {
    background-color: var(--maska-green-strong) !important;
    color: #fff !important;
}

/* В светлой теме меню светлое: белая панель, графитовый текст, мягкая
   зелёная подсветка пункта под курсором. В тёмной теме — прежнее тёмное
   (правила base.html). */
:root:not([data-bs-theme="dark"]) .sidebar {
    background-color: #ffffff;
    color: #23272a;
    border-right: 1px solid #e3e7df;
    box-shadow: 1px 0 12px rgba(35, 39, 42, .04);
}
:root:not([data-bs-theme="dark"]) .sidebar .nav-link { color: #495057; }
:root:not([data-bs-theme="dark"]) .sidebar .nav-link:hover {
    background-color: #eef4e6;
    color: #23272a;
}
:root:not([data-bs-theme="dark"]) .sidebar-header { border-bottom-color: #e6e9e3; color: #23272a; }
:root:not([data-bs-theme="dark"]) .sidebar-bottom { border-top-color: #e6e9e3; }
:root:not([data-bs-theme="dark"]) .sidebar-avatar { background-color: #eef0ec; color: #495057; }
:root:not([data-bs-theme="dark"]) .sidebar .sidebar-user-text .text-white { color: #23272a !important; }
:root:not([data-bs-theme="dark"]) .sidebar .sidebar-user-text > div + div { color: #6f777d !important; }
:root:not([data-bs-theme="dark"]) .sidebar-action {
    background: #f6f7f4;
    border-top-color: #e6e9e3;
    color: #495057;
}
:root:not([data-bs-theme="dark"]) .sidebar-action:hover,
:root:not([data-bs-theme="dark"]) .sidebar-action:focus-visible {
    background: #eef4e6;
    color: #23272a;
}

/* --- Заметное разделение строк в таблицах: линия между строками
   темнее, у шапки — двойная толщина, каждая вторая строка — лёгкая
   заливка, строка под курсором — зелёная подсветка. --- */
.table > :not(caption) > * > * { border-bottom-color: var(--maska-row-line); }
.table > thead > tr > * { border-bottom: 2px solid var(--maska-row-line); }
.table > tbody > tr:nth-child(even) > * { box-shadow: inset 0 0 0 9999px var(--maska-row-zebra); }
.table > tbody > tr:hover > * { box-shadow: inset 0 0 0 9999px var(--maska-row-hover); }
.table-bordered > :not(caption) > * > * { border-color: var(--maska-row-line); }