/* Глобальные стандарты DealRule (Светлая тема по умолчанию) */
:root, [data-bs-theme="light"] {
    /* Фирменный зеленый бренд */
    --dr-primary: #059669;         /* Основной изумрудный */
    --dr-primary-hover: #047857;   /* Темнее при наведении */
    --dr-primary-light: #ecfdf5;   /* Легкий фон для алертов */

    /* Системные цвета */
    --dr-bg-main: #f8f9fa;         /* Светло-серый фон кабинета */
    --dr-bg-card: #ffffff;         /* Белые карточки */
    --dr-text-main: #0f172a;       /* Slate 900 для текста */
    --dr-text-muted: #64748b;      /* Slate 500 для подсказок */
    --dr-text-muted-light: #94a3b8; /* Slate 400 для совсем мелких деталей */
    --dr-border: #e2e8f0;          /* Тонкие b2b границы */

    /* Компоненты UI */
    --dr-sidebar-bg: #0f172a;      /* Глубокий темный сайдбар (всегда темный) */
    --dr-sidebar-text: #94a3b8;

    /* Статусные цвета */
    --dr-success: #198754;
    --dr-warning: #ffc107;
    --dr-danger: #dc3545;
    --dr-info: #0dcaf0;
    --dr-border-light: #edf2f7;

    --dr-chart-1: #0d6efd;
    --dr-chart-2: #f59e0b;
    --dr-chart-3: #6657d9;
    --dr-chart-4: #0dcaf0;
    --dr-chart-5: #198754;
    --dr-chart-6: #dc3545;
    --dr-bg-hover: #f1f5f9;

    --dr-chart-neutral: var(--dr-chart-1);
    --dr-chart-warning: var(--dr-chart-2);


    /* Мягкие фоновые варианты статусных цветов */
    --dr-bg-metric: rgba(192, 236, 216, 0.12);
    --dr-success-soft: rgba(25, 135, 84, 0.12);
    --dr-warning-soft: rgba(255, 193, 7, 0.15);
    --dr-primary-soft: rgba(21, 182, 80, 0.12);
    --dr-danger-soft: rgba(220, 53, 69, 0.12);
}

/* Переключение на Темную тему */
[data-bs-theme="dark"] {
    --dr-bg-main: #0b0f19;         /* Глубокий темный оникс */
    --dr-bg-card: #131c2e;         /* Карточки чуть светлее фона */
    --dr-text-main: #f8fafc;       /* Светлый текст */
    --dr-text-muted: #cbd5e1;     /* Серый текст */
    --dr-text-muted-light: #64748b;  /* Slate 500 для второстепенных мелочей */
    --dr-border: #334155;          /* Темные границы */

    --dr-primary-light: rgba(16, 185, 129, 0.1); /* Полупрозрачный зеленый */

    /* Статусные цвета (тёмная тема) */
    --dr-success: #22c55e;
    --dr-warning: #fbbf24;
    --dr-danger: #ef4444;
    --dr-info: #38bdf8;
    --dr-border-light: #2b3648;

    --dr-chart-1: #3d8bfd;
    --dr-chart-2: #fbbf24;
    --dr-chart-3: #9a8cff;
    --dr-chart-4: #38bdf8;
    --dr-chart-5: #22c55e;
    --dr-chart-6: #ef4444;
    --dr-bg-hover: #1e293b;

    --dr-chart-neutral: var(--dr-chart-1);
    --dr-chart-warning: var(--dr-chart-2);

    /* Мягкие фоновые варианты (тёмная тема) */
    --dr-bg-metric: rgba(176, 236, 209, 0.12);
    --dr-success-soft: rgba(34, 197, 94, 0.12);
    --dr-primary-soft: rgba(21, 182, 80, 0.12);
    --dr-warning-soft: rgba(251, 191, 36, 0.15);
    --dr-danger-soft: rgba(239, 68, 68, 0.12);
}

/* Быстрый маппинг на утилиты (чтобы не ломать Bootstrap) */
.btn-primary {
    background-color: var(--dr-primary) !important;
    border-color: var(--dr-primary) !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: var(--dr-primary-hover) !important;
    border-color: var(--dr-primary-hover) !important;
}
.text-primary { color: var(--dr-primary) !important; }
body { background-color: var(--dr-bg-main); color: var(--dr-text-main); transition: background 0.2s, color 0.2s; }
.card { background-color: var(--dr-bg-card); border: 1px solid var(--dr-border) !important; }

/* Утилиты DealRule для текста, заменяющие text-dark и text-muted */
.text-main {
    color: var(--dr-text-main) !important;
}
.text-muted {
    color: var(--dr-text-muted) !important;
}
/* Специальный фиксированный приглушенный цвет для тёмного сайдбара */
.sidebar .text-muted-sidebar {
    color: var(--dr-text-main) !important; /* Стабильный Slate 500, который не изменится при переключении тем */
}
.text-dr-muted-light {
    color: var(--dr-text-muted-light) !important;
}

/* =====================================================
   Dashboard Shell — вынесено из rop-layout.php
   ===================================================== */

/* Глобальная структура */
body { display: flex; min-height: 100vh; overflow-x: hidden; }
.main-wrapper { flex-grow: 1; display: flex; flex-direction: column; background: var(--dr-bg-main); min-width: 0; }
.topbar { height: 70px; background: var(--dr-bg-card); border-bottom: 1px solid var(--dr-border); display: flex; align-items: center; padding: 0 30px; }
.content-body { padding: 10px 30px; flex-grow: 1; }

/* Базовый сайдбар (Развернутый) */
.sidebar { width: 280px; background: var(--dr-sidebar-bg); flex-shrink: 0; transition: width 0.25s ease-in-out; z-index: 1000; overflow: hidden; }
.sidebar .logo-full { display: block; }
.sidebar .logo-short { display: none; font-size: 1.5rem; font-weight: bold; color: var(--dr-primary); text-align: center; }
.sidebar .text-muted-sidebar { transition: opacity 0.2s; opacity: 1; }

/* Ссылки навигации */
.nav-link-dr { color: var(--dr-sidebar-text); padding: 12px 20px; border-radius: 8px; margin: 4px 15px; display: flex; align-items: center; gap: 12px; transition: all 0.2s; text-decoration: none; white-space: nowrap; }
.nav-link-dr:hover { background: rgba(255,255,255,0.05); color: #fff; }
.nav-link-dr.active { background: var(--dr-primary); color: #fff; }
.nav-link-dr i { font-size: 1.2rem; flex-shrink: 0; }
.nav-link-dr span { transition: opacity 0.2s; opacity: 1; }

/* Кнопки интерфейса */
.theme-toggle-btn, .sidebar-toggle-btn { cursor: pointer; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--dr-border); background: var(--dr-bg-card); color: var(--dr-text-main); transition: 0.2s; }
.theme-toggle-btn:hover, .sidebar-toggle-btn:hover { background: var(--dr-bg-main); }

.crm-iframe-theme-toggle {
    position: fixed;
    top: 3px;
    right: 5px;
    z-index: 1040;
}

/* ===================================================
   ЛОГИКА ДЛЯ СВЕРНУТОГО СОСТОЯНИЯ (html.sidebar-collapsed)
   ====================================================== */
html.sidebar-collapsed .sidebar { width: 78px; }
html.sidebar-collapsed .sidebar .logo-full { display: none; }
html.sidebar-collapsed .sidebar .logo-short { display: block; }
html.sidebar-collapsed .sidebar .text-muted-sidebar { display: none; }

/* Сужаем отступы у ссылок, прячем текст, центрируем иконки */
html.sidebar-collapsed .nav-link-dr { margin: 4px 10px; padding: 12px 0; justify-content: center; }
html.sidebar-collapsed .nav-link-dr span { display: none; }
html.sidebar-collapsed .sidebar .border-top { padding: 3px 0 !important; }