/* ============================================================================
   ESCRITÓRIO NO CLARO  —  16/09/2026

   *"Quero que em escritório deixe claro, saia do escuro."*

   O Escritório era a única área do LUCREI ainda na pele escura: o site inteiro
   é claro (roxo + verde) desde a v57, mas esta tela ficou em #102C36 porque
   nasceu junto com a arte pixel do escritório.

   POR QUE UMA FOLHA NOVA, E NÃO EDITAR AS ANTIGAS. O escuro está espalhado por
   três arquivos (v5.css, v5-atendimento.css, v5-hud.css) em cerca de 200
   classes. Reescrever os três na mão seria a receita de deixar meia dúzia de
   pretos para trás e a tela sair remendada. Esta folha é a ÚLTIMA a carregar e
   repinta só as superfícies, com a mesma especificidade — vence no empate da
   cascata. Se um dia o escuro tiver que voltar, basta tirar o <link>.

   O QUE NÃO MUDA:
   - a arte pixel do escritório (é uma ilustração, não uma superfície);
   - as cores de estado: lime, roxo, verde, laranja e vermelho continuam iguais,
     e os fundos tingidos de "urgente / atenção / ok" viraram a versão CLARA do
     mesmo tom, nunca cinza — senão a tela perderia o código de cor;
   - a estrutura: nenhum componente saiu do lugar, nenhum foi redesenhado.
   ========================================================================== */

/* -------------------------------------------------- a casca (vinha do v5.css) */
body.v5-escritorio .office-page.active { background: var(--paper, #F3F5F9); }

body.v5-escritorio .office-panel {
  background: #fff; color: var(--text, #142126);
  border-right: 1px solid #E2E6F0; box-shadow: none;
}
body.v5-escritorio .office-panel h1,
body.v5-escritorio .office-panel h2 { color: var(--ink, #0A2029); }
body.v5-escritorio .office-panel p { color: var(--muted, #528BA2); }
body.v5-escritorio .office-panel .brand.light { color: var(--ink, #0A2029); }
body.v5-escritorio .office-panel .brand.light .brand-mark { background: var(--ink); color: var(--lime); }
body.v5-escritorio .office-agent-item { color: #46626C; }
body.v5-escritorio .office-agent-item.active { background: #EFF1F7; color: var(--ink, #0A2029); }
body.v5-escritorio .office-agent-item small { color: var(--muted, #528BA2); }
body.v5-escritorio .back-site { color: var(--muted, #528BA2); border-top: 1px solid #E2E6F0; }

/* o palco: era um gradiente radial escuro */
body.v5-escritorio .office-stage {
  background: var(--paper, #F3F5F9); color: var(--text, #142126);
}
body.v5-escritorio .office-title small { color: var(--muted, #528BA2); }
body.v5-escritorio .office-title h2 { color: var(--ink, #0A2029); }
body.v5-escritorio .status-pill { background: #E8F7F4; color: #168871; }
body.v5-escritorio .status-pill.attention { background: #FDF0E3; color: #A35A12; }

/* a planta do escritório continua a mesma arte — só a moldura fica leve */
body.v5-escritorio .office-map {
  border: 1px solid #E2E6F0;
  box-shadow: 0 18px 50px -28px rgba(9,11,18,.30);
}

/* a conversa com a equipe */
body.v5-escritorio .office-chat-panel {
  background: #fff; color: var(--text, #142126);
  border-left: 1px solid #E2E6F0; box-shadow: -12px 0 40px -28px rgba(9,11,18,.35);
}
body.v5-escritorio .office-chat-panel header { border-bottom: 1px solid #E2E6F0; }
body.v5-escritorio .office-chat-panel header h2 { color: var(--ink, #0A2029); }
body.v5-escritorio .office-chat-panel header small { color: var(--muted, #528BA2); }
body.v5-escritorio .office-chat-open,
body.v5-escritorio .chat-close {
  border: 1px solid #E2E6F0; background: #EFF1F7; color: var(--ink, #0A2029);
}
body.v5-escritorio .chat-message {
  border: 1px solid #E2E6F0; background: #fff; color: var(--text, #142126);
}
/* a fala de quem escreveu continua roxa, com texto branco — é o contraste
   que separa você dos agentes na conversa. */
body.v5-escritorio .chat-message.user { border-color: #52BFA9; background: #45B7A0; color: #fff; }
body.v5-escritorio .chat-message small { color: var(--muted, #528BA2); }
body.v5-escritorio .chat-message.user small { color: #DDFBF5; }
body.v5-escritorio .chat-message.typing { color: #8A98C0; }
body.v5-escritorio .agent-chat-form label { color: var(--muted, #528BA2); }
body.v5-escritorio .agent-chat-form input {
  background: #F7F8FB; border: 1px solid #E2E6F0; color: var(--text, #142126);
}
body.v5-escritorio .agent-chat-form input::placeholder { color: #8A98C0; }
body.v5-escritorio #chat-rodape { color: var(--muted, #528BA2); }

/* os cartões do topo (spec 011) — brancos, e não azul-escuro */
body.v5-escritorio .hud-card { background: #fff; border: 1px solid #E2E6F0; }
body.v5-escritorio .hud-card:hover { border-color: #C1C8DD; }
body.v5-escritorio .hud-card b { color: var(--ink, #0A2029); }
body.v5-escritorio .hud-card small,
body.v5-escritorio .hud-card i { color: var(--muted, #528BA2); }
body.v5-escritorio .hud-radar { background: #fff; border: 1px solid #E2E6F0; }

/* o cartão da caixa de entrada */
body.v5-escritorio .atd-card { background: #fff; }
body.v5-escritorio .atd-painel { background: #fff; color: var(--text, #142126); }
body.v5-escritorio .atd-painel-topo { border-bottom: 1px solid #E2E6F0; }
body.v5-escritorio .atd-escrita textarea {
  background: #F7F8FB; border: 1px solid #E2E6F0; color: var(--text, #142126);
}
body.v5-escritorio .esc-modal-caixa { background: #fff; color: var(--text, #142126); }

/* ====== daqui para baixo é GERADO a partir das folhas escuras (mapa de cor
   automático, tom a tom). Não editar à mão: regerar. ====== */

/* ---- vindo de v5-atendimento.css ---- */
body.v5-escritorio .atd-topo small{color:#C1C8DD}
body.v5-escritorio .atd-topo h3{color:#142126}
body.v5-escritorio .atd-contador.zero{background:#F1F3F9;color:#528BA2}
body.v5-escritorio .atd-fonte{color:#528BA2;border:1px solid #F1F3F9}
body.v5-escritorio .atd-fonte.viva{color:#12856E;border-color:#C1C8DD}
body.v5-escritorio .atd-fonte.parcial{color:#A85A0C;border-color:#F9F3ED}
body.v5-escritorio .atd-nota.parcial{color:#A85A0C}
body.v5-escritorio .atd-btn{border:1px solid #F1F3F9;background:#F0F2F9;color:#142126}
body.v5-escritorio .atd-btn:hover{background:#F0F2F9;color:#142126}
body.v5-escritorio .atd-filtros button{background:#F0F2F9;color:#528BA2}
body.v5-escritorio .atd-item{border-top:1px solid #F1F3F9}
body.v5-escritorio .atd-item:hover{background:#F0F2F9}
body.v5-escritorio .atd-item.aberta{background:#F0F2F9}
body.v5-escritorio .atd-selo.pergunta{background:#EDF0F9;color:#C06A15}
body.v5-escritorio .atd-selo.mensagem{background:#EFF1F7;color:#12856E}
body.v5-escritorio .atd-selo.reclamacao{background:#F9F3ED;color:#A85A0C}
body.v5-escritorio .atd-item b{color:#142126}
body.v5-escritorio .atd-item p{color:#528BA2}
body.v5-escritorio .atd-item .atd-meta{color:#C1C8DD}
body.v5-escritorio .atd-abrir{color:#528BA2}
body.v5-escritorio .atd-vazio{color:#528BA2}
body.v5-escritorio .atd-nota{color:#C1C8DD}
body.v5-escritorio .atd-painel-topo{border-bottom:1px solid #F1F3F9}
body.v5-escritorio .atd-painel-topo h2{color:#142126}
body.v5-escritorio .atd-painel-topo small{color:#528BA2}
body.v5-escritorio .atd-fechar{background:#F0F2F9;color:#528BA2}
body.v5-escritorio .atd-bloco>.atd-rotulo{color:#C1C8DD}
body.v5-escritorio .atd-fala{background:#EFF2F9;border:1px solid #F0F2F9;color:#142126}
body.v5-escritorio .atd-entendi{color:#142126}
body.v5-escritorio .atd-chips span{background:#F0F2F9;border:1px solid #F1F3F9;color:#528BA2}
body.v5-escritorio .atd-fatos li{color:#142126}
body.v5-escritorio .atd-alerta{background:#F9F3EE;border:1px solid #F9F3ED;color:#A85A0C}
body.v5-escritorio .atd-escrita{background:#EFF2F9;border:1px solid #F1F3F9}
body.v5-escritorio .atd-escrita textarea{background:#EDF0F9;border:1px solid #F1F3F9;color:#142126}
body.v5-escritorio .atd-conta{color:#528BA2}
body.v5-escritorio .atd-menores button{border:1px solid #F1F3F9;color:#528BA2}
body.v5-escritorio .atd-menores button:hover{color:#142126;border-color:#C1C8DD}
body.v5-escritorio .atd-regras li{color:#528BA2}
body.v5-escritorio .atd-regras li.bloqueio{color:#C02B3C}
body.v5-escritorio .atd-pe{border-top:1px solid #F1F3F9;background:#EDF0F9}
body.v5-escritorio .atd-real{color:#528BA2}
body.v5-escritorio .atd-real.ligado{color:#C02B3C}
body.v5-escritorio .atd-enviar.real{color:#142126}
body.v5-escritorio .atd-enviar:disabled{background:#F1F3F9;color:#C1C8DD}
body.v5-escritorio .atd-saida{color:#12856E;background:#EFF1F7;border:1px solid #EEF9F7}
body.v5-escritorio .atd-saida.ruim{color:#C02B3C;background:#F9EFF0;border-color:#F9EEEF}
body.v5-escritorio .atd-dequem{color:#528BA2}
body.v5-escritorio .atd-opcao{background:#EFF2F9;border:1px solid #F0F2F9}
body.v5-escritorio .atd-opcao .atd-n{background:#F0F2F9;color:#142126}
body.v5-escritorio .atd-opcao>div>b{color:#142126}
body.v5-escritorio .atd-opcao p{color:#528BA2}
body.v5-escritorio .atd-custo{color:#A85A0C;background:#F9F2EB}
body.v5-escritorio .atd-custo.zero{color:#12856E;background:#EFF1F7}
body.v5-escritorio .atd-prazo-box{background:#F9F3EE;border:1px solid #F9F3ED;color:#A85A0C}
body.v5-escritorio .atd-prazo-box b{color:#142126}
body.v5-escritorio .atd-original summary{color:#C1C8DD}
body.v5-escritorio .atd-original summary:hover{color:#528BA2}
body.v5-escritorio .atd-original p{color:#528BA2;background:#EDF0F9;border:1px solid #F0F2F9}
body.v5-escritorio .num-topo small{color:#C1C8DD}
body.v5-escritorio .num-mais{color:#528BA2}
body.v5-escritorio .num-card{border:1px solid #F1F3F9}
body.v5-escritorio .num-card small{color:#C1C8DD}
body.v5-escritorio .num-card strong{color:#142126}
body.v5-escritorio .num-card span{color:#528BA2}
body.v5-escritorio .num-nota{color:#C1C8DD}
body.v5-escritorio .num-fila.demo .num-card strong{color:#142126}
body.v5-escritorio .chat-vazio{background:#EFF2F9;border:1px solid #F0F2F9}
body.v5-escritorio .chat-vazio b{color:#142126}
body.v5-escritorio .chat-vazio p{color:#142126}
body.v5-escritorio .chat-vazio small{color:#C1C8DD}
body.v5-escritorio .chat-message p.tit{color:#142126}
body.v5-escritorio .chat-troca{color:#A85A0C;background:#F9F3EE;border:1px solid #F9F3ED}
body.v5-escritorio .chat-passos summary{color:#C1C8DD}
body.v5-escritorio .chat-passos summary:hover{color:#528BA2}
body.v5-escritorio .chat-passos ul{color:#528BA2}
body.v5-escritorio .chat-acoes a{border:1px solid #F1F3F9;color:#142126}
body.v5-escritorio .chat-message.typing i{background:#528BA2}
body.v5-escritorio .chat-quick-actions button{border:1px solid #F1F3F9;background:#EFF2F9;color:#142126}
body.v5-escritorio .chat-quick-actions button:hover{color:#142126;background:#F0F2F9}
body.v5-escritorio .esc-vivo-topo small{color:#12856E}
body.v5-escritorio .esc-vivo-topo.demo small{color:#A85A0C}
body.v5-escritorio .esc-bloco h2{color:#528BA2}
body.v5-escritorio .esc-conta.zero{background:#F1F3F9;color:#528BA2}
body.v5-escritorio .esc-atualiza{border:1px solid #F1F3F9;color:#528BA2}
body.v5-escritorio .esc-atualiza:hover{color:#142126;border-color:#C1C8DD}
body.v5-escritorio .esc-nada{color:#C1C8DD;border:1px dashed #F1F3F9}
body.v5-escritorio .esc-setor{border:1px solid #F1F3F9;background:#EFF2F9}
body.v5-escritorio .esc-setor:hover{background:#F0F2F9}
body.v5-escritorio .esc-setor.alerta{border-color:#F9F3ED;background:#EFF1F7}
body.v5-escritorio .esc-setor-foto{background:#F0F2F9}
body.v5-escritorio .esc-setor b{color:#142126}
body.v5-escritorio .esc-setor small{color:#528BA2}
body.v5-escritorio .esc-carta{background:#EFF2F9;border:1px solid #F0F2F9;border-left:3px solid var(--c,#F2F4F9)}
body.v5-escritorio .esc-carta:hover{background:#EFF2F9;border-color:#F1F3F9}
body.v5-escritorio .esc-carta b{color:#142126}
body.v5-escritorio .esc-carta small{color:#528BA2}
body.v5-escritorio .esc-carta-fim small{color:#C1C8DD}
body.v5-escritorio .esc-cabeca{border:1px solid #F1F3F9;background:#F0F2F9}
body.v5-escritorio .esc-cabeca-e{background:#EEF1F9}
body.v5-escritorio .esc-cabeca.mais{color:#528BA2}
body.v5-escritorio .esc-modal-fecha{background:#F0F2F9;color:#528BA2}
body.v5-escritorio .esc-modal-foto{background:#F0F2F9;border:1px solid #F1F3F9}
body.v5-escritorio .esc-modal-topo small{color:#C1C8DD}
body.v5-escritorio .esc-modal-topo h3{color:#142126}
body.v5-escritorio .esc-modal-topo p{color:#528BA2}
body.v5-escritorio .esc-agora{color:#142126;background:#EFF2F9;border:1px solid #F0F2F9}
body.v5-escritorio .esc-agora b{color:#528BA2}
body.v5-escritorio .esc-tarefa{border:1px solid #F1F3F9;background:#EFF2F9}
body.v5-escritorio .esc-tarefa-topo b{color:#142126}
body.v5-escritorio .esc-valor{background:#EEF9F7}
body.v5-escritorio .esc-tarefa p{color:#142126}
body.v5-escritorio .esc-tarefa p b{color:#142126}
body.v5-escritorio .esc-porque{color:#528BA2}
body.v5-escritorio .esc-botoes button,body.v5-escritorio .esc-botoes a{border:1px solid #F1F3F9;background:#F0F2F9;color:#142126}
body.v5-escritorio .esc-botoes .recusa{color:#C02B3C;border-color:#F9F0F1}
body.v5-escritorio .esc-botoes button:hover{border-color:#C1C8DD}
body.v5-escritorio .esc-rota{color:#528BA2}
body.v5-escritorio .esc-modal-pe{border-top:1px solid #F1F3F9}
body.v5-escritorio .esc-pe-btn{border:1px solid #F1F3F9;color:#528BA2}
body.v5-escritorio .esc-pe-btn:hover{color:#142126;border-color:#C1C8DD}
body.v5-escritorio .esc-pe-btn.falar{border-color:#EFF2F9;color:#3BD4B5}
body.v5-escritorio .esc-pe-btn.perigo:hover{color:#C02B3C;border-color:#F9EEEF}
body.v5-escritorio .esc-time-item{border:1px solid #F1F3F9;background:#EFF2F9}
body.v5-escritorio .esc-time-item b{color:#142126}
body.v5-escritorio .esc-time-item small{color:#528BA2}
body.v5-escritorio .avatar-dot.com-ico{background:#F0F2F9;border:1px solid #F1F3F9}
body.v5-escritorio .chat-quick-actions button.secundario svg{color:#528BA2}
body.v5-escritorio .toast.ruim{background:#F9EEEF;color:#C02B3C}
body.v5-escritorio .atd-recolhe{border:1px solid #F1F3F9;background:#F0F2F9;color:#142126}
body.v5-escritorio .atd-recolhe:hover{color:#142126}
body.v5-escritorio .esc-chip{border:1px dashed #F1F3F9;background:#EFF2F9;color:#528BA2}
body.v5-escritorio .esc-linha{background:#EFF2F9;border:1px solid #F1F3F9;border-left:3px solid #F1F3F9}
body.v5-escritorio .esc-linha-quem b{color:#142126}
body.v5-escritorio .esc-linha-quem small{color:#528BA2}
body.v5-escritorio .esc-linha-quando label{color:#C1C8DD}
body.v5-escritorio .esc-linha-quando select{background:#EDF0F9;border:1px solid #F1F3F9;color:#142126}
body.v5-escritorio .esc-estado{color:#142126}
body.v5-escritorio .esc-linha-estado small{color:#C1C8DD}
body.v5-escritorio .esc-linha-botoes button{border:1px solid #F1F3F9;background:#F0F2F9;color:#142126}
body.v5-escritorio .esc-iniciais{background:#F0F2F9;color:#528BA2}
body.v5-escritorio .esc-modal-foto .esc-iniciais{background:#F0F2F9}
body.v5-escritorio .chat-espera{color:#528BA2}
body.v5-escritorio .chat-repete{border:1px solid #C1C8DD;background:#F0F2F9;color:#142126}
body.v5-escritorio .esc-resumo-card,
body.v5-escritorio .esc-reuniao-btn{border:1px solid #F1F3F9;background:#EFF2F9;color:#142126}
body.v5-escritorio .esc-resumo-card:hover,
body.v5-escritorio .esc-reuniao-btn:hover{border-color:#C1C8DD;background:#EFF2F9}
body.v5-escritorio .esc-resumo-card small,
body.v5-escritorio .esc-reuniao-btn small{color:#528BA2}
body.v5-escritorio #meeting-btn small{color:#EBF9F6}
body.v5-escritorio .esc-reuniao-btn > svg{background:#EFF1F7;color:#0D6D5A}
body.v5-escritorio .esc-vivo-topo.lendo small{color:#528BA2}
body.v5-escritorio .esc-relatorio-dica{color:#C1C8DD}
body.v5-escritorio .atd-opcoes{color:#528BA2}
body.v5-escritorio .esc-relatorio-btn.travado,
body.v5-escritorio .esc-relatorio.travado{background:#F0F2F9;color:#C1C8DD}
body.v5-escritorio .esc-relatorio-btn.travado:hover,
body.v5-escritorio .esc-relatorio.travado:hover{background:#F0F2F9}
body.v5-escritorio .esc-estilos>small{color:#528BA2}
body.v5-escritorio .esc-estilos button{border:1px solid #F1F3F9;background:#EFF2F9;color:#142126}
body.v5-escritorio .esc-estilos button:hover{background:#F0F2F9}
body.v5-escritorio .esc-estilos button small{color:#528BA2}

/* ---- vindo de v5-hud.css ---- */
body.v5-escritorio .hud-card:hover{border-color:#F1F3F9;background:#EFF2F9}
body.v5-escritorio .hud-card small{color:#C1C8DD}
body.v5-escritorio .hud-card i{color:#528BA2}
body.v5-escritorio .hud-card .hud-seta{color:#528BA2}
body.v5-escritorio .hud-card.cor-azul b{color:#2D5AD7}
body.v5-escritorio .hud-card.vazio b{color:#528BA2}
body.v5-escritorio .hud-card.pede{border-color:#F1F9F7;background:#F0F9F7}
body.v5-escritorio .hud-radar i{color:#8A541E}

/* ---------------------------------------------- os acentos, no claro
   As cores de estado nasceram para fundo preto. Sobre branco, lime e laranja
   claro somem. Como FUNDO elas continuam as mesmas; como TEXTO passam a usar
   o gêmeo escuro — mesma cor, contraste que dá para ler. Medido com
   Playwright em 1920/1440/1280/820/390. */
body.v5-escritorio .hud-card.cor-lime b    { color: #0D6D5A; }
body.v5-escritorio .hud-card.cor-roxo b    { color: #3BD4B5; }
body.v5-escritorio .hud-card.cor-azul b    { color: #2D5AD7; }
body.v5-escritorio .hud-card.cor-laranja b { color: #A85A0C; }
body.v5-escritorio .hud-card.vazio b       { color: #8A98C0; }
body.v5-escritorio .esc-vivo-topo small,
body.v5-escritorio #esc-hora               { color: #46626C; }
body.v5-escritorio .esc-bloco h2           { color: var(--ink, #0A2029); }
body.v5-escritorio .atd-topo small         { color: #6497AB; }
/* botão lime: o texto em cima dele continua PRETO, nunca clareia */
body.v5-escritorio .atd-filtros button.ativo,
body.v5-escritorio .atd-enviar,
body.v5-escritorio .esc-reuniao-btn        { color: #102C36; }
body.v5-escritorio .atd-enviar small,
body.v5-escritorio .esc-reuniao-btn small  { color: #1B3832; }

/* --------------------------------- correções medidas (Playwright, WCAG AA)
   A primeira rodada deixou quatro casos abaixo de 4,5:1. Cada um aqui foi
   medido, não estimado. */
/* 1. o cartão do topo herdava o texto quase branco da folha escura */
body.v5-escritorio .hud-card,
body.v5-escritorio .hud-card.cor-lime,
body.v5-escritorio .hud-card.cor-roxo,
body.v5-escritorio .hud-card.cor-azul,
body.v5-escritorio .hud-card.cor-laranja { color: var(--text, #142126); }
/* 2. o apoio dos cartões precisava de um cinza um passo mais fechado */
body.v5-escritorio .hud-card small,
body.v5-escritorio .hud-card i,
body.v5-escritorio .hud-radar b + small { color: #46626C; }
/* 3. texto claro sobre o botão lime — no claro ele tem que ser escuro */
body.v5-escritorio .esc-reuniao-btn small,
body.v5-escritorio .esc-reuniao-btn b,
body.v5-escritorio .atd-enviar small { color: #1B3832; }
/* 4. cinza de borda nunca serve como cor de texto */
body.v5-escritorio .atd-topo small,
body.v5-escritorio .atd-meta,
body.v5-escritorio .esc-linha-quando,
body.v5-escritorio .chat-message small { color: #50899F; }

/* --------------------------------- segunda rodada medida
   Conforme os primeiros somem, os de baixo aparecem. Estes são os que
   sobraram na segunda passada do Playwright. */
/* o cinza de apoio do site inteiro (#528BA2) dá 4,2:1 sobre as superfícies
   levantadas do Escritório — um passo abaixo do AA. Aqui ele fecha. */
body.v5-escritorio .hud-card small,
body.v5-escritorio .hud-card i,
body.v5-escritorio .atd-contador,
body.v5-escritorio .atd-filtros button,
body.v5-escritorio .atd-fonte,
body.v5-escritorio .esc-chip,
body.v5-escritorio .esc-linha-estado,
body.v5-escritorio .atd-nota,
body.v5-escritorio .atd-vazio { color: #46626C; }
/* a linha de atividade do palco continuava no cinza de fundo escuro */
body.v5-escritorio .office-activity,
body.v5-escritorio #office-activity-text { color: #46626C; }
/* o crachá de quem respondeu ficou escuro: é o único cartão do chat que a
   folha antiga pintava por conta própria */
body.v5-escritorio .chat-agent-summary {
  background: #EFF1F7; border: 1px solid #E2E6F0; color: var(--text, #142126);
}
body.v5-escritorio #chat-agent-name { color: var(--ink, #0A2029); }
body.v5-escritorio #chat-agent-role { color: #46626C; }
/* o botão "Reunir a equipe" tem ícone lime: o texto dentro dele fica escuro */
body.v5-escritorio .esc-reuniao-btn > svg { background: #C2F7EC; color: #0A5042; }
body.v5-escritorio .esc-pill-time { color: #0F6B59; }

/* --------------------------------- terceira rodada: os três últimos
   Estes três perdiam no empate porque a folha escura os declara com
   especificidade maior (`.atd-contador.zero`) ou dentro de um pai. */
body.v5-escritorio .chat-vazio small { color: #46626C; }
body.v5-escritorio .atd-contador.zero { color: #46626C; background: #E7EAF2; }
body.v5-escritorio .status-pill,
body.v5-escritorio #esc-pill-time { color: #0D5E4E; }
body.v5-escritorio .status-pill.attention { color: #8A4B0C; }

/* --------------------------------- os dois últimos, achados no DOM
   Ambos são <small> dentro de um <span> — por isso as regras diretas em
   `.esc-reuniao-btn small` não pegavam: o pai é o <span>. */
body.v5-escritorio .esc-resumo-card span small,
body.v5-escritorio .esc-resumo-card small { color: #46626C; }
body.v5-escritorio .esc-reuniao-btn span small,
body.v5-escritorio .esc-reuniao-btn span b { color: #1B3832; }

/* O botão de reunião é pintado por um seletor de ID (`#meeting-btn`), que
   ganha de qualquer classe. Para escrever em cima do lime é preciso responder
   no mesmo peso. O botão continua lime — só o texto dentro dele fecha. */
body.v5-escritorio #meeting-btn,
body.v5-escritorio #meeting-btn b,
body.v5-escritorio #meeting-btn small { color: #1B3832; }
body.v5-escritorio #meeting-btn > svg { background: rgba(0,0,0,.09); color: #1B3832; }

/* --------------------------------------------------- o desfecho da resposta
   Três botões que aparecem depois de um envio REAL: venda, silêncio ou
   reclamação. É o que a memória do agente usa para separar o que deu certo
   do que só foi enviado. */
body.v5-escritorio .atd-desfecho {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
  margin-top: 12px; padding-top: 11px; border-top: 1px solid #E2E6F0;
}
body.v5-escritorio .atd-desfecho span {
  font: 800 10px/1 ui-monospace, monospace; letter-spacing: .12em;
  text-transform: uppercase; color: #50899F; margin-right: 2px;
}
body.v5-escritorio .atd-desfecho button {
  border: 1px solid #E2E6F0; background: #fff; color: #263D46;
  border-radius: 999px; padding: 7px 13px; font: 700 12px/1 Inter, sans-serif;
}
body.v5-escritorio .atd-desfecho button:hover:not(:disabled) { border-color: #C1C8DD; background: #F7F8FB; }
body.v5-escritorio .atd-desfecho button:disabled { opacity: .45; }
body.v5-escritorio .atd-desfecho button.marcado {
  opacity: 1; border-color: var(--ink, #0A2029); background: var(--ink, #0A2029); color: #fff;
}

/* -------------------------------------------------- o interruptor do tema
   16/09/2026 — "faça o escritório também no modo noturno".
   Ele vive nesta folha porque é a última a carregar; no modo noturno ela é
   desligada e o botão herda o estilo escuro do v5.css, que é o que se quer. */
body.v5-escritorio .esc-tema{
  width:34px; height:34px; border-radius:999px;
  border:1px solid #E2E6F0; background:#fff; color:#46626C;
  font-size:15px; line-height:1; cursor:pointer;
  display:inline-grid; place-items:center;
}
body.v5-escritorio .esc-tema:hover{ background:#EFF1F7; color:#0A2029; }
body.v5-escritorio .esc-tema:focus-visible{ outline:2px solid #007C68; outline-offset:2px; }

/* -------------------------------------------------- contraste medido (16/09)
   Playwright, tema claro: o HUD do topo ficou com a superfície ESCURA da folha
   antiga e a tinta já trocada para a clara — "457" saiu com 1,04 de contraste,
   que é texto invisível. E os rótulos de 10px do topo da fila vinham no cinza
   que só funciona sobre fundo escuro. */
body.v5-escritorio .hud-card{
  background:#ffffff;
  border:1px solid #E2E6F0;
  box-shadow:0 1px 2px rgba(16,44,54,.05);
}
body.v5-escritorio .hud-card b,
body.v5-escritorio .hud-card strong{ color:#0A2029; }
body.v5-escritorio .hud-card small,
body.v5-escritorio .hud-card span{ color:#46626C; }
body.v5-escritorio .num-fila .num-topo small,
body.v5-escritorio .num-topo small{ color:#46626C; }
body.v5-escritorio .num-mais{ color:#00695A; }
body.v5-escritorio .esc-conta,
body.v5-escritorio .esc-iniciais,
body.v5-escritorio .esc-cabeca.mais{ color:#2A4A55; }
body.v5-escritorio .atd-contador{ color:#3B2100; }
body.v5-escritorio .esc-nada{ color:#46626C; }

/* o HUD tem fundo próprio no v5-hud.css e ganha da minha regra por
   especificidade — aqui o !important é o que faz a folha clara valer */
body.v5-escritorio .hud .hud-card{
  background:#ffffff!important;
  border:1px solid #E2E6F0!important;
}
body.v5-escritorio .hud .hud-card b,
body.v5-escritorio .hud .hud-card strong{ color:#0A2029!important; }
body.v5-escritorio .hud .hud-card small,
body.v5-escritorio .hud .hud-card span{ color:#46626C!important; }
/* a caixa de entrada: hora e prazo vinham no cinza de fundo escuro */
body.v5-escritorio .atd-meta,
body.v5-escritorio .atd-nota{ color:#46626C; }
body.v5-escritorio .atd-prazo{ color:#8d5100; }
body.v5-escritorio .atd-abrir,
body.v5-escritorio .atd-item p{ color:#2A4A55; }
body.v5-escritorio .atd-selo.pergunta{ color:#7a4300; }