/* styles-mk-card.css — карточка маршрутной карты (pages-mk-card.js).
   Маршрут листом «Справочника бригад» — styles-mk-route-grid.css.
   Здесь — полоса над маршрутом и её кнопки. */

/* Полоса над маршрутом: «№ · название» одним полем, как поиск у бригад
   (у черновика название — поле ввода внутри). */
.mk-card-toolbar .mk-card-name-box {
  display: inline-flex; align-items: center; gap: 8px; width: 300px; max-width: 100%; min-width: 0;
}
.mk-card-no { flex: 0 0 auto; color: #8fa9c9; font-size: 11px; font-weight: 800; }
.mk-card-name-input,
.mk-card-name-text {
  flex: 1 1 auto; min-width: 0; color: #fff; font-family: inherit; font-size: 11px; font-weight: 800;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mk-card-name-input { border: 0; outline: none; padding: 0; background: transparent; }
.mk-card-name-input::placeholder { color: #8fa9c9; font-weight: 600; }
.mk-card-name-box:focus-within { border-color: rgba(125, 158, 209, 0.9); }

/* Под маршрутом — только замечание «операция удалена из справочника». */
#mkCardFoot { flex: 0 0 auto; }
#mkCardFoot .mk-op-gone-note { margin: 8px 10px; }

/* Кнопки правки в тёмной полосе над карточкой — рядом с «← К списку». */
.mk-card-actions { display: inline-flex; align-items: center; gap: 8px; }
.mk-card-actions:empty { display: none; }
/* «Партиями» — кнопкой-переключателем тем же кроем, что plan-btn; включено —
   оранжевым, как активные кнопки кабинета (владелец, 28.09: «плохо видно»).
   color с !important — у метки цвет задан инлайном в pages-mk-batch.js. */
.mk-card-actions .mk-batch-toggle {
  min-height: 29px; padding: 0 12px 0 9px; border-radius: 10px;
  border: 1px solid rgba(122, 171, 240, 0.4); background: rgba(47, 87, 143, 0.42);
  color: #daebff !important; font-size: 11px !important; font-weight: 700;
}
.mk-card-actions .mk-batch-toggle:hover { border-color: rgba(177, 213, 255, 0.72); }
.mk-card-actions .mk-batch-toggle:has(input:checked) {
  background: var(--module-active); color: #1e2024 !important;
  border-color: rgba(255, 214, 150, 0.55); box-shadow: 0 6px 14px rgba(255, 149, 35, 0.22);
}
.mk-card-actions .mk-batch-toggle input { accent-color: #1e2024; margin: 0; }

/* Список: название — ссылка в карточку (номер — просто плашка). */
#mkTable .eq-name-link { display: inline-block; max-width: 100%; vertical-align: bottom; }

/* Состояние карты сразу после «Партиями»: «Сохранить карту» + «не сохранено», либо
   зелёная «✓ сохранено» (pages-mk-route-grid.js, владелец 26.10.2026). */
.mk-card-state { display: inline-flex; align-items: center; gap: 8px; }
.mk-card-saved {
  display: inline-flex; align-items: center; min-height: 29px; padding: 0 12px; border-radius: 10px;
  background: rgba(31, 122, 82, 0.22); border: 1px solid rgba(91, 214, 150, 0.45);
  color: #b9f0d2; font-size: 11px; font-weight: 700;
}
/* Есть несохранённое — кнопка яркая, заметная на тёмной полосе. */
.mk-card-state #mkSaveBtn { background: #1f9d55; border-color: #34c77b; color: #fff; box-shadow: 0 6px 14px rgba(31, 157, 85, 0.28); }
.mk-card-state #mkSaveBtn:hover { background: #22ad5e; }