/* ============================================================
   canon-host-pasport.css — оправа утверждённого конструктора паспорта
   (#lp8-canon-root) внутри вкладки «Паспорт» карточки проекта.
   Общие правила встройки — в canon-host.css (раздел 5). Здесь только то,
   что касается паспорта: заголовок блока, кольцо готовности, степпер, поля.
   Ни одной надписи, ни одного цвета мимо токенов --mpr-*.
   Контейнеру блока нельзя давать transform/filter/backdrop-filter/contain.

   Все селекторы включают #lp8-canon-root: так они тяжелее правил самого
   канона (#lp8-canon-root .класс) и перебивают их без !important.
   Заполнено агентом П, 06.09.2026.
   ============================================================ */

/* ---------- 1. Строка действий вкладки ---------- */

/* Тело вкладки (s.body) уже отступает от ленты вкладок на 16px — второй
   отступ строки действий здесь лишний, иначе между лентой и строкой дыра. */
.cab-canon-actions[data-canon-actions="passport"] { margin-top: 0; }

/* У паспорта в правой части до шести кнопок, и они отжимали левую часть
   (основа 260px): отметка моста и версия ломались на две строки. Левой части
   даём основу по содержимому — если вместе не помещаются, кнопки целиком
   уходят на вторую строку, а не сжимают отметку. */
.cab-canon-actions[data-canon-actions="passport"] .cab-canon-actions__left { flex: 1 1 auto; }
@media (min-width: 761px) {
  .cab-canon-actions[data-canon-actions="passport"] .cab-most__mark { white-space: nowrap; }
}

/* Плашка статуса и версия — рядом с отметкой моста «Из базы … версия N». */
.cab-canon-passport__status { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cab-canon-passport__status .cab-key { white-space: nowrap; }

/* Кнопки статуса паспорта — перед «Вернуть из базы» и «Сохранить в базу». */
.cab-canon-passport__acts { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* ---------- 2. Шапка блока ---------- */

/* Плашка «Бережливое проектирование», h1 и лид — дубль заголовка вкладки:
   над блоком уже стоят шапка проекта, полоса маршрута и лента вкладок. */
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .lp8c-hero__main { display: none; }

/* Кольцо готовности — из карточки справа от заголовка в компактную полосу
   на всю ширину под строкой действий: кольцо слева, три полосы в ряд
   справа, подпись под ними. */
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .lp8c-hero { margin-top: 14px; }
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "ring parts" "ring note";
  align-items: center;
  column-gap: 18px;
  row-gap: 8px;
  flex: 1 1 100%;
  width: 100%;
  padding: 12px 18px;
}
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__ring { grid-area: ring; width: 64px; height: 64px; }
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__hole { font-size: 16px; }
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__parts {
  grid-area: parts;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 24px;
  min-width: 0;
}
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__part { min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; }
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__note { grid-area: note; flex-basis: auto; }

/* ---------- 3. Степпер — навигация вкладки ---------- */

/* Колонка шагов у канона липкая с отступом 12px от верха окна — в кабинете
   она уезжала бы под липкую шапку (#cab-top). Отступ — как scroll-margin-top
   в canon-host.css. */
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-lean-shell__side { top: 76px; }

/* ---------- 4. Панель шага ---------- */

/* Подпись «Черновик сохраняется автоматически» внизу панели: внутри кабинета
   черновик живёт в памяти страницы, а в базу пишет кнопка «Сохранить в базу»
   в строке действий — подпись про автосохранение сбивала бы с толку. */
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root #lp8-autosave-note { display: none; }
/* без подписи слева кнопки «Назад / Дальше» прижимались к левому краю — держим их справа, как в каноне */
.cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .lp8c-foot__btns { margin-left: auto; }

/* ---------- 5. Телефон ---------- */

@media (max-width: 760px) {
  /* три полосы готовности — столбиком, кольцо остаётся слева */
  .cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality { column-gap: 14px; padding: 12px 14px; }
  .cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__ring { width: 56px; height: 56px; }
  .cab-canon-embed[data-canon-embed="passport"] #lp8-canon-root .mpr-quality__parts { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  /* плашка статуса и версия — своей строкой под отметкой моста */
  .cab-canon-actions[data-canon-actions="passport"] .cab-canon-actions__left { flex-wrap: wrap; }
  /* тап-зоны кнопок строки действий не меньше 44 px (у .np-btn--small — 36) */
  .cab-canon-actions[data-canon-actions="passport"] .np-btn--small { min-height: 44px; }
}

/* ---------- 6. Масштаб как у кабинета (аудит 06.09.2026) ---------- */
/* Заголовок шага паспорта (18 px) не должен быть жирнее заголовка проекта над ним (22 px / 500). */
.cab-canon-embed #lp8-canon-root .lp8c-step h2 { font-weight: var(--fw-medium, 500); }