/* ChamaSofia - alinhamento visual do chat com o App Shell V2. */
body{
  background:radial-gradient(circle at 78% 12%,rgba(139,92,246,.10),transparent 34%),
    radial-gradient(circle at 30% 90%,rgba(212,162,78,.05),transparent 32%),#0D0A14;
}
#ceu{opacity:.32}
.app{grid-template-columns:330px 1fr}
.lateral{
  background:linear-gradient(180deg,rgba(13,10,20,.985),rgba(15,11,24,.97));
  border-right:1px solid rgba(212,162,78,.14);backdrop-filter:blur(18px);
}
.lateral-topo{padding:1.6rem 1.5rem 1rem}
.lateral-marca{font-size:1.62rem;line-height:1.05;margin-bottom:1.2rem;color:#F7F1E8;letter-spacing:.01em}
.lateral-marca em,.portao-marca em{color:#D4A24E;text-shadow:none}
.botao-nova{border-color:rgba(139,92,246,.34);background:rgba(139,92,246,.09);color:#EEE9F8}
.ferramenta-item,.item-conversa{border:1px solid transparent;color:#D8D0EA}
.ferramenta-item:hover,.item-conversa:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.16)}
.item-conversa.ativa{background:rgba(139,92,246,.18);border-color:rgba(212,162,78,.18)}
.conversa{background:linear-gradient(180deg,rgba(13,10,20,.70),rgba(13,10,20,.90))}
.conversa-topo{min-height:76px;padding:1rem 1.6rem;background:rgba(13,10,20,.72);border-bottom:1px solid rgba(212,162,78,.12);backdrop-filter:blur(12px)}
.conversa-titulo{font-size:1.5rem;color:#F7F1E8}
.conversa-titulo em{color:#D4A24E;text-shadow:none}
.mensagens{padding:1.8rem clamp(1rem,4vw,3.2rem);gap:1rem}
.balao{border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.balao-sofia{background:rgba(28,22,40,.82);border-color:rgba(212,162,78,.20)}
.balao-user{background:linear-gradient(135deg,#6D3FE3,#4C1D95)}
.barra-envio{padding:1rem clamp(1rem,4vw,3.2rem);background:rgba(13,10,20,.82);border-top:1px solid rgba(212,162,78,.12);backdrop-filter:blur(12px)}
#entrada{background:rgba(28,22,40,.88);border-color:rgba(196,181,253,.20)}
.portao{background:rgba(8,6,13,.78);backdrop-filter:blur(10px)}
.portao-cartao{background:linear-gradient(180deg,rgba(26,21,37,.98),rgba(16,12,25,.98));border-color:rgba(212,162,78,.25);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 50px rgba(139,92,246,.12)}
.admin-link{border:1px solid rgba(212,162,78,.24);background:rgba(212,162,78,.06)}
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .lateral{width:min(88%,330px)}
  .conversa-topo{min-height:64px;padding:.8rem 1rem}
  .mensagens{padding:1rem}
}