/* Страница входа. Карточка и кнопка — как на остальных экранах (r18 / r22), цвета через tokens.css. */

.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 14px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}

.login{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 26px 22px;display:flex;flex-direction:column;gap:18px}
.brand{display:flex;align-items:center;gap:10px}
.brand-dot{width:34px;height:34px;border-radius:50%;background:var(--green-2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.brand-name{font-weight:800;font-size:20px;color:var(--green);letter-spacing:-.01em}
.login h1{margin:0;font-size:24px;font-weight:800;color:var(--green);letter-spacing:-.02em}

form{display:flex;flex-direction:column;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:600;color:var(--ink-2)}
.field input{min-height:46px;padding:10px 14px;border:1px solid var(--line-3);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:16px;width:100%}
.field input:focus-visible{outline:2px solid var(--green-2);outline-offset:1px;border-color:var(--green-2)}

.btn{margin-top:4px;min-height:48px;padding:12px 20px;border:0;border-radius:var(--r-btn);background:var(--green);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.btn:hover:not(:disabled){background:#173a28}
.btn:disabled{opacity:.6;cursor:default}
.btn:focus-visible{outline:2px solid var(--green-2);outline-offset:2px}

.err{padding:10px 12px;border-radius:10px;background:var(--orange-soft);color:var(--orange-ink);font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.err[hidden]{display:none}

.hint{margin:0;padding-top:14px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted);text-align:center;line-height:1.5}
.hint b{font-weight:700;color:var(--ink-2)}

.errbar{position:fixed;left:0;right:0;top:0;z-index:20;padding:10px 14px;background:var(--orange-ink);color:#fff;font-size:13px;font-weight:600;text-align:center}
.errbar[hidden]{display:none}