/* ── Светлая тема ЦУП ────────────────────────────────────────────────────────
   Активируется атрибутом html[data-theme="light"] (ставит переключатель).
   Переопределяем ТОЛЬКО нейтральные переменные (фон/панель/текст/границы/тени).
   Фирменные и семантические цвета (brand, signal, good/bad/warn, blue, green…)
   не трогаем — они читаемы и на светлом. Специфичность html[data-theme] выше,
   чем у :root на страницах, поэтому переопределение выигрывает без !important.

   Замечание: страницы с ТЁМНЫМ дизайном, где цвета заданы жёстко (не через
   переменные) — логистика, контракты, статистика, реализация — доводятся
   отдельными правилами ниже (по мере готовности). */

html[data-theme="light"]{
  /* фоны */
  --bg:#f3f5f9; --bg2:#ffffff; --bg3:#eef1f6;
  --canvas:#f3f4f7; --surface:#ffffff; --surface2:#f5f6fa;
  --panel:#ffffff; --panel-h:#f3f6fb; --card:#ffffff; --white:#ffffff;
  /* текст */
  --text:#1a1e27; --text-2:#39414f; --text-3:#5b6472; --text-4:#8a93a3;
  --text2:#39414f; --text3:#6b7280;
  --text-dim:#5b6472; --text-faint:#8a93a3;
  /* границы */
  --line:#e4e7ef; --line-2:#d5dae4;
  --border:#e4e7ef; --border2:#d0d5e2;
  --stroke:#e2e0de; --stroke-2:#d3d1cf; --stroke-strong:#cfcdca;
  /* тени — мягкие серые (у некоторых страниц уже такие) */
  --shadow:0 4px 16px rgba(18,28,45,.08);
  --shadow-1:0 1px 3px rgba(18,28,45,.08); --shadow-sm:0 1px 3px rgba(18,28,45,.07);
  --shadow-2:0 4px 16px rgba(18,28,45,.09); --shadow-md:0 4px 16px rgba(18,28,45,.09);
  --shadow-3:0 16px 44px rgba(18,28,45,.14); --shadow-lg:0 20px 56px rgba(18,28,45,.16);
  color-scheme: light;
}

/* Плавный переход при переключении темы */
html[data-theme="light"] body,
html[data-theme="light"] body *{transition:background-color .2s ease, border-color .2s ease, color .15s ease}

/* ── Плавающий переключатель темы ─────────────────────────────────────────── */
#themeToggle{
  position:fixed; right:18px; bottom:18px; z-index:9999;
  width:40px; height:40px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(27,31,39,.92); color:#c7ccd6; border:1px solid rgba(255,255,255,.10);
  box-shadow:0 4px 14px rgba(0,0,0,.24); cursor:pointer;
  padding:0; line-height:0; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  transition:color .15s ease, border-color .15s ease, background .2s ease;
}
#themeToggle:hover{color:#fff; border-color:rgba(255,255,255,.22)}
#themeToggle svg{display:block}
html[data-theme="light"] #themeToggle{
  background:rgba(255,255,255,.92); color:#4b5563; border-color:#e0e4ec; box-shadow:0 4px 14px rgba(18,28,45,.12);
}
html[data-theme="light"] #themeToggle:hover{color:#1a1e27; border-color:#c9cfdb}
@media print{#themeToggle{display:none}}

/* ── Доводка тёмно-захардкоженных элементов под светлую тему ──────────────────
   Селекторы со специфичностью html[data-theme="light"] всегда переопределяют
   :root страниц. Тёмные выпадашки/панели/таблицы становятся светлыми, чтобы
   тёмный текст (var(--text)) снова читался. Тёмную тему не трогаем. */

/* Мультиселекты «ОТДЕЛ/ПРОИЗВОДИТЕЛЬ/МЕСЯЦ» (Контракты, Логистика) */
html[data-theme="light"] .ms-panel{background:#ffffff; box-shadow:0 20px 50px -18px rgba(18,28,45,.28)}
html[data-theme="light"] .ms-panel .ms-opt:hover{background:#eef1f6}
html[data-theme="light"] .ms-search{background:#f1f4f9; color:#1a1e27}
html[data-theme="light"] .ms-btn:hover{border-color:#c9cfdb}
html[data-theme="light"] .yearsel select option{background:#ffffff; color:#1a1e27}

/* Логистика: тёмные «липкие» ячейки таблицы */
html[data-theme="light"] .mtable th,
html[data-theme="light"] .mtable th.grp,
html[data-theme="light"] .mtable td.grp{background:#eef1f6}
html[data-theme="light"] .wp{background:#c3cbdb; border-color:rgba(18,28,45,.20)}

/* Тёмные тултипы — всегда светлый текст (читаемы в обеих темах) */
.tip{color:#e8edf6}