/* RADIO SO FLASHBACK - NEON GLASS 2.0 | APENAS APARENCIA
   Carregado DEPOIS das folhas anteriores para vencer sobrescritas.
   Nenhum evento, endpoint, seletor de JS ou conteudo funcional e alterado. */
:root{--sf-cyan:#10dcff;--sf-pink:#f144f4;--sf-blue:#168ff8}
html,body{background-color:transparent!important}
body .app{background:transparent!important}
body .chat-workspace{background:transparent!important}
body .chat-left{background:transparent!important;min-width:0!important}
body .feed{
 background:linear-gradient(112deg,rgba(4,9,29,.69),rgba(8,11,35,.51))!important;
 color:#f6f7ff!important;
 border:1px solid rgba(45,225,255,.58)!important;
 border-radius:17px!important;
 box-shadow:inset 0 0 0 1px rgba(225,72,247,.15),0 0 22px rgba(22,208,250,.13)!important;
 scrollbar-color:#1cceff transparent!important;
}
body .msg>.avatar,body .msg.mine>.avatar,body .online-dock .avatar{
 border:2px solid rgba(28,218,254,.8)!important;
 box-shadow:0 0 0 2px rgba(13,12,46,.85),0 0 13px rgba(23,215,255,.33)!important;
}
body .msg .bubble,body .msg.mine .bubble{
 background:linear-gradient(112deg,rgba(12,24,57,.88),rgba(11,17,45,.84))!important;
 border:1px solid rgba(37,204,255,.85)!important;
 border-left:3px solid #03d9ff!important;
 border-radius:8px 14px 14px 14px!important;
 box-shadow:0 3px 13px rgba(0,0,0,.25),0 0 12px rgba(0,192,255,.17)!important;
 color:#f9fbff!important;
}
body .admin-msg .bubble,body .admin-public-msg .bubble,
body .msg.admin-msg .bubble,body .msg.admin-public-msg .bubble{
 background:linear-gradient(110deg,rgba(62,15,80,.86),rgba(31,14,57,.86))!important;
 border-color:rgba(255,108,242,.9)!important;border-left-color:#ff54f4!important;
 box-shadow:0 0 16px rgba(243,61,228,.22)!important;
}
body .meta strong{color:#fff!important;text-shadow:0 0 7px rgba(50,198,255,.36)}
body .date-separator{background:rgba(20,29,76,.85)!important;border:1px solid rgba(55,182,255,.64)!important;border-radius:99px!important;box-shadow:0 0 11px rgba(20,180,255,.2)!important}
body .composer{
 background:linear-gradient(90deg,rgba(5,11,32,.72),rgba(24,8,44,.73))!important;
 border:1px solid rgba(229,63,247,.63)!important;border-radius:15px!important;
 box-shadow:0 0 15px rgba(234,50,241,.14)!important;
}
body .input-row{background:rgba(8,20,48,.77)!important;border:1px solid rgba(26,210,252,.87)!important;border-radius:16px!important;box-shadow:inset 0 0 10px rgba(10,199,255,.09),0 0 11px rgba(17,192,251,.12)!important}
body .send,body #sendBtn{background:linear-gradient(135deg,#00cbf9,#257aff 60%,#af35e8)!important;border-radius:11px!important;box-shadow:0 0 14px rgba(0,195,255,.35)!important;color:white!important}
body .modal-card{background:linear-gradient(145deg,rgba(9,20,49,.97),rgba(26,9,52,.97))!important;border:1px solid rgba(68,211,255,.7)!important;box-shadow:0 14px 70px rgba(0,0,0,.6),0 0 22px rgba(204,59,249,.23)!important}
/* O chat completo e a coluna de participantes da sua pagina interna */
@media(min-width:701px){
 body:not(.sf-mural-embedded) .app{width:min(1600px,100%)!important}
 body:not(.sf-mural-embedded) .chat-workspace{display:grid!important;grid-template-columns:minmax(0,63fr) minmax(300px,37fr)!important;gap:12px!important;padding:10px!important}
 body:not(.sf-mural-embedded) .online-dock{background:linear-gradient(155deg,rgba(4,12,34,.75),rgba(19,9,46,.68))!important;border:1px solid rgba(224,73,248,.67)!important;border-radius:18px!important;box-shadow:inset 0 0 22px rgba(24,193,255,.08),0 0 19px rgba(238,45,235,.12)!important;overflow:hidden!important}
 body:not(.sf-mural-embedded) .online-dock-head{background:linear-gradient(90deg,rgba(10,89,155,.46),rgba(100,20,134,.43))!important;border-bottom:1px solid #23cafa!important;min-height:52px!important;color:#fff!important}
 body:not(.sf-mural-embedded) .online-dock-head strong{font-size:15px!important}
 body:not(.sf-mural-embedded) .online-dock .online-user{min-height:68px!important;padding:10px 14px!important;border-bottom:1px solid rgba(55,203,255,.23)!important}
 body:not(.sf-mural-embedded) .online-dock .online-user .avatar{width:46px!important;height:46px!important;flex-basis:46px!important}
 body:not(.sf-mural-embedded) .online-dock .online-user-info b{font-size:14px!important}
 body:not(.sf-mural-embedded) .online-dock .online-user-info small{font-size:12px!important}
 body:not(.sf-mural-embedded) .topbar{background:linear-gradient(90deg,rgba(4,13,37,.91),rgba(32,9,65,.88))!important;border-bottom:1px solid var(--sf-cyan)!important}
}
/* Chat incorporado na pagina principal: painel transparente sem perder contraste */
body.sf-mural-embedded .chat-workspace{padding:0!important}
body.sf-mural-embedded .feed{border-radius:10px 10px 0 0!important;border-bottom:0!important}
body.sf-mural-embedded .composer{border-radius:0 0 11px 11px!important;margin:0!important}
body.sf-mural-embedded .msg .bubble,body.sf-mural-embedded .msg.mine .bubble{background:rgba(8,19,47,.84)!important}
body.sf-mural-embedded .admin-msg .bubble,body.sf-mural-embedded .admin-public-msg .bubble{background:rgba(42,13,69,.85)!important}
@media(max-width:700px){body .feed{border-radius:10px!important}body .composer{border-radius:11px!important}body .msg .bubble{box-shadow:0 2px 8px rgba(0,0,0,.25)!important}}
@media(prefers-reduced-motion:reduce){body .feed,body .composer,body .online-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
