/* =========================================================
   ИПКСЗ — UI-кит сайта: переиспользуемые элементы интерфейса
   =========================================================
   Подключается в публичном layout ПОСЛЕ site.css (и ПЕРЕД forms.css).
   Здесь только общие примитивы, чтобы новые страницы и формы не изобретали
   заново центрирование, алерты, ряды кнопок и т.п.
   Токены (цвета/радиусы/тени) — из site.css: :root.
   Базовый слой (reset, типографика, .container/.section, .btn-семейство,
   .page-head/.page-title, .back-link, .pager, карточки) — в site.css.
   Стили форм — в forms.css. Правки админки — в admin-*.css/editor.css.
   ========================================================= */

/* Центрированная колонка контента: ширину задаёт переменная --col.
   Пример: <div class="site-col">…</div>, <div class="site-col site-col--narrow">…</div> */
.site-col { width: 100%; max-width: var(--col, 960px); margin-inline: auto; }
.site-col--narrow { --col: 760px; }
.site-col--wide { --col: 1120px; }

/* Ряд кнопок/действий (адаптивно переносится) */
.actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.actions--sm { gap: 10px; }
.actions--end { justify-content: flex-end; }
.actions--between { justify-content: space-between; }

/* Сообщения (ошибка/успех/инфо) */
.alert { border: 1px solid transparent; border-radius: 10px; padding: 12px 14px; margin: 0 0 16px; font-size: .95rem; }
.alert--error { background: #fdecea; border-color: #f5c6c2; color: #b3261e; }
.alert--success { background: #eafaf1; border-color: #bde5cd; color: #14603c; }
.alert--info { background: var(--c-blue-50); border-color: var(--c-blue-100); color: var(--c-blue); }

/* Пустое состояние (нет результатов/записей) */
.empty { text-align: center; color: var(--c-muted); padding: 34px 16px; }

/* Чип/плашка (счётчики, метки-пилюли) */
.chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px; border: 1px solid var(--c-border); border-radius: 999px;
  background: var(--c-blue-50); color: var(--c-text); font-size: .8125rem; line-height: 1.2;
}
.chip--plain { background: var(--c-surface); }
.chip__num { font-weight: 700; color: var(--c-blue); }

/* Доступно только скринридерам (подписи, заголовки-невидимки) */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}