/* Guia Livre Rádio 14.1.12 — topo móvel sem recortes, visual de conversa profissional. */
#glMobileBar{display:none}
#app .topbar{box-sizing:border-box}
#app .current-icon,#app .current-info{cursor:pointer}
#app .top-actions .gl-ai-top-btn{background:color-mix(in srgb,var(--g-accent,#00a884) 16%,transparent);border-color:var(--g-accent,#00a884);white-space:nowrap}
.gl-mobile-tool-layer[hidden],.gl-ai-layer[hidden]{display:none!important}
.gl-mobile-tool-layer{position:fixed;inset:0;z-index:230;display:flex;align-items:flex-end}
.gl-mobile-tools-backdrop{position:absolute;inset:0;background:#0009}
.gl-mobile-tools{position:relative;margin-left:auto;margin-right:auto;background:var(--g-panel,#142639);color:var(--g-text,#fff);width:min(100%,560px);border-radius:20px 20px 0 0;padding:16px 14px max(22px,env(safe-area-inset-bottom));max-height:80dvh;overflow:auto;box-shadow:0 -15px 45px #0006}
.gl-mobile-tools header{display:flex;justify-content:space-between;align-items:center;padding:0 6px 12px;border-bottom:1px solid var(--g-line,#445)}
.gl-mobile-tools header button{color:inherit;border:0;background:none;font-size:22px}
.gl-mobile-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:16px}
.gl-mobile-tools-grid button{min-width:0;min-height:78px;border-radius:13px;background:color-mix(in srgb,var(--g-panel,#26374a) 85%,var(--g-accent,#00a884) 15%);border:1px solid var(--g-line,#435);color:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;cursor:pointer}
.gl-mobile-tools-grid button>span{font-size:23px}.gl-mobile-tools-grid small{font-size:11px;text-align:center;padding:0 3px}
.gl-ai-layer{position:fixed;inset:0;z-index:221;display:flex;justify-content:flex-end}
.gl-ai-shade{position:absolute;inset:0;background:#0008}
.gl-ai-drawer{position:relative;width:min(440px,100%);background:var(--g-panel,#152435);color:var(--g-text,#eef5f8);box-shadow:-12px 0 45px #0006;border-left:1px solid var(--g-line,#384e60);display:flex;flex-direction:column;height:100dvh;min-width:0}
.gl-ai-head{display:flex;align-items:center;gap:11px;padding:15px 15px;background:color-mix(in srgb,var(--g-panel,#152435) 87%,var(--g-accent,#00a884) 13%);border-bottom:1px solid var(--g-line,#384e60)}
.gl-ai-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0b9b83;color:white;font-size:26px;flex-shrink:0}.gl-ai-head>div:nth-child(2){flex:1;min-width:0}.gl-ai-head strong,.gl-ai-head small{display:block}.gl-ai-head strong{font-size:15px}.gl-ai-head small{font-size:11px;color:var(--g-muted,#b4c9d8);margin-top:4px}
#glAiClose{border:0;background:transparent;color:inherit;font-size:21px;cursor:pointer;width:36px;height:36px}
.gl-ai-alert{padding:10px 16px;background:color-mix(in srgb,var(--g-accent,#00a884) 8%,transparent);border-bottom:1px solid var(--g-line,#384e60);font-size:12px;line-height:1.4;color:inherit}
.gl-ai-thread{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;background-image:radial-gradient(color-mix(in srgb,var(--g-text,#eef5f8) 5%,transparent) 1px,transparent 1px);background-size:18px 18px}
.gl-ai-intro{margin:auto;text-align:center;max-width:280px;display:grid;justify-items:center;gap:8px}.gl-ai-intro h3{font-size:18px;margin:5px}.gl-ai-intro p{font-size:13px;line-height:1.6;color:var(--g-muted,#bbccd6)}
.gl-ai-message{max-width:94%;display:flex;flex-direction:column;gap:7px;padding:11px 14px;border-radius:12px;border:1px solid var(--g-line,#384e60);background:var(--g-panel2,#26384a);line-height:1.5}.gl-ai-message.user{align-self:flex-end;background:color-mix(in srgb,var(--g-accent,#00a884) 24%,var(--g-panel,#152435) 76%)}.gl-ai-message.assistant{align-self:flex-start}.gl-ai-message small{font-weight:700;font-size:11px;color:var(--g-accent,#00a884)}.gl-ai-message p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.gl-ai-form{flex:0 0 auto;padding:12px;border-top:1px solid var(--g-line,#384e60)}.gl-ai-context{display:flex;gap:8px;align-items:flex-start;font-size:11px;padding:5px 4px 11px;line-height:1.4;cursor:pointer}.gl-ai-context input{margin:1px 0 0;accent-color:#00a884}.gl-ai-compose{display:flex;align-items:flex-end;gap:8px}.gl-ai-compose textarea{background:var(--g-input,#223549);color:inherit;border:1px solid var(--g-line,#384e60);min-height:49px;max-height:125px;flex:1;width:100%;min-width:0;border-radius:14px;padding:11px 12px;resize:vertical;box-sizing:border-box;font:inherit;font-size:13px}.gl-ai-compose button{background:#00a884;color:#fff;border:0;border-radius:50%;width:46px;height:46px;flex-shrink:0;font-size:20px;cursor:pointer}.gl-ai-compose button:disabled{opacity:.4;cursor:not-allowed}
.gl-ai-foot{padding:8px 12px max(10px,env(safe-area-inset-bottom));text-align:center;font-size:10px;line-height:1.4;color:var(--g-muted,#b8c7d8)}.gl-ai-foot a{color:#00a884}
body.gl-ai-open #app .topbar{display:flex!important;visibility:visible!important}
body.gl-ai-open #messages{display:none!important}
body.gl-ai-open #glAiLayer{position:relative;inset:auto;flex:1;min-height:0;width:100%;height:auto;z-index:4;display:flex}
body.gl-ai-open .gl-ai-shade{display:none}
body.gl-ai-open .gl-ai-drawer{width:100%;height:100%;min-height:0;box-shadow:none;border-left:0}
body.gl-ai-open #app .content{display:flex;flex-direction:column;min-height:0;flex:1}
body.gl-ai-open #sendForm,body.gl-ai-open #app .ptt-zone{flex:0 0 auto}
:root[data-theme="whatsapp"] .gl-ai-drawer{background:#f0f2f5;color:#111b21}:root[data-theme="whatsapp"] .gl-ai-message{background:#fff}:root[data-theme="whatsapp"] .gl-ai-message.user{background:#d9fdd3}
@media(max-width:760px){
 #app .main{min-width:0;height:100dvh!important;max-height:100dvh!important;overflow:hidden}
 #app .topbar{flex:0 0 auto!important;display:grid!important;grid-template-columns:38px 41px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-height:61px!important;max-height:none!important;height:61px!important;padding:7px 12px!important;overflow:visible!important;flex-wrap:nowrap!important}
 #app .topbar #mobileMenu{grid-column:1;grid-row:1;min-width:34px;width:34px;height:40px}
 #app .topbar .current-icon{grid-column:2;grid-row:1;min-width:37px;width:37px;height:37px;padding:0;display:grid;place-items:center}
 #app .topbar .current-info{grid-column:3;grid-row:1;min-width:0!important;width:100%;max-width:100%;flex:auto!important;overflow:hidden}
 #app .topbar .current-info strong{font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app .topbar .current-info small{font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app .topbar .top-actions{display:none!important}
 #glMobileBar{display:flex;flex:0 0 49px;min-width:0;width:100%;align-items:center;justify-content:space-around;gap:5px;padding:5px 9px 7px;box-sizing:border-box;border-bottom:1px solid var(--g-line,#293d51);background:var(--g-top,#0d1d2f);color:var(--g-text,#f1f5f9);z-index:6}
 #glMobileBar button{position:relative;flex:1 1 0;min-width:0;min-height:36px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:19px;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;cursor:pointer}
 #glMobileBar button:hover,#glMobileBar button:focus-visible{background:color-mix(in srgb,var(--g-accent,#00a884) 18%,transparent)}
 #glMobileBar button:nth-last-child(-n+2){font-size:12px;font-weight:700;color:var(--g-accent,#00a884)}
 #glMobileBar .gl-mobile-badge{background:#db365b;color:white;min-width:16px;max-width:46px;padding:2px 4px;font-size:10px;border-radius:12px;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
 #glMobileBar .gl-mobile-badge[hidden]{display:none}
 #app .content{min-height:0;flex:1 1 0!important;overflow:hidden}
 #app .version-ribbon{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app .messages{overflow-y:auto!important;overscroll-behavior:contain}
 #app .ptt-zone{max-height:min(31dvh,182px)!important;min-height:66px;overflow-y:auto!important}
 .gl-ai-drawer{width:100%;border:0}
}
@media(min-width:761px){#glMobileBar{display:none!important}}

#app .gl-ai-compose-shortcut{border:0;background:transparent;color:var(--g-accent,#00a884);font-size:21px;font-weight:800;flex:0 0 32px;width:32px;min-width:32px;height:40px;padding:0;cursor:pointer;border-radius:50%}
#app .gl-ai-compose-shortcut:hover{background:color-mix(in srgb,var(--g-accent,#00a884) 17%,transparent)}
