/* ============================================================
   Auth page layout — split-screen, responsive
   ============================================================ */

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
}

.auth-formcol {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 40px;
  background: var(--bg);
}

.auth-formwrap {
  width: 100%;
  max-width: 420px;
}

.auth-mobilelogo { display: none; margin-bottom: 28px; }

/* preview scaling inside brand panel */
.auth-preview .card { transform-origin: top left; }

@media (max-width: 980px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-brand { display: none !important; }
  .auth-mobilelogo { display: block; }
  .auth-formcol { padding: 40px 24px; min-height: 100vh; align-items: flex-start; padding-top: 80px; }
}

@media (max-width: 460px) {
  .auth-formcol { padding: 72px 18px 40px; }
}