/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Страница проекта: шапка, обзор, задачи, отчёты, настройки, выбор проекта для новой задачи.
   Файл подключён в index.html после screens.css; значения — только из tokens.css, шрифты в rem, обе темы через переменные.
   Размер заголовка внутри проекта задаёт shell.css (.screen[data-screen="project"] .page-title). */

/* ---------- Шапка: название, ниже тип и статус одной строкой ---------- */
.pj-head { gap: var(--space-2); margin-bottom: var(--space-5); }
.pj-kind { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-3); margin: 0; min-width: 0; }
.pj-kind__t { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.pj-kind__t::after { content: '·'; margin-left: var(--space-3); color: var(--color-ink3); }

/* ---------- Тело вкладки ---------- */
.pj-body { display: grid; gap: var(--space-8); min-width: 0; }
.pj-over { display: grid; gap: var(--space-8); min-width: 0; }
.pj-sec { min-width: 0; }
.pj-now { color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); max-width: var(--layout-measure); overflow-wrap: anywhere; }
.pj-chatlink { margin: 0; }
.pj-pick { margin-bottom: var(--space-4); max-width: var(--layout-measure); }
.pj-list { max-width: none; }

/* ---------- Строка задачи и отчёта: название слева, статус справа; время и дата мелко и серым ---------- */
.trow {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-4);
  min-height: var(--size-control); padding: var(--space-4) var(--space-6);
}
.trow__main { flex: 1 1 10rem; min-width: 0; display: grid; gap: var(--space-1); }
.trow__name { overflow-wrap: anywhere; }
.trow__meta { color: var(--color-ink3); font: var(--text-caption-weight) var(--text-label-size)/var(--text-caption-line) var(--font-sans); }
.trow__meta .mono { font-size: inherit; color: inherit; }
.trow__sum {
  color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans);
  max-width: var(--layout-measure); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.trow__side { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-1) var(--space-4); }
.trow--report { align-items: flex-start; }

/* ---------- Пустые состояния внутри вкладки ---------- */
.pj-body .empty { max-width: none; }

/* ---------- Узкий экран (390 px) ---------- */
@media (max-width: 40rem) {
  .trow { padding: var(--space-4); }
  .trow__side { margin-left: 0; justify-content: flex-start; }
  .pj-body, .pj-over { gap: var(--space-6); }
  .pj-chatlink .btn { width: 100%; }
}