/* ============================================================
   LOGIN.CSS — estilos exclusivos da tela de login
   TrafegoBi © 2026
   ============================================================ */

.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden}

/* Painel esquerdo */
.auth-left{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sp-2xl);overflow:hidden;background:linear-gradient(145deg,#0a0a18,#0d0d22)}
.auth-left::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,160,.07) 0%,transparent 65%);top:-200px;left:-200px;pointer-events:none}
.auth-left::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.09) 0%,transparent 65%);bottom:-100px;right:-100px;pointer-events:none}
.auth-left-inner{position:relative;z-index:1}

.auth-logo{font-family:var(--font-d);font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--text);text-decoration:none;display:block}
.auth-logo span{color:var(--accent)}

.auth-stat-row{display:flex;gap:var(--sp-xl)}
.auth-stat{border-left:2px solid var(--border);padding-left:var(--sp-md)}
.auth-stat-val{font-family:var(--font-d);font-size:22px;font-weight:700;letter-spacing:-1px}
.auth-stat-label{font-size:11px;color:var(--muted);margin-top:3px}

/* Painel direito */
.auth-right{display:flex;align-items:center;justify-content:center;padding:var(--sp-2xl);background:var(--surface);border-left:1px solid var(--border)}
.auth-form-box{width:100%;max-width:380px}

/* Responsivo */
@media(max-width:768px){
  .auth-layout{grid-template-columns:1fr}
  .auth-left{display:none}
  .auth-right{padding:var(--sp-xl) var(--sp-lg)}
}