/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* Блок «Профиль проекта» (rpf-*) внутри группы «Настройки проекта»: статус, сайт, предложенное, поля, примеры.
   Графитовая тема: поля и плашки без рамок, объём — мягкое свечение (--shadow-ring). Значения — только из tokens.css, размеры в rem.
   На 390px без горизонтальной прокрутки, касания не меньше --size-touch-min. */

.rpf { display: grid; gap: var(--space-5); align-content: start; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; color: var(--color-ink); }
.rpf > *, .rpf-body > * { min-width: 0; max-width: 100%; }
.rpf-body { display: grid; gap: var(--space-5); align-content: start; }
.rpf p, .rpf ul, .rpf h3 { margin: 0; overflow-wrap: anywhere; }
.rpf [hidden], .rpf-body[hidden] { display: none; }
.rpf-intro { 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); }
.rpf-loading { color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rpf-h { color: var(--color-ink); font: var(--text-h3-weight) var(--text-h3-size)/var(--text-h3-line) var(--font-head); letter-spacing: var(--text-h3-track); }
.rpf-status .ui-chip { max-width: 100%; }

.rpf-field, .rpf-site { display: grid; gap: var(--space-2); min-width: 0; }
.rpf-label { color: var(--color-ink); font: var(--weight-medium) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rpf-hint { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rpf-field--ask .rpf-hint { color: var(--color-warn-text); }
.rpf-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: 0; border-radius: var(--radius-ctl); box-shadow: var(--shadow-ring);
  font: var(--weight-regular) var(--text-ui-size)/var(--text-ui-line) var(--font-sans);
}
.rpf-input:focus-visible { outline: var(--size-focus-width) solid var(--color-focus); outline-offset: var(--size-focus-offset); }
.rpf-input:disabled { opacity: .6; cursor: not-allowed; }
.rpf-area { resize: vertical; min-height: calc(var(--size-touch-min) * 1.5); }
.rpf-fields { display: grid; gap: var(--space-4); min-width: 0; }
@media (min-width: 48rem) { .rpf-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rpf-field[data-key="goal"], .rpf-field[data-key="bans"], .rpf-field[data-key="include"], .rpf-field[data-key="exclude"] { grid-column: 1 / -1; } }

.rpf-site__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); min-width: 0; }
@media (min-width: 40rem) { .rpf-site__row { grid-template-columns: minmax(0, 1fr) auto; align-items: start; } }

.rpf-btn { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; text-align: center; }
.rpf-btn:disabled { opacity: .6; cursor: not-allowed; }
.rpf-acts { display: flex; flex-wrap: wrap; gap: var(--space-3); min-width: 0; }
@media (max-width: 39.99rem) { .rpf-acts .rpf-btn, .rpf-site__go { width: 100%; } }

.rpf-lead, .rpf-msg { padding: var(--space-3) var(--space-4); border-radius: var(--radius-ctl); background: var(--color-panel2); color: var(--color-ink2); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rpf-lead[data-tone="acc"] { color: var(--color-ink); box-shadow: 0 0 0.5rem var(--color-acc-glow); }
.rpf-lead[data-tone="danger"], .rpf-msg[data-tone="danger"] { color: var(--color-danger-text); background: var(--color-danger-soft); }
.rpf-msg[data-tone="ok"] { color: var(--color-ok-text); background: var(--color-ok-soft); }

/* Предложенное по сайту */
.rpf-prop { display: grid; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius-card); background: var(--color-panel2); box-shadow: var(--shadow-sm); }
.rpf-prop__list, .rpf-ex__list { display: grid; gap: var(--space-2); padding: 0; list-style: none; }
.rpf-prop__row, .rpf-ex__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-3); min-width: 0; padding: var(--space-2) 0; }
.rpf-prop__row + .rpf-prop__row, .rpf-ex__row + .rpf-ex__row { border-top: 1px solid var(--color-line); }
.rpf-prop__txt, .rpf-ex__txt { display: grid; gap: var(--space-1); flex: 1 1 14rem; min-width: 0; justify-items: start; }
.rpf-prop__k, .rpf-ex__k { color: var(--color-ink2); font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); }
.rpf-prop__v, .rpf-ex__t { color: var(--color-ink); font: var(--text-ui-weight) var(--text-ui-size)/var(--text-ui-line) var(--font-sans); }
.rpf-prop__use, .rpf-ex__rm { min-height: var(--size-touch-min); max-width: 100%; white-space: normal; }

/* Примеры */
.rpf-ex { display: grid; gap: var(--space-3); min-width: 0; }
.rpf-ex__form { display: grid; gap: var(--space-3); min-width: 0; }
@media (min-width: 48rem) { .rpf-ex__form { grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) minmax(0, 1fr); align-items: end; } .rpf-ex__add { grid-column: 1 / -1; justify-self: start; } }

.rpf-empty { display: grid; gap: var(--space-3); justify-items: start; }