/* GattoMusic 2.0 - Build 9.75
   Cabeçalho do Chat estável entre Firefox e Chrome/Chromium.
   A correção é estrutural: não há sniffing de navegador nem dependência de zoom. */

/* O grupo de ações recebe uma área real e nunca pode colapsar para largura zero. */
.chat-conversation-header.chat-v975-stable-header{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow:visible!important;
}
.chat-conversation-header .chat-v72-header-actions.chat-v975-action-bar,
.chat-conversation-header .chat-inline-actions.chat-v975-action-bar{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.chat-conversation-header .chat-v975-action-bar>*{
  box-sizing:border-box!important;
  visibility:visible!important;
  opacity:1!important;
  flex-shrink:0!important;
}

/* Desktop e janelas normais: todas as ações permanecem no próprio cabeçalho.
   Se o centro ficar menor, a linha quebra e o cabeçalho cresce em vez de recortar. */
@media(min-width:821px){
  .chat-conversation-header.chat-v72-conversation-header.chat-v975-stable-header{
    display:grid!important;
    grid-template-columns:minmax(150px,max-content) minmax(0,1fr)!important;
    grid-auto-rows:max-content!important;
    align-items:center!important;
    column-gap:12px!important;
    row-gap:6px!important;
    height:auto!important;
    min-height:66px!important;
  }
  .chat-conversation-header.chat-v975-stable-header .chat-v72-conversation-title{
    grid-column:1!important;
    min-width:0!important;
    max-width:min(32vw,360px)!important;
  }
  .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar{
    grid-column:2!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-content:center!important;
    flex-flow:row wrap!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar>.button,
  .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar>.chat-v81-conversation-lock,
  .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar>.chat-v95-mobile-actions-menu{
    display:inline-flex!important;
    flex:0 0 auto!important;
  }
  .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar>.chat-message-search,
  .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar>.chat-v72-header-search{
    display:block!important;
    flex:0 1 clamp(120px,16vw,225px)!important;
    width:clamp(120px,16vw,225px)!important;
    min-width:120px!important;
    max-width:225px!important;
  }

  /* Reverte somente ocultações responsivas de desktop/intermediário das ações
     pedidas. O fluxo móvel (<821px) continua usando o menu compacto existente. */
  body.chat-view-active .chat-shell.chat-v73-medium .chat-v975-action-bar>.chat-clear-history-button,
  body.chat-view-active .chat-shell.chat-v73-medium .chat-v975-action-bar>.button.danger,
  body.chat-view-active .chat-v975-action-bar>.chat-clear-history-button,
  body.chat-view-active .chat-v975-action-bar>.button.danger,
  body.chat-view-active .chat-v975-action-bar>.chat-v72-call-button,
  body.chat-view-active .chat-v975-action-bar>.chat-v970-room-button,
  body.chat-view-active .chat-v975-action-bar>.chat-v72-info-toggle,
  body.chat-view-active .chat-v975-action-bar>.chat-v81-conversation-lock{
    display:inline-flex!important;
  }
}

/* Claro e escuro compartilham a mesma geometria; apenas as cores históricas ficam vigentes. */
body.light.chat-view-active .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar,
body.chat-view-active:not(.light) .chat-conversation-header.chat-v975-stable-header .chat-v975-action-bar{
  visibility:visible!important;
  opacity:1!important;
}