.auth-form { display: none; flex-direction: column; gap: 16px; }
.auth-form.active { display: flex; }

#authModal,
#loginModal{padding:20px !important}
#authModal .modal-content,
#loginModal .modal-content{width:95% !important;max-width:450px !important;min-width:380px !important;margin:auto !important;padding:32px !important;border-radius:16px !important;box-shadow:var(--shadow-lg,0 10px 20px rgba(0,0,0,.15)) !important;overflow:hidden}
#authModal .modal-content,
#loginModal .modal-content{max-height:85vh !important;display:flex;flex-direction:column}
#authModal form,
#loginModal form{display:flex;flex-direction:column;gap:20px}
#authModal .app-input-group,
#loginModal .app-input-group{margin-bottom:20px}
#authModal input,
#authModal select,
#authModal textarea,
#loginModal input,
#loginModal select,
#loginModal textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--gray-300,#d4d4d8);background:var(--gray-50,#fafafa)}
#authModal .modal-header h2,
#loginModal .modal-header h2{text-align:center}
#authModal .modal-footer,
#loginModal .modal-footer{margin-top:auto}
#authModal .actions,
#loginModal .actions{display:flex;gap:12px;justify-content:center}
#authModal button[type="submit"],
#loginModal button[type="submit"]{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:12px 16px}
#authModal #googleSignInBtn,
#loginModal #googleSignInBtn,
#authModal button[id*="google" i],
#loginModal button[id*="google" i],
#authModal button[data-provider="google"],
#loginModal button[data-provider="google"],
#authModal .google-btn,
#loginModal .google-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-top:5px}
#authModal #googleSignInBtn img,#authModal #googleSignInBtn svg,
#loginModal #googleSignInBtn img,#loginModal #googleSignInBtn svg,
#authModal button[id*="google" i] img,#authModal button[id*="google" i] svg,
#loginModal button[id*="google" i] img,#loginModal button[id*="google" i] svg,
#authModal .google-btn img,#authModal .google-btn svg,
#loginModal .google-btn img,#loginModal .google-btn svg{width:22px;height:22px;margin-inline:6px}
@media (max-width:420px){
  #authModal .modal-content,
  #loginModal .modal-content{min-width:auto !important;padding:24px !important}
}