/* Светлая тема сайта. Тёмная — это собственные цвета каждой страницы (их :root); здесь только то, что включается атрибутом
   data-theme="light" на <html> (ставит js/theme.js). Значения совпадают со светлой темой страниц «Кабинет» и «Спросить базу знаний». */

:root[data-theme="light"] {
  --bg: #F5F6F8; --sidebar-bg: #FFFFFF; --card-bg: #FFFFFF; --text: #1B2030; --muted: #667085;
  --border: #E3E6EC; --primary: #4338CA; --primary-hover: #3730A3; --primary-text: #FFFFFF;
  --danger: #B42318; --danger-bg: #FEE4E2; --success: #067647; --success-bg: #D1FADF;
  --warning: #B54708; --warning-bg: #FEF0C7; --gray-bg: #EEF0F4;
  color-scheme: light;
}

/* боковая панель: цвета в страницах зашиты под тёмный фон */
:root[data-theme="light"] .nav-group-label { color: #7C8798; }
:root[data-theme="light"] .nav-group a { color: #475467; }
:root[data-theme="light"] .nav-group a:hover { background: #F2F4F7; }
:root[data-theme="light"] .nav-group a.active { color: var(--primary); background: #EEF2FF; }
:root[data-theme="light"] .sidebar .logo svg rect { stroke: var(--primary); }

/* зашитые тёмные оттенки */
:root[data-theme="light"] button.secondary:hover { background: #E2E5EB; }
:root[data-theme="light"] .tooltip-box { background: #FFFFFF; box-shadow: 0 8px 24px rgba(16,24,40,0.14); }
:root[data-theme="light"] .kpi-value .unit { color: #7C8798; }
:root[data-theme="light"] .problem-item { color: #344054; border-top-color: var(--border); }
:root[data-theme="light"] tr.sku-row:hover td { background: rgba(16,24,40,0.03); }
:root[data-theme="light"] tr.sku-row.selected td { background: #EEF2FF; }
:root[data-theme="light"] .detail-btn { background: #EEF2FF; border-color: #C7D2FE; }
:root[data-theme="light"] .detail-btn:hover { background: #E0E7FF; }
:root[data-theme="light"] .warehouse-tab.active { background: #EEF2FF; }
:root[data-theme="light"] .badge.agent { background: #EEF2FF; }
:root[data-theme="light"] .badge.monitor,
:root[data-theme="light"] .badge.needs_reanalysis { background: #EDE9FE; color: #6D28D9; }

/* боковая панель закреплена на экране (прокручивается сама, если пунктов больше, чем высота окна) */
@media (min-width: 861px) {
  .sidebar[data-nav] { position: sticky; top: 0; align-self: flex-start; height: 100vh; overflow-y: auto; }
}

/* кнопка переключения темы */
.theme-toggle {
  background: transparent; color: var(--muted); border: 1px solid var(--border); border-radius: 8px;
  padding: 8px 10px; font-size: 13px; font-weight: 500; cursor: pointer; text-align: left; font-family: inherit;
}
.theme-toggle:hover { background: var(--gray-bg); color: var(--text); }
.sidebar .theme-toggle { margin: -14px 8px 20px; }
.theme-toggle-float { position: fixed; right: 14px; bottom: 14px; z-index: 200; background: var(--card-bg); }