/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Подэкран «Проекты роликов» (#modules-reels-projects): шапка с «Новый проект», форма, сетка карточек (rlp-*).
   Значения — только из tokens.css (светлая и тёмная тема берутся из переменных), размеры в rem. Кнопки и плитки — из base.css и kit.css. */

.rlp { min-width: 0; }
.rlp-body, .rlp-lists, .rlp-form-host, .rlp-form-tile { min-width: 0; }
.rlp-form-host { margin-bottom: var(--space-4); }
.rlp-form-host[hidden], .rlp-form-tile[hidden], .rlp-form[hidden], .rlp-new[hidden] { display: none; }
.rlp-new { min-height: var(--size-touch-min); }
.rlp-new:disabled, .rlp-go:disabled, .rlp-cancel:disabled { opacity: .6; cursor: not-allowed; }
.rlp-head { align-items: flex-end; gap: var(--space-4); }
.rlp-h, .rlp-form__h { margin: 0; }

/* ---------- Форма ---------- */
.rlp-form { display: grid; gap: var(--space-4); min-width: 0; }
.rlp-form__grid { display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 48rem) { .rlp-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rlp-field { display: grid; gap: var(--space-2); min-width: 0; align-content: start; }
.rlp-label { color: var(--color-ink); font: var(--text-ui-strong-weight) var(--text-ui-strong-size)/var(--text-ui-strong-line) var(--font-sans); }
.rlp-input {
  width: 100%; min-width: 0; min-height: var(--size-touch-min); padding: var(--space-3) var(--space-4); box-sizing: border-box;
  background: var(--color-panel2); color: var(--color-ink); border: 1px solid var(--color-line2); border-radius: var(--radius-md); font: inherit;
}
.rlp-input::placeholder { color: var(--color-ink3); }
.rlp-input:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rlp-input[aria-invalid="true"] { border-color: var(--color-danger-text); }
.rlp-input:disabled { opacity: .6; cursor: not-allowed; }
.rlp-hint { margin: 0; color: var(--color-ink2); overflow-wrap: anywhere; font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rlp-err { margin: 0; color: var(--color-danger-text); overflow-wrap: anywhere; font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rlp-err[hidden] { display: none; }
.rlp-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); min-width: 0; }
.rlp-go, .rlp-cancel { min-height: var(--size-touch-min); }
@media (max-width: 47.99rem) {
  .rlp-acts .btn, .rlp-new { flex: 1 1 100%; width: 100%; justify-content: center; }
}

/* ---------- Карточки ---------- */
.rlp-lists { display: grid; gap: var(--space-4); }
.rlp-list-host { display: grid; gap: var(--space-4); min-width: 0; }
.rlp-list {
  list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4); min-width: 0;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
}
.rlp-item { min-width: 0; display: grid; }
.rlp-card {
  position: relative; display: grid; gap: var(--space-3); align-content: start; min-width: 0; padding: var(--space-4); box-sizing: border-box;
  background: var(--surface-inner); border: 1px solid var(--color-line); border-radius: var(--inner-radius);
}
.rlp-card--link:hover { border-color: var(--color-line2); }
.rlp-card--link:focus-within { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rlp-card__name { margin: 0; min-width: 0; overflow-wrap: anywhere; font: var(--text-ui-strong-weight) var(--text-ui-strong-size)/var(--text-ui-strong-line) var(--font-sans); }
.rlp-card__link { color: inherit; text-decoration: none; }
.rlp-card__link:focus-visible { outline: none; }
/* вся карточка — зона нажатия ссылки */
.rlp-card__link::after { content: ''; position: absolute; inset: 0; border-radius: var(--inner-radius); }
.rlp-card__awaiting { display: flex; flex-wrap: wrap; align-items: center; min-height: var(--space-6); }
.rlp-card__awaiting .ui-chip { max-width: 100%; white-space: normal; }
.rlp-card__next { margin: 0; overflow-wrap: anywhere; font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rlp-muted { color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rlp-card__acts { position: relative; display: flex; flex-wrap: wrap; gap: var(--space-3); }
.rlp-connect { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; }
.rlp-connect:disabled { opacity: .6; cursor: not-allowed; }
.rlp-retry { min-height: var(--size-touch-min); }
@media (max-width: 30rem) {
  .rlp-card__acts .btn { flex: 1 1 100%; width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .rlp-card, .rlp-input { transition: none; }
}