/* Темная тема для OCPP.Core.Management */

:root {
    --dark-bg: #121212;
    --dark-bg-secondary: #1e1e1e;
    --dark-text: #e1e1e1;
    --dark-link: #90caf9;
    --dark-border: #424242;
    --dark-header-bg: #212121;
    --dark-card-bg: #262626;
    --dark-input-bg: #333;
    --dark-btn-bg: #444;
    --dark-modal-bg: #333;
}

/* Применение темной темы к классу body для переключения */
body.dark-mode {
    background-color: var(--dark-bg);
    color: var(--dark-text);
}

/* Навигационная панель */
body.dark-mode .navbar {
    background-color: var(--dark-header-bg) !important;
}

body.dark-mode .navbar-light .navbar-brand,
body.dark-mode .navbar-light .navbar-nav .nav-link {
    color: var(--dark-text);
}

body.dark-mode .navbar-light .navbar-toggler {
    border-color: var(--dark-border);
    background-color: var(--dark-btn-bg);
}

/* Ссылки */
body.dark-mode a {
    color: var(--dark-link);
}

body.dark-mode a:hover {
    color: #bbdefb;
}

/* Карточки */
body.dark-mode .card {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border);
}

body.dark-mode .card-body {
    background-color: var(--dark-card-bg);
}

body.dark-mode .card-footer {
    background-color: var(--dark-bg-secondary);
    border-top-color: var(--dark-border);
}

body.dark-mode .card-header {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .card-body.text-secondary {
    color: var(--dark-text) !important;
}

/* Кнопки */
body.dark-mode .btn-outline-secondary {
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode .btn-outline-secondary:hover {
    background-color: var(--dark-btn-bg);
    color: var(--dark-text);
}

body.dark-mode .btn-secondary {
    background-color: var(--dark-btn-bg);
    border-color: var(--dark-border);
}

/* Формы и инпуты */
body.dark-mode .form-control {
    background-color: var(--dark-input-bg);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

body.dark-mode .modal-content {
    background-color: var(--dark-modal-bg);
    border-color: var(--dark-border);
}

body.dark-mode .modal-header {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .modal-footer {
    border-top-color: var(--dark-border);
}

body.dark-mode .form-text {
    color: #aaa !important;
}

/* Таблицы */
body.dark-mode .table {
    color: var(--dark-text);
}

body.dark-mode .table thead th {
    border-bottom-color: var(--dark-border);
}

body.dark-mode .table td, 
body.dark-mode .table th {
    border-top-color: var(--dark-border);
}

/* Футер */
body.dark-mode .footer {
    background-color: var(--dark-header-bg);
    border-top-color: var(--dark-border);
}

/* Селекты и выпадающие списки */
body.dark-mode .custom-select,
body.dark-mode select.form-control {
    background-color: var(--dark-input-bg);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

/* Alerts */
body.dark-mode .alert-danger {
    background-color: #542121;
    color: #ffb3b3;
    border-color: #842029;
}

body.dark-mode .alert-success {
    background-color: #1e4620;
    color: #d4edda;
    border-color: #28a745;
}

/* Сохраняем цвета состояния заряда */
body.dark-mode .successColor {
    background-color: #1c6b1c !important;
}

body.dark-mode .errorColor {
    background-color: #6b1c1c !important;
}

body.dark-mode .unavailableColor {
    background-color: #4a4a4a !important;
}

body.dark-mode .infoColor {
    background-color: #86711c !important;
}

/* Дропдауны */
body.dark-mode .dropdown-menu {
    background-color: var(--dark-modal-bg);
    border-color: var(--dark-border);
}

body.dark-mode .dropdown-item {
    color: var(--dark-text);
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: var(--dark-btn-bg);
    color: var(--dark-text);
}

/* Модальное окно администрирования */
body.dark-mode #adminPasswordModal .modal-content {
    background-color: var(--dark-modal-bg);
    border-color: var(--dark-border);
}

body.dark-mode #adminPasswordModal .modal-header {
    background-color: #0062cc !important; /* Оставляем синий, но немного темнее */
}

body.dark-mode #adminPasswordModal .close {
    color: var(--dark-text);
}

body.dark-mode #adminPasswordModal .modal-body {
    color: var(--dark-text);
}

body.dark-mode #adminPasswordModal .list-group-item {
    background-color: var(--dark-card-bg);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode #adminPasswordModal .list-group-item:hover {
    background-color: var(--dark-btn-bg);
}

/* Стили для контейнера быстрых команд */
body.dark-mode .quick-commands-container {
    background-color: rgba(18, 18, 18, 0.95);
}

body.dark-mode .quick-commands-container .close {
    color: var(--dark-text);
}

/* Стили для пунктов меню в темной теме */
body.dark-mode .custom-dropdown-menu {
    background-color: var(--dark-card-bg);
    border-color: var(--dark-border);
}

body.dark-mode .custom-dropdown-item {
    color: var(--dark-text);
}

body.dark-mode .custom-dropdown-item:hover {
    background-color: var(--dark-btn-bg);
    color: var(--dark-text);
}

body.dark-mode .custom-dropdown-divider {
    border-top-color: var(--dark-border);
}

/* Иконка трех точек в темной теме */
body.dark-mode .command-trigger {
    color: #aaa;
}

body.dark-mode .command-trigger:hover {
    color: var(--dark-text);
}