/* РЕКВИЗИТЫ АВТОРА – РАЗДЕЛ НАСТРОЕК «ДОКУМЕНТОВ» (переезд из «Моего аккаунта», 2026-09-28).
   Разметка – #rqForm в sign/index.html, логика – sign/requisites.js. Раскладка по
   прототипу (canvas-source/scripts/docs_pc_view.py, «sp-card», «dq-ready»): карточки
   строк «подпись слева, значение справа», подписи групп над ними. Приставка rq-:
   в 686 КБ «Документов» имена .card, .ready, .ring уже заняты чужими экранами.
   Токены – только из shared/theme.css. Полос по краю нет: карточка отделена тоном. */

/* Тон карточки зависит от места: в панели компьютера фон белый – карточка
   утоплена; на экране телефона фон страницы – карточка светлее него (Б12). */
.rq{--rq-card:var(--surface-sunken); --rq-focus:var(--surface-card);
  display:flex; flex-direction:column; gap:12px; padding-bottom:96px}
/* Запас снизу и в панели: общая панель «Сохранить» (shared/savebar.js) встает
   поверх низа окна во всю ширину, и «Скопировать реквизиты» уходил под нее. */
#rqPhone .rq{--rq-card:var(--surface-card); --rq-focus:var(--surface-sunken)}

.rq-h{margin:12px 0 0; font-size:var(--fs-sub); line-height:var(--lh-sub); font-weight:600;
  color:var(--text-secondary)}
.rq-n{margin:-4px 0 0; font-size:var(--fs-cap); line-height:var(--lh-cap); color:var(--text-secondary)}
.rq-n[hidden], .rq-hint[hidden]{display:none}
.rq-hint{margin:0; padding:10px 12px; border-radius:var(--radius-md); background:var(--accent-bg);
  color:var(--accent-text); font-size:var(--fs-cap); line-height:var(--lh-cap)}

/* ── Готовность: кольцо и строка, под ними документы ── */
.rq-ready{display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:var(--radius-md);
  background:var(--rq-card)}
.rq-ring{position:relative; width:56px; height:56px; flex:0 0 56px; display:block}
.rq-ring svg{width:56px; height:56px; transform:rotate(-90deg)}
.rq-ring circle{fill:none; stroke-width:6; stroke-linecap:round}
.rq-ring .rq-rbg{stroke:var(--border)}
.rq-ring .rq-rfg{stroke:var(--accent); stroke-dasharray:150.8; stroke-dashoffset:150.8;
  transition:stroke-dashoffset var(--dur-4, .5s) var(--ease-morph, ease), stroke var(--dur-3, .35s)}
.rq-ready.err .rq-rfg{stroke:var(--warning)}
.rq-ring b{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:var(--fs-cap); font-weight:700; font-variant-numeric:tabular-nums}
.rq-rt{min-width:0; flex:1 1 auto}
.rq-rh{margin:0; font-size:var(--fs-sub); line-height:var(--lh-sub); font-weight:600}
.rq-rl{margin:2px 0 0; font-size:var(--fs-cap); line-height:var(--lh-cap); color:var(--text-secondary);
  min-height:calc(var(--lh-cap) * 2)}
.rq-ready.err .rq-rl{color:var(--warning-text)}
.rq-prof{display:inline-block; margin-top:4px; font-size:var(--fs-cap); line-height:var(--lh-cap);
  font-weight:600; color:var(--accent-text); text-decoration:none}
.rq-prof[hidden]{display:none}

/* ── Карточка строк ── */
.rq-card{border-radius:var(--radius-md); background:var(--rq-card); padding:2px 12px}
.rq-card[hidden], .rq-grp[hidden]{display:none}
.rq-grp{display:flex; flex-direction:column; gap:12px}
.rq-row{display:flex; flex-wrap:wrap; align-items:center; column-gap:8px; min-height:46px;
  box-shadow:inset 0 -.5px 0 var(--border); cursor:text}
.rq-row:last-child{box-shadow:none}
#rqDocs .rq-row{cursor:default}
.rq-w{flex:0 1 auto; max-width:60%; margin-left:auto; text-align:right; font-size:var(--fs-cap); line-height:var(--lh-cap);
  color:var(--text-secondary)}
.rq-w.you{color:var(--text-primary); font-weight:600}
.rq-row[hidden]{display:none}
/* Подпись: основа – самое длинное слово, растет до своей строки. При переносе
   строки flex-wrap меряет основу до сжатия: с основой по всей подписи на 1280
   галочка счета уезжала отдельной строкой (стенд 2026-09-28). */
.rq-lab{flex:1 1 min-content; max-width:max-content; min-width:0; font-size:var(--fs-sub); line-height:var(--lh-sub);
  color:var(--text-primary)}
.rq-in{flex:1 1 0; min-width:0; height:36px; box-sizing:border-box; padding:0 10px; border:0;
  border-radius:var(--radius-sm); background:transparent; font:inherit; font-size:var(--fs-sub);
  font-weight:500; color:var(--text-primary); outline:none; text-align:right;
  transition:background-color var(--dur-2, .25s) var(--ease-out, ease)}
.rq-in:focus{background:var(--rq-focus); box-shadow:inset 0 0 0 1.5px var(--accent); text-align:left}
.rq-in::placeholder{color:var(--text-muted); font-weight:400}
.rq-mark{flex:0 0 16px; width:16px; display:flex; align-items:center; justify-content:center;
  color:var(--text-muted); opacity:0; transition:opacity var(--dur-2, .25s)}
.rq-row.good .rq-mark{opacity:1; color:var(--success)}
.rq-row.bad .rq-mark{opacity:1; color:var(--danger)}
.rq-row.bad .rq-in{color:var(--danger-text)}
.rq-why{flex:1 0 100%; display:none; margin:-4px 0 8px; font-size:var(--fs-micro); line-height:var(--lh-micro);
  color:var(--danger-text); text-align:right}
.rq-row.bad .rq-why{display:block}

/* Счета – 20 цифр, и обрезанный счет хуже переноса подписи: поле держит ширину
   двадцати цифр, подпись уступает («Расчетный / счет»), а на самом узком
   экране поле уходит строкой ниже (у строки flex-wrap). Стенд 2026-09-28: на
   390 последняя цифра счета пряталась. */
/* Поле и галочка – одна группа .rq-f: при переносе строки они уходят вместе
   (на 375 галочка счета отрывалась от поля, 2026-09-28). */
.rq-f{flex:1 1 0; min-width:0; display:flex; align-items:center; gap:8px; font-size:var(--fs-sub)}
#rqfAccount .rq-f, #rqfCorr .rq-f{min-width:calc(20ch + 48px)}
#rqAccount, #rqCorr{font-variant-numeric:tabular-nums}

/* Длинное значение (наименование, адрес, кем выдан) и дата: подпись над полем,
   поле во всю ширину – в одну строку рядом с подписью оно не помещается. */
.rq-row.rq-tall{flex-direction:column; align-items:stretch; gap:6px; padding:10px 0}
.rq-row.rq-tall .rq-lab{max-width:none; font-size:var(--fs-cap); line-height:var(--lh-cap);
  color:var(--text-secondary)}
.rq-row.rq-tall .rq-in{flex:0 0 auto; height:auto; min-height:36px; padding:8px 10px; text-align:left;
  line-height:var(--lh-sub); resize:none; overflow:hidden; background:var(--rq-focus)}
/* flex:0 0 auto – в колонке основа 0 сжимала textarea до одной строки (rows="2"
   не действовал, адрес обрезался, 2026-09-28). Высоту по тексту ставит requisites.js. */
.rq-row.rq-tall .dfield{display:block}
.rq-row.rq-tall .dfield > .rq-in{width:100%; height:44px; margin:0; padding-left:38px; padding-right:34px;
  font-size:var(--fs-sub); line-height:var(--lh-sub)}
/* Строка из профиля (ФИО, «ИП ФИО»): только чтение, правится в аккаунте. */
.rq-row.rq-who{cursor:default}
.rq-val{flex:1 1 0; min-width:0; padding:0 10px; text-align:right; font-size:var(--fs-sub); line-height:var(--lh-sub);
  font-weight:500; color:var(--text-primary); overflow-wrap:anywhere; padding-block:12px}
.rq-val a{color:var(--accent-text); font-weight:600; text-decoration:none}
.rq-row.rq-link .rq-in{text-align:left; padding-left:0}
.rq-row.rq-link .rq-in:focus{padding-left:10px}

/* Сегменты – общий .pseg «Документов» (ползунок shared/seg-slide.js). Пять
   систем налогов в один ряд: поля кнопок уже, чтобы «УСН 15%» влезло на 390. */
.rq .pseg{margin:0}
.rq #rqTax button{padding-left:4px; padding-right:4px; white-space:nowrap}

.rq-copy{align-self:flex-start; min-height:44px; margin:0 0 0 -12px; padding:0 12px; border:0;
  border-radius:var(--radius-sm); background:none; font:inherit; font-size:var(--fs-sub); font-weight:600;
  color:var(--accent-text); cursor:pointer}
.rq-copy[hidden]{display:none}

/* Статус прячет чужие поля, введенное не стирается (правило А1). */
.rq:not(.st-ooo) .rq-only-ooo,
.rq:not(.st-ip) .rq-only-ip,
.rq:not(.st-person) .rq-only-person,
.rq:not(.st-ip):not(.st-ooo) .rq-only-reg,
.rq:not(.st-ip):not(.st-ooo) .rq-only-tax,
.rq.st-ooo .rq-no-ooo{display:none}

/* ── Экран телефона: заглушка тех же мест, пока данные не пришли (Б11) ── */
#rqPhone[aria-busy="true"]{pointer-events:none}
.rq-sk{display:flex; flex-direction:column; gap:12px}
/* Пара к display:flex: без нее hidden не прячет заглушки, и они стояли над
   готовой формой (грабля 20, 2026-09-28). */
.rq-sk[hidden]{display:none}
.rq-sk .sk{border-radius:var(--radius-md)}

/* Шестеренка в шапке телефона – только у списка (В1: настройки того места,
   где стоите); внутри бумаги у шапки свое «назад». */
.rqgear{width:44px; height:44px; flex:0 0 44px; padding:0; display:inline-flex; align-items:center;
  justify-content:center; color:var(--text-secondary); cursor:pointer}
body:not([data-screen="listScreen"]) .rqgear{display:none}