/* Conversas com visual de WhatsApp (Goakira) — só aparência, não muda funcionamento */
:root {
  --gkw-bg: #efeae2;
  --gkw-out: #d9fdd3;
  --gkw-in: #ffffff;
  --gkw-txt: #111b21;
  --gkw-meta: #667781;
  --gkw-nota: #fff3c4;
  --gkw-pill: rgba(255, 255, 255, 0.92);
  --gkw-pill-txt: #54656f;
}
html.dark {
  --gkw-bg: #0b141a;
  --gkw-out: #005c4b;
  --gkw-in: #202c33;
  --gkw-txt: #e9edef;
  --gkw-meta: #8696a0;
  --gkw-nota: #3b3720;
  --gkw-pill: #182229;
  --gkw-pill-txt: #8696a0;
}

/* fundo da conversa */
.conversation-panel {
  background-color: var(--gkw-bg) !important;
}

/* balões */
.conversation-panel .left-bubble,
.conversation-panel .right-bubble {
  border-radius: 8px !important;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  color: var(--gkw-txt) !important;
  font-size: 14.2px;
  line-height: 1.38;
}
.conversation-panel .right-bubble.bg-n-solid-blue {
  background: var(--gkw-out) !important;
  border-top-right-radius: 0 !important;
}
.conversation-panel .left-bubble.bg-n-slate-4 {
  background: var(--gkw-in) !important;
  border-top-left-radius: 0 !important;
}
.conversation-panel .left-bubble *,
.conversation-panel .right-bubble.bg-n-solid-blue * {
  color: inherit;
}
.conversation-panel .left-bubble a,
.conversation-panel .right-bubble a {
  color: #027eb5 !important;
}
html.dark .conversation-panel .left-bubble a,
html.dark .conversation-panel .right-bubble a {
  color: #53bdeb !important;
}

/* notas internas (não vão para o cliente) */
.conversation-panel .bg-n-solid-amber {
  background: var(--gkw-nota) !important;
  border-radius: 8px !important;
}

/* avisos do sistema como etiquetas no centro, igual às datas do WhatsApp */
.conversation-panel .bg-n-alpha-1.text-n-slate-11 {
  background: var(--gkw-pill) !important;
  color: var(--gkw-pill-txt) !important;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  border-radius: 8px !important;
  font-size: 12.5px;
}

/* sem foto ao lado de cada mensagem (como conversa individual do WhatsApp) */
.conversation-panel .message-bubble-container .\[grid-area\:avatar\] {
  display: none !important;
}

/* hora e status menores e discretos */
.conversation-panel .message-bubble-container .\[grid-area\:meta\] {
  font-size: 11px;
  color: var(--gkw-meta);
}

/* ---------- caixa de digitar estilo WhatsApp ---------- */
:root { --gkw-bar: #f0f2f5; --gkw-input: #ffffff; --gkw-icone: #54656f; }
html.dark { --gkw-bar: #202c33; --gkw-input: #2a3942; --gkw-icone: #aebac1; }

.reply-box {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) auto auto auto;
  grid-template-areas:
    "topo topo topo topo topo topo"
    "emoji anexo editor extra mic enviar";
  align-items: end;
  column-gap: 2px;
  padding: 2px 6px 8px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--gkw-bar) !important;
}
.reply-box > * { grid-column: 1 / -1; }
.reply-box.is-private { background: #fff3c4 !important; }
html.dark .reply-box.is-private { background: #3b3720 !important; }

/* abas Responder / Mensagem Privada, compactas */
.reply-box > div.h-\[3\.25rem\] { grid-area: topo; height: 38px !important; padding: 0 4px !important; }
.reply-box button:has(.i-ph-sparkle-fill),
.reply-box button:has(.i-lucide-maximize-2) { display: none !important; }

/* campo de texto arredondado */
.reply-box > .reply-box__top {
  grid-area: editor;
  grid-column: auto;
  background: var(--gkw-input);
  border-radius: 22px;
  margin: 0 4px !important;
  padding: 3px 14px !important;
  min-height: 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.reply-box > .reply-box__top .ProseMirror { max-height: 140px; overflow-y: auto; }
.reply-box .ProseMirror p.empty-node::before,
.reply-box .ProseMirror p.is-editor-empty::before { content: "Mensagem" !important; }

/* botões fora do campo, como no WhatsApp */
.reply-box > div:has(> .left-wrap),
.reply-box .left-wrap,
.reply-box .right-wrap { display: contents !important; }
.reply-box .left-wrap > * { grid-area: extra; }
.reply-box .left-wrap > :has(.i-ph-smiley-sticker) { grid-area: emoji; }
.reply-box .left-wrap > :has(.i-ph-paperclip) { grid-area: anexo; }
.reply-box .left-wrap > :has(.i-ph-microphone),
.reply-box .left-wrap > :has(.i-ph-microphone-slash) { grid-area: mic; }
.reply-box .left-wrap > :has(.i-ph-signature),
.reply-box .left-wrap > :has(.i-ph-quotes),
.reply-box .left-wrap > :has(.i-ph-article-ny-times),
.reply-box .left-wrap > :has(.i-ph-video-camera),
.reply-box .left-wrap > :has(.i-ph-address-book) { display: none !important; }
.reply-box .left-wrap button {
  width: 42px !important; height: 42px !important; min-width: 42px;
  border-radius: 50% !important; background: transparent !important;
  color: var(--gkw-icone) !important; margin-bottom: 1px;
}
.reply-box .left-wrap button [class*="i-ph-"] { width: 24px !important; height: 24px !important; }

/* enviar: círculo verde com aviãozinho */
.reply-box .right-wrap > button {
  grid-area: enviar;
  width: 44px !important; height: 44px !important; min-width: 44px;
  padding: 0 !important; border-radius: 50% !important;
  background: #00a884 !important; border: 0 !important;
  color: transparent !important; font-size: 0 !important;
  position: relative; overflow: hidden; margin-left: 2px;
}
.reply-box .right-wrap > button > * { display: none !important; }
.reply-box .right-wrap > button::after {
  content: ""; position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.4 20.4 21 12 3.4 3.6 3.4 10.2 15 12 3.4 13.8z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.4 20.4 21 12 3.4 3.6 3.4 10.2 15 12 3.4 13.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.reply-box .right-wrap > button:disabled { opacity: 0.5; }

/* ---------- registros de ligação como etiqueta no centro (igual chamadas no WhatsApp) ---------- */
.conversation-panel .gk-chamada { justify-content: center !important; }
.conversation-panel .gk-chamada .\[grid-area\:bubble\] { justify-content: center !important; margin: 0 !important; }
.conversation-panel .gk-chamada .left-bubble,
.conversation-panel .gk-chamada .right-bubble,
.conversation-panel .gk-chamada .bg-n-solid-amber {
  background: var(--gkw-pill) !important;
  color: var(--gkw-pill-txt) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  padding: 0 !important;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
}
.conversation-panel .gk-chamada .\[grid-area\:meta\] { display: none !important; }
.conversation-panel .gk-chamada .gk-chamada-hora { opacity: 0.75; margin-left: 6px; font-size: 11.5px; }

/* ---------- ajustes vistos ao vivo (05/10) ---------- */
/* campo de mensagem com altura de uma linha (o Chatwoot força ~5 linhas) */
.reply-box .resizable-editor-body { height: auto !important; min-height: 22px !important; max-height: 140px !important; padding: 0 !important; }
.reply-box .ProseMirror p { margin: 0 !important; }
.reply-box > .reply-box__top { padding: 9px 14px !important; }

/* botões com texto (ex.: tempo da gravação de áudio) não ficam espremidos num círculo */
.reply-box .left-wrap > button:not(:has(.i-ph-smiley-sticker)):not(:has(.i-ph-microphone)):not(:has(.i-ph-microphone-slash)) {
  width: auto !important; min-width: 42px; padding: 0 12px !important;
  border-radius: 21px !important; background: var(--gkw-input) !important;
}

/* etiquetas de ligação: centralizadas, sem a data em inglês nem o cadeado */
.conversation-panel .gk-chamada .text-xs:has(time) { display: none !important; }
.conversation-panel .gk-chamada > .grid { grid-template-columns: 1fr !important; width: 100%; }
.conversation-panel .gk-chamada .\[grid-area\:bubble\] { margin: 0 !important; justify-content: center !important; }
.conversation-panel .gk-chamada .gap-3 { padding: 5px 10px; }

/* sem abas Minhas / Não atribuídas / Todos (fica sempre em Todos) */
.conversations-list-wrap .gk-sem-abas { display: none !important; }

/* lista de conversas estilo WhatsApp: sem "responsável", hora na linha do nome */
.conversations-list .border-line > .flex.items-center.min-w-0.gap-1 { display: none !important; }
.conversations-list .border-line > .absolute.flex.flex-col { top: 15px !important; }
.conversations-list .border-line > h4.conversation--user { padding-right: 84px; }

/* sem os ícones redondos do rodapé (telefone fica no menu "Ligação") */
.gkv-fab, .gkc-fab { display: none !important; }

/* topo da conversa: só o Ligar (sem Resolver e sem o menu de 3 pontos) */
.header-actions-wrap > .actions--container { display: none !important; }
/* barra Mensagens / Participantes some em conversa individual */
.gk-sem-participantes { display: none !important; }

/* sem o lápis de nova conversa do Chatwoot (nova conversa fica no teclado da Ligação) */
aside button:has(.i-lucide-pen-line) { display: none !important; }

/* sem as abas Responder / Mensagem Privada */
.reply-box > div.h-\[3\.25rem\] { display: none !important; }

/* sem o lembrete "assinatura da mensagem não está configurada" */
.reply-box__top .border-dashed.max-h-\[8vh\] { display: none !important; }

/* etiqueta do dia entre as mensagens (Hoje / Ontem / dia da semana / data) */
.conversation-panel .message-bubble-container[data-gk-dia] { flex-wrap: wrap; }
.conversation-panel .message-bubble-container[data-gk-dia]::before {
  content: attr(data-gk-dia); display: block; width: max-content; margin: 6px auto 12px; padding: 5px 12px;
  border-radius: 8px; background: var(--gkw-pill); color: var(--gkw-pill-txt); font-size: 12.5px;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
}
.conversation-panel .message-bubble-container[data-gk-dia] > .grid { flex-basis: 100%; }

/* balões compactos com a hora discreta no canto (como no WhatsApp) */
.conversation-panel .left-bubble, .conversation-panel .right-bubble {
  display: flex !important; flex-wrap: wrap; align-items: flex-end; column-gap: 10px;
  padding: 6px 8px 5px 10px !important;
}
.conversation-panel .left-bubble > .gap-3, .conversation-panel .right-bubble > .gap-3 { flex: 0 1 auto; min-width: 0; }
.conversation-panel .left-bubble > .text-xs, .conversation-panel .right-bubble > .text-xs {
  margin: 0 0 -2px auto !important; font-size: 11px !important; color: var(--gkw-meta) !important;
  opacity: 0.9; line-height: 15px; gap: 3px;
}
.conversation-panel .left-bubble > .text-xs *, .conversation-panel .right-bubble > .text-xs * { color: inherit; }
.conversation-panel .right-bubble > .text-xs [class*="i-"] { color: #53bdeb !important; width: 15px; height: 15px; }

/* mensagem citada dentro do balão: barrinha verde na lateral */
.conversation-panel .left-bubble > .bg-n-alpha-black1, .conversation-panel .right-bubble > .bg-n-alpha-black1 {
  flex-basis: 100%; border-left: 4px solid #06cf9c; border-radius: 6px !important;
  background: rgba(11, 20, 26, 0.05) !important; margin: 2px 0 6px !important; padding: 6px 8px !important;
}
html.dark .conversation-panel .left-bubble > .bg-n-alpha-black1,
html.dark .conversation-panel .right-bubble > .bg-n-alpha-black1 { background: rgba(255, 255, 255, 0.06) !important; }

/* setinha de responder ao passar o mouse */
#gk-resp {
  position: fixed; z-index: 60; width: 30px; height: 30px; border-radius: 50%; border: 0; display: none;
  align-items: center; justify-content: center; cursor: pointer; padding: 0;
  background: rgba(255, 255, 255, 0.95); color: #54656f; box-shadow: 0 1px 3px rgba(11, 20, 26, 0.25);
}
#gk-resp svg { width: 17px; height: 17px; }
html.dark #gk-resp { background: #202c33; color: #aebac1; }
body.gk-silencio .menu-container { opacity: 0 !important; }

/* botão "dados do contato" no topo, à direita do Ligar (o flutuante some) */
.gk-oculto { display: none !important; }
.gk-contato-btn {
  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 30px;
  border: 1px solid #d6dbe4; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; padding: 0;
}
.gk-contato-btn:hover { background: rgba(31, 147, 255, 0.1); }
.gk-contato-btn svg { width: 17px; height: 17px; }
html.dark .gk-contato-btn { border-color: #273041; }

/* topo da conversa numa linha só: nome · Ligar · dados do contato */
div:has(> .header-actions-wrap) {
  flex-direction: row !important; height: auto !important; min-height: 56px;
  align-items: center !important; gap: 8px !important; padding-top: 8px !important; padding-bottom: 8px !important;
}
div:has(> .header-actions-wrap) > div:first-child { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; }
.header-actions-wrap { width: auto !important; flex: 0 0 auto !important; justify-content: flex-end !important; }

/* foto no balão: miniatura como no WhatsApp, com borda fina e hora por cima */
.conversation-panel .left-bubble:has(img.skip-context-menu),
.conversation-panel .right-bubble:has(img.skip-context-menu) { padding: 3px !important; position: relative; }
.conversation-panel img.skip-context-menu {
  max-width: min(300px, 68vw) !important; max-height: 340px !important; width: auto; height: auto;
  object-fit: cover; border-radius: 6px; display: block; cursor: zoom-in;
}
.conversation-panel .left-bubble:has(img.skip-context-menu) > .text-xs,
.conversation-panel .right-bubble:has(img.skip-context-menu) > .text-xs {
  position: absolute; right: 8px; bottom: 6px; margin: 0 !important;
  color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

/* visualizador de foto em tela cheia */
#gk-foto { position: fixed; inset: 0; z-index: 10050; background: #0b0f14; display: none; color: #fff; }
#gk-foto.on { display: block; }
#gk-foto .gkf-topo {
  position: absolute; top: 0; left: 0; right: 0; z-index: 2; display: flex; align-items: center; gap: 12px;
  padding: max(10px, env(safe-area-inset-top)) 12px 10px; background: linear-gradient(rgba(0,0,0,.55), transparent);
}
#gk-foto .gkf-bt { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); color: #fff;
  font-size: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; }
#gk-foto .gkf-bt svg { width: 20px; height: 20px; }
#gk-foto .gkf-cont { flex: 1; text-align: center; font-size: 14px; opacity: .85; }
#gk-foto .gkf-palco { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: auto; }
#gk-foto .gkf-palco img { max-width: 100vw; max-height: 100vh; object-fit: contain; cursor: zoom-in; user-select: none; -webkit-user-drag: none; }
#gk-foto.zoom .gkf-palco { align-items: flex-start; justify-content: flex-start; }
#gk-foto.zoom .gkf-palco img { max-width: none; max-height: none; width: 200vw; cursor: zoom-out; }
#gk-foto .gkf-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border-radius: 50%;
  border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
#gk-foto .gkf-ant { left: 10px; } #gk-foto .gkf-prox { right: 10px; }
#gk-foto.zoom .gkf-nav { display: none; }
@media (pointer: coarse) { #gk-foto .gkf-nav { display: none; } }

/* ---------- áudio estilo WhatsApp ---------- */
.conversation-panel .gka { display: flex; align-items: center; gap: 10px; min-width: 230px; max-width: 300px; padding: 4px 2px 2px; flex-basis: 100%; }
.conversation-panel .gka-play { width: 36px; height: 36px; flex-shrink: 0; border: 0; border-radius: 50%; background: transparent;
  color: #54656f; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
html.dark .conversation-panel .gka-play { color: #aebac1; }
.conversation-panel .gka-play svg { width: 26px; height: 26px; }
.conversation-panel .gka-meio { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.conversation-panel .gka-onda { height: 26px; display: flex; align-items: center; gap: 2px; cursor: pointer; }
.conversation-panel .gka-onda i { flex: 1; min-width: 2px; border-radius: 2px; background: rgba(84, 101, 111, 0.35); }
html.dark .conversation-panel .gka-onda i { background: rgba(174, 186, 193, 0.35); }
.conversation-panel .gka-onda i.on { background: #00a884; }
.conversation-panel .gka-tempo { font-size: 11px; color: var(--gkw-meta); font-variant-numeric: tabular-nums; }
.conversation-panel .gka-vel { border: 0; border-radius: 12px; padding: 2px 8px; font-size: 12px; font-weight: 600; cursor: pointer;
  background: rgba(84, 101, 111, 0.14); color: #54656f; display: none; }
.conversation-panel .gka.tocando .gka-vel { display: inline-block; }
/* a hora do áudio fica no canto, como nos outros balões */
.conversation-panel .left-bubble:has(> .gka) > .text-xs,
.conversation-panel .right-bubble:has(> .gka) > .text-xs { margin-top: -14px !important; }

/* ---------- lista: fixadas, seta de opções e arrastar ---------- */
.conversations-list .gk-fixada h4.conversation--user::after {
  content: ""; display: inline-block; width: 13px; height: 13px; margin-left: 6px; vertical-align: -1px; background: #8696a0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 3l5 5-3 1-4 4 1 5-2 2-4-4-5 5-1-1 5-5-4-4 2-2 5 1 4-4z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 3l5 5-3 1-4 4 1 5-2 2-4-4-5 5-1-1 5-5-4-4 2-2 5 1 4-4z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* o ícone de prioridade do Chatwoot vira só o alfinete acima */
.conversations-list .gk-fixada [class*="i-woot-priority"], .conversations-list .gk-fixada [class*="priority"] svg { display: none !important; }
.conversations-list .gkl-seta { position: absolute; right: 10px; bottom: 10px; width: 24px; height: 24px; border: 0; border-radius: 50%;
  background: transparent; color: #8696a0; display: none; align-items: center; justify-content: center; cursor: pointer; padding: 0; z-index: 2; }
.conversations-list .gkl-seta svg { width: 18px; height: 18px; }
@media (hover: hover) { .conversations-list .border-line:hover .gkl-seta { display: flex; } }
.conversations-list .border-line { position: relative; }
/* fundo revelado ao arrastar */
.gkl-arq, .gkl-mais { position: relative; }
.gkl-arq { background: #00a884 !important; }
.gkl-mais { background: #8696a0 !important; }
.gkl-arq::before, .gkl-mais::before { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font: 600 14px -apple-system, sans-serif; }
.gkl-arq::before { content: "Arquivar"; left: 18px; }
.gkl-mais::before { content: "Mais"; right: 22px; }
.conversations-list .border-line { background: inherit; }

/* menu de opções (folha de baixo), confirmação e aviso */
.gkl-fundo { position: fixed; inset: 0; z-index: 10040; background: rgba(11, 20, 26, 0.45); display: none; align-items: flex-end; justify-content: center; }
.gkl-fundo.on { display: flex; }
.gkl-folha { width: 100%; max-width: 420px; background: #fff; border-radius: 16px 16px 0 0; padding: 10px 10px max(14px, env(safe-area-inset-bottom));
  display: flex; flex-direction: column; gap: 4px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
@media (min-width: 768px) { .gkl-fundo { align-items: center; } .gkl-folha { border-radius: 16px; } }
.gkl-tit { text-align: center; color: #667781; font-size: 13px; padding: 6px 0 8px; }
.gkl-folha button, .gkl-cbts button { border: 0; background: #f0f2f5; color: #111b21; font-size: 16px; padding: 14px; border-radius: 12px; cursor: pointer; }
.gkl-folha button.perigo, .gkl-cbts button.perigo { color: #e5484d; }
.gkl-folha button.cancelar { background: transparent; color: #667781; margin-top: 4px; }
.gkl-fundo:has(.gkl-conf) { align-items: center; }
.gkl-conf { width: calc(100% - 40px); max-width: 360px; background: #fff; border-radius: 16px; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.gkl-ctit { font-size: 17px; font-weight: 600; color: #111b21; margin-bottom: 8px; }
.gkl-ctx { font-size: 14px; color: #54656f; line-height: 1.4; margin-bottom: 16px; }
.gkl-cbts { display: flex; gap: 8px; justify-content: flex-end; }
.gkl-cbts button { padding: 10px 16px; font-size: 15px; }
.gkl-cbts button.perigo { background: #e5484d; color: #fff; }
.gkl-toast { position: fixed; left: 50%; bottom: max(24px, env(safe-area-inset-bottom)); transform: translate(-50%, 140%); z-index: 10045;
  background: #303d45; color: #fff; border-radius: 10px; padding: 10px 14px; display: flex; gap: 16px; align-items: center;
  font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; transition: transform .25s; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.gkl-toast.on { transform: translate(-50%, 0); }
.gkl-toast button { border: 0; background: transparent; color: #25d366; font-weight: 600; cursor: pointer; font-size: 14px; }
html.dark .gkl-folha, html.dark .gkl-conf { background: #1f2c33; }
html.dark .gkl-folha button, html.dark .gkl-cbts button { background: #2a3942; color: #e9edef; }
html.dark .gkl-ctit { color: #e9edef; } html.dark .gkl-ctx, html.dark .gkl-tit { color: #8696a0; }

/* datas reescritas: o texto original do Chatwoot fica escondido e o novo aparece por cima */
.gk-txt { font-size: 0 !important; }
.gk-txt::after { content: attr(data-gk-txt); font-size: 11px; }

/* texto de data reescrito: esconde também os elementos internos do Chatwoot */
.gk-txt > * { display: none !important; }

/* barra "Arquivadas" no topo da lista */
.gk-arq { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-bottom: 1px solid rgba(127,127,127,.15); }
.gk-arq button { border: 0; background: transparent; cursor: pointer; color: inherit; font-size: 14px; }
.gk-arq-abrir { flex: 1; display: flex; align-items: center; gap: 14px; padding: 8px 4px !important; text-align: left; }
.gk-arq-abrir svg { width: 20px; height: 20px; color: #00a884; margin-left: 6px; }
.gk-arq-abrir span { font-weight: 500; }
.gk-arq-abrir b { margin-left: auto; color: #00a884; font-size: 12px; font-weight: 600; }
.gk-arq-acao { font-size: 12.5px !important; color: #00a884 !important; padding: 6px 8px !important; border-radius: 8px; white-space: nowrap; }
.gk-arq-acao:hover { background: rgba(0,168,132,.1) !important; }
.gk-arq-voltar { color: #00a884 !important; font-weight: 600; padding: 8px 4px !important; }
.gk-arq-tit { flex: 1; font-weight: 600; font-size: 15px; }
.gkl-cbts button.ok { background: #00a884; color: #fff; }

/* Menu original do Chatwoot escondido desde o início (evita piscar antes do menu GOAKIRA montar).
   Se o menu GOAKIRA não montar em 12 s, compose.js marca html.gk-sem-menu e o original volta. */
nav.no-scrollbar > ul:not(#gk-menu) { visibility: hidden; }
html.gk-sem-menu nav.no-scrollbar > ul { visibility: visible !important; }