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

.rl-bt { min-width: 0; }
.rl-bt__body, .rl-bt__forms, .rl-bt__lists { min-width: 0; }
.rl-bt__alerts:empty { display: none; }
.rl-bt__forms[hidden] { display: none; }

/* ---------- Формы ---------- */
.rl-bt__forms { display: grid; gap: var(--space-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 64rem) { .rl-bt__forms { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: start; } }
.rl-bt__form { display: grid; gap: var(--space-4); min-width: 0; align-content: start; }
.rl-bt__h { margin: 0; }
.rl-bt__field { display: grid; gap: var(--space-2); min-width: 0; }
.rl-bt__label { color: var(--color-ink); font: var(--text-ui-strong-weight) var(--text-ui-strong-size)/var(--text-ui-strong-line) var(--font-sans); }
.rl-bt__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;
}
.rl-bt__input::placeholder { color: var(--color-ink3); }
.rl-bt__input:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rl-bt__area { resize: vertical; min-height: calc(var(--size-control) * 3); }
.rl-bt__hint { margin: 0; color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rl-bt__file[hidden] { display: none; }

.rl-bt__err, .rl-bt__ok { margin: 0; overflow-wrap: anywhere; font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rl-bt__err[hidden], .rl-bt__ok[hidden] { display: none; }
.rl-bt__err, .rl-bt__err[data-tone="danger"] { color: var(--color-danger-text); }
.rl-bt__ok { color: var(--color-ink2); }
.rl-bt__ok[data-tone="ok"] { color: var(--color-ok-text); }

.rl-bt__acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); min-width: 0; }
.rl-bt__go, .rl-bt__pick { min-height: var(--size-touch-min); }
.rl-bt__go:disabled, .rl-bt__pick:disabled, .rl-bt__proceed:disabled { opacity: .6; cursor: not-allowed; }
@media (max-width: 47.99rem) {
  .rl-bt__form .rl-bt__acts .btn { flex: 1 1 100%; width: 100%; }
}

/* ---------- Список пачек ---------- */
.rl-bt__lists { display: grid; gap: var(--space-4); }
.rl-bt__list-host { display: grid; gap: var(--space-4); min-width: 0; }
.rl-bt__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); }
.rl-bt__item { min-width: 0; }
.rl-bt__card {
  display: grid; gap: var(--space-4); 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);
}
.rl-bt__top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2) var(--space-4); }
.rl-bt__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); }
.rl-bt__count { color: var(--color-ink2); }
.rl-bt__chips { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.rl-bt__chips .ui-chip { max-width: 100%; white-space: normal; }

.rl-bt__prjs { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.rl-bt__prj {
  display: grid; gap: var(--space-2); min-width: 0; padding: var(--space-3); box-sizing: border-box;
  background: var(--color-panel2); border-radius: var(--inner-radius);
}
@media (min-width: 48rem) { .rl-bt__prj { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); } }
.rl-bt__prj-t { min-width: 0; overflow-wrap: anywhere; font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rl-bt__prj-v { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-width: 0; }
.rl-bt__var { display: inline-flex; align-items: center; gap: var(--space-1); }
.rl-bt__var-id { color: var(--color-ink2); }

.rl-bt__row-acts { gap: var(--space-3) var(--space-4); }
.rl-bt__lnk {
  display: inline-flex; align-items: center; min-height: var(--size-touch-min); padding: 0 var(--space-2);
  font: var(--text-ui-strong-weight) var(--text-ui-strong-size)/var(--text-ui-strong-line) var(--font-sans);
}
.rl-bt__main, .rl-bt__proceed { min-height: var(--size-touch-min); }
@media (max-width: 30rem) {
  .rl-bt__row-acts .btn { flex: 1 1 100%; width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .rl-bt__card, .rl-bt__input { transition: none; }
}