/* assets/auth.css — kizárólag az #authModal alatti elemekre hat */
#authModal{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,.6);z-index:999}
#authModal.open{display:flex}

#authModal .auth-card{width:min(95vw,420px);background:#0b0e1a;color:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:1.25rem;position:relative}
#authModal .close-x{position:absolute;top:10px;right:12px;background:none;border:none;color:#fff;opacity:.8;cursor:pointer;font-size:18px}
#authModal .close-x:hover{opacity:1}

#authModal .auth-tabs{display:flex;gap:6px;margin-bottom:12px}
#authModal .auth-tabs .tab{flex:1;border:none;border-radius:10px;padding:.6rem 0;cursor:pointer;font-weight:600;background:rgba(255,255,255,.08);color:#fff}
#authModal .auth-tabs .tab.active{background:linear-gradient(135deg,#ff7e65,#7dc8ff);color:#000}

#authModal .auth-form{display:none;flex-direction:column;gap:.5rem}
#authModal .auth-form.visible{display:flex}
#authModal .auth-form label{font-size:.9rem;opacity:.9}
#authModal .auth-form input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:.7rem}
#authModal .auth-form .btn{background:linear-gradient(135deg,#ff7e65,#7dc8ff);border:none;border-radius:12px;padding:.8rem 1.2rem;cursor:pointer;font-weight:600;color:#000}

#authModal .form-msg{display:none;margin-top:8px;font-size:.9rem;text-align:center}
#authModal .form-msg.ok{display:block;color:#7CFFB2}
#authModal .form-msg.err{display:block;color:#ff7e65}
#authModal .form-msg.info{display:block;color:#9bb0ff}

#authModal .helper{font-size:.75rem;opacity:.75;margin-top:.4rem}
#authModal .helper a{color:#7dc8ff;text-decoration:underline}