/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Мастер «Подключить проект» (классы pa-) и кнопка на экране «Проекты» (prj-add). Значения — только из tokens.css, размеры в rem.
   Подключается в index.html после projects.css. Окно, поля, шаги и статусы — из kit (.ui-dialog--task, .ui-field, .ui-seg, .ui-status);
   здесь только раскладка страниц мастера, строки «что нашли» и «проверьте», ход создания и сообщения. */

/* ---------- Кнопка на экране «Проекты» ---------- */
.prj-head { align-items: end; }
.prj-add { justify-self: start; }
.prj-add .ic { width: var(--size-icon); height: var(--size-icon); }
.prj-add-msg { margin: 0 0 var(--space-4); color: var(--color-danger-text); }
.prj-add-msg[hidden] { display: none; }
@media (min-width: 48rem) {
  .prj-add { justify-self: end; }
}

/* ---------- Окно ---------- */
.ui-dialog.pa-dialog[data-busy="true"] .ui-dialog__x { display: none; }
.pa { display: grid; gap: var(--space-5); min-width: 0; color: var(--color-ink); }
.pa[aria-busy="true"] { cursor: progress; }
.pa [hidden] { display: none; }

/* ---------- Шаги: переключатель kit, номер шага — шрифтом чисел перед названием ---------- */
.pa-stepbar { min-width: 0; }
.pa-seg { gap: var(--space-1) var(--space-6); }
.pa-seg .ui-seg__n { order: -1; font-family: var(--font-num); font-size: var(--text-label-size); }

/* ---------- Страницы ---------- */
.pa-fields, .pa-page { display: grid; gap: var(--space-5); min-width: 0; }
.pa-lead { margin: 0; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.pa .ui-field input.mono, .pa-sum__v.mono { font-family: var(--font-mono); }
.pa .ui-field select { cursor: pointer; text-overflow: ellipsis; }
.pa .ui-field :is(.ui-field__h, .ui-field__e) { overflow-wrap: anywhere; }
.pa-block { display: grid; gap: var(--space-2); min-width: 0; }
.pa-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-5); }
.pa-gray { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }

/* ---------- Строки: «что нашли», «что сделает оркестратор» ---------- */
.pa-rows { display: grid; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-line); }
.pa-row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-1) var(--space-4);
  min-width: 0; padding-block: var(--space-3); border-bottom: 1px solid var(--color-line); color: var(--color-ink);
}
.pa-row__l { min-width: 0; overflow-wrap: anywhere; }

/* ---------- Итог перед созданием ---------- */
.pa-sum { display: grid; margin: 0; border-top: 1px solid var(--color-line); }
.pa-sum__r {
  display: grid; grid-template-columns: minmax(0, 9rem) minmax(0, 1fr); gap: var(--space-1) var(--space-4);
  padding-block: var(--space-3); border-bottom: 1px solid var(--color-line);
}
.pa-sum__k { margin: 0; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.pa-sum__v { margin: 0; color: var(--color-ink); overflow-wrap: anywhere; }

/* ---------- Ход создания: статус kit (точка и серое слово) ---------- */
.pa-steps { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.pa-step { min-width: 0; }
.pa-step .ui-status { white-space: normal; }
.pa-step[data-state="doing"] .ui-status__t { color: var(--color-ink); font-weight: var(--weight-medium); }
.pa-step[data-state="failed"] .ui-status__t { color: var(--color-danger-text); }

/* ---------- Сообщения и подтверждение ---------- */
.pa-msg { padding: var(--space-3) var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel); box-shadow: var(--shadow-ring); }
.pa-msg[data-tone="danger"] { box-shadow: 0 0 0 1px var(--color-danger); }
.pa-msg[data-tone="ok"] { box-shadow: 0 0 0 1px var(--color-ok); }
.pa-msg__t { margin: 0; color: var(--color-ink); overflow-wrap: anywhere; }
.pa-confirm { display: grid; gap: var(--space-2); padding: var(--space-3) var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel); box-shadow: 0 0 0 1px var(--color-warn); }
.pa-confirm__t { margin: 0; font: var(--text-h3-weight) var(--text-h3-size)/var(--text-h3-line) var(--text-h3-family); letter-spacing: var(--text-h3-track); }
.pa-confirm__p { margin: 0; color: var(--color-ink); overflow-wrap: anywhere; }

/* ---------- Кнопки: тот же ряд, что у окна задачи ---------- */
.pa-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-2) var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-line); }
@media (max-width: 47.9375rem) {
  .pa-seg { gap: var(--space-1) var(--space-4); }
  .pa-seg .ui-seg__n { display: none; }
  .pa-sum__r { grid-template-columns: minmax(0, 1fr); }
  .pa-actions { flex-direction: column-reverse; align-items: stretch; }
  .pa-actions .btn { width: 100%; }
}