/* ============================================================
   cab-svod.css — «Форма ЦК» и блок «Оценка области» на карточке проекта.
   Только то, чего нет в дизайн-системе: плашка состояния этапа в тесной
   ячейке таблицы и кнопка-«поставить» для областных столбцов.
   Цвета — только токенами var(--mpr-*), как требует контракт модулей.
   ============================================================ */

/* ---------- панель отбора и строка сохранения ---------- */
.cab-ck-tools .mpr-filter-row { align-items: center; gap: 10px; flex-wrap: wrap; }
.cab-ck-tools .cab-select { min-height: 38px; max-width: 260px; font-size: 12.5px; }
.cab-ck-tools .mpr-input { min-height: 38px; }

.cab-ck-save {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 14px 0 10px;
}

/* ---------- плашка состояния этапа ---------- */
.cab-ck-st {
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%; min-height: 30px; padding: 4px 8px;
  border-radius: var(--mpr-r-pill); border: 1px solid var(--mpr-line);
  background: rgba(255, 253, 247, .7);
  font-family: inherit; font-size: 11.5px; font-weight: 500; line-height: 1.2;
  color: var(--mpr-muted); text-align: center; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color .18s ease, background .18s ease;
}
.cab-ck-st:hover { border-color: var(--mpr-line-strong); }
.cab-ck-st.is-done { background: var(--mpr-done-bg); border-color: var(--mpr-done-line); color: var(--mpr-done-fg); }
.cab-ck-st.is-work { background: var(--mpr-work-bg); border-color: var(--mpr-work-line); color: var(--mpr-work-fg); }
.cab-ck-st.is-none { background: rgba(255, 253, 247, .55); color: var(--mpr-muted); }
/* «нет данных» — не обвинение, а пропуск: пунктир вместо цвета */
.cab-ck-st.is-unknown {
  background: transparent; border-style: dashed; border-color: var(--mpr-line-strong);
  color: var(--mpr-muted); font-style: italic;
}

/* ---------- областные столбцы: ставятся нажатием ---------- */
.cab-ck-set {
  display: inline-flex; align-items: center; width: 100%; min-height: 30px;
  padding: 4px 10px; border-radius: var(--mpr-r-sm);
  border: 1px dashed var(--mpr-line-strong); background: transparent;
  font-family: inherit; font-size: 12px; line-height: 1.3; color: var(--mpr-muted);
  text-align: left; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.cab-ck-set:hover { border-color: var(--mpr-gold); color: var(--mpr-forest); }
.cab-ck-set.is-set {
  border-style: solid; border-color: var(--mpr-line);
  background: var(--mpr-card); color: var(--mpr-forest); font-weight: 500;
}
.cab-ck-val { font-size: 12px; color: var(--mpr-forest); }

.cab-ck-total { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.cab-ck-total b { font-family: var(--mpr-mono); font-size: 13px; }

.cab-ck-theme { font-size: 13px; font-weight: 500; color: var(--mpr-forest); text-decoration: none; }
.cab-ck-theme:hover { text-decoration: underline; }

/* ---------- тесная таблица: 11 столбцов должны помещаться ---------- */
.cab-ck-table .mpr-table th,
.cab-ck-table .mpr-table td { padding: 6px 6px; vertical-align: middle; }
.cab-ck-table .mpr-table th { font-size: 10.5px; }
.cab-ck-table .cab-ck-st { font-size: 11px; padding: 4px 5px; }
.cab-ck-table .cab-ck-set { font-size: 11.5px; padding: 4px 7px; }
/* длинные названия не растягивают строку: три строки и подсказка с полным текстом */
.cab-ck-theme, .cab-ck-org {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.cab-ck-org { -webkit-line-clamp: 2; }

/* ---------- легенда ---------- */
.cab-ck-legend { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 10px; }
.cab-ck-legend__item { display: flex; align-items: center; gap: 9px; flex: 1 1 260px; }
.cab-ck-legend__item .cab-ck-st { width: auto; min-width: 92px; cursor: default; }

/* ---------- блок «Оценка области» на карточке проекта ---------- */
.cab-reg-field { display: flex; flex-direction: column; gap: 7px; }
.cab-reg-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.cab-reg-chip {
  display: inline-flex; align-items: center; min-height: 36px; padding: 6px 13px;
  border-radius: var(--mpr-r-pill); border: 1px solid var(--mpr-line);
  background: rgba(255, 253, 247, .8);
  font-family: inherit; font-size: 12.5px; font-weight: 500; color: var(--mpr-forest);
  cursor: pointer; text-align: left; -webkit-tap-highlight-color: transparent;
  transition: background .18s ease, border-color .18s ease;
}
.cab-reg-chip:hover { border-color: var(--mpr-line-strong); }
.cab-reg-chip.is-on { background: var(--mpr-forest); border-color: var(--mpr-forest); color: rgba(247, 242, 231, .96); }
/* «ещё N» — раскрыть длинный справочник (17 значений у соответствия шаблону) */
.cab-reg-more { border-style: dashed; color: var(--mpr-muted); font-weight: 400; }
.cab-reg-closed { display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 720px) {
  .cab-ck-save { flex-direction: column; align-items: flex-start; }
  .cab-ck-save > div { margin-left: 0 !important; }
  .cab-ck-tools .cab-select { max-width: 100%; width: 100%; }
  .cab-ck-legend__item { flex: 1 1 100%; }
}

/* ---------- читаемость 09.09.2026 ----------
   Восемь одинаковых плашек в ряд глаз не держит: нужны ровные строки, спокойные
   плашки и разделители. Тема прижата к двум строкам, поэтому все строки одной высоты. */
.cab-ck-theme{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:13px;line-height:1.4;color:var(--mpr-forest);text-decoration:none}
.cab-ck-theme:hover{text-decoration:underline}
.cab-ck-org{font-size:12.5px;line-height:1.35;color:var(--mpr-forest);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-ck-table .mpr-table tbody tr{border-top:1px solid var(--mpr-line-soft)}
.cab-ck-table .mpr-table td{padding-top:10px;padding-bottom:10px;vertical-align:middle}
.cab-ck-cell{display:inline-flex;align-items:center;justify-content:center;min-width:88px;
  padding:4px 9px;border-radius:var(--mpr-r-pill);font-size:11.5px;line-height:1.25;white-space:nowrap}
.cab-ck-itogo{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.2}
.cab-ck-itogo b{font-size:14px}

/* ---------- срок этапа и ручная отметка ----------
   Срок стоит под состоянием в той же клетке: столбец и так узкий, отдельной колонке
   места нет, а вместе они читаются как одна мысль — «должно быть готово к такому-то».
   Красным кричит только просрочка; ручная отметка помечена скромной точкой, чтобы
   не спорить с ней за внимание. */
.cab-ck-cellbox{display:flex;flex-direction:column;align-items:center;gap:3px}
.cab-ck-srok{font-size:10.5px;line-height:1.2;color:var(--mpr-muted);white-space:nowrap}
.cab-ck-srok.is-late{color:#a8322b;font-weight:600}
.cab-ck-st.is-hand{position:relative}
.cab-ck-st.is-hand::before{content:"";position:absolute;left:5px;top:50%;width:4px;height:4px;
  margin-top:-2px;border-radius:50%;background:var(--mpr-forest);opacity:.55}
.cab-ck-st.is-hand{padding-left:15px}
.cab-note{border-left:3px solid var(--mpr-line-strong);padding:8px 0 8px 12px}
.cab-note.is-late{border-left-color:#a8322b}

/* ---------- стадия, поставленная человеком ----------
   Пометка скромная: спорить с реестром закупок — дело серьёзное, но кричать об этом
   в каждой строке незачем. Точка слева говорит «за этим стоит решение человека»,
   подробности — в карточке контракта. */
.np-pub.cab-hand{position:relative;padding-left:15px}
.np-pub.cab-hand::before{content:"";position:absolute;left:5px;top:50%;width:4px;height:4px;
  margin-top:-2px;border-radius:50%;background:currentColor;opacity:.6}
.cab-hand-card{border-left:3px solid var(--mpr-forest)}