/* Acabamento sóbrio das páginas internas, 09/10/2026. Pedido seu, tirar o contorno verde e o brilho verde que davam cara de Lovable,
   no mesmo jeito do bloco dos apps em Planos. O verde fica no botão, no ícone, no ponto e no número, e sai de borda, de fundo de cartão e de sombra.
   Carregado por último e só nas páginas internas. A home não carrega este arquivo. */

/* cartões escuros, borda branca fina e sombra neutra */
body .pl-pro,body .cp-c-rv,body .cp-v,body .cl-comp-col.sim{background:linear-gradient(160deg,#151815,#0A0B0A);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 40px 80px -50px rgba(0,0,0,.7)}
body .cl-comp-col.sim{background:rgba(255,255,255,.07)}
body .pl-gh-in{background:#121512;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body .pl-gh-in i{box-shadow:none}
body .cl-pil,body .cl-pn-chip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 24px 60px -18px rgba(0,0,0,.9)}
body .cl-prompt{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 24px 60px -24px rgba(0,0,0,.8)}
body .cl-abas-ov{box-shadow:0 12px 30px -12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12)}

/* hover dos cartões, sobe um pouco e a borda clareia, sem luz verde */
body .cl-vt-card:hover,body .hub-card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 40px 90px -50px rgba(0,0,0,.8)}
body .hub-card::before{background:radial-gradient(260px circle at var(--x) var(--y),rgba(255,255,255,.07),transparent 70%)}
body .cl-card:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .cmp-card:hover,body .ig-t:hover,body .pl-tt:hover{box-shadow:inset 0 0 0 1px rgba(10,30,14,.16),0 30px 50px -32px rgba(10,30,14,.35)}

/* ícones em ladrilho neutro, o ícone continua verde */
body .cl-ic,body .hub-card .ic,body .cl-pn-pts svg{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
body .hub-card .ic{background:#141714}

/* chips, abas e seleção, fundo branco translúcido em vez de verde */
body .cl-chip:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .cl-aba[aria-selected="true"]{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
body .cl-ba-rot.dir{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
body .item[aria-selected="true"]{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
body .item .pro{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .busca:focus-within{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 30px 90px -36px rgba(0,0,0,.8)}

/* calculadora de planos, o mais barato destaca por superfície clara e não por verde */
body .pl-res.melhor{background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
body .pl-sel,body .pl-res.melhor::after{box-shadow:none}

/* duelo, o lado do Renv Chat fica numa superfície mais clara, o verde fica no ícone */
body .du-lado-rv{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
body .du-lado-rv small{color:rgba(255,255,255,.7)}
body .du-rv{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
body .du-pn{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 60px 120px -60px rgba(0,0,0,.8)}
body .du-sel-ov{box-shadow:none}
body .cp-wrap{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 50px 110px -50px rgba(0,0,0,.6)}
body .pl-calc{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 50px 110px -50px rgba(0,0,0,.7)}

/* molduras das telas do app e do celular, borda branca fina e sem halo verde */
body .tg,body .cl-row .tg{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),0 60px 130px -30px rgba(0,0,0,.95)}
body .tela{box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.12)}
body .celular-rec{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 70px 120px -40px rgba(0,0,0,.95)}
/* foto redonda do fecho, anel branco translúcido no lugar do verde */
body .cl-foto img{box-shadow:0 0 0 4px rgba(255,255,255,.14),0 40px 90px -30px rgba(0,0,0,.9)}
body .cl-foto span{border-color:rgba(255,255,255,.14)}
/* alça do antes e depois continua verde porque é controle, só sem o brilho */
body .cl-ba-alca::before{box-shadow:none}
/* lista do Renv Chat no cartão escuro da calculadora */
body .cp-c-ok li{color:rgba(255,255,255,.88)}
