/* styles-mk-route-grid.css — маршрут карты листом «Справочника бригад» (pages-mk-route-grid.js).
   Таблица, карточки, меню клетки, цвета шапки — классы сетки бригад и «Графика смен»
   (styles-roster*.css, styles-brigade-grid.css). Здесь только своё: карточка операции,
   плашки «Количество» и «Связь», строка «+ выберите операцию», строка версии. */

/* ── шапка ─────────────────────────────────────────────────────────────── */
.plan-table.mk-route-grid thead th { height: 36px; text-align: center; vertical-align: middle; }
.plan-table.mk-route-grid thead th.mk-rg-h-op { text-align: left; background: linear-gradient(180deg, #2f6aa3, #28588a); }
.plan-table.mk-route-grid thead th .access-info-badge { margin-left: 5px; vertical-align: middle; }

/* ── строки ────────────────────────────────────────────────────────────── */
.plan-table.mk-route-grid tbody tr.mk-rg-row td { height: 46px; padding: 3px 6px; }
.plan-table.mk-route-grid tbody tr.mk-rg-row td.rg-emp { padding-right: 3px; }
.plan-table.mk-route-grid td.rg-meta { font-weight: 600; }
.plan-table.mk-route-grid td.t-center,
.plan-table.mk-route-grid td.mk-rg-link-cell { text-align: center; }
.plan-table.mk-route-grid tbody tr.is-drop td { box-shadow: inset 0 2px 0 #f59e0b; }

/* Операция — карточка, как «Основные» в бригаде: один цвет на все. */
.mk-rg-op {
  flex: 1 1 auto; min-width: 0; font: inherit; cursor: grab;
  background: #e7f1fb; color: #2a5b8c; border: 1px solid #b9d3ec; border-left: 3px solid #4a8ad0;
}
.mk-rg-op:hover { border-color: #60a5fa; }
.mk-rg-op.is-dragging { opacity: 0.45; }
.mk-rg-op.is-gone { background: #fdf1f1; color: #a33a3a; border-color: #f3cdcd; }
.mk-rg-op-empty,
.mk-rg-add-btn {
  flex: 1 1 auto; min-width: 0; padding: 6px 7px; text-align: left; cursor: pointer;
  font: inherit; font-size: 10.5px; font-weight: 600; font-style: italic; color: #7d93ad;
  border: 1.5px dashed #b6c9df; border-radius: 7px; background: transparent;
}
.mk-rg-add-btn { border-color: transparent; }
.mk-rg-op-empty:hover,
.mk-rg-add-btn:hover { color: #2f5f8a; border-color: #60a5fa; }
.plan-table.mk-route-grid tbody tr.mk-rg-add td { height: 40px; }

/* «Количество» — плашка: правится только у первой операции, дальше считается по маршруту. */
.plan-table.mk-route-grid .archive-inline-edit {
  display: inline-block; width: auto; min-width: 60px; padding: 5px 10px;
  border-radius: 7px; text-align: center; font-size: 11px; font-variant-numeric: tabular-nums;
}
.plan-table.mk-route-grid .mk-batch-qty { background: #fdf1dc; color: #8a5a12; border: 1px solid #efd09a; font-weight: 800; cursor: pointer; }
.plan-table.mk-route-grid .mk-batch-qty:hover { border-color: #e1a23a; }
.plan-table.mk-route-grid .mk-batch-qty.is-empty { color: #b8935a; font-weight: 600; }
.plan-table.mk-route-grid .archive-inline-edit.is-locked { background: #eef2f7; color: #4d6a8c; border: 1px dashed #c9d7e6; cursor: default; }
.plan-table.mk-route-grid .mk-batch-qty .plan-inline-editor { width: 60px; text-align: center; }

/* «Связь» — плашка: последовательно / параллельно с предыдущей строкой. */
.mk-rg-link {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px;
  border: 1px solid; border-radius: 7px; font: inherit; font-size: 10px; font-weight: 700; cursor: pointer;
}
.mk-rg-link::before { font-size: 11px; line-height: 1; }
.mk-rg-link.is-seq { background: #eee4f8; color: #5a3a8e; border-color: #c9b3e6; }
.mk-rg-link.is-seq::before { content: "→"; }
.mk-rg-link.is-par { background: #dcf2ee; color: #1f6b5e; border-color: #a8dccf; }
.mk-rg-link.is-par::before { content: "⇉"; }
button.mk-rg-link:hover { filter: brightness(0.96); }
.mk-rg-link-none { color: #8a9bb0; font-weight: 600; }
/* Не сходятся единицы с предыдущей строкой — пометка под «Связью». */
.mk-rg-break { display: block; margin-top: 3px; color: #9a5b00; font-size: 9.5px; font-weight: 700; white-space: normal; }

/* ── меню ──────────────────────────────────────────────────────────────── */
.mk-rg-menu { width: 320px; }
.mk-rg-menu-code { font-weight: 500; color: #6b7d93; }
.mk-rg-menu .mk-rg-link { cursor: inherit; }
.mk-rg-why { display: block; margin-top: 3px; font-weight: 500; font-size: 10px; color: #4d6a8c; white-space: normal; }