/* ==========================================================================
   auth.css — login / signup pages
   Markup: frontend/views/site/{login,signup}.php — ActiveForm internals
   untouched (hard constraint, see inputs.md), only the surrounding card/
   section sizing changes here.
   ========================================================================== */

.otzivi-auth-section {
  padding: var(--otzivi-space-48) 0;
}

.otzivi-auth-card {
  max-width: 440px;
  margin: 0 auto;
  background: var(--otzivi-surface);
  border: 1px solid var(--otzivi-border);
  border-radius: var(--otzivi-radius-lg);
  box-shadow: var(--otzivi-shadow-md);
  padding: var(--otzivi-space-32);
}
.otzivi-auth-card > p:first-child {
  color: var(--otzivi-text-muted);
  margin-bottom: var(--otzivi-space-24);
}
.otzivi-auth-card .btn-otzivi-primary {
  width: 100%;
}
.otzivi-auth-switch {
  margin-top: var(--otzivi-space-16);
  color: var(--otzivi-text-muted);
  font-size: var(--otzivi-fs-body-sm);
  text-align: center;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 720px) {
  .otzivi-auth-section { padding: var(--otzivi-space-24) 0; }
  .otzivi-auth-card { padding: var(--otzivi-space-16); }
}