/**
 * Auth səhifələri: template-in login səhifəsi (login-card) üzərində kiçik əlavələr.
 */

/* Şifrə sahəsindəki göz düyməsi (basılı saxlayanda şifrə görünür) */
.password-toggle {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  padding: 4px;
  border: 0;
  background: transparent;
  color: var(--theme-default);
  line-height: 0;
  cursor: pointer;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
[dir=rtl] .password-toggle {
  right: auto;
  left: 12px;
}
.password-toggle svg {
  width: 18px;
  height: 18px;
  pointer-events: none;
}
.form-control.has-toggle {
  padding-right: 44px;
}
[dir=rtl] .form-control.has-toggle {
  padding-right: 12px;
  padding-left: 44px;
}

/* Şifrə tələbləri: ✗ ödənməyib, ✓ ödənib */
.password-rules {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  font-size: 13px;
}
.password-rules li {
  color: var(--bs-danger, #dc3545);
}
.password-rules li::before {
  content: "✗ ";
}
.password-rules li.ok {
  color: var(--bs-success, #198754);
}
.password-rules li.ok::before {
  content: "✓ ";
}

/* OTP: QR, əl ilə daxil ediləcək açar, 6 rəqəmli kod */
.otp-qr {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto 12px;
}
.otp-secret {
  font-size: 14px;
  letter-spacing: 1px;
  word-break: break-all;
}
/* 6 ayrı xana (otp-input.js); ltr — rəqəmlərin sırası RTL dildə də dəyişmir */
.otp-inputs {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  direction: ltr;
}
.otp-inputs .otp-digit {
  width: 100%;
  max-width: 48px;
  height: 48px;
  padding: 0;
  font-size: 20px;
  text-align: center;
}

/* Görünüş rejimi (template: .mode + body.dark-only) və dil seçicisi */
.auth-tools {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.auth-tools .mode {
  line-height: 0;
}
.auth-tools .mode svg {
  width: 16px;
  height: 16px;
}
.auth-tools .mode.active svg {
  fill: currentColor;
}