/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Вкладка «История»: сводка, фильтр, дни с прогонами, раскрывающийся отчёт, «Что узнали». На 390 px — одной колонкой.
   Теперь «История» и «Результат» — раздел «Готово» вкладки «Работы»: его стили (project-done.css) подключены отсюда, потому что
   index.html ссылается на этот файл. Селекторы .pjh-sum и .pjh-rep__a общие: раздел использует их у строки карточки и у ссылки «Отчёт». */
@import url("project-done.css");
.pjh { display: grid; gap: var(--tile-gap); min-width: 0; }
.pjh > * { min-width: 0; }

.pjh-all { display: grid; gap: var(--space-1); }
.pjh-all h2, .pjh-all p { margin: 0; }
.pjh-all__n { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); }
.pjh-all__num {
  font: var(--text-number-lg-weight) var(--text-h1-size)/1 var(--font-num);
  letter-spacing: var(--text-number-lg-track); font-variant-numeric: var(--num-features); white-space: nowrap;
}
.pjh-all__w { color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }

.pjh-filter { max-width: 100%; }

.pjh-cols { display: grid; gap: var(--tile-gap); align-items: start; min-width: 0; }
.pjh-days { display: grid; gap: var(--space-6); min-width: 0; }
.pjh-none { margin: 0; }

.pjh-day { display: grid; gap: var(--space-3); min-width: 0; }
.pjh-day__h { margin: 0; }
.pjh-day__l { display: grid; gap: var(--space-3); min-width: 0; }

/* Прогон: строка-заголовок раскрывающегося отчёта */
.pjh-run { display: grid; gap: var(--space-2); min-width: 0; }
.pjh-det { min-width: 0; }
.pjh-sum {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4);
  min-height: var(--size-touch-min); cursor: pointer; list-style: none; border-radius: var(--radius-sm);
}
.pjh-sum::-webkit-details-marker { display: none; }
.pjh-sum:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.pjh-sum__m { display: grid; gap: var(--space-1); flex: 1 1 14rem; min-width: 0; }
.pjh-sum__top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-3); }
.pjh-sum__t { overflow-wrap: anywhere; }
.pjh-sum__c { overflow-wrap: anywhere; }
.pjh-id { font: var(--text-mono-weight) var(--text-mono-size)/var(--text-mono-line) var(--font-num); color: var(--color-ink2); overflow-wrap: anywhere; }
.pjh-live-tag { color: var(--color-acc-text); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--text-caption-family); }

.pjh-sum__b {
  display: inline-flex; align-items: center; justify-content: center; min-height: var(--size-touch-min);
  padding-inline: var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-ctl);
  color: var(--color-ink); font: var(--text-button-weight) var(--text-button-size)/1 var(--text-button-family);
}
.pjh-sum:hover .pjh-sum__b { background: var(--surface-inner-hover); }
.pjh-sum__off { display: none; }
.pjh-det[open] .pjh-sum__on { display: none; }
.pjh-det[open] .pjh-sum__off { display: inline; }

/* Отчёт: четыре раздела и ссылка на страницу отчёта */
.pjh-rep { display: grid; gap: var(--space-4); margin-top: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-line); min-width: 0; }
.pjh-rep__grid { display: grid; gap: var(--space-4); min-width: 0; }
.pjh-rep__sec { display: grid; gap: var(--space-1); align-content: start; min-width: 0; }
.pjh-rep__h, .pjh-rep__x { margin: 0; }
.pjh-rep__x { max-width: var(--layout-measure); overflow-wrap: anywhere; }
.pjh-rep__a { justify-self: start; min-height: var(--size-touch-min); }

/* Идущий прогон: ссылка на «Сейчас» */
.pjh-live {
  display: inline-flex; align-items: center; justify-self: start; min-height: var(--size-touch-min);
  color: var(--color-acc-text); text-decoration: underline; text-underline-offset: var(--space-1); border-radius: var(--radius-xs);
}
.pjh-live:hover { color: var(--color-ink); }
.pjh-live:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }

/* Что узнали */
.pjh-less { display: grid; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-line); min-width: 0; }
.pjh-less h2, .pjh-less p { margin: 0; }
.pjh-less__l { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.pjh-less__l > li { overflow-wrap: anywhere; }

@media (min-width: 48rem) {
  .pjh-rep__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
  .pjh-cols { grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem); }
  .pjh-less { padding-top: 0; border-top: 0; }
}
@media (max-width: 40rem) {
  .pjh-sum__b { flex: 1 1 100%; }
  .pjh-rep__a { justify-self: stretch; }
}