/* #PILOT-251: тёмная тема страниц входа (login*.html — у них свои стили, не base.html).
   Включается тем же атрибутом html[data-theme="dark"], что и весь сайт. */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { background: #000 !important; color: #f5f5f7; }
html[data-theme="dark"] .card, html[data-theme="dark"] .key { background: #1c1c1e !important; border-color: rgba(255,255,255,0.13) !important; box-shadow: none !important; }
html[data-theme="dark"] .key { color: #f5f5f7 !important; }
html[data-theme="dark"] .key:active { background: #3a3a3c !important; }
html[data-theme="dark"] .key-hidden { background: transparent !important; border: none !important; }
html[data-theme="dark"] .brand-name, html[data-theme="dark"] .card h5, html[data-theme="dark"] .bio-text,
html[data-theme="dark"] .step-label, html[data-theme="dark"] .sub b, html[data-theme="dark"] .policy { color: #f5f5f7 !important; }
html[data-theme="dark"] .brand-sub, html[data-theme="dark"] .sub, html[data-theme="dark"] .field label,
html[data-theme="dark"] .generated-hint, html[data-theme="dark"] .resend-row, html[data-theme="dark"] .policy li,
html[data-theme="dark"] .key-back { color: #a1a1a6 !important; }
html[data-theme="dark"] .brand-city, html[data-theme="dark"] .back-link, html[data-theme="dark"] .footer,
html[data-theme="dark"] .role-hint, html[data-theme="dark"] .bio-sub { color: #8e8e93 !important; }
html[data-theme="dark"] .brand-name span, html[data-theme="dark"] .bio-btn i, html[data-theme="dark"] .btn-gen i,
html[data-theme="dark"] .bio-cancel, html[data-theme="dark"] .resend-btn { color: #0a84ff !important; }
html[data-theme="dark"] .input-wrap input, html[data-theme="dark"] .code-input, html[data-theme="dark"] .bio-btn,
html[data-theme="dark"] .btn-gen, html[data-theme="dark"] input:not([type=checkbox]):not([type=radio]) {
    background: #2c2c2e !important; color: #f5f5f7 !important; border-color: rgba(255,255,255,0.15) !important;
}
html[data-theme="dark"] .input-wrap input:focus, html[data-theme="dark"] .code-input:focus { background: #2c2c2e !important; border-color: #0a84ff !important; }
html[data-theme="dark"] input::placeholder { color: #8e8e93 !important; }
html[data-theme="dark"] .bio-btn:hover, html[data-theme="dark"] .btn-gen:hover { background: #3a3a3c !important; border-color: #0a84ff !important; color: #0a84ff !important; }
html[data-theme="dark"] .pin-dot { background: #48484a; }
html[data-theme="dark"] .pin-dot.filled { background: #0a84ff; }
html[data-theme="dark"] .pin-dot.error { background: #ff453a; }
html[data-theme="dark"] .bio-overlay { background: rgba(0,0,0,0.94) !important; }
html[data-theme="dark"] .bio-spinner { border-color: #3a3a3c; border-top-color: #0a84ff; }
html[data-theme="dark"] .policy { background: rgba(10,132,255,0.12) !important; border-color: rgba(10,132,255,0.3) !important; }
html[data-theme="dark"] .policy li i { color: #48484a; }
html[data-theme="dark"] .policy li.ok, html[data-theme="dark"] .policy li.ok i, html[data-theme="dark"] .ok-msg { color: #30d158 !important; }
html[data-theme="dark"] .err-msg { color: #ff453a !important; }
html[data-theme="dark"] .icon-wrap { background: rgba(10,132,255,0.18) !important; }
html[data-theme="dark"] [style*="color:#1d1d1f"], html[data-theme="dark"] [style*="color: #1d1d1f"] { color: #f5f5f7 !important; }
html[data-theme="dark"] [style*="background:#fff;"], html[data-theme="dark"] [style*="background: #fff;"],
html[data-theme="dark"] [style*="background:#fbfbfd"], html[data-theme="dark"] [style*="background:#f5f5f7"] { background: #1c1c1e !important; }