/* GattoMusic 9.70 - acesso visível à Sala no cabeçalho moderno do Chat */

/* Desktop/compacto: ação de Sala segue o mesmo desenho dos controles do cabeçalho. */
.chat-conversation-header .chat-v970-room-button {
  min-height: 38px !important;
  padding: 7px 10px !important;
  border-color: var(--chat-v72-line, var(--line)) !important;
  border-radius: 10px !important;
  background: #111a25 !important;
  color: var(--chat-v72-text, var(--text)) !important;
  font: 800 .7rem/1.2 Verdana,Arial,sans-serif !important;
  white-space: nowrap !important;
}
.chat-conversation-header .chat-v970-room-button:hover,
.chat-conversation-header .chat-v970-room-button:focus-visible {
  border-color: var(--chat-v72-accent, var(--secondary)) !important;
  background: var(--chat-v72-accent-soft, color-mix(in srgb,var(--secondary) 14%,var(--panel))) !important;
}
body.light .chat-conversation-header .chat-v970-room-button {
  background: var(--panel) !important;
  color: var(--text) !important;
}

/* No celular a ação direta não disputa largura com o nome do contato e com o
   menu. Ela permanece acessível em Opções da conversa (⋮) como “Criar sala”. */
body.gattomusic-v95-mobile .chat-v72-header-actions > .chat-v970-room-button {
  display: none !important;
}
.chat-v970-mobile-room-item {
  font-weight: 900 !important;
}

/* Em larguras intermediárias, preserve uma entrada compacta no cabeçalho. */
@media (max-width: 1040px) and (min-width: 821px) {
  .chat-conversation-header .chat-v970-room-button {
    min-width: 38px !important;
    padding: 7px 8px !important;
    font-size: 0 !important;
  }
  .chat-conversation-header .chat-v970-room-button::before {
    content: '👥';
    font-size: 1rem;
  }
}