/* 14.1.53: Escopo exclusivo da barra do Rádio. Não interfere no Kanban. */
@media(min-width:861px){
 #app .topbar{display:flex!important;position:relative!important;flex-wrap:nowrap!important;align-items:center!important;gap:9px!important;min-height:64px!important;max-height:86px!important;height:auto!important;padding:7px 14px!important;overflow:hidden!important}
 #app .topbar .current-icon{flex:0 0 42px!important;position:relative!important;z-index:1}
 #app .topbar .current-info{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 180px!important;min-width:125px!important;max-width:none!important;overflow:hidden!important;z-index:1}
 #app .topbar .current-info strong,#app .topbar .current-info small{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 #app .topbar .top-actions{display:flex!important;position:static!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;height:auto!important;max-width:calc(100% - 240px)!important;overflow:visible!important;clip:auto!important;align-items:center!important;gap:6px!important;margin-left:auto!important;flex-wrap:nowrap!important}
 #app .topbar .top-actions > :not(#newDirectNumber):not(#showCallAlerts):not(#notificationBell):not(#gl52More){display:none!important}
 #app .topbar .top-actions > button{position:relative!important;flex:0 0 auto!important;min-width:36px!important;min-height:36px!important;max-width:116px!important;padding:6px 9px!important;white-space:nowrap!important}
 #app .topbar .top-actions #gl52More{display:inline-flex!important;align-items:center!important;background:transparent!important;border:1px solid var(--line,#344457)!important;border-radius:10px!important}
 #app .topbar #glMobileBar{display:none!important}
 #app .main{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
 #app .main .content{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important}
 #app .ptt-zone{order:3!important;flex:0 0 auto!important;min-height:0!important;height:auto!important;max-height:140px!important;align-items:center!important;padding:7px 12px!important;gap:10px!important}
 #app .ptt-zone .ptt-left{height:auto!important;min-height:0!important;max-height:none!important;align-self:center!important}
 #app .ptt-zone .ptt-actions{height:auto!important;min-height:0!important;max-height:none!important;align-self:center!important;align-items:center!important}
 #app .version-ribbon{order:4!important;flex:0 0 auto!important;min-height:17px!important;line-height:17px!important;padding:0 10px!important}
 #app.glw-home-active .ptt-zone,#app.glw-home-active .version-ribbon{display:none!important}
}
@media(max-width:860px){
 #app .topbar{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
 #app .topbar .current-info{min-width:0!important;max-width:100%!important}
 #app .main{min-width:0!important}
 #app .main .content{min-height:0!important}
}
.gl53-more-shade[hidden]{display:none!important}.gl53-more-shade{position:fixed;inset:0;z-index:35000;background:#020a15d9;display:grid;place-items:center;padding:12px}
.gl53-more-dialog{width:min(530px,100%);background:#10263a;color:#eef7fc;border:1px solid #416078;border-radius:18px;padding:18px;max-height:86dvh;overflow:auto;box-shadow:0 24px 76px #0009}
.gl53-more-head{display:flex;align-items:center;gap:10px}.gl53-more-head h2{flex:1;font-size:18px;margin:0}.gl53-more-head button{background:transparent;border:0;color:inherit;font-size:23px}
.gl53-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.gl53-more-grid button{background:#15364a;border:1px solid #35546a;color:inherit;border-radius:12px;min-height:82px;padding:8px 5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:12px}
.gl53-more-grid button:hover,.gl53-more-grid button:focus-visible{background:#1c4b60;border-color:#31d7b5}
.gl53-more-grid .gl53-icon{font-size:23px}
.gl53-nav{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:inherit;font-weight:700;font-size:13px;padding:10px 12px;border-radius:10px;text-align:left;width:100%;cursor:pointer}
.gl53-nav:hover,.gl53-nav:focus-visible{background:#1b3d4c}
.gl53-nav-home{background:#0b7061!important;color:#fff!important;font-weight:800;min-width:140px}
@media(max-width:390px){.gl53-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Recursos opt-in de acessibilidade: baixo contraste/legibilidade nunca são obrigatórios. */
body.gl53-large #app{font-size:110%!important}
body.gl53-large #app button,body.gl53-large #app input,body.gl53-large #app textarea{font-size:1em!important;min-height:42px}
body.gl53-contrast #app{--text:#fff!important;--muted:#deebf3!important;--line:#c6d8ee!important}
body.gl53-contrast #app .topbar,body.gl53-contrast #app .sidebar,body.gl53-contrast #app .main{background:#071019!important}
body.gl53-contrast #app button:focus-visible{outline:3px solid #f9e95d!important;outline-offset:2px!important}
body.gl53-reduce *,body.gl53-reduce *::before,body.gl53-reduce *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){#app *,#app *::before,#app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 14.1.55 — single authoritative radio header layout / home without chat tools. */
#app.glw-home-active .topbar,#app.glw-home-active #glMobileBar,#app.glw-home-active .top-actions{display:none!important}
#app.glw-home-active .main{min-height:0!important;flex:1 1 auto!important}
#app.glw-home-active .content{flex:1 1 0%!important;min-height:0!important}
@media(min-width:861px){
 #app:not(.glw-home-active) .topbar{box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow:hidden!important;min-height:64px!important;max-height:74px!important;height:70px!important;gap:10px!important;padding:7px 12px!important}
 #app:not(.glw-home-active) .topbar .current-icon{flex:0 0 42px!important}
 #app:not(.glw-home-active) .topbar .current-info{flex:1 1 270px!important;min-width:120px!important;max-width:none!important;width:auto!important;overflow:hidden!important}
 #app:not(.glw-home-active) .topbar .top-actions{display:flex!important;flex:0 1 auto!important;max-width:min(420px,45%)!important;min-width:0!important;width:auto!important;height:auto!important;max-height:52px!important;overflow:visible!important;clip:auto!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;margin-left:auto!important}
 #app:not(.glw-home-active) .topbar .top-actions > :not(#newDirectNumber):not(#showCallAlerts):not(#notificationBell):not(#gl52More){display:none!important}
 #app:not(.glw-home-active) .topbar .top-actions > button{flex:0 0 auto!important;min-width:34px!important;max-width:95px!important;min-height:36px!important;padding:5px!important;position:relative!important}
 #app:not(.glw-home-active) #gl52More{display:inline-flex!important;max-width:95px!important}
 #app #glMobileBar{display:none!important}
}
@media(min-width:861px) and (max-width:1110px){
 #app:not(.glw-home-active) .topbar .top-actions #newDirectNumber{display:none!important}
 #app:not(.glw-home-active) .topbar .top-actions{max-width:205px!important}
}
@media(max-width:860px){#app.glw-home-active .topbar{display:none!important}#app.glw-home-active #glMobileBar{display:none!important}}
#app .gl55-agent-bucket .gl55-agent-entry .channel-symbol{color:var(--g-accent,#00a884)}
.gl55-contact-heading{display:block;width:100%;padding:9px 10px;color:var(--g-muted,#bdcbd5);font-size:12px;text-align:left;line-height:1.4}
button.gl55-offline-toggle{background:transparent;border:0;border-top:1px solid var(--g-line,#344557);color:var(--g-text,#e8f0f6);cursor:pointer}
.gl55-contact-heading + .gl24-list-row{margin-top:2px}
#app .sidebar .profile #logout{display:none!important}
.gl53-more-grid .gl55-settings-entry{min-height:45px;text-align:left;align-items:flex-start;flex-direction:row;justify-content:flex-start;font-size:14px;padding:11px 14px}
#glAiForm .gl-ai-context{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:8px!important;line-height:1.25!important}
#glAiForm .gl-ai-context input{width:17px!important;height:17px!important;flex:0 0 17px!important;margin:0!important}

/* 14.1.56: ajuste de composição, SEM novas folhas de remendos.
   A barra de rádio não deve transformar o status em uma linha inteira vazia. */
@media (min-width:861px) {
 #app:not(.glw-home-active) .ptt-zone{
   display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
   width:100%!important;min-height:68px!important;max-height:none!important;
   height:auto!important;overflow:hidden!important;overflow-x:hidden!important;
   align-items:center!important;align-content:center!important;
   gap:9px!important;padding:6px 10px!important;
   box-sizing:border-box!important;
 }
 #app:not(.glw-home-active) .ptt-zone .ptt-left{
   flex:0 1 255px!important;flex-basis:255px!important;
   width:255px!important;max-width:255px!important;min-width:155px!important;
   height:auto!important;max-height:none!important;
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;
   justify-content:center!important;gap:2px!important;margin:0!important;
   overflow:hidden!important;
 }
 #app:not(.glw-home-active) .ptt-zone .ptt-left .ptt-caption{font-size:10px!important;line-height:1.15!important}
 #app:not(.glw-home-active) .ptt-zone .ptt-left #pttStatus,
 #app:not(.glw-home-active) .ptt-zone .ptt-left #peerCount{
   line-height:1.2!important;margin:0!important;white-space:normal!important;font-size:11px!important;
 }
 #app:not(.glw-home-active) .ptt-zone .ptt-left .live-save{
   margin:2px 0 0!important;font-size:11px!important;line-height:1.3!important;
 }
 #app:not(.glw-home-active) .ptt-zone .ptt-actions{
   display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
   justify-content:flex-end!important;align-items:center!important;
   flex:1 1 auto!important;flex-basis:0!important;
   width:auto!important;max-width:none!important;min-width:0!important;
   height:auto!important;max-height:none!important;margin:0!important;gap:5px!important;
 }
 #app:not(.glw-home-active) .ptt-zone .ptt-control{
   flex:0 1 225px!important;flex-basis:225px!important;
   min-width:155px!important;max-width:235px!important;grid-column:auto!important;
   width:auto!important;margin:0!important;
 }
 #app:not(.glw-home-active) .ptt-zone #ptt{
   width:100%!important;min-width:0!important;max-width:100%!important;
   margin:0!important;
 }
 #app:not(.glw-home-active) .ptt-zone .ptt-quick-action{
   flex:0 1 52px!important;width:52px!important;min-width:39px!important;max-width:55px!important;
 }
 #app:not(.glw-home-active) .ptt-zone .audio-settings{flex:0 0 30px!important}
 #app:not(.glw-home-active) .version-ribbon{padding:1px 10px!important;min-height:16px!important;max-height:18px!important;height:auto!important}
}
@media (min-width:861px) and (max-width:1050px){
 #app:not(.glw-home-active) .ptt-zone .ptt-left{flex-basis:185px!important;max-width:185px!important}
 #app:not(.glw-home-active) .ptt-zone .ptt-actions{gap:3px!important}
 #app:not(.glw-home-active) .ptt-zone .ptt-control{flex-basis:180px!important}
}
/* Cabeçalho: ações adicionais no desktop largo, sem encostar no nome. */
@media(min-width:1320px){
 #app:not(.glw-home-active) .topbar .top-actions{max-width:calc(100% - 330px)!important}
 #app:not(.glw-home-active) .topbar .current-info{flex:1 1 240px!important;min-width:180px!important}
 #app:not(.glw-home-active) .topbar .top-actions #channelSettings,
 #app:not(.glw-home-active) .topbar .top-actions #channelPeople{display:inline-flex!important}
}
@media(min-width:1650px){
 #app:not(.glw-home-active) .topbar .top-actions #guestLink,
 #app:not(.glw-home-active) .topbar .top-actions #liveHistory{display:inline-flex!important}
}
/* Janela de pagamento e caixa de suporte respeitam teclado, rolagem e tela pequena. */
#gl32Wall{overscroll-behavior:contain!important}
#gl32Wall .card{max-height:calc(100dvh - 36px);overflow-y:auto;box-sizing:border-box}
.gl56-pix-exit{width:100%;margin-top:14px;border:1px solid #55758c;background:transparent;color:#edf8fc;border-radius:10px;padding:11px;cursor:pointer}

/* 14.1.57 — Menu da conta isolado do menu Mais da conversa. */
#gl57AccountSettings[hidden]{display:none!important}
#gl57AccountSettings{position:fixed;z-index:60010;box-sizing:border-box;max-width:calc(100vw - 16px);max-height:min(78dvh,620px);overflow-y:auto;overscroll-behavior:contain;background:var(--g-modal,#112437);border:1px solid var(--g-line,#3e5266);color:var(--g-text,#e6f1f9);box-shadow:0 12px 38px #0009;border-radius:14px;padding:8px;scrollbar-width:thin}
#gl57AccountSettings .gl57-account-title{display:flex;justify-content:space-between;align-items:center;padding:9px 11px 12px;border-bottom:1px solid var(--g-line,#344557)}
#gl57AccountClose{color:inherit;background:transparent;border:0;font-size:20px;cursor:pointer}
#gl57AccountItems{display:flex;flex-direction:column;gap:3px;padding-top:6px}
#gl57AccountSettings .gl57-account-item{display:flex;gap:11px;align-items:center;justify-content:flex-start;min-height:43px;padding:10px 12px;border:0;background:transparent;text-align:left;color:inherit;border-radius:9px;cursor:pointer;font-size:13px}
#gl57AccountSettings .gl57-account-item:hover,#gl57AccountSettings .gl57-account-item:focus-visible{background:color-mix(in srgb,var(--g-accent,#00a884) 15%,transparent);outline-offset:1px}
#gl57AccountSettings .gl57-account-item:last-child{color:#f0aeb4;border-top:1px solid var(--g-line,#344557);margin-top:6px;padding-top:12px}
#gl57AccountSettings [hidden]{display:none!important}
#app .sidebar .profile>#logout{display:none!important}
#app .sidebar-foot #logout{display:block!important;width:100%;text-align:left;margin-top:10px;border-top:1px solid var(--g-line,#344557);color:#f0abb3;min-height:42px}
#gl53MoreShade{box-sizing:border-box;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;overflow:auto!important;overscroll-behavior:contain}
#gl53MoreShade .gl53-more-dialog{box-sizing:border-box;max-width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto!important;overscroll-behavior:contain;margin:auto;padding:clamp(12px,2vw,18px)}
#gl53MoreShade .gl53-more-head{position:sticky;top:-18px;padding:5px 0 12px;z-index:2;background:#10263a}
#gl53MoreShade .gl53-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#gl53MoreShade .gl53-more-grid button{min-width:0;overflow-wrap:anywhere;line-height:1.3}
#gl53MoreShade .gl53-listen-row{min-height:45px;flex-direction:row;text-align:left;justify-content:flex-start;padding:11px;gap:11px}
.gl57-listen-note{color:var(--g-muted,#bed0db);font-size:12px;line-height:1.5;margin:0 0 4px}
@media(max-width:500px){#gl53MoreShade .gl53-more-dialog{max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%}#gl53MoreShade .gl53-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* No telefone o ONLINE mantém posição à direita do nome sem ocultar o slogan. */
@media(max-width:860px){
 #app:not(.glw-home-active) .topbar{display:flex!important;align-items:center!important;overflow:hidden!important;position:relative!important}
 #app:not(.glw-home-active) .topbar .current-info{min-width:0!important;flex:1 1 auto!important;padding-right:52px!important;overflow:hidden!important}
 #app:not(.glw-home-active) .topbar .current-info strong{max-width:100%;font-size:clamp(12px,3.5vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #app:not(.glw-home-active) .topbar .current-info small{display:block!important;min-width:0!important;overflow:hidden!important;white-space:nowrap;text-overflow:ellipsis}
 #app:not(.glw-home-active) .topbar #glwOnline{position:absolute!important;right:9px!important;top:9px!important;z-index:2!important;width:auto!important;height:auto!important;border-radius:7px!important;background:transparent!important;color:#2bd5a4!important;overflow:visible!important;font-size:9px!important;line-height:16px!important;max-width:62px!important;white-space:nowrap!important;margin:0!important}
}

/* 14.1.82 R2 — modal único no desktop e no celular */
#gl53MoreShade{z-index:100200!important;place-items:center!important;backdrop-filter:blur(4px)}
#gl53MoreShade .gl53-more-dialog{width:min(590px,100%)!important;max-height:min(86dvh,750px)!important;border:1px solid #42627a!important;background:linear-gradient(155deg,#112e43,#0b1a2b)!important;border-radius:22px!important;box-shadow:0 30px 80px #000c!important}
#gl53MoreShade .gl53-more-head{position:sticky;top:-18px;z-index:2;align-items:flex-start;border-bottom:1px solid #31536b;background:#10283b!important;padding:8px 4px 14px!important;border-radius:12px 12px 0 0}
#gl53MoreShade .gl53-more-subtitle{font-size:12px;color:#a7c3d2;margin:5px 0 0}
#gl53MoreShade #gl53MoreClose{height:38px;width:38px;border-radius:10px;background:#173c53;color:#edfdfa;cursor:pointer}
#gl53MoreShade .gl53-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:3px}
#gl53MoreShade .gl53-action-card{border:1px solid #345b6e!important;border-radius:14px!important;background:#143b50!important;min-height:86px!important;display:flex!important;flex-direction:column!important;gap:7px!important;justify-content:center!important;align-items:center!important;transition:background-color .13s ease,border-color .13s ease;cursor:pointer!important}
#gl53MoreShade .gl53-action-card:is(:hover,:focus-visible){background:#1a5464!important;border-color:#24d2b7!important;outline:2px solid #45e0d0;outline-offset:1px}
#gl53MoreShade .gl53-action-label{font-size:12px;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere}
#gl53MoreShade .gl53-action-card .gl53-icon{font-size:23px;line-height:1.1}
@media(max-width:500px){#gl53MoreShade .gl53-more-dialog{padding:12px!important;border-radius:16px!important}#gl53MoreShade .gl53-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#gl53MoreShade .gl53-action-card{min-height:76px!important;padding:7px 4px!important}#gl53MoreShade .gl53-action-label{font-size:10px}}
@media(max-width:340px){#gl53MoreShade .gl53-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#gl53MoreShade *{transition:none!important;animation:none!important}}

/* 14.1.82 R3: SVG em vez de emojis; mensagens de erro legíveis e menu estável. */
#gl53MoreShade .gl53-action-error{margin:10px 0 0;padding:10px 12px;border:1px solid #f7aa67;border-left:4px solid #ffb454;background:#362a24;color:#ffe9d2;border-radius:9px;font:600 13px/1.4 system-ui,sans-serif}
#gl53MoreShade .gl53-action-error[hidden]{display:none!important}
#gl53MoreShade .gl53-icon{display:flex;align-items:center;justify-content:center;color:#96f5e6}
#gl53MoreShade .gl53-icon svg{width:25px;height:25px;display:block;flex:none}
#gl53MoreShade .gl53-action-card[disabled]{opacity:.6;cursor:progress!important}
#gl53MoreShade .gl53-action-card:focus-visible{outline:2px solid #66ffe6;outline-offset:2px}