/* Пользовательское соглашение (/terms) и подпись действий кабинета (parts/consent.html, consent.js):
   docs/ARCHITECTURE.md §18. Тема «моно» (theme.css): линии 1px, цвет только у ошибок и фокуса. */

/* ---- страница соглашения */
body.terms-page{display:block;background:var(--bg)}
.lg{max-width:860px;margin:0 auto;padding:0 24px 64px}
.lg-doc{padding-top:24px}
.lg-head{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}
.lg-head h1{margin:0 0 10px;font-size:30px;line-height:1.15}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 6px;color:var(--ink-2);font-size:14px}
.lg-meta a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.lg-sum{margin:0;color:var(--ink-3);font-size:12.5px;line-height:1.5}
.lg-sha{font-family:var(--mono);font-size:11.5px;word-break:break-all;padding:1px 5px;border-radius:var(--r-xs)}
.lg-toc{border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin-bottom:28px;background:var(--bg-2)}
.lg-toc h2{margin:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.lg-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}
.lg-toc li{break-inside:avoid;padding:3px 0;font-size:13.5px;line-height:1.35}
.lg-toc a{color:var(--ink-2)}
.lg-toc a:hover{color:#fff}
.lg-toc .sn,.lg-body .sn{font-family:var(--mono);color:var(--ink-4);font-weight:400}
.lg-body{font-size:15px;line-height:1.62;color:var(--ink)}
.lg-body h2{margin:34px 0 12px;font-size:20px;line-height:1.3;scroll-margin-top:16px}
.lg-body p{margin:0 0 12px}
.lg-body p.lead{color:var(--ink-2)}
.lg-body p.tc{scroll-margin-top:16px}
.lg-body p.tc-sub{padding-left:22px}
.lg-body .tn{font-family:var(--mono);font-size:13px;color:var(--ink-3);text-decoration:none;margin-right:2px}
.lg-body .tn:hover{color:#fff}
.lg-body p:target{background:var(--brand-soft);outline:1px solid #12375f;border-radius:var(--r-xs)}
.lg-body ul{margin:-4px 0 14px;padding-left:22px}
.lg-body li{margin:4px 0}
.lg-body a{text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:2px}
.lg-body strong{font-weight:600}
.lg-body code{font-family:var(--mono);font-size:13px;padding:0 4px;border-radius:var(--r-xs)}
@media (max-width:640px){
  .lg{padding:0 16px 48px}
  .lg-head h1{font-size:24px}
  .lg-toc ol{columns:1}
  .lg-body{font-size:14.5px}
  .lg-body p.tc-sub{padding-left:12px}
}

/* ---- подпись действия: галочка + почта как подпись */
.consent{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:12px 14px;margin:12px 0 0;background:#050505;
  display:flex;flex-direction:column;gap:10px;min-width:0}
.consent legend{padding:0}
.consent-ok{font-weight:400;font-size:13px;color:var(--ink-2);line-height:1.45}
.consent-ok b{color:var(--ink);font-weight:600}
.consent-ok a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.consent-sign label{display:block;font-size:12.5px;color:var(--ink-3);margin-bottom:5px}
.consent-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.consent-row input{flex:1 1 240px;min-width:0;font-family:var(--mono)}
.consent-mine{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ink-3);font-size:12.5px}
.consent-mine code{font-family:var(--mono);font-size:12px;padding:1px 5px;border-radius:var(--r-xs)}
.consent-err{margin:0;color:var(--bad);font-size:12.5px}
.consent.is-bad{border-color:#5c2326}

/* ---- окно подписи (скачивание, выгрузка, мониторинг): consent.js */
.consent-dlg{max-width:560px;width:calc(100vw - 32px);padding:20px 22px;border:1px solid var(--line-2);border-radius:var(--r);
  background:#0a0a0a;color:var(--ink);box-shadow:var(--shadow-2)}
.consent-dlg::backdrop{background:rgba(0,0,0,.7)}
.consent-dlg h2{margin:0 0 4px;font-size:16px}
.consent-dlg .consent{margin-top:10px}
.consent-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}
@media (max-width:640px){
  .consent-dlg{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;border-radius:var(--r) var(--r) 0 0}
}