/* styles-nomenclature-kit.css — изделие из частей: галочки частей в выпадашке «№-МК»
 * (pages-nomenclature-kit.js) и подстроки частей в составе ПЗ (pages-prod-order-kit.js). */

.nom-kit-row { display: flex; align-items: center; gap: 4px; }
.nom-kit-row[hidden] { display: none; }
.nom-kit-row > .plan-op-option { flex: 1 1 auto; min-width: 0; }
.nom-kit-check {
  flex: 0 0 auto;
  width: 22px;
  text-align: center;
  font-size: 15px;
  line-height: 1;
  color: #8b97ad;
  cursor: pointer;
  user-select: none;
}
.nom-kit-check:focus-visible { outline: 2px solid #3d7fd4; outline-offset: 1px; border-radius: 4px; }

/* Отмеченная карта: вместо галочки — её номер в порядке движения заказа (26.10.2026). */
.nom-kit-check.is-on { width: 18px; height: 18px; margin: 0 2px; border-radius: 50%; background: #1f4e8a; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; }

/* Ручка ⠿ — только у отмеченных карт (их можно тянуть), у остальных место пустое,
 * чтобы галочки стояли ровным столбцом. */
.nom-kit-grip { flex: 0 0 auto; width: 12px; color: #8b97ad; text-align: center; visibility: hidden; user-select: none; touch-action: none; }
.nom-kit-row[data-kit-drag] > .nom-kit-grip { visibility: visible; cursor: grab; }
.nom-kit-row.is-drag { opacity: 0.5; }
.nom-kit-row.is-over > .plan-op-option { box-shadow: inset 0 0 0 2px #3d7fd4; }
/* Цех карты справа — отдельно от названия карты (владелец 26.10.2026). */
.nom-kit-ws { flex: 0 0 auto; max-width: 120px; padding: 1px 7px; border-radius: 8px; background: #eef2f7; color: #5b6b84; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nom-kit-ws.is-none { background: #fff0d6; color: #8a5200; }

/* Нижняя панель: «Выбрано: N | Отмена Сохранить». */
.nom-kit-bar {
  position: sticky;
  bottom: -8px;
  margin: 4px -8px -8px;
  padding: 6px 8px;
  border-top: 1px solid #e3e8f1;
  background: #fff;
  font-size: 12.5px;
  color: #1f2937;
}
.nom-kit-bar[hidden] { display: none; }
.nom-kit-bar-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.nom-kit-btns { display: flex; gap: 6px; flex: 0 0 auto; }
.nom-kit-btns button { padding: 4px 12px; border-radius: 7px; border: 1px solid #cfd8e5; background: #fff; color: #1f2937; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.nom-kit-btns .nom-kit-save { background: #1f4e8a; border-color: #1f4e8a; color: #fff; }

/* Ячейка «№-МК» изделия из частей — оранжевая, как в макете. */
.nom-kit-chip { background: #fff0d6 !important; color: #8a5200 !important; border: 1px solid #f0cf91 !important; max-width: 100%; }
.nom-kit-chip .cell-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Состав ПЗ: подстроки частей изделия. */
.prod-kit-toggle { border: 0; background: none; padding: 0 4px 0 0; color: #1d3561; cursor: pointer; font: inherit; }
.prod-kit-badge { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 9px; background: #e6edf8; color: #1d3561; font-size: 11px; font-weight: 600; }
tr.prod-kit-part td { background: #fafcff; }
.prod-kit-part-name { padding-left: 22px; font-weight: 600; }
.prod-kit-ws { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 8px; background: #e6edf8; color: #1d3561; font-size: 11px; font-weight: 400; }

/* Выпадашка «№-МК» выше и шире общей (320px): карты с названиями видны целиком,
 * выбирать спокойно. Нижняя панель прилипает к низу — прокрутка к карте не прячет
 * её под панелью. */
.nom-mk-wrap .plan-op-menu { min-width: 470px; max-height: min(560px, 72vh); scroll-padding-bottom: 48px; overflow-x: hidden; z-index: 60; }

/* «после всех частей» в строке отмеченной карты (когда отмечено три карты и больше):
 * приглушённая, включённая — оранжевая с галочкой. */
.nom-kit-final-btn {
  flex: 0 0 auto;
  padding: 2px 8px;
  border: 1px solid #d5dce8;
  border-radius: 10px;
  background: #fff;
  color: #8b97ad;
  font: inherit;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}
.nom-kit-final-btn:hover { border-color: #f0cf91; color: #8a5200; }
.nom-kit-final-btn.is-on { border-color: #f0cf91; background: #fff0d6; color: #8a5200; font-weight: 700; }
.nom-kit-final-btn.is-on::before { content: "✓ "; }