/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Вкладка «Настройки проекта» роликов (rps-*, макет b2 settings): группы-плитки на графитовой теме с мягким свечением вместо рамок, метка
   «как в общих» / «своё» и «Сбросить к общим» над полем, блок Instagram в группе «Публикация» со встроенным мастером, профиль проекта.
   Поля формы — классы am-set*, am-field* из modules-settings.css. Значения — только из tokens.css, размеры в rem, отступы по сетке --space-*.
   Ширина не больше 760px (47.5rem), на 390px без горизонтальной прокрутки, касания не меньше --size-touch-min. */

.rps { display: grid; gap: var(--space-6); align-content: start; width: 100%; max-width: 47.5rem; min-width: 0; box-sizing: border-box; }
.rps > * { min-width: 0; }
.rps-intro { margin: 0; max-width: var(--layout-measure); color: var(--color-ink2); overflow-wrap: anywhere; font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rps-intro[hidden], .rps-g[hidden] { display: none; }

/* Группа-плитка: без рамки, объём — мягкое свечение; заголовок группы и поля внутри — по сетке отступов. */
.rps-g { display: grid; gap: var(--space-5); align-content: start; padding: var(--space-6); border: 0; border-radius: var(--radius-card); background: var(--color-panel); box-shadow: var(--shadow-md); box-sizing: border-box; }
.rps-tile, .rps-state, .rps-form { min-width: 0; max-width: 100%; }
.rps-g > .h3 { margin: 0; overflow-wrap: anywhere; }
.rps-g > * { min-width: 0; max-width: 100%; }
.rps-form .am-form { max-width: 100%; }
.rps-form .am-set__adv { border: 0; background: var(--color-panel2); }
@media (max-width: 47.9375rem) { .rps-g { padding: var(--space-4); gap: var(--space-4); } }

/* ---------- «Как в общих» / «своё» ---------- */
.rps-own { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-1) var(--space-3); min-width: 0; }
.rps-tag { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-ink2); font: var(--text-label-weight) var(--text-label-size)/var(--text-label-line) var(--font-sans); }
.rps-tag::before { content: ""; flex: none; width: var(--size-dot); height: var(--size-dot); border-radius: var(--radius-round); background: var(--color-line2); }
.rps-tag[data-own="true"] { color: var(--color-ink); }
.rps-tag[data-own="true"]::before { background: var(--color-acc); box-shadow: 0 0 0.5rem var(--color-acc-glow); }
.rps-reset {
  display: inline-flex; align-items: center; min-height: var(--size-touch-min); padding-inline: var(--space-3); border: 0; border-radius: var(--radius-xs);
  background: transparent; color: var(--color-ink2); cursor: pointer; text-align: start; max-width: 100%;
  font: var(--weight-regular) var(--text-caption-size)/var(--text-caption-line) var(--font-sans);
  transition: background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
}
.rps-reset[hidden] { display: none; }
.rps-reset:hover { background: var(--color-panel2); color: var(--color-ink); }
.rps-reset:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
@media (prefers-reduced-motion: reduce) { .rps-reset { transition: none; } }

/* ---------- Instagram в группе «Публикация» ---------- */
.rps-key { display: grid; gap: var(--space-4); align-content: start; min-width: 0; max-width: 100%; box-sizing: border-box; padding: var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel2); }
.rps-key[hidden] { display: none; }
.rps-key > * { min-width: 0; max-width: 100%; }
.rps-key__t { margin: 0; color: var(--color-ink); font: var(--weight-medium) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rps-key__status { margin: 0; }
.rps-key__status .ui-chip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.rps-key__hint { margin: 0; max-width: var(--layout-measure); color: var(--color-ink2); overflow-wrap: anywhere; }
.rps-key__account { margin: 0; color: var(--color-ink2); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.rps-key__account[hidden] { display: none; }
.rps-key__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); min-width: 0; }
.rps-key__wiz, .rps-key__check, .rps-key__btn, .rps-retry { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; text-align: center; }
.rps-key__check[hidden] { display: none; }
.rps-key__msg { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.rps-key__msg:empty { display: none; }
.rps-key__wiz:disabled, .rps-key__check:disabled, .rps-key__btn:disabled, .rps-key__input:disabled { opacity: .6; cursor: not-allowed; }

/* Ввод ключа вручную: свёрнут, раскрывается по необходимости. */
.rps-key__manual { min-width: 0; }
.rps-key__sum {
  display: flex; align-items: center; min-height: var(--size-touch-min); color: var(--color-ink2); cursor: pointer; border-radius: var(--radius-xs);
  font: var(--weight-medium) var(--text-caption-size)/var(--text-caption-line) var(--font-sans);
}
.rps-key__sum:hover { color: var(--color-ink); }
.rps-key__sum:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rps-key__form { display: grid; gap: var(--space-2); min-width: 0; padding-top: var(--space-2); }
.rps-key__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); min-width: 0; }
.rps-key__row > * { min-width: 0; }
.rps-key__input {
  width: 100%; min-height: var(--size-touch-min); padding: var(--space-3) var(--space-4); box-sizing: border-box; border: 0;
  background: var(--color-panel); color: var(--color-ink); box-shadow: var(--shadow-ring); border-radius: var(--radius-ctl); font: inherit;
}
.rps-key__input:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rps-key__input[aria-invalid="true"] { box-shadow: 0 0 0 1px var(--color-danger-text); }

/* Встроенный мастер: раскрывается под кнопкой, на том же фоне; «Свернуть» — текстовая кнопка. */
.rps-wiz { display: grid; gap: var(--space-3); min-width: 0; padding: var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel); box-shadow: var(--shadow-sm); }
.rps-wiz[hidden] { display: none; }
.rps-wiz:focus { outline: none; }
.rps-wiz:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rps-wiz__body { min-width: 0; }
.rps-wiz__close { justify-self: start; min-height: var(--size-touch-min); max-width: 100%; white-space: normal; }

/* Ввод и кнопка в одну строку — с 40rem; на телефоне столбцом, кнопки на всю ширину. */
@media (min-width: 40rem) {
  .rps-key__row { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
}
@media (max-width: 39.99rem) {
  .rps-key__btn, .rps-key__wiz, .rps-key__check { width: 100%; }
  .rps-key__actions { flex-direction: column; }
}

/* ---------- Профиль проекта ---------- */
.rps-profile__body { min-width: 0; }

/* Блок «Instagram» экрана «Публикации» в режиме проекта: статус ключа проекта и кнопка мастера. */
.rl-pub-ig__proj { display: grid; gap: var(--space-3); justify-items: start; min-width: 0; max-width: 100%; }
.rl-pub-ig__proj[hidden] { display: none; }
.rl-pub-ig__proj > * { min-width: 0; max-width: 100%; }
.rl-pub-ig__keystate { margin: 0; }
.rl-pub-ig__keystate .ui-chip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.rl-pub-ig__proj .btn { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; text-align: center; }
.rl-pub-ig__proj .btn:disabled { opacity: .6; cursor: not-allowed; }