.auth-tabs { display: flex; gap: 6px; padding: 4px; margin-bottom: 20px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); }
.auth-tab {
  flex: 1; padding: 9px 12px; border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-weight: 600;
  background: transparent; color: var(--muted);
}
.auth-tab[aria-selected="true"] { background: var(--surface); color: var(--text); box-shadow: 0 1px 0 var(--border); }
.auth-form { display: grid; gap: 16px; }
.auth-field { display: grid; gap: 6px; font-size: 0.9rem; font-weight: 500; }
.auth-field input {
  width: 100%; padding: 12px 14px; border-radius: 10px; font: inherit; font-size: 1rem;
  background: var(--bg); color: var(--text); border: 1px solid var(--border);
}
.auth-field input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 140, 255, 0.2); }
.auth-at { display: flex; align-items: center; border-radius: 10px; background: var(--bg); border: 1px solid var(--border); }
.auth-at:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 140, 255, 0.2); }
.auth-at span { padding-left: 14px; color: var(--muted); }
.auth-at input { border: 0; padding-left: 4px; background: transparent; box-shadow: none !important; }
.auth-message { min-height: 1.4em; margin: 0; font-size: 0.9rem; color: var(--muted); }
.auth-error { color: #f87171; }
.auth-submit { width: 100%; justify-content: center; }
.auth-submit:disabled { opacity: 0.6; cursor: progress; }