/* EQUATOR Pulse — точечные добавки поверх дизайн-системы (pulse.css) и Bootstrap. */

:root {
  /* Моноширинный шрифт (используется в pulse.css как var(--mono)). */
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}

/* Переключатель темы в topbar: показываем иконку, противоположную текущей теме. */
[data-theme="light"] .icon-sun { display: none; }
[data-theme="dark"] .icon-moon { display: none; }

/* Контент внутри .page — у Bootstrap-карточек (bg-white) даём мягкую тень дизайна. */
.page .card.bg-white,
.page .table.bg-white {
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

/* Хлебные крошки Bootstrap внутри дизайна — компактнее и в палитре. */
.page .breadcrumb { font-size: 12.5px; margin-bottom: 14px; }
.page .breadcrumb a { color: var(--eq-red); text-decoration: none; }
.page .breadcrumb-item.active { color: var(--text-3); }

/* Заголовки страниц (Bootstrap h1.h4) — в типографике дизайна. */
.page h1 { letter-spacing: -0.02em; }

/* Иконка-подсказка «?» (Z6): клик показывает попап с подробным описанием (app.js).
   cursor:pointer — иконка кликабельна; внутри сортируемых заголовков клик НЕ сортирует. */
.hint { color: var(--text-3); font-size: 11.5px; cursor: pointer; margin-left: 4px; vertical-align: 1px; }
.hint:hover { color: var(--eq-red); }
.eq-hint-pop {
  position: fixed; z-index: 10050; padding: 10px 12px; border-radius: 10px;
  background: var(--surface, #fff); color: var(--text, #222); border: 1px solid var(--border);
  box-shadow: 0 10px 32px rgba(20, 20, 40, .22); font-size: 12.5px; line-height: 1.45;
  text-transform: none; letter-spacing: normal; font-weight: 400; white-space: normal; text-align: left;
}

/* Item 6 (июль-2026): подписи полей форм — приглушённый цвет и лёгкий вес, чтобы значения были
   в фокусе, а подписи не перетягивали внимание. Покрывает crispy-формы (.form-label) и фильтры.
   Кастомные формы (.opf-*/.psf-*/.ppm-*) приведены к тому же тону в своих <style>-блоках. */
.form-label { color: var(--text-3); font-weight: 500; }