/* Digitana Social - Auth-Formulare Mobile
   Nur responsive Regeln der Registrierungs-, E-Mail-, Passwort- und 2FA-Anmeldeflaechen. */

@media (max-width: 900px) {
  .ds-form-grid {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .ds-form-field-full {
    grid-column: auto;
  }
}

@media (max-width: 860px) {
  .ds-form-panel {
    padding: 16px 12px 18px;
  }

  .ds-form-head h1,
  .ds-form-message h1 {
    font-size: clamp(1.10rem, 5vw, 1.35rem);
    letter-spacing: 0.09em;
    line-height: 1.18;
  }

  .ds-rule-content {
    max-height: 220px;
  }

  .ds-two-factor-layout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .ds-two-factor-text {
    text-align: center;
  }

  .ds-qr-card {
    width: 176px;
    min-height: 176px;
  }

  .ds-qr-image {
    width: 152px;
    height: 152px;
  }

  .ds-recovery-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .ds-form-actions,
  .ds-inline-button-row {
    align-items: stretch;
    flex-direction: column;
  }

  .ds-form-panel .ds-login-submit,
  .ds-form-panel .ds-register-submit,
  .ds-form-panel a.ds-inline-action,
  .ds-form-panel button.ds-inline-action {
    width: 100%;
  }
}