/**
 * Login oldal védőréteg – a themes/login_layout/style.css szabályainak megerősítése.
 * Csak a login flow tölti be (login2fa/layout), más oldalakat nem érinti.
 * A téma style.css után kerül betöltésre.
 */

.login-page .login-form,
.login-page .login-field,
.login-page .login-password-field {
  width: 100%;
  min-width: 0;
}

.login-page .login-input {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Jelszó mező – themes/login_layout/style.css szerinti felépítés */
.login-page .login-password-field {
  display: flex;
  align-items: stretch;
  border-radius: 10px;
}

.login-page .login-password-field:focus-within {
  outline: 2px solid var(--login-accent-outline);
  outline-offset: 1px;
}

.login-page .login-input--password {
  flex: 1 1 auto;
  min-width: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.login-page .login-input--password:focus,
.login-page .login-password-field .login-toggle-pw:focus {
  outline: none;
  box-shadow: none;
}

.login-page button.login-toggle-pw {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  line-height: 1;
  border: 1px solid var(--login-border);
  border-left: none;
  border-radius: 0 10px 10px 0;
  background: var(--login-surface);
}

.login-page button.login-forgot {
  margin: 0;
  background: none;
  border: none;
  padding: 0;
}

.login-page .login-remember__input {
  margin: 0;
}