/* Guia Livre Rádio 14.1.8: UI adaptativa, badges legíveis e tema WhatsApp. */
.topbar{min-height:66px;height:auto!important;overflow:visible!important;align-items:center;gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.topbar .current-info{min-width:130px;flex:1 1 185px;overflow:hidden}
.topbar .current-info strong,.topbar .current-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;flex:2 1 400px;min-width:0;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end;overflow:visible!important}
.top-actions>button{position:relative;flex-shrink:0}
.bell-btn{position:relative;overflow:visible!important;isolation:isolate}
.bell-count,.top-actions [class*="count"]{position:absolute!important;z-index:5!important;top:-7px!important;right:-7px!important;min-width:21px;max-width:78px;padding:2px 5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:15px;font-size:10px}
#pendingCallCount{max-width:94px}
#channelTitle,#channelIcon,#profileName,#profileAvatar{cursor:pointer}
#channelTitle:hover,#profileName:hover{text-decoration:underline}
#voiceRecord.recording{min-width:76px;white-space:nowrap;color:#fff;background:#b91c1c;animation:gl-rec-pulse 1.3s ease-in-out infinite}
@keyframes gl-rec-pulse{50%{box-shadow:0 0 0 4px rgba(220,38,38,.2)}}
.gl-voice-preview audio{display:block;width:100%;margin:12px 0 16px}
.gl-voice-preview-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.gl-voice-preview-actions button{min-height:40px}
html[data-theme="whatsapp"]{--bg:#eae6df;--panel:#f0f2f5;--text:#111b21;--accent:#00a884;--muted:#667781;color-scheme:light}
html[data-theme="whatsapp"] body{background:#eae6df;color:#111b21}
html[data-theme="whatsapp"] .sidebar,html[data-theme="whatsapp"] .topbar,html[data-theme="whatsapp"] .composer{background:#f0f2f5;color:#111b21}
html[data-theme="whatsapp"] .messages{background-color:#efeae2;background-image:radial-gradient(#d6cec5 0.7px,transparent 0.7px);background-size:19px 19px}
html[data-theme="whatsapp"] .ptt-zone{background:#075e54;color:#fff}
html[data-theme="whatsapp"] .primary{background:#00a884;color:#fff}
html[data-theme="whatsapp"] .channel-list .active{background:#d9fdd3;color:#111b21}
@media(max-width:800px){.top-actions{justify-content:flex-start;flex-basis:100%}.topbar .current-info{flex:1 1 130px}.top-actions .ghost{padding:7px 9px}.top-actions .hide-small{display:none}}

/* 14.1.9 — tema inspirado em mensageiros, sem copiar elementos protegidos. */
:root[data-theme="whatsapp"]{--g-bg:#eae6df;--g-chat:#efeae2;--g-panel:#fff;--g-top:#f0f2f5;--g-side:#fff;--g-text:#111b21;--g-muted:#667781;--g-accent:#00a884;--g-line:#d1d7db;--g-button:#e9edef;--g-input:#fff;--g-modal:#fff;--g-border:#d1d7db;color-scheme:light}
:root[data-theme="whatsapp"] .messages{background-color:#efeae2!important;background-image:radial-gradient(#d6cec5 0.75px,transparent 0.75px)!important;background-size:18px 18px!important}
:root[data-theme="whatsapp"] .bubble{border-radius:11px!important;box-shadow:0 1px 2px #00000012}
:root[data-theme="whatsapp"] .bubble.mine,:root[data-theme="whatsapp"] .bubble.own{background:#d9fdd3!important;color:#111b21!important}
:root[data-theme="whatsapp"] .composer{background:#f0f2f5!important}
:root[data-theme="whatsapp"] .ptt-zone{background:#075e54!important;color:#fff!important}
:root[data-theme="whatsapp"] .topbar,:root[data-theme="whatsapp"] .sidebar{background:#f0f2f5!important;color:#111b21!important}
.gl-save-audio-option{display:flex;gap:10px;align-items:center;padding:12px;margin:12px 0;background:var(--g-panel2);border-radius:12px}
.gl-save-audio-option input{width:18px;height:18px}
#sfEmojiPop{z-index:200!important;max-width:min(380px,calc(100vw - 30px));max-height:min(340px,45dvh);overflow:auto}
.topbar .bell-count{max-width:none!important;min-width:20px;overflow:visible!important;white-space:nowrap;right:-4px!important;top:-8px!important;z-index:20!important}
.topbar .top-actions{overflow:visible!important;padding:9px 12px 8px 0;row-gap:9px}
.messages audio{max-width:min(100%,310px)}
.messages .sf-audio-more,.messages .guest-audio-more{display:none!important}
@media(max-width:700px){.topbar{gap:6px}.top-actions{flex-basis:100%!important;justify-content:flex-start!important}.ptt-zone{max-height:40dvh;overflow-y:auto}}
