#acomp-fila { padding: 10px; border-bottom: 1px solid var(--borda); font-size: 14px; max-height: 32vh; overflow: auto; }
#acomp-fila summary { cursor: pointer; font-weight: 600; }
#acomp-fila button { display: block; width: 100%; text-align: left; padding: 10px; border: 0; border-bottom: 1px solid var(--borda); background: var(--superficie); color: var(--texto); font: inherit; cursor: pointer; }
#col-b.acomp-aberto { padding-right: 430px; position: relative; }
#acomp-painel { position: absolute; right: 0; top: 0; bottom: 0; width: 430px; background: var(--superficie); color: var(--texto); border-left: 1px solid var(--borda); overflow: auto; padding: 18px; box-sizing: border-box; z-index: 20; font-size: 14px; line-height: 1.5; }
#acomp-painel[hidden], #acomp-fila[hidden], #sac-acompanhamento[hidden] { display: none; }
#acomp-painel header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
#acomp-painel p { margin: 10px 0; }
#acomp-painel button { margin: 6px 4px 6px 0; padding: 9px 12px; border: 1px solid var(--borda); border-radius: 8px; color: var(--texto); background: var(--fundo-2); font: inherit; cursor: pointer; }
#acomp-painel button:disabled { opacity: .6; cursor: default; }
#acomp-painel label { display: block; margin: 14px 0; }
#acomp-painel textarea, #acomp-painel select { display: block; width: 100%; padding: 10px; box-sizing: border-box; background: var(--fundo); color: var(--texto); border: 1px solid var(--borda); border-radius: 8px; font: inherit; }
#acomp-painel .acomp-fonte { display: flex; align-items: flex-start; gap: 8px; }
#acomp-painel svg { color: var(--texto); width: 100%; max-height: 160px; }
.acomp-registro { border: 1px solid var(--borda); padding: 14px; border-radius: 10px; margin: 12px 0; }
.acomp-peso { font-size: 22px; font-weight: 600; }
.acomp-origem { color: var(--texto-2); }
#acomp-estado { padding: 8px; background: var(--fundo-2); }
#acomp-estado:empty { display: none; }
@media(max-width:1100px) { #col-b.acomp-aberto { padding-right: 0; } #acomp-painel { width: min(100%, 460px); } }
#acomp-painel .acomp-legenda { margin: 0 0 8px; font-size: 13px; color: var(--texto-2); }
/* 17/10/2026 — a pendência dentro da conversa, com um clique para registrar o que já foi respondido. */
#acomp-faixa { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 12px; background: var(--acento-suave); border-top: 1px solid var(--acento-borda); color: var(--texto); font-size: 14px; }
#acomp-faixa[hidden] { display: none; }
#acomp-faixa span { flex: 1 1 220px; min-width: 0; }
#acomp-faixa button { padding: 7px 12px; border: 1px solid var(--borda); border-radius: 8px; color: var(--texto); background: var(--superficie); font: inherit; cursor: pointer; }
#acomp-faixa button.acomp-primario { background: var(--acento); border-color: var(--acento); color: var(--superficie); font-weight: 600; }
#acomp-faixa button:disabled { opacity: .6; cursor: wait; }
#acomp-painel button.acomp-primario { background: var(--acento); border-color: var(--acento); color: var(--superficie); font-weight: 600; }