/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Стили экрана «Решения» (макет Decisions.dc.html): группы по проектам, в каждой — карточки решений. Файл подключён в index.html после screens.css;
   значения — только из tokens.css, шрифты в rem. */

.dec { container: decs / inline-size; display: grid; gap: var(--space-4); min-width: 0; }
.dec [hidden] { display: none; }
.dec .head { margin-bottom: 0; }
.dec__note { margin: 0; max-width: var(--layout-measure); color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }

/* Группа решений одного проекта: заголовок и карточки одна под другой */
.dec__body { display: grid; gap: var(--space-8); min-width: 0; }
.dec__body:empty { display: none; }
.dec__group { display: grid; gap: var(--space-4); min-width: 0; align-content: start; }
.dec__ghead { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-4); }
.dec__gtitle { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-3); min-width: 0; }
.dec__gh { margin: 0; overflow-wrap: anywhere; font: var(--text-h3-weight) var(--text-lead-size)/var(--text-h3-line) var(--text-h3-family); letter-spacing: var(--text-h3-track); }
.dec__glink { color: inherit; text-decoration: none; }
.dec__glink:hover { color: var(--color-acc-text); }
.dec__glink:focus-visible { outline: var(--size-focus-width) solid var(--color-acc); outline-offset: var(--size-focus-offset); border-radius: var(--radius-xs); }
.dec__count, .dec__gnote { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.dec__cards { display: grid; gap: var(--tile-gap); min-width: 0; }
.dec__contour { display: grid; gap: var(--space-4); }
.dec__contour > summary { display: flex; align-items: center; min-height: var(--size-touch-min); cursor: pointer; color: var(--color-ink2); }
.dec__contour[open] > summary { margin-bottom: var(--space-2); }

/* Карточка решения: вид · проект · статус, заголовок, серая строка, содержимое, кнопки ответа внизу */
.dec__detail { display: grid; gap: var(--space-4); align-content: start; min-width: 0; padding: var(--space-6); }
.dec__detail[aria-busy="true"] { opacity: .85; }
.dec__top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.dec__kindtxt, .dec__proj { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.dec__headline { margin: 0; overflow-wrap: anywhere; font: var(--text-h3-weight) var(--text-lead-size)/var(--text-h3-line) var(--text-h3-family); letter-spacing: var(--text-h3-track); }
.dec__summary { margin: 0; max-width: var(--layout-measure); overflow-wrap: anywhere; white-space: pre-line; color: var(--color-ink2); font: var(--text-body-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.dec__cap { margin: 0; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.dec__step { 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; }

/* Рекомендация, вопросы плана, предупреждения */
.dec__rec, .dec__qs { display: grid; gap: var(--space-1); padding: var(--space-3) var(--space-4); border-radius: var(--inner-radius); background: var(--surface-inner); }
.dec__rec-t { margin: 0; overflow-wrap: anywhere; }
.dec__who { 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; }
.dec__hint { margin: 0; max-width: var(--layout-measure); overflow-wrap: anywhere; font: var(--text-body-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.dec__qlist { display: grid; gap: var(--space-1); margin: 0; padding-left: var(--space-5); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); overflow-wrap: anywhere; }
.dec__warns { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style-type: none; }
.dec__warn { display: flex; align-items: flex-start; gap: var(--space-2); color: var(--color-ink); font: var(--text-ui-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.dec__warn .ic { flex: none; width: 1rem; height: 1rem; margin-top: 0.1rem; color: var(--color-warn-text); }
.dec__more { display: grid; gap: var(--space-2); }
.dec__more summary { display: inline-flex; align-items: center; min-height: var(--size-touch-min); cursor: pointer; }
.dec__morebody { display: grid; gap: var(--space-2); }

/* Кнопки и «Свой ответ» */
.dec__acts .btn, .dec__send .btn, .dec__code .btn { min-height: var(--size-touch-min); }
.dec__acts, .dec__send, .dec__code { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.dec__form { display: grid; gap: var(--space-2); max-width: var(--layout-measure); }
.dec__ta {
  width: 100%; min-height: calc(var(--size-control) * 1.5); padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-line2); border-radius: var(--radius-md); background: var(--color-bg);
  color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); resize: vertical;
}
.dec__ta:hover { border-color: var(--color-ink3); }
.dec__ta[aria-invalid="true"] { border-color: var(--color-danger); }
.dec__ta:disabled { background: var(--color-panel2); color: var(--color-ink2); cursor: not-allowed; }
.dec__field-err { margin: 0; color: var(--color-danger-text); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.dec__task { margin: 0; }
.dec__task .link { display: inline-flex; align-items: center; min-height: var(--size-touch-min); }

/* Выкладка и необратимое: вместо кнопок — пояснение и команда для консоли */
.dec__human { display: grid; gap: var(--space-2); padding: var(--space-3) var(--space-4); border-radius: var(--inner-radius); background: var(--surface-inner); }
.dec__cmd {
  flex: 1 1 14rem; min-width: 0; padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-panel);
  overflow-wrap: anywhere; user-select: all;
}

/* Строка результата */
.dec__result { display: flex; align-items: flex-start; gap: var(--space-2); margin: 0; font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.dec__result .ic { flex: none; width: 1rem; height: 1rem; margin-top: 0.1rem; }
.dec__result--ok { color: var(--color-ink2); }
.dec__result--ok .ic { color: var(--color-ok-text); }
.dec__result--warn { color: var(--color-ink2); }
.dec__result--warn .ic { color: var(--color-warn-text); }
.dec__result--danger { color: var(--color-danger-text); }

/* Пустое состояние: спокойный значок и одна фраза */
.dec .empty { display: grid; justify-items: center; gap: var(--space-3); }
.dec .empty > .ic { width: var(--size-icon-lg); height: var(--size-icon-lg); color: var(--color-ok-text); }

/* Окно подтверждения — kit (.ui-dialog); здесь только содержимое тела */
.dec__dlg { display: grid; gap: var(--space-2); overflow-wrap: anywhere; }

/* Блок «Решил арбитр»: строки списком, без карточек; кнопка «Отменить» только у ожидающих решений */
.dec__alist { display: grid; gap: var(--space-3); margin: 0; padding: 0; list-style-type: none; min-width: 0; }
.dec__arow { display: grid; gap: var(--space-2); min-width: 0; padding: var(--space-3) var(--space-4); border-radius: var(--inner-radius); background: var(--surface-inner); }
.dec__arow[aria-busy="true"] { opacity: .85; }
.dec__atop { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-3); }
.dec__ahead { margin: 0; overflow-wrap: anywhere; }

/* Узкий экран (меньше 36rem по ширине .dec): карточка плотнее, кнопки ответа столбцом на всю ширину */
@container decs (max-width: 35.999rem) {
  .dec__detail { padding: var(--space-4); }
  .dec__acts { flex-direction: column; align-items: stretch; }
  .dec__acts .btn { width: 100%; min-height: var(--size-touch-min); }
  .dec__send .btn { width: 100%; min-height: var(--size-touch-min); }
}