/* mobilsale24.de — Auth (Login / Registrierung / Passwort) */

.auth-body{background:radial-gradient(800px 400px at 50% -100px, rgba(var(--color-primary-rgb),.10), transparent 70%),linear-gradient(180deg,var(--color-bg-alt),var(--color-bg));min-height:100vh}
.auth-wrap{max-width:440px;margin:0 auto;padding:var(--sp-8) var(--container-pad);display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}
.auth-logo{display:flex;align-items:center;gap:8px;font-weight:var(--fw-bold);font-size:var(--fs-xl);color:var(--color-text);margin-top:var(--sp-4)}
.auth-logo .logo__tld{color:var(--color-primary)}

.auth-card{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--sp-8)}
.auth-title{font-size:var(--fs-2xl);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-5);text-align:center}
.auth-lead{color:var(--color-text-muted);margin-bottom:var(--sp-5);text-align:center;font-size:var(--fs-sm);line-height:var(--lh-normal)}
.auth-benefits{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--sp-5)}
.auth-benefits li{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary)}
.auth-benefits li svg{color:var(--color-success);flex:none}

.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)} /* vgl. .form-stack in components.css */
.auth-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}
.auth-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm)}
.auth-row a{color:var(--color-primary)}
.auth-switch{margin-top:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted)}
.auth-switch a{color:var(--color-primary);font-weight:var(--fw-semibold)}
.auth-foot{font-size:var(--fs-xs);color:var(--color-text-muted)}
.auth-foot a{color:var(--color-text-muted)}

.auth-tabs{display:flex;gap:var(--sp-1);background:var(--color-surface-2);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--sp-5)}
.auth-tab{flex:1;height:38px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-secondary)}
.auth-tab.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}

.field__error{color:var(--color-danger);font-size:var(--fs-xs)}
.field__hint{color:var(--color-text-muted);font-size:var(--fs-xs)}
.checkbox{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--color-text-secondary)}
.checkbox--block{align-items:flex-start;line-height:1.4}
.checkbox a{color:var(--color-primary)}

/* .alert* → components.css (in allen Layouts verfügbar) */

@media (max-width:480px){
  .auth-card{padding:var(--sp-5)}
  .auth-grid-2{grid-template-columns:1fr}
}