/* Guia Livre Rádio 14.1.19 — correções responsivas, acessíveis e de tema. */
#app .gl19-svg-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;vertical-align:middle;flex-shrink:0}
#app .gl19-svg-icon svg{width:22px;height:22px;display:block}
#app #notificationBell,#app #sfVideoStart,#app #sfVoiceStart{position:relative;overflow:visible!important}
#app #notificationBell .bell-count{right:-5px;top:-7px;z-index:15}
#app .gl19-whatsapp{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;vertical-align:middle}
#app .gl19-whatsapp svg{height:21px;width:21px}
#app #glEvoQuick .gl19-whatsapp,#app #glEvoSidebar .gl19-whatsapp{margin-right:5px}
#app .gl19-duration{display:block;font-size:11px;font-variant-numeric:tabular-nums;opacity:.82;margin-top:4px}
#app .gl19-message-target{outline:3px solid #1dcda8!important;outline-offset:3px;animation:gl19-target 2.8s ease-out}
@keyframes gl19-target{0%,25%{box-shadow:0 0 0 10px #20dbaa45}100%{box-shadow:none}}
#app .ptt-zone .gl19-footer-brand{grid-column:2;grid-row:2;font-size:10px;line-height:1.4;text-align:right;letter-spacing:.03em;color:var(--g-muted,#a6b9c9);border:0!important;background:transparent!important;padding:0 5px 3px!important;white-space:normal;min-width:0;overflow-wrap:anywhere}
#app .ptt-zone .gl19-footer-brand[hidden]{display:none!important}
/* Notificações em forma de balão abaixo do cabeçalho da conversa, nunca atrás da composição. */
#toast{top:var(--gl19-toast-y,100px)!important;bottom:auto!important;left:auto!important;right:clamp(10px,2vw,32px)!important;transform:none!important;max-width:min(420px,calc(100vw - 20px))!important;width:max-content!important;z-index:300!important;border:1px solid #4d9c8e66;box-shadow:0 12px 35px #0006;border-radius:13px!important;padding:12px 15px!important;line-height:1.45}
#toast.show{pointer-events:auto!important}
#toast .gl-toast-open{margin:7px 0 0;display:block;background:transparent;color:#7df3d0;border:0;padding:5px 2px;cursor:pointer;font-weight:800}
/* O fundo de conversa acompanha o tema escuro sem alterar papéis de parede personalizados. */
:root[data-theme="dark"] #app .messages:not(.gl-channel-custom-wallpaper),:root:not([data-theme="light"]):not([data-theme="whatsapp"]) #app .messages:not(.gl-channel-custom-wallpaper){background-color:#0b1724!important;background-image:radial-gradient(#1b3342 1px,transparent 1px)!important;background-size:26px 26px!important;color:#eaf4f5}
:root[data-theme="dark"] #app .bubble:not(.mine){background:#162c3c!important;color:#eaf4f5!important;border-color:#25445a!important}
:root[data-theme="dark"] #app .bubble.mine{background:#0e4b42!important;color:#ecfffa!important;border-color:#187665!important}
:root[data-theme="dark"] #app .composer{background:#0d1c2c!important}
#app .top-actions>button[title*="Ligação"],#app .top-actions>button[title*="vídeo"]{background:transparent!important;box-shadow:none!important}
#app .gl-contact-more{background:transparent!important;border:0!important;box-shadow:none!important;font-size:18px!important}
#app #glwGoHome{position:relative}
/* Caixa de composição sempre menor que a área visível do navegador. */
@media(max-width:760px){
 html,body{height:var(--gl19-view-height,100dvh)!important;min-height:0!important;overflow:hidden!important}
 #app.shell,#app .main{height:var(--gl19-view-height,100dvh)!important;max-height:var(--gl19-view-height,100dvh)!important;min-height:0!important;overflow:hidden!important}
 #app .content{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important}
 #app .messages{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 #app #glMobileBar{flex-shrink:0!important}
 #app .topbar{flex-shrink:0!important}
 #app #sendForm.gl181-composer{flex:0 0 auto!important;max-height:145px!important;min-height:90px!important;overflow:visible!important;padding:5px 8px max(6px,env(safe-area-inset-bottom))!important}
 #app .ptt-zone .gl19-footer-brand{grid-column:1!important;grid-row:3!important;text-align:center!important;font-size:9px!important;padding:0 0 2px!important}
 html.gl19-keyboard #app .ptt-zone{display:none!important}
 html.gl19-keyboard #app #sendForm.gl181-composer{min-height:88px!important;max-height:110px!important}
 html.gl19-keyboard #app #glwHome{overflow:auto!important}
 #app .ptt-zone{max-height:none!important;overflow:visible!important}
 #app #glwOnline:not([hidden]){z-index:9!important;color:#2ee4b1}
 #toast{left:10px!important;right:10px!important;width:auto!important;max-width:none!important;text-align:left}
}
@media(min-width:761px){
 #app .ptt-zone{grid-template-rows:auto auto!important}
 #app #sendForm.gl181-composer{max-height:160px}
}