/* ═══════════════════════════════════════════════════════════════════════════════
   §91. СВЕТЛАЯ ТЕМА — локальные уточнения к единой системе кнопок

   23.10.2026 (D-343). Раньше этот файл был ТРЕТЬИМ независимым «дизайном
   кнопок»: он спорил с light-theme.css и light-glass.css, каждый со своим
   !important, а сверху их всех перебивали модульные файлы (procurement,
   suppliers, assembly, склады, сметы), красившие primary в золото.

   Теперь цвет, форма и состояния кнопок живут в ОДНОМ месте —
   `assets/css/buttons-system.css` (подключён последним). Здесь осталось только
   то, что действительно относится к светлой теме и не является «цветом кнопки»:
   сегментированные переключатели, размеры-уточнения и счётчик-бейдж.
   ═══════════════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] {
  --btn-radius: 10px;
  --btn-h: 38px;
  --btn-focus: 0 0 0 3px rgba(29, 78, 216, 0.22);
}

/* ── Размеры (цвет задаёт buttons-system.css) ────────────────────────────── */
html[data-theme="light"] .btn.mini,
html[data-theme="light"] .btn.sm {
  min-height: 28px;
  padding: 0 11px;
  font-size: 12px;
  border-radius: 7px !important;
  gap: 6px;
}
html[data-theme="light"] .btn.lg {
  min-height: 44px;
  padding: 0 22px;
  font-size: 14px;
}
html[data-theme="light"] .btn.icononly {
  min-width: var(--btn-h);
  padding: 0;
}

/* ── Переключатели-плашки (segmented): в ту же систему ───────────────────── */
html[data-theme="light"] :is(.proc-vt, .wh2-fchip, .wh2-eq-grp-btn, .prs-chip) {
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: color-mix(in srgb, #FFFFFF 86%, transparent);
  color: var(--t2);
  font-weight: 600;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
html[data-theme="light"] :is(.proc-vt--on, .wh2-fchip--active, .wh2-eq-grp-btn--on) {
  background: linear-gradient(180deg, var(--bsys-primary-1) 0%, var(--bsys-primary-2) 100%) !important;
  border-color: var(--bsys-primary-brd) !important;
  color: var(--bsys-primary-ink) !important;
  box-shadow: 0 1px 2px rgba(29, 78, 216, 0.22), 0 4px 12px rgba(29, 78, 216, 0.16);
}

/* ── FAB склада «в корзину» — использует primary-цвет системы ────────────── */
html[data-theme="light"] .wh2-fab__btn,
html[data-theme="light"] .wh2-stp--add {
  background: linear-gradient(180deg, var(--bsys-primary-1) 0%, var(--bsys-primary-2) 100%) !important;
  border: 1px solid var(--bsys-primary-brd) !important;
  color: var(--bsys-primary-ink) !important;
  box-shadow: 0 2px 6px rgba(29, 78, 216, 0.28), 0 10px 24px rgba(29, 78, 216, 0.22) !important;
}

/* ── Счётчик на табе «Согласования» — это бейдж, не кнопка ──────────────── */
html[data-theme="light"] .ap-tab__n {
  background: var(--gold) !important;
  color: #FFFFFF !important;
}