/* shopCELL — Pantalla de acceso del personal. Solo tokens. */
.auth-layout { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.auth-marca { background: var(--color-bg); color: var(--color-text); display: flex; flex-direction: column; justify-content: space-between; padding: var(--space-16); }
.auth-marca .logo { font-size: var(--text-2xl); }
.auth-marca p { color: var(--color-text-muted); max-width: var(--measure); font-size: var(--text-lg); }
.auth-form { background: var(--color-surface); color: var(--color-text); display: flex; align-items: center; justify-content: center; padding: var(--space-12); }
.auth-form-inner { width: min(100%, 400px); }
.auth-form h1 { font-size: var(--text-2xl); margin-bottom: var(--space-2); }
.auth-form .subtitle { color: var(--color-text-muted); margin-bottom: var(--space-8); }
.auth-aviso { margin-bottom: var(--space-6); }
.auth-extra { margin-top: var(--space-8); text-align: center; font-size: var(--text-sm); color: var(--color-text-muted); }
@media (max-width: 860px) {
  .auth-layout { grid-template-columns: 1fr; }
  .auth-marca { padding: var(--space-8); gap: var(--space-4); }
  .auth-marca p { display: none; }
}