/* Семья и «Мои данные» приложения (s72, b3): app/js/ekrany-semya.js, app/js/ekrany-dannye.js. Токены — app.css. */
.sm-telo, .dn-telo { display: flex; flex-direction: column; gap: 12px; }
.sm-esche { display: flex; flex-direction: column; gap: 10px; }
.sm-esche:empty { display: none; }
.sm-zhdet, .sm-mne { cursor: default; text-decoration: none; }
.sm-mne { cursor: pointer; }
.sm-oranzh { color: #B5600F; font-weight: 700; }
.btn.sm-mal { min-height: 44px; padding: 0 10px; font-size: 14px; flex: none; }
.sm-zam { padding: 0 4px; line-height: 1.45; }
.sm-forma { display: flex; flex-direction: column; gap: 6px; }
.sm-forma h2 { font-size: 17px; }
.sm-lbl { display: block; font-size: 13px; font-weight: 700; margin: 8px 0 2px; }
.sm-opts { display: flex; flex-direction: column; gap: 8px; }
.sm-opt { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--line); border-radius: var(--r-btn); padding: 12px; background: var(--bg); cursor: pointer; text-align: left; width: 100%; color: var(--navy); font-size: 14px; line-height: 1.4; min-height: 48px; }
.sm-opt > span:last-child { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.sm-opt-m { align-items: center; font-size: 14.5px; }
.sm-opt[aria-checked="true"] { border-color: var(--turq); background: var(--turq-10); }
.sm-rad { width: 20px; height: 20px; flex: none; border-radius: 50%; border: 2px solid var(--text-3); margin-top: 1px; }
.sm-opt[aria-checked="true"] .sm-rad { border: 6px solid var(--turq); background: var(--bg); }
.sm-zakr { color: var(--navy-80); line-height: 1.45; margin-top: 6px; }
.sm-sogl { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; font-size: 14px; line-height: 1.45; cursor: pointer; }
.sm-sogl input { width: 22px; height: 22px; min-height: 0; margin: 0; flex: none; accent-color: var(--turq); }
.sm-pr .logo { width: 81px; align-self: flex-start; }
.sm-pr-v { display: flex; align-items: center; gap: 12px; }
.sm-pr-v h1 { font-size: 21px; line-height: 1.25; overflow-wrap: anywhere; }
.sm-pr-box { background: var(--bg); border: 1px solid var(--line); border-radius: var(--r); padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.sm-li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.4; }
.sm-li svg { flex: none; }
.sm-da svg { color: var(--turq-dark); }
.sm-net svg { color: var(--text-2); }
.sm-kod[hidden] { display: none; }
.sm-niz { display: flex; flex-direction: column; gap: 8px; }
.sm-ok { background: var(--mint-20); color: var(--turq-dark); }
.dn-razdely { display: flex; flex-direction: column; gap: 8px; }
.dn-razd { padding: 0 0 12px; display: flex; flex-direction: column; gap: 2px; }
.dn-r { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; }
.sg-row.dn-knopka { width: 100%; border-left: 0; border-right: 0; border-bottom: 0; background: none; text-align: left; font: inherit; cursor: pointer; }
.dn-udalit { align-self: center; font-size: 14px; font-weight: 800; color: var(--rose); padding: 12px; text-decoration: none; }
.dn-ud h1 { font-size: 24px; }
.dn-lab { font-size: 12px; font-weight: 800; color: var(--navy-80); letter-spacing: .02em; text-transform: uppercase; }
.dn-krasn { color: var(--rose); }
.dn-ul { margin: 8px 0 0; padding-left: 18px; font-size: 14px; line-height: 1.6; }
.dn-ostanetsya { background: var(--turq-10); border-color: var(--turq-20); }
.dn-ostanetsya p { margin: 8px 0; font-size: 14px; line-height: 1.5; }
.dn-kod-l { font-size: 14px; font-weight: 700; margin-top: 4px; }
.dn-kod { display: flex; gap: 8px; }
.dn-kod .kod-pole { flex: 1; min-width: 0; height: 52px; font-size: 22px; }
.dn-kod .btn { flex: none; min-height: 52px; }
.dn-niz { display: flex; flex-direction: column; gap: 8px; }
.btn.dn-udbtn { background: var(--rose); color: #fff; }