/* Сторінки входу (login.html) і пароля (password.html): форма посередині екрана.
   Кольори й «вийшло» (.ok-text) — base.css, текст і кнопки (.p-btn) — control.css. */
.login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 16px; }
.login {
  width: min(380px, 100%); background: var(--panel); border: 1px solid var(--border); border-radius: var(--r); padding: 22px;
  display: flex; flex-direction: column; gap: 14px;
}
.login h1 { margin: 0; font-size: 1.25rem; }
.login label { display: flex; flex-direction: column; gap: 6px; font-size: .9rem; color: var(--muted); }
.login input {
  min-height: 48px; padding: 8px 12px; border-radius: var(--r); border: 1px solid var(--border);
  background: var(--bg); color: var(--text); font: inherit;
}
.login .err { color: var(--danger); margin: 0; font-size: .9rem; }
.login p { margin: 0; }
.login.waiting input, .login.waiting button { opacity: .5; pointer-events: none; }
