/* ═══════════════════════════════════════════════════════════════
   SafeFlow — telas de acesso (login, cadastro, senha, teste grátis)
   no tema claro "Liquid Glass". Carregado depois do <style> de cada
   página: troca as variáveis do tema escuro e as cores fixas.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --background:213 38% 94%;
  --foreground:214 51% 12%;
  --card:0 0% 100%;
  --border:214 30% 84%;
  --primary:172 85% 34%;
  --primary2:214 84% 56%;
  --muted:214 18% 43%;
}
body,input,button,select,textarea,.btn-entrar,.btn-cad,.plan-opt-price,.ok-title{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",'Jost',system-ui,sans-serif;
}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",'Jost',system-ui,sans-serif;
  letter-spacing:-.006em;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(900px 620px at 88% -8%,rgba(47,128,237,.30),transparent 62%),
    radial-gradient(760px 560px at 8% 4%,rgba(18,184,162,.26),transparent 60%),
    radial-gradient(900px 700px at 62% 108%,rgba(124,108,240,.20),transparent 60%),
    #eaf0f7;
  background-attachment:fixed;
}
h1,.font-display,.brand{font-family:inherit;letter-spacing:-.025em}
.bg{display:none}

.card{
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);border-radius:28px;
  -webkit-backdrop-filter:blur(28px) saturate(185%);backdrop-filter:blur(28px) saturate(185%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 30px 60px -28px rgba(20,45,85,.45);
}
.logo img{width:4.2rem;height:auto;border-radius:0;object-fit:contain}
.brand{color:hsl(var(--foreground))}

.field label,label{color:hsl(214 30% 28%)}
.inp{background:rgba(255,255,255,.75);border-color:rgba(15,40,80,.12);border-radius:14px}
.inp:focus-within{background:#fff;border-color:rgba(47,128,237,.55);box-shadow:0 0 0 4px rgba(47,128,237,.16)}
.inp input,.inp select,.inp textarea,input,select,textarea{color:hsl(var(--foreground))}
.inp input::placeholder{color:hsl(var(--muted)/.75)}

.btn-entrar,.btn-cad{color:#fff;border-radius:999px;background:linear-gradient(135deg,#2f80ed,#12b8a2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 28px -14px rgba(47,128,237,.8)}
.btn-entrar:hover,.btn-cad:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 32px -14px rgba(47,128,237,.9)}
.btn-entrar:active,.btn-cad:active{transform:scale(.98)}

.foot a,.back:hover{color:#1f6fd6}
.foot a:hover{color:#0e9f8c}
.f-success{background:rgba(18,184,162,.14);border-color:rgba(18,184,162,.35);color:#0b7a6c}
.f-danger{background:rgba(229,72,77,.12);border-color:rgba(229,72,77,.3);color:#b3262b}

.f-warning{background:rgba(245,165,36,.16);border-color:rgba(245,165,36,.4);color:#8a5200}
.consent{color:hsl(214 30% 28%)}
.consent a{color:#1f6fd6}
.ok-title{color:hsl(var(--foreground))}
.card{scrollbar-color:rgba(15,40,80,.25) transparent}
.card::-webkit-scrollbar-thumb{background:rgba(15,40,80,.2)}

/* escolha de plano (cadastro) */
.plan-opt-inner{background:rgba(255,255,255,.6);border-color:rgba(15,40,80,.14);border-radius:16px}
.plan-opt-inner:hover{filter:none;background:#fff;border-color:rgba(15,40,80,.25)}
.plan-opt input:checked + .plan-opt-inner{background:rgba(18,184,162,.1)}
.plan-opt-name,.plan-opt-price{color:hsl(var(--foreground))}
.plan-opt-mods{color:hsl(214 30% 28%)}
.plan-opt-mods svg{color:#0e9f8c}

/* aviso de cookies: o <style> dele vem depois deste arquivo, por isso o prefixo body */
body .cookie-banner-card,body .cookie-modal-card{
  background:rgba(250,252,255,.88);border:1px solid rgba(255,255,255,.8);border-radius:22px;
  -webkit-backdrop-filter:blur(26px) saturate(185%);backdrop-filter:blur(26px) saturate(185%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 24px 50px -24px rgba(20,45,85,.5);
}
body .cookie-modal{background:rgba(12,28,51,.3)}
body .cookie-link{color:#1f6fd6}
body .cookie-switch span{background:rgba(15,40,80,.2)}
body .cookie-switch input:checked + span{background:#0fb5a0}
body #cookieRejectBtn,body #cookieModalCancel{
  color:hsl(var(--foreground)) !important;border-color:rgba(15,40,80,.18) !important;background:rgba(255,255,255,.6) !important}

@media (prefers-reduced-transparency:reduce){
  .card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}