/* family-data.css — «Данные для документов» (blox76 #4, public/family-data.js). Каркас — классы кабинета
   «Оплата» (.pay, .pay-card, .pay-fld, .pay-btns, .pay-chip): экран живёт внутри него и выглядит так же.
   Здесь — только строка-клетка и её три состояния. Цвета — роль-токены (lingo-ui §11). */
.fd-sum{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;
  margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-md);color:var(--ink)}
.fd-only{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;font-size:var(--fs-sm);
  color:var(--muted-strong);cursor:pointer}
.fd-only input{width:20px;height:20px;margin:0}
.fd-grp{font-size:var(--fs-sm);color:var(--muted);font-weight:400}
/* шапка карточки — кнопка «раскрыть»: имя, «чего нет», счёт, шеврон. Карточка свёрнута по умолчанию:
   32 развёрнутые карточки — 30 экранов прокрутки (lingo-ui §3, «плотный экран — список на телефоне») */
.fd-card{padding:0}
.fd-head{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:44px;padding:var(--sp-3) var(--sp-4);
  border:0;background:none;text-align:left;font-family:inherit;color:var(--ink);cursor:pointer;border-radius:var(--r-lg)}
.fd-hl{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.fd-name{font-weight:800;font-size:var(--fs-md);color:var(--ink-strong);overflow-wrap:anywhere}
.fd-gaps{font-size:var(--fs-sm);color:var(--muted);overflow-wrap:anywhere}
.fd-chev{flex:0 0 auto;color:var(--muted);transition:transform .15s}
.fd-open .fd-chev{transform:rotate(180deg)}
.fd-body{padding:0 var(--sp-4) var(--sp-4)}
.fd-sec{font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
  margin:var(--sp-3) 0 var(--sp-1);overflow-wrap:anywhere}
/* строка: подпись · значение · отметка/кнопка. Значение переносится, кнопка не сжимается */
.fd-row{display:flex;align-items:center;gap:var(--sp-2);min-height:44px;border-top:1px solid var(--line-soft);
  padding:var(--sp-1) 0}
.fd-k{flex:0 0 7.5em;font-size:var(--fs-sm);color:var(--muted)}
.fd-v{flex:1 1 auto;min-width:0;font-size:var(--fs-md);color:var(--ink);overflow-wrap:anywhere}
.fd-mark{flex:0 0 auto;font-size:var(--fs-sm);font-weight:700;color:var(--muted)}
.fd-ok .fd-mark{color:var(--ok-ink)}
.fd-ya .fd-v .fd-ya{color:var(--accent-ink);font-style:italic}
.fd-empty{color:var(--faint)}
.fd-accept{flex:0 0 auto;min-height:44px}