/* ===== Will Serviços — skin da tela de login do Chatwoot ===== */
/* Escopo: só as telas de autenticação (main que contém o form) */

main:has(form.space-y-5){
  background:
    radial-gradient(900px 460px at 50% -8%, rgba(239,43,18,.16), rgba(239,43,18,0) 60%),
    radial-gradient(700px 380px at 90% 110%, rgba(21,93,150,.10), rgba(21,93,150,0) 55%),
    #F6F8FB !important;
}

/* Card */
main:has(form.space-y-5) section.bg-white{
  border-radius:18px !important;
  box-shadow:0 24px 60px -20px rgba(184,31,16,.28), 0 8px 24px -12px rgba(15,23,42,.12) !important;
  position:relative; overflow:hidden;
}
/* Barra vermelha no topo do card */
main:has(form.space-y-5) section.bg-white::before{
  content:""; position:absolute; top:0; left:0; right:0; height:6px;
  background:linear-gradient(135deg,#EF2B12,#B81F10);
}

/* Logo dobrado */
main:has(form.space-y-5) img[src*="/brand/logo.png"]{ height:64px !important; width:auto !important; }

/* Título */
main:has(form.space-y-5) h2{ font-weight:700 !important; color:#0f172a !important; }

/* Subtítulo injetado */
main:has(form.space-y-5) .will-sub{
  text-align:center; color:#64748b; font-size:14px; margin:6px 0 0;
}

/* Inputs legíveis em qualquer tema + foco vermelho */
main:has(form.space-y-5) input[type="text"],
main:has(form.space-y-5) input[type="email"],
main:has(form.space-y-5) input[type="password"]{
  background:#f8fafc !important; color:#0f172a !important;
}
main:has(form.space-y-5) input:focus,
main:has(form.space-y-5) input:focus-visible{
  outline-color:#EF2B12 !important;
  box-shadow:0 0 0 4px rgba(239,43,18,.12) !important;
}

/* Botão Entrar — gradiente vermelho da marca */
main:has(form.space-y-5) button[type="submit"]{
  background:linear-gradient(135deg,#EF2B12,#B81F10) !important;
  box-shadow:0 10px 22px -8px rgba(184,31,16,.6) !important;
}

/* Link "Esqueceu a senha" na cor da marca */
main:has(form.space-y-5) a{ color:#B81F10 !important; }