/* SO FLASHBACK | Neon cinematografico | APENAS CSS
   Mantem a grade funcional recuperada e os IDs usados pelo chat.js.
   Nenhuma dependencia de video externo ou recursos remotos. */
:root{--sf-cyan:#24d7ff;--sf-pink:#e65af5;--sf-ink:#070b20}
body:not(.sf-mural-embedded){background:#070b1b!important}
body:not(.sf-mural-embedded) .app{max-width:none!important;background:radial-gradient(ellipse at 100% 0%,#24103c 0%,#070d22 55%,#070b1b 100%)!important}
.topbar{background:linear-gradient(115deg,rgba(7,18,44,.94),rgba(31,10,60,.91))!important;border-bottom:1px solid rgba(43,207,255,.65)!important;box-shadow:0 2px 22px rgba(26,197,250,.14)!important}
.topbar .room-icon{border:1px solid rgba(53,205,255,.9)!important;box-shadow:0 0 14px rgba(25,197,255,.42),inset 0 0 8px rgba(182,55,255,.15)!important}
.topbar .title h1{font-weight:900!important;letter-spacing:.05em!important;color:#f9fcff!important;text-shadow:0 0 14px rgba(58,192,255,.52)}
.topbar .title p{color:#bad5fa!important}
.online{border:1px solid rgba(39,213,255,.54)!important;background:rgba(7,29,57,.75)!important;box-shadow:0 0 12px rgba(0,211,255,.12)!important}
.site-notice{background:linear-gradient(95deg,rgba(0,163,221,.35),rgba(120,46,181,.30))!important;border-bottom:1px solid rgba(47,198,249,.33)!important}
.profile-note{background:rgba(11,23,49,.60)!important;color:#afcde9!important;border-bottom:1px solid rgba(63,207,253,.13)!important}
@media(min-width:701px){
 body:not(.sf-mural-embedded) .chat-workspace{display:grid!important;grid-template-columns:minmax(0,63fr) minmax(300px,37fr)!important;gap:0!important;min-height:0!important;background:transparent!important}
 body:not(.sf-mural-embedded) .chat-left{display:flex!important;flex-direction:column!important;min-height:0!important;min-width:0!important;overflow:hidden!important;border-right:1px solid rgba(239,90,250,.73)!important;background:rgba(7,11,30,.24)!important}
 body:not(.sf-mural-embedded) #onlineDock.online-dock{display:flex!important;flex-direction:column!important;visibility:visible!important;min-height:0!important;min-width:0!important;overflow:hidden!important;background:linear-gradient(165deg,rgba(5,18,44,.74),rgba(25,8,46,.66))!important;border-left:1px solid rgba(232,66,244,.65)!important;box-shadow:inset 0 0 28px rgba(7,115,221,.07),-3px 0 18px rgba(233,59,250,.09)!important}
 body:not(.sf-mural-embedded) #onlineDock .online-dock-head{min-height:58px!important;flex:0 0 auto!important;padding:0 19px!important;background:linear-gradient(100deg,rgba(5,126,224,.40),rgba(152,35,194,.32))!important;border-bottom:1px solid rgba(43,220,255,.61)!important;color:#fff!important}
 body:not(.sf-mural-embedded) #onlineDock .online-dock-head strong{font-size:16px!important;letter-spacing:.005em!important;text-shadow:0 0 10px rgba(66,224,255,.25)}
 body:not(.sf-mural-embedded) #onlineDockList{display:block!important;flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important;padding:14px 20px 112px!important}
 body:not(.sf-mural-embedded) #onlineDock .online-user{min-height:67px!important;padding:11px 7px!important;gap:14px!important;border-bottom:1px solid rgba(68,156,242,.25)!important;background:transparent!important}
 body:not(.sf-mural-embedded) #onlineDock .online-user .avatar{width:43px!important;height:43px!important;flex-basis:43px!important;box-shadow:0 0 0 2px rgba(40,209,255,.48),0 0 14px rgba(48,193,255,.20)!important}
 body:not(.sf-mural-embedded) #onlineDock .online-user-info b{font-size:14px!important;color:#f4f9ff!important}
 body:not(.sf-mural-embedded) #onlineDock .online-user-info small{font-size:11px!important;color:#b6d0e7!important}
 /* O proprio botao de login original fica visualmente na base da coluna.
    Seu ID e todos os listeners JS permanecem intactos. */
 body:not(.sf-mural-embedded) #headerAccountBtn{position:fixed!important;right:20px!important;bottom:27px!important;width:calc(37vw - 40px)!important;max-width:none!important;min-width:220px!important;height:64px!important;min-height:64px!important;border-radius:19px!important;z-index:12!important;justify-content:center!important;gap:12px!important;display:flex!important;align-items:center!important;border:2px solid rgba(97,244,255,.9)!important;background:linear-gradient(105deg,#0295e0 0%,#433ddd 53%,#c323db 100%)!important;color:#fff!important;box-shadow:0 0 12px rgba(13,196,255,.65),0 0 24px rgba(213,45,240,.35),inset 0 1px 0 rgba(255,255,255,.32)!important;font-size:17px!important;font-weight:900!important}
 body:not(.sf-mural-embedded) #headerAccountBtn:hover{filter:brightness(1.12)!important;transform:translateY(-1px)!important}
 body:not(.sf-mural-embedded) #headerAccountText{font-size:17px!important;white-space:nowrap!important}
 body:not(.sf-mural-embedded) #headerAccountBtn .header-account-icon{font-size:23px!important}
}
/* Translucidez: no iframe, revela o que estiver realmente por tras dele. */
html:has(body.sf-mural-embedded),body.sf-mural-embedded,body.sf-mural-embedded .app,body.sf-mural-embedded .chat-workspace,body.sf-mural-embedded .chat-left{background:transparent!important;background-image:none!important}
body.sf-mural-embedded #feed{background:linear-gradient(125deg,rgba(5,13,36,.72),rgba(24,9,43,.67))!important}
body.sf-mural-embedded .composer{background:rgba(7,14,34,.78)!important}
body.sf-mural-embedded #onlineDock{background:rgba(8,14,34,.74)!important}
/* Fundo com brilho profundo e sem equalizador ou imagem que tape o video. */
#feed.feed{background:radial-gradient(ellipse at 88% 38%,rgba(104,32,137,.18),transparent 56%),linear-gradient(125deg,rgba(5,13,36,.70),rgba(19,9,41,.64))!important;color:#f3f9ff!important;scrollbar-color:#31baf4 rgba(10,15,44,.3)}
.msg .avatar{box-shadow:0 0 0 2px rgba(45,212,255,.55),0 0 14px rgba(30,176,255,.18)!important}
.msg .bubble,.msg.mine .bubble{background:linear-gradient(125deg,rgba(10,29,62,.83),rgba(15,15,49,.78))!important;color:#f6faff!important;border:1px solid rgba(64,194,255,.78)!important;border-left:3px solid #22ccff!important;border-radius:12px!important;box-shadow:0 2px 14px rgba(0,0,0,.22),0 0 9px rgba(37,204,255,.1)!important}
.msg.admin-msg .bubble,.msg.admin-public-msg .bubble,.admin-public-msg .bubble{border-color:rgba(237,104,240,.93)!important;border-left:3px solid #ff69ef!important;background:linear-gradient(105deg,rgba(85,23,90,.77),rgba(24,16,65,.79))!important;box-shadow:0 0 16px rgba(233,65,244,.21)!important}
.meta strong{color:#eafaff!important}
.date-separator{border:1px solid rgba(72,182,255,.52)!important;background:rgba(24,35,77,.87)!important;color:#f6f7ff!important;box-shadow:0 0 9px rgba(18,167,247,.16)!important}
.composer{background:rgba(5,13,35,.79)!important;border-top:1px solid rgba(29,215,255,.7)!important;box-shadow:0 -4px 15px rgba(18,191,251,.09)!important}
.input-row{background:rgba(8,23,53,.85)!important;border:1px solid rgba(57,204,255,.91)!important;border-radius:17px!important;box-shadow:0 0 15px rgba(17,207,255,.15)!important}
.input-row textarea{color:#f7fcff!important}
.send{background:linear-gradient(125deg,#13d4ff,#2472fa)!important;box-shadow:0 0 12px rgba(31,208,255,.35)!important}
.modal-card{background:linear-gradient(155deg,rgba(12,23,50,.98),rgba(34,13,57,.98))!important;border:1px solid rgba(62,204,255,.7)!important;box-shadow:0 20px 70px #000a,0 0 24px rgba(167,57,246,.14)!important}
@media(max-width:700px){body:not(.sf-mural-embedded) #headerAccountBtn{position:static!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;display:flex!important;box-shadow:none!important}body:not(.sf-mural-embedded) #onlineDock{display:none!important}.msg .bubble{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){#headerAccountBtn,.bubble,.avatar{animation:none!important;transition:none!important}}