/* Краски экран называет словарём напрямую: --z-*. Короткого моста больше нет —
   он был нужен только на время перевода. Значения «Аккаунта» живут в
   shared/profiles/account.css, там же и тёмная тема под своей @-обёрткой. */
:root{color-scheme:light}
@media (prefers-color-scheme:dark){:root{color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--z-soft);color:var(--z-ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.account-shell{max-width:440px;margin:0 auto;padding:40px 16px 48px;display:grid;gap:20px}
.brand-link{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--z-accent);color:var(--z-accent-on);font-weight:700;font-size:20px}
.brand small{display:block;color:var(--z-ink-2);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.account-card{background:var(--z-surface-opaque);border:1px solid var(--z-line);border-radius:18px;padding:26px 24px;box-shadow:var(--z-shadow-raised);display:grid;gap:16px}
.account-card h1{margin:0;font-size:24px;line-height:1.2;text-wrap:balance}
.account-card h2{margin:0;font-size:17px}
.eyebrow{margin:0;color:var(--z-ink-2);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.muted{color:var(--z-ink-2);margin:0}
form{display:grid;gap:12px}
label{display:grid;gap:6px;font-weight:600;font-size:14px}
input[type=email],input[type=password],input[type=text]{width:100%;padding:11px 12px;border:1px solid var(--z-line);border-radius:10px;background:var(--z-surface-opaque);color:inherit;font:inherit}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--z-accent) 45%,transparent);outline-offset:2px}
.check{display:flex;align-items:center;gap:8px;font-weight:400}
.check input{width:18px;height:18px}
button{font:inherit;cursor:pointer;border-radius:10px;padding:11px 14px;border:1px solid var(--z-line);background:var(--z-surface-opaque);color:inherit}
button.primary{background:var(--z-accent);border-color:var(--z-accent);color:var(--z-accent-on);font-weight:600}
button.link{border:0;background:none;color:var(--z-accent);padding:4px 0;text-align:left}
button.danger{color:var(--z-danger)}
button[disabled]{opacity:.6;cursor:progress}
.actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.links a,.links button.link{color:var(--z-accent);text-decoration:none}
.notice{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--z-accent) 10%,transparent);font-size:14px}
.notice.error{background:color-mix(in srgb,var(--z-danger) 12%,transparent);color:var(--z-danger)}
.notice.ok{background:color-mix(in srgb,var(--z-health-ok) 12%,transparent);color:var(--z-health-ok)}
.rows{display:grid;gap:8px}
.row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid var(--z-line);border-radius:10px}
.row small{display:block;color:var(--z-ink-2)}
.row .tag{font-size:12px;color:var(--z-health-ok);font-weight:600}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}
.account-foot{text-align:center;font-size:13px}
.account-foot a{color:var(--z-ink-2)}
hr{border:0;border-top:1px solid var(--z-line);margin:4px 0}
@media (prefers-reduced-motion:no-preference){.account-card{animation:rise .25s ease-out}@keyframes rise{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}}
/* Внешний вход (шаг 6, 12.09): кнопки провайдеров под формой; появляются только когда
   /auth/external/providers вернул непустой список (флаг ZONTIUM_EXTERNAL_LOGIN включён). */
.external-block{display:grid;gap:12px;margin-top:4px}
.external-divider{display:flex;align-items:center;gap:10px;color:var(--z-ink-2);font-size:13px}
.external-divider::before,.external-divider::after{content:"";flex:1;height:1px;background:var(--z-line)}
.external-buttons{display:grid;gap:8px}
.external-button{display:block;text-align:center;padding:11px 14px;border:1px solid var(--z-line);border-radius:10px;background:var(--z-surface-opaque);color:var(--z-ink);text-decoration:none;font-weight:600}
.external-button:hover{background:var(--z-soft)}
.external-telegram{cursor:pointer}