/* Escopo dedicado: topo global SOMENTE na home/páginas gerais; conversa abre no avatar. */
#gl68GeneralBar{display:none;box-sizing:border-box;color:#f5fffe;border-bottom:1px solid #275366;background:linear-gradient(125deg,#072031,#0c2c40);padding:10px 14px;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}
#app.glw-home-active #gl68GeneralBar{display:flex}
#app.glw-home-active.gl68-nohome #gl68GeneralBar{display:none}
#app.gl30-pane #gl68GeneralBar{display:flex}
#app.gl30-pane.gl68-noother #gl68GeneralBar{display:none}
#app:not(.glw-home-active):not(.gl30-pane) #gl68GeneralBar{display:none}
#app.gl68-show-chat-general:not(.glw-home-active) #gl68GeneralBar{display:flex}
#gl68GeneralBar .gl68-general-brand{display:flex;align-items:center;gap:9px;min-width:0;flex:0 1 230px}
#gl68GeneralBar .gl68-general-brand>div{min-width:0;display:flex;flex-direction:column;gap:3px}
#gl68GeneralBar .gl68-general-brand strong{font-size:clamp(13px,1.3vw,18px);white-space:normal;line-height:1.2}
#gl68GeneralBar .gl68-general-brand small{font-size:10px;color:#b7d0dc;line-height:1.25;display:block}
#gl68GeneralBar .gl68-general-logo{font-size:26px;color:var(--gl68-accent,#15d7b6)}
#gl68GeneralNav{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}
#gl68GeneralNav .gl68-menu{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:42px;background:color-mix(in srgb,var(--menu-color) 10%,#0a1d32);color:var(--menu-color);border:1px solid color-mix(in srgb,var(--menu-color) 65%,#09263a);border-radius:12px;padding:7px 11px;font-size:12px;font-weight:bold;cursor:pointer;flex:0 0 auto}
#gl68GeneralNav .gl68-menu:hover,#gl68GeneralNav .gl68-menu:focus-visible{background:color-mix(in srgb,var(--menu-color) 25%,#082132);outline:2px solid color-mix(in srgb,var(--menu-color) 70%,transparent)}
#gl68GeneralNav .gl68-menu span:first-child{font-size:18px}
#app.gl68-loose #gl68GeneralNav .gl68-menu{padding:12px 14px}
#app .gl68-sidebar-entry{display:flex;gap:6px;align-items:stretch;min-width:0}
#app .gl68-sidebar-entry #glwGoHome{flex:1 1 auto;min-width:0;font-size:12px;padding-inline:7px}
#app .gl68-sidebar-entry #gl68Mention{flex:0 0 45px;font-size:22px;cursor:pointer;color:#19e1bd;background:#123f48;border:1px solid #329486;border-radius:11px;min-height:39px}
#app:not(.glw-home-active) .topbar #channelIcon{width:44px;height:44px;min-width:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:bold}
#app:not(.glw-home-active) .topbar #channelIcon img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
#app.gl68-no-chat-avatar:not(.glw-home-active) .topbar #channelIcon{display:none!important}
#app:not(.glw-home-active) .topbar .gl68-peer{font-size:11px;line-height:1.3;color:#16dfb7;display:block;min-height:13px;margin-top:2px}
#app:not(.glw-home-active) .topbar .gl68-peer[hidden]{display:none!important}
#app:not(.glw-home-active) .topbar .current-info{min-width:0}
#app:not(.glw-home-active) .topbar .current-info strong{overflow-wrap:anywhere;white-space:normal!important}
#app.gl68-no-chat-subtitle:not(.glw-home-active) .topbar #channelSubtitle{display:none!important}
#app.gl68-hide-chatgear:not(.glw-home-active) .topbar #channelSettings,
#app.gl68-hide-chatgear:not(.glw-home-active) .topbar #gl64StatusSettings{display:none!important}
#app.gl68-hide-chatmore:not(.glw-home-active) .topbar #glwOnline{display:none!important}
/* A antiga conexão "ONLINE" representa o socket do próprio usuário, não a pessoa da conversa. */
#app:not(.glw-home-active) .topbar .live-mark{display:none!important}
/* IMPORTANTE: não ocultar ações de rodapé nem ícones do compositor originais. */
@media(max-width:900px){#gl68GeneralBar{flex-direction:column;align-items:stretch;gap:8px}#gl68GeneralBar .gl68-general-brand{flex-basis:auto}#gl68GeneralNav{justify-content:flex-start;padding-bottom:3px}#gl68GeneralNav .gl68-menu{font-size:11px;min-height:38px}}
@media(max-width:650px){#gl68GeneralBar{padding:8px 9px}#gl68GeneralBar .gl68-general-logo{font-size:22px}#gl68GeneralBar .gl68-general-brand strong{font-size:15px}#gl68GeneralNav .gl68-menu{padding:7px 9px;font-size:10px}#gl68GeneralNav .gl68-menu span:first-child{font-size:16px}#app:not(.glw-home-active) .topbar .gl68-peer{font-size:10px}#app:not(.glw-home-active) .topbar .current-info{padding-bottom:0!important}}

/* Um único estado de conexão no topo da barra lateral. */
#app.gl68-sidebar-single #gl66MyPresence{display:none!important}
#app .sidebar .aside-head #openProfile{flex:0 0 35px;min-width:35px;width:35px;height:35px;padding:4px;display:grid;place-items:center;order:3;margin-left:2px}
#app .sidebar .aside-head #connDot{margin-left:auto;order:2;white-space:nowrap;cursor:pointer}
#app .sidebar .aside-head .brand{min-width:0;flex:1 1 auto;order:1}
/* 14.1.83: Mais nunca pode ser ocultado por configuração legada. */

/* 14.1.69: a página inicial tem um topo, a conversa começa na foto. */
#app.glw-home-active .topbar{display:none!important}
#gl69MobileDrawer{display:none;background:#0e3546;color:#f2ffff;border:1px solid #3a7080;border-radius:10px;width:40px;min-width:40px;height:40px;cursor:pointer}
#app.glw-home-active #gl68GeneralBar{flex-wrap:wrap}
#app.glw-home-active #gl68GeneralBar .gl68-general-brand{flex:1 1 auto}
#app.glw-home-active #gl68GeneralNav{flex:0 1 auto}
/* Primeiro item é @; os outros atalhos mantêm o mesmo destino da home e dos contatos. */
#app .gl69-side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px 6px 10px}
#app .gl69-side-nav button{min-height:34px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid color-mix(in srgb,var(--side-color,#20daba) 58%,#153449);border-radius:10px;background:color-mix(in srgb,var(--side-color,#20daba) 12%,#0d2838);color:var(--side-color,#20daba);font-weight:600;font-size:11px;padding:6px;cursor:pointer}
#app .gl69-side-nav button[data-id="arroba"]{font-size:22px;line-height:1}
#app .gl69-original-home{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#app .sidebar .aside-head{display:flex;align-items:center;min-width:0;gap:6px}
#app .sidebar .aside-head .brand{min-width:0;overflow:visible;flex:1 1 auto}
#app .sidebar .aside-head .brand strong,#app .sidebar .aside-head .brand small{white-space:normal;overflow-wrap:break-word}
#app.gl68-sidebar-single .sidebar .profile #gl66MyPresence{display:none!important}
#app .sidebar .aside-head #connDot{font-size:11px;flex:0 0 auto;margin-left:0}
#app.gl68-sidebar-settings .sidebar .aside-head #openProfile{flex:0 0 34px}
#app:not(.glw-home-active) .topbar{min-width:0}
#app:not(.glw-home-active) .topbar #channelTitle{word-break:break-word;overflow-wrap:anywhere;line-height:1.25}
#app:not(.glw-home-active) .topbar #channelSubtitle{word-break:break-word;overflow-wrap:anywhere}
#app:not(.glw-home-active) .topbar .current-info{min-width:0;flex:1 1 auto}
#app:not(.glw-home-active) .topbar .top-actions{flex:0 1 auto;min-width:0}
/* Os botões originais de resposta, pedidos, etapas, IA, Pix e envio permanecem ativos. */
#app .composer{min-width:0}
#app .composer input,#app .composer textarea{min-width:0;max-width:100%;box-sizing:border-box}
#app .version-ribbon{position:relative;z-index:1}
@media(max-width:900px){#app.glw-home-active #gl68GeneralBar{flex-direction:row;align-items:center}#gl69MobileDrawer{display:block}#app.glw-home-active #gl68GeneralNav{flex-basis:100%;justify-content:flex-start}#app.glw-home-active #gl68GeneralBar .gl68-general-brand{flex:1}}
@media(max-width:650px){#app .sidebar .aside-head{gap:4px}#app .sidebar .aside-head .brand{font-size:11px}#app .sidebar .aside-head #connDot{font-size:10px}#app:not(.glw-home-active) .main{min-width:0}#app:not(.glw-home-active) .topbar{gap:5px}#app:not(.glw-home-active) .topbar .top-actions{gap:4px}#app:not(.glw-home-active) .topbar #channelIcon{height:38px;width:38px;min-width:38px}}

/* 14.1.70 — cabeçalho lateral compacto e atalhos agrupados. */
#app.gl68-sidebar-single .sidebar .profile{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto;gap:8px;align-items:center;padding:11px 12px;min-height:64px;}
#app.gl68-sidebar-single .sidebar .profile #profileAvatar{grid-column:1;grid-row:1;}
#app.gl68-sidebar-single .sidebar .profile .profile-copy{grid-column:2;grid-row:1;max-width:100%;min-width:0;}
#app .gl69-side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 9px 12px;min-width:0;}
#app .gl69-side-nav button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#app .gl69-side-nav button:hover,#app .gl69-side-nav button:focus-visible{filter:brightness(1.3);outline:1px solid currentColor;outline-offset:1px;}
@media(max-width:330px){#app .gl69-side-nav{gap:4px;padding-inline:7px}#app .gl69-side-nav button{font-size:10px;padding-inline:3px}}

/* 14.1.82: estado verdadeiro no canto direito, sem deslocar nome ou foto. */
#app:not(.glw-home-active) .topbar #gl82ChatPresence{order:90;flex:0 0 auto;align-self:center;margin-left:auto;padding:7px 10px;border-radius:999px;border:1px solid currentColor;font-size:11px;font-weight:800;white-space:nowrap;letter-spacing:.02em}
#app:not(.glw-home-active) .topbar #gl82ChatPresence.is-online{color:#51edbd;background:#083c33;border-color:#167e67}
#app:not(.glw-home-active) .topbar #gl82ChatPresence.is-offline{color:#ff8f99;background:#3a1824;border-color:#9b384b}
#app:not(.glw-home-active) .topbar #gl82ChatPresence[hidden]{display:none!important}
#app:not(.glw-home-active) .topbar #gl68PeerStatus{display:none!important}
@media(max-width:650px){#app:not(.glw-home-active) .topbar #gl82ChatPresence{padding:5px 7px;font-size:10px}#app:not(.glw-home-active) .topbar .top-actions{min-width:0}}
/* Em mobile o topo legado é grid de três colunas. O badge não pode ocupar
   uma célula extra, pois isto comprimia o nome para 4 caracteres por linha. */
@media(max-width:860px){
 #app:not(.glw-home-active) .topbar{position:relative!important}
 #app:not(.glw-home-active) .topbar #gl82ChatPresence{position:absolute!important;top:9px!important;right:10px!important;left:auto!important;bottom:auto!important;margin:0!important;z-index:12!important}
 #app:not(.glw-home-active) .topbar .current-info{padding-right:82px!important;min-width:0!important}
 #app:not(.glw-home-active) .topbar .current-info strong{overflow-wrap:normal!important;word-break:normal!important;max-width:100%!important}
}

/* 14.1.94: acesso WT persistente, sem controlador de esconder ícones. */
#app:not(.glw-home-active) .topbar #glwChatShortcut{display:inline-grid!important;visibility:visible!important;opacity:1!important;flex:0 0 42px!important;order:91!important;position:relative!important;z-index:22;align-self:center;pointer-events:auto!important;margin-left:4px!important}
#app.glw-home-active #glwChatShortcut{display:none!important}
#app .aside-head #gl94SideWalkie{display:grid!important;visibility:visible!important;place-items:center;flex:0 0 38px!important;width:38px;height:36px;border-radius:10px;background:#0d4c51;border:1px solid #289e9a;color:#89ffe1;cursor:pointer;order:20}
#app .aside-head #gl94SideWalkie svg{width:21px;height:21px}
#app:not(.glw-home-active) .topbar .current-info{min-width:0!important;flex:1 1 90px!important;text-align:left!important}
#app:not(.glw-home-active) .topbar #channelTitle{margin-left:0!important;text-align:left!important}
@media(max-width:650px){#app:not(.glw-home-active) .topbar #glwChatShortcut{min-width:37px!important;width:37px!important;flex-basis:37px!important}#app .aside-head #gl94SideWalkie{width:34px;flex-basis:34px!important}}
