/* ─────────────────────────────────────────────────────────────
   COMPACT MODE — для ноутбуков и небольших экранов.

   Срабатывает когда:
     · высота окна ≤ 900px (классический ноутбучный экран),
     · ИЛИ ширина окна ≤ 1600px при высоте ≤ 1080px.

   Цель: уплотнить интерфейс канбана и шапок, чтобы в столбце
   помещалось 5–6 карточек лидов вместо 3.

   Здесь только overrides — все базовые стили лежат в kanban.css /
   cards.css. На больших мониторах правила НЕ применяются.
   ───────────────────────────────────────────────────────────── */

@media (max-height: 900px), (max-width: 1600px) and (max-height: 1080px) {

  /* ── Топ-бар канбана ───────────────────────────────────────── */
  .kb-top { padding: 4px 14px !important; gap: 4px; margin-bottom: 4px !important; }
  .kb-top-row { gap: 8px; }
  .kb-actions { gap: 6px; }
  .kb-btn-primary, .kb-btn-outline { padding: 6px 12px !important; font-size: 12px; }
  .kb-btn-sm { padding: 4px 8px !important; font-size: 11px; }

  /* ── Фильтры ───────────────────────────────────────────────── */
  .kb-filters { padding: 2px 8px !important; margin-bottom: 4px !important; }
  .kb-search { font-size: 13px !important; padding: 6px 10px !important; }
  .kb-select { font-size: 11px !important; padding: 4px 8px !important; height: 28px !important; }

  /* ── Доска ─────────────────────────────────────────────────── */
  .kanban-board { padding: 4px 12px !important; gap: 10px !important; }

  /* Колонка узнее → больше колонок видно ширине */
  .kanban-col { min-width: 240px !important; max-width: 260px !important; }
  .kb-col-header { padding: 6px 10px !important; }
  .kb-col-header-top { gap: 6px; }
  .kb-col-header h3, .kb-col-header .kb-col-title { font-size: 12px !important; }
  .kb-col-header .kb-col-count { font-size: 10px !important; padding: 1px 6px !important; }
  .kb-col-body { padding: 6px 8px !important; gap: 6px !important; }
  .kb-col-add { padding: 4px 8px !important; font-size: 11px !important; }

  /* ── Сама карточка лида ─────────────────────────────────────── */
  .lead-card .lead-card-body,
  .lead-card .lead-card-content,
  .lead-card { /* у некоторых разметок body — на самом .lead-card */
    /* fallback paddings — внутренние отступы карточки */
  }

  /* Главное: вертикальные отступы карточки и её содержимого */
  .lead-card { border-radius: 10px; }
  .lead-card .lead-card-body { padding: 6px 8px 6px 11px !important; min-height: 70px !important; }
  .lead-card .lead-card-name { font-size: 12px !important; }
  .lead-card .lead-card-meta { gap: 2px 6px !important; margin-bottom: 3px !important; }
  .lead-card .lead-card-row { margin-bottom: 3px !important; }
  .lead-card .lead-card-tags { gap: 2px !important; margin-bottom: 3px !important; }
  .lead-card .lead-card-tags .tag { padding: 0 5px !important; font-size: 9px !important; }

  /* Аватарка/иконки внутри карточки уменьшаем */
  .lead-card .lead-card-avatar,
  .lead-card .lead-card-author { width: 18px !important; height: 18px !important; font-size: 9px !important; }

  /* Иконки качества/приоритета */
  .lead-card .lead-card-accent { width: 3px !important; }

  /* ── Сайдбар (общий) — узнее, чтобы доске больше места ────── */
  :root { --sidebar-w: 192px; }
  .sidebar-nav-item { padding: 8px 12px !important; font-size: 13px !important; }

  /* ── Заголовок страницы (хедер) ─────────────────────────────── */
  .topbar { height: 50px !important; }
  :root { --header-h: 50px; }

  /* ── Тосты, мелочи ──────────────────────────────────────────── */
  .toast { font-size: 12px !important; padding: 8px 12px !important; }
}

/* Отдельная подстройка для ОЧЕНЬ маленьких ноутбуков (1366×768) */
@media (max-height: 800px) {
  .kanban-col { min-width: 220px !important; max-width: 240px !important; }
  .lead-card .lead-card-body { padding: 5px 7px 5px 10px !important; min-height: 64px !important; }
  .lead-card .lead-card-name { font-size: 11.5px !important; }
}