/* Complementos da aplicação sobre o estilo da demo (mesmos tokens: --brand, --line, --ok...). */
[hidden]{display:none!important}  /* classe com display não pode vencer o atributo hidden */
.os-centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;color:var(--mut)}
.os-cartao{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:26px 24px;width:100%;max-width:380px;
  display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.os-cartao img{width:170px;height:auto;margin-bottom:6px}
.os-cartao h1{font-size:16px;font-weight:600}
.os-cartao p{font-size:12px;color:var(--mut)}
.os-campo{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--mut)}
.os-in,.os-sel,.os-ta{font:inherit;font-size:12.5px;border:1px solid var(--line2);border-radius:8px;padding:8px 10px;min-height:36px;
  background:var(--s1);color:var(--ink);width:100%}
.os-ta{min-height:70px;resize:vertical}
.os-bt{font:inherit;font-size:12px;font-weight:600;border:1px solid var(--line2);background:var(--s1);color:var(--ink);
  border-radius:8px;padding:7px 12px;min-height:36px;cursor:pointer;white-space:nowrap}
.os-bt:hover{border-color:var(--brand-line)}
.os-bt.pri{background:var(--brand);border-color:var(--brand);color:#fff}.os-bt.pri:hover{background:var(--brand2)}
.os-bt.perigo{color:var(--err);border-color:var(--err-bg)}
.os-bt[disabled]{opacity:.55;cursor:wait}
.os-bt.link{border:0;background:none;color:var(--brand);padding:4px 6px;min-height:0}
a.os-bt{display:inline-flex;align-items:center;text-decoration:none}
.os-in:focus-visible,.os-sel:focus-visible,.os-ta:focus-visible,.os-bt:focus-visible,.os-lin:focus-visible,.nv:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.os-msg{font-size:12px;padding:8px 10px;border-radius:8px}
.os-msg.ok{background:var(--ok-bg);color:var(--ok)}.os-msg.er{background:var(--err-bg);color:var(--err)}
.os-msg.av{background:var(--warn-bg);color:var(--warn)}
.os-aviso{position:fixed;right:16px;bottom:40px;max-width:420px;z-index:1000;box-shadow:0 6px 24px rgba(0,0,0,.12)}
.usuario{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut)}
.usuario b{color:var(--ink);font-weight:600}
.os-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.os-barra .esp{flex:1}
.os-lista{display:flex;flex-direction:column;gap:8px}
.os-item{background:var(--s1);border:1px solid var(--line);border-radius:10px}
.os-lin{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;width:100%;padding:11px 14px;cursor:pointer;border-radius:10px}
.os-lin b{display:block;font-size:13px}.os-lin .sm{display:block;color:var(--mut)}
.os-lin .pills{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.os-det{border-top:1px solid var(--line);padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.os-det h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 6px}
.os-full{grid-column:1/-1}
.os-kv{display:grid;grid-template-columns:150px 1fr;gap:3px 10px;font-size:12px}.os-kv dt{color:var(--mut)}.os-kv dd{margin:0;word-break:break-word}
.os-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.os-nao{font-size:11.5px;color:var(--mut);margin:3px 0}.os-nao b{color:var(--ink);font-weight:600}
.os-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:end;padding:12px 14px;
  background:var(--s2);border-radius:10px;margin:8px 0}
.os-form .os-full{display:flex;gap:8px;flex-wrap:wrap}
.os-checks{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px}
.os-checks label,.os-check{display:flex;gap:5px;align-items:center}
.os-check{font-size:12px}
.os-in[type=checkbox],.os-in[type=radio]{width:auto;min-height:0;padding:0;margin:0}   /* caixa de marcação no tamanho do navegador, não esticada como campo de texto */
/* 2FA (31/10/2026): painel em bloco — como .os-form em grade, o título caía na 1ª coluna e todo o corpo na 2ª, "muito à direita";
   tabela enxuta, campos da política lado a lado (grade própria, sem o cartão de dentro) e as caixas de marcação na linha dos perfis */
.os-2fa{display:block;font-size:12px}
.os-2fa h3{font-size:13px;font-weight:600;margin:0 0 4px}
.os-2fa h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0}
.os-2fa p{margin:4px 0}
.os-2fa th{padding:5px 10px}.os-2fa td{padding:4px 10px;white-space:nowrap}.os-2fa td:nth-child(2){white-space:normal}
.os-2fa .os-form{grid-template-columns:repeat(auto-fit,minmax(200px,300px));gap:6px 10px;padding:0;margin:8px 0 0;background:none}
.os-2fa .os-in,.os-2fa .os-sel{max-width:320px}
.os-2fa .os-acoes{margin-top:8px}
/* perfil: cada seção do menu numa linha, o título numa coluna à esquerda (a legenda flutuante vira item do grid) */
.os-perm-tit{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:8px 0 0;font-weight:600}
.os-form .os-perm{display:grid;grid-template-columns:130px 1fr;gap:4px 10px;border:0;margin:0;padding:3px 0;min-width:0}
.os-perm legend{float:left;padding:0;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:10px;line-height:18px}
@media(max-width:560px){.os-form .os-perm{grid-template-columns:1fr}}
.os-ev{font-size:11.5px;display:flex;flex-direction:column;gap:3px;max-height:260px;overflow:auto}.os-ev span{color:var(--mut)}
.os-link{font-family:var(--codigo);font-size:11.5px;word-break:break-all;background:var(--s1);border:1px dashed var(--brand-line);padding:8px;border-radius:8px}
.os-qr{text-align:center}.os-qr img{width:260px;max-width:100%;image-rendering:pixelated;border:8px solid #fff}
.os-vazio{font-size:12px;color:var(--mut);padding:12px 0}
.os-entrega{font-size:11px;color:var(--dim);margin:4px 0 0}
@media(max-width:1000px){.os-det{grid-template-columns:1fr}
  /* a .app da demo corta o excesso (overflow:hidden); no celular isso escondia o "Sair" e a direita das telas */
  .app{overflow:visible;border:0;min-height:0;height:auto;grid-template-rows:auto auto 1fr}
  .top{flex-wrap:wrap;row-gap:4px;padding:8px 14px;min-height:56px}
  .usuario{margin-left:0;width:100%;justify-content:flex-end}
  main{min-width:0;padding:16px 14px 40px}
  main .vw,main .panel,main .grid2>*,main .grid3>*{min-width:0}
  main .scroller,main table{max-width:100%}
  main .scroller{overflow-x:auto}
  nav .nv{min-height:36px}}
@media(max-width:560px){.os-kv{grid-template-columns:1fr}.os-kv dt{margin-top:4px}.os-lin{flex-wrap:wrap}.os-lin .pills{margin-left:0}
  .usuario span.quem{display:none}}

/* ---- Atendimento (WhatsApp) ---- */
.at{display:grid;grid-template-columns:320px 1fr;gap:12px;align-items:start}
.at-lista{border:1px solid var(--line);border-radius:10px;background:var(--s1);overflow:hidden;max-height:74vh;display:flex;flex-direction:column}
.at-busca{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line)}
.at-busca .os-in,.at-busca .os-sel{margin:0}
.at-rolo{overflow:auto}
.at-conv-item{all:unset;box-sizing:border-box;display:block;width:100%;border-bottom:1px solid var(--line);padding:10px 12px;cursor:pointer}
.at-conv-item:hover{background:var(--s2)}.at-conv-item.on{background:var(--brand-soft)}
.at-conv-item .lin1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
/* foto do contato (07/10/2026): miniatura do WhatsApp; sem foto, iniciais; sem nome, boneco */
.at-conv-item{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;align-items:center}
.at-conv-txt{min-width:0}
.at-av{width:42px;height:42px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;flex:none;
  background:var(--s3);color:var(--mut);font-weight:600;font-size:14px;letter-spacing:.3px;overflow:hidden;user-select:none}
.at-av svg{width:26px;height:26px;fill:currentColor;opacity:.75}
.at-cab .at-av{width:36px;height:36px;font-size:13px}
.at-cab .at-av svg{width:22px;height:22px}
.at-conv-item .nome{font-weight:600;font-size:13px}
.at-conv-item .prev{color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-badge{background:var(--brand);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700;flex:none}
.at-espera{color:var(--err);font-size:11px;margin-top:2px}
.at-painel{border:1px solid var(--line);border-radius:10px;background:var(--s1);min-height:62vh;display:flex;flex-direction:column;position:relative}
.at-cab{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.at-cab .nome{font-weight:700}.at-cab .at-tag{color:var(--mut);font-size:12px}
.at-msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--bg);max-height:62vh}
.at-bolha{max-width:80%;padding:7px 10px;border-radius:12px;font-size:13.5px;line-height:1.4}
.at-fig{width:132px;height:auto;display:block;margin:2px 0}
.at-img{max-width:240px;max-height:300px;width:auto;height:auto;border-radius:8px;display:block;margin:2px 0;cursor:zoom-in}
.at-ent{align-self:flex-start;background:var(--s1);border:1px solid var(--line);border-top-left-radius:3px}
.at-saida{align-self:flex-end;background:var(--brand-soft);border:1px solid var(--line2);border-top-right-radius:3px}
.at-bolha .meta{font-size:10.5px;color:var(--mut);margin-top:3px}
.at-txt{white-space:pre-wrap;word-break:break-word}
.at-citada{border-left:3px solid var(--brand);background:var(--s2);padding:3px 6px;border-radius:4px;font-size:12px;color:var(--mut);margin-bottom:4px}
.at-nota{background:var(--warn-bg);border:1px dashed var(--warn);border-radius:8px;padding:4px 8px;font-size:12px;margin-top:4px;color:var(--ink)}
.at-nota b{color:var(--warn)}
.at-barra{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}
.at-barra .os-in{margin:0;flex:1}
.at-barra .at-ta{margin:0;flex:1;resize:vertical;min-height:38px;line-height:1.4}
.at-barra{align-items:flex-end}
.at-anexos{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px 0}
.at-anexos:empty{display:none}
.at-anexo{display:inline-flex;align-items:center;gap:2px;font-size:12px;background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 10px}
.at-anexo-x{all:unset;cursor:pointer;width:18px;height:18px;text-align:center;border-radius:50%;color:var(--mut)}
.at-anexo-x:hover,.at-anexo-x:focus-visible{background:var(--line);color:var(--ink)}
/* botão + do compositor: menu (arquivo, áudio, figurinha), gravação e pacote de figurinhas */
.at-mais-box{position:relative;flex:none}
.at-mais{font-size:20px;line-height:1;min-width:40px;padding-left:0;padding-right:0}
.at-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;display:flex;flex-direction:column;min-width:190px;padding:4px;background:var(--s1);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.at-menu[hidden]{display:none}
.at-menu button{all:unset;cursor:pointer;padding:9px 12px;border-radius:7px;font-size:13.5px;color:var(--ink)}
.at-menu button:hover,.at-menu button:focus-visible{background:var(--s2)}
.at-figs{padding:8px 10px 0}
.at-figs[hidden],.at-grav[hidden]{display:none}
.at-figs-cab{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mut);margin-bottom:6px}
.at-figs-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-height:240px;overflow:auto;padding:2px}
.at-fig-bt{all:unset;cursor:pointer;border-radius:8px;padding:4px;border:1px solid transparent}
.at-fig-bt:hover,.at-fig-bt:focus-visible{background:var(--s2);border-color:var(--brand)}
.at-fig-bt img{width:100%;height:auto;display:block}
.at-fig-mini{width:34px;height:34px;object-fit:contain;vertical-align:middle;margin-right:4px}
.at-grav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px 0;font-size:13px}
.at-grav-ponto{width:10px;height:10px;border-radius:50%;background:var(--err);animation:at-pisca 1s infinite}
.at-grav-tempo{font-variant-numeric:tabular-nums;font-weight:600}
@keyframes at-pisca{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.at-grav-ponto{animation:none}}
/* lista: código/loja + nome numa linha só ("…" no que não cabe) e a anotação da equipe embaixo (08/10/2026) */
.at-conv-item .lin1 .nome{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-cab .nome{flex:1 1 160px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-anot{all:unset;box-sizing:border-box;display:block;width:100%;font-size:12px;line-height:1.5;color:var(--mut);padding:0 4px;margin:1px 0 0 -4px;
  border:1px solid transparent;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text}
.at-anot::placeholder{color:var(--mut);opacity:.55}
.at-anot:hover{border-color:var(--line)}
.at-anot:focus{border-color:var(--brand);background:var(--at-campo,var(--s1));color:var(--ink)}
.at-anot.salvo{border-color:var(--ok)}
/* mensagens: menu ⋯ (responder, encaminhar, apagar), encaminhada, apagada, respondendo a */
.at-bolha .meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.at-msg-bt{all:unset;cursor:pointer;margin-left:auto;padding:0 6px;border-radius:6px;font-size:15px;line-height:1.2;color:var(--mut);opacity:.6}
.at-msg-bt:hover,.at-msg-bt:focus-visible,.at-msg-bt[aria-expanded="true"]{opacity:1;background:var(--s2);color:var(--ink)}
.at-menu.at-menu-msg{position:fixed;bottom:auto;left:auto;z-index:60;min-width:170px}
.at-menu button.perigo{color:var(--err)}
.at-encam{font-size:11px;color:var(--mut);font-style:italic;margin-bottom:2px}
.at-rem{font-size:12px;font-weight:600;color:var(--mut);margin-bottom:2px}
.at-abrir{font-weight:600;font-size:12.5px;margin-left:2px;white-space:nowrap}
.at-apagada{opacity:.75;font-style:italic;color:var(--mut)}
.at-resp{display:flex;align-items:center;gap:6px;padding:8px 10px 0}
.at-resp[hidden]{display:none}
.at-resp .at-citada{flex:1;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-resp .at-citada b{color:var(--ink);font-weight:600}
/* emoji */
.at-emo-bt{font-size:18px}
.at-emo-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;max-height:220px;overflow:auto;padding:2px}
.at-emo-grupo{grid-column:1/-1;font-size:11px;color:var(--mut);margin:6px 0 2px}
.at-emo-grupo:first-child{margin-top:0}
.at-emo{all:unset;cursor:pointer;text-align:center;font-size:22px;line-height:36px;border-radius:7px}
.at-emo:hover,.at-emo:focus-visible{background:var(--s2)}
/* encaminhar: diálogo por cima da tela */
.at-dlg-fundo{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:16px}
.at-dlg{background:var(--s1);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.25);
  width:min(440px,100%);max-height:min(640px,90vh);display:flex;flex-direction:column;gap:8px;padding:12px}
.at-dlg .os-in{margin:0}
.at-dlg .at-citada{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-dlg-lista{flex:1;min-height:120px;overflow:auto;border:1px solid var(--line);border-radius:8px}
.at-dlg-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-bottom:1px solid var(--line)}
.at-dlg-item:hover,.at-dlg-item:focus-visible{background:var(--s2)}
.at-dlg-item.on{background:var(--brand-soft)}
.at-dlg-item .at-av{width:32px;height:32px;font-size:12px}
.at-dlg-nome{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.at-dlg-rodape{display:flex;justify-content:flex-end}
/* trocar cliente (08/10/2026): escolha na lista do Protheus, nunca texto livre */
.at-dlg.at-dlg-larga{width:min(620px,100%)}
.at-cli-corpo{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}
.at-cli-hoje{background:var(--s2);border-radius:8px;padding:8px 10px;font-size:13px}
.at-cli-info{font-size:11.5px;color:var(--mut);margin-top:2px}
.at-cli-rot{font-size:12px;color:var(--mut)}
.at-cli-vazio{font-size:12.5px;color:var(--mut);border:1px dashed var(--line2);border-radius:8px;padding:8px 10px}
.at-cli-lista{flex:none;min-height:0;max-height:220px}
.at-cli-lista[hidden],.at-cli-aviso[hidden]{display:none}
.at-cli-row{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:78px minmax(0,1fr) auto auto;gap:8px;align-items:center;
  width:100%;padding:7px 10px;border-bottom:1px solid var(--line);font-size:13px}
.at-cli-row:hover,.at-cli-row:focus-visible{background:var(--s2)}
.at-cli-row.on{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.at-cli-cod{font-variant-numeric:tabular-nums;color:var(--mut)}
.at-cli-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-cli-tag{font-size:11px;padding:1px 7px;border-radius:999px;background:var(--warn-bg);color:var(--warn)}
.at-cli-cid{font-size:12px;color:var(--mut);white-space:nowrap}
.at-cli-vf{font-size:13px}.at-cli-prev{font-weight:600}
.at-cli-aviso{font-size:12px;background:var(--warn-bg);color:var(--ink);border:1px solid var(--warn);border-radius:8px;padding:6px 10px}
.at-cli-rodape{align-items:center;gap:6px;flex-wrap:wrap}
.at-cli-esp{flex:1}
@media(max-width:520px){.at-cli-row{grid-template-columns:70px minmax(0,1fr)}.at-cli-cid,.at-cli-tag{grid-column:2}}
/* aviso "Vincular Protheus" (conversa sem cliente) e cartão de contato recebido (08/10/2026) */
.at-vinc{font-size:11.5px;color:var(--warn);margin-top:2px}
.at-vinc-bt{all:unset;cursor:pointer;flex:none;font-size:12px;font-weight:600;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn);
  border-radius:999px;padding:2px 10px;margin:0}
.at-vinc-bt:hover,.at-vinc-bt:focus-visible{filter:brightness(.97);outline:2px solid var(--warn);outline-offset:1px}
.at-busca .os-bt.link{flex:none;white-space:nowrap}
.at-contato{border:1px solid var(--line2);border-radius:8px;padding:6px 9px;margin:2px 0;background:var(--s1);min-width:200px}
.at-contato + .at-contato{margin-top:6px}
.at-contato-nome{font-weight:600}
.at-contato-sub{font-size:12px;color:var(--mut)}
.at-contato-lin{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin-top:2px}
.at-contato-lin .os-bt{padding:0 4px}
/* um número por vendedor (08/10/2026): etiqueta do número, faixas, painel de números e QR */
.at-num-tag{font-size:11.5px;color:var(--mut);margin-top:2px}
.at-naocont{color:var(--err)}
.at-sel-num[hidden]{display:none}
.at-faixa{margin:6px 10px 0;padding:6px 10px;border-radius:8px;font-size:12.5px;background:var(--s2);border:1px solid var(--line)}
.at-faixa .os-bt{padding:0 4px}
.at-faixa-err{background:var(--err-bg,var(--s2));border-color:var(--err);color:var(--ink)}
.at-anterior{opacity:.72}
.at-num{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.at-num-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.at-num-l2{font-size:12.5px}
.at-num-st{font-size:11px;font-weight:600;border-radius:999px;padding:1px 8px;background:var(--s2);color:var(--mut)}
.at-num-st.ok{color:var(--ok)}.at-num-st.err{color:var(--err)}.at-num-st.warn{color:var(--warn)}
.at-num-barra{height:6px;border-radius:999px;background:var(--s2);overflow:hidden}
.at-num-barra span{display:block;height:100%;background:var(--ok)}
.at-num-barra span.alto{background:var(--warn)}
.at-num-acoes{display:flex;gap:4px;flex-wrap:wrap}
.at-num-novo{background:var(--s2)}
.at-num-novo .os-campo{margin:0}
.at-qr{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px}
.at-qr-img{width:min(280px,80vw);height:auto;background:#fff;padding:8px;border-radius:8px}
.at-qr-cod{font-size:20px;font-weight:700;letter-spacing:2px}
/* linha de sistema na conversa (quem ligou/trocou o cliente) */
.at-reg{align-self:center;max-width:90%;text-align:center;font-size:11.5px;color:var(--mut);background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.at-ouvir{height:32px;max-width:240px;vertical-align:middle}
.at-anexo .at-ouvir{height:28px;max-width:180px}
/* Atendimento no padrão do WhatsApp Web (pedido de Alexandre, 14/10/2026; antes era verde claro, 06/10): lista branca, conversa sobre fundo bege
   com balão branco (recebido) e verde-claro (enviado), barras cinza-claro e verde #008069 como cor de ação. Vale só dentro de .at (e do menu e do
   diálogo da mensagem, que a tela põe fora dele); as outras telas não mudam. No tema escuro, a versão escura do WhatsApp. */
.at,.at-menu-msg,.at-dlg{--s1:#FFFFFF;--s2:#F0F2F5;--s3:#E9EDEF;--line:#E9EDEF;--line2:#D1D7DB;--ink:#111B21;--mut:#667781;--dim:#8696A0;
  --brand:#008069;--brand2:#006E5A;--brand-soft:#D9FDD3;--brand-line:#B9E8B0;
  --at-campo:#F0F2F5;--at-escrita:#FFFFFF;--at-papel:#EFEAE2;--at-ponto:rgba(11,20,26,.045);--at-ent:#FFFFFF;--at-saida:#D9FDD3;--at-barra:#F0F2F5;
  --at-sel:#F0F2F5;--at-hover:#F5F6F6;--at-citada:rgba(11,20,26,.06);--at-chip-bg:#D9FDD3;--at-chip-ink:#005C4B;--at-chip-linha:#00A884;
  --at-badge-ink:#FFFFFF;--at-sombra:0 1px .5px rgba(11,20,26,.13)}
:root[data-tema="escuro"] .at,:root[data-tema="escuro"] .at-menu-msg,:root[data-tema="escuro"] .at-dlg{--s1:#111B21;--s2:#202C33;--s3:#2A3942;--line:#222D34;--line2:#313D45;
  --ink:#E9EDEF;--mut:#8696A0;--dim:#667781;--brand:#00A884;--brand2:#06CF9C;--brand-soft:#005C4B;--brand-line:#0B6D5A;
  --at-campo:#202C33;--at-escrita:#2A3942;--at-papel:#0B141A;--at-ponto:rgba(255,255,255,.03);--at-ent:#202C33;--at-saida:#005C4B;--at-barra:#202C33;
  --at-sel:#2A3942;--at-hover:#182229;--at-citada:rgba(255,255,255,.07);--at-chip-bg:#0A332C;--at-chip-ink:#06CF9C;--at-chip-linha:#00A884;
  --at-badge-ink:#111B21;--at-sombra:none}
.at .os-in,.at .os-sel,.at .os-ta{background:var(--at-campo)}
/* uma caixa só, lista à esquerda e conversa à direita, na altura da tela */
.at{grid-template-columns:minmax(300px,32%) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;align-items:stretch;height:calc(100vh - 124px);min-height:460px;
  border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--s1)}
.at .at-lista{border:0;border-right:1px solid var(--line);border-radius:0;max-height:none;min-height:0}
.at .at-rolo{flex:1;min-height:0}
.at .at-painel{border:0;border-radius:0;min-height:0;background:var(--s1);overflow:hidden}
.at .at-painel > .os-vazio:only-child{margin:auto;text-align:center;padding:24px;font-size:14px}
/* topo da lista: botões em pílula no canto (Números, + Nova conversa), uma linha só para buscar e outra só para os dois filtros */
.at .at-topo{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 6px}
.at .at-chip{font:inherit;font-size:13.5px;line-height:1;font-weight:500;color:var(--mut);background:var(--s1);border:1px solid var(--line2);border-radius:999px;padding:8px 14px;
  cursor:pointer;white-space:nowrap}
.at .at-chip:hover{background:var(--at-hover)}
.at .at-chip.pri{background:var(--at-chip-bg);border-color:var(--at-chip-linha);color:var(--at-chip-ink);font-weight:600}
.at .at-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.at .at-busca{display:block;padding:6px 14px;border:0}
.at .at-busca .os-in{height:36px;min-height:36px;border:0;border-radius:8px;padding:0 12px 0 40px;font-size:14px;
  background:var(--at-campo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667781' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 13px center / 16px}
.at .at-filtros{display:flex;gap:8px;padding:2px 14px 12px;border-bottom:1px solid var(--line)}
.at .at-filtros .os-sel{flex:1 1 0;min-width:0;min-height:34px;padding:6px 8px;font-size:12.5px}
/* linhas da lista */
.at .at-conv-item{grid-template-columns:49px minmax(0,1fr);column-gap:13px;padding:10px 14px}
.at .at-conv-item:hover{background:var(--at-hover)}
.at .at-conv-item.on{background:var(--at-sel)}
.at .at-av{width:49px;height:49px;font-size:16px}
.at .at-cab .at-av{width:40px;height:40px;font-size:14px}
.at .at-conv-item .nome{font-size:14.5px;font-weight:500}
.at .at-conv-item .prev{font-size:13px}
.at .at-badge{background:var(--brand);color:var(--at-badge-ink)}
/* conversa: cabeçalho cinza-claro, fundo bege, balões brancos e verde-claro */
.at .at-cab{background:var(--at-barra);border-bottom:1px solid var(--line);padding:10px 16px;min-height:59px}
.at .at-cab .nome{font-weight:500;font-size:15.5px}
/* cabeçalho em duas linhas: quem é a conversa e, embaixo, os botões em pílula numa linha só (rola de lado se faltar largura) */
.at .at-cabecalho{background:var(--at-barra);border-bottom:1px solid var(--line)}
.at .at-cabecalho .at-cab{background:none;border-bottom:0;min-height:0;padding-bottom:6px}
.at .at-cab-acoes{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:2px 16px 10px;scrollbar-width:thin}
.at .at-cab-acoes .at-chip{flex:none;font-size:13px;padding:6px 13px}
.at .at-chip.perigo{color:var(--err)}
.at .at-msgs{max-height:none;min-height:0;padding:14px 6%;background-color:var(--at-papel);
  background-image:radial-gradient(var(--at-ponto) 1.2px,transparent 1.7px);background-size:24px 24px}
.at .at-bolha{max-width:min(78%,620px);padding:6px 9px 4px;border-radius:8px;font-size:14px;line-height:1.35;color:var(--ink);box-shadow:var(--at-sombra)}
.at .at-ent{background:var(--at-ent);border:0;border-top-left-radius:0}
.at .at-saida{background:var(--at-saida);border:0;border-top-right-radius:0}
.at .at-bolha .meta{font-size:11px;color:var(--mut)}
.at .at-citada{background:var(--at-citada);border-left-color:var(--brand)}
.at-citada-ir{cursor:pointer}.at-citada-ir:hover{filter:brightness(.94)}.at-citada-ir:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
@keyframes at-destaque{0%,55%{box-shadow:0 0 0 3px var(--brand),0 0 14px 2px var(--brand)}100%{box-shadow:0 0 0 0 transparent}}
.at-bolha.at-destaque{animation:at-destaque 2.4s ease-out}
.at .at-reg,.at .at-chamada{background:var(--at-ent);border:0;box-shadow:var(--at-sombra);color:var(--mut)}
.at .at-chamada.perdida{color:var(--warn)}
/* compositor: barra cinza-claro, caixa de texto branca arredondada, botões sem moldura, Enviar verde */
.at .at-barra{background:var(--at-barra);border-top:0;padding:10px 16px;gap:8px}
.at .at-barra .at-ta,.at .at-barra .os-in{background:var(--at-escrita);border:0;border-radius:8px;padding:10px 12px;font-size:14px}
.at .at-barra .os-bt:not(.pri){border:0;background:transparent;color:var(--mut);border-radius:50%;min-width:40px;min-height:40px}
.at .at-barra .os-bt:not(.pri):hover{background:var(--s3)}
.at .at-barra .os-bt.pri{border-radius:999px;padding:0 20px;min-height:40px}
.at .at-anexos,.at .at-resp,.at .at-grav,.at .at-figs{background:var(--at-barra)}
.at .at-barra .at-mais{font-size:24px}
:root[data-tema="escuro"] .at .at-saida .os-bt.link,:root[data-tema="escuro"] .at .at-saida a{color:#7FE3C5}   /* link legível sobre o verde escuro do balão enviado */
@media(max-width:760px){.at{grid-template-columns:minmax(0,1fr);height:calc(100vh - 150px);border-radius:8px}.at-lista.oculto,.at-painel.oculto{display:none}.at .at-lista{border-right:0}}

/* ---- cores de pill (base .pill vem da demo) ---- */
.pill.p-dim{background:var(--s2);color:var(--mut)}
.pill.p-warn{background:var(--warn-bg);color:var(--warn)}
.pill.p-err{background:var(--err-bg);color:var(--err)}
.pill.p-ok{background:var(--ok-bg);color:var(--ok)}

/* ---- Avisos (sino + cartão no console) ---- */
.av-sino{position:relative;display:inline-flex}
.av-sino-bt{font-size:16px;position:relative}
.av-badge{position:absolute;top:-2px;right:-2px;background:var(--brand);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:0 5px;line-height:16px;min-width:16px;text-align:center}
.av-painel{position:absolute;right:0;top:100%;margin-top:6px;width:300px;max-width:84vw;background:var(--s1);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:1200;max-height:60vh;overflow:auto}
.av-cab{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}
.av-item{padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer}
.av-item:hover{background:var(--s2)}.av-item.lido{opacity:.6}
.av-tipo{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--brand);font-weight:700}
.av-txt{font-size:12.5px;color:var(--ink);margin-top:2px}
.av-quando{font-size:10.5px;color:var(--mut);margin-top:2px}
.av-console{margin-bottom:14px;padding:12px 14px}
.av-console-h{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 6px}

/* ---- Tarefas ---- */
.tf-filtros{margin-top:-4px}
.tf-grupo{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:14px 0 6px}
.tf-lista{display:flex;flex-direction:column;gap:8px}
.tf-item{all:unset;box-sizing:border-box;display:block;width:100%;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.tf-item:hover{border-color:var(--brand-line)}
.tf-l1{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tf-tit{font-weight:600;font-size:13.5px}
.tf-l2{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:5px}
.tf-meta{font-size:11.5px;color:var(--mut)}
.tf-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;align-items:flex-start}
.tf-col{flex:0 0 260px;background:var(--s2);border:1px solid var(--line);border-radius:10px;min-height:80px}
.tf-board-abertas .tf-col{flex:1 1 0;min-width:260px}   /* o quadro só com as abertas: as três colunas dividem a largura (26/10/2026) */
.tf-col.sobre{border-color:var(--brand)}
.tf-col-h{font-size:12px;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}
.tf-col-corpo{display:flex;flex-direction:column;gap:8px;padding:8px;min-height:40px}
.tf-card{cursor:grab}.tf-card.arrastando{opacity:.4}
.tf-gaveta{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1300;display:flex;justify-content:flex-end}
.tf-gaveta-painel{background:var(--bg);width:min(860px,68vw);max-width:100%;height:100%;overflow:auto;padding:16px 18px 40px;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
.tf-g-topo{display:flex;align-items:center}
.tf-g-tit{font-size:16px;font-weight:600;margin:4px 0 8px}
.tf-g-campos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}
.tf-bloco{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.tf-bloco h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 8px}
.tf-anexo{display:flex;align-items:baseline;gap:8px;padding:4px 0;font-size:12.5px;border-bottom:1px solid var(--line)}
.tf-anexo:last-child{border-bottom:0}
.tf-anexo-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tf-anexo-acao{font-weight:600;white-space:nowrap}
.tf-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tf-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:4px 0}
.tf-check .tf-feito{text-decoration:line-through;color:var(--mut)}
.tf-com{font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}
.tf-com-q{font-size:10.5px;color:var(--mut);margin-top:2px}
.tf-com-nova{position:relative}
.tf-mencao{position:absolute;left:0;right:0;top:100%;background:var(--s1);border:1px solid var(--line);border-radius:8px;z-index:10;max-height:180px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.tf-mencao-op{padding:7px 10px;cursor:pointer;font-size:12.5px}
.tf-mencao-op:hover{background:var(--brand-soft)}
@media(max-width:760px){.tf-g-campos{grid-template-columns:1fr}.tf-gaveta{justify-content:stretch}.tf-gaveta-painel{width:100%}.tf-col{flex-basis:80vw}}

/* ---- Proposta da IA dentro da conversa ---- */
.at-prop-box:empty{display:none}
.at-prop{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:10px;padding:10px 12px;margin:10px}
.at-prop-cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.at-prop-tag{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--brand);font-weight:700}
.at-prop-conf{font-size:11px;color:var(--mut)}
.at-prop-tit{font-weight:600;font-size:13.5px;margin-top:4px}
.at-prop-desc{font-size:12.5px;color:var(--ink);margin-top:3px}
.at-prop-ev{font-size:12px;color:var(--mut);font-style:italic;margin-top:4px}
.at-prop-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.at-prop-edit .os-ta{min-height:54px}

/* ---- Sentimento ---- */
.se{display:grid;grid-template-columns:340px 1fr;gap:12px;align-items:start}
.se-lista{border:1px solid var(--line);border-radius:10px;background:var(--s1);overflow:auto;max-height:76vh}
.se-item{all:unset;box-sizing:border-box;display:block;width:100%;border-bottom:1px solid var(--line);padding:10px 12px;cursor:pointer}
.se-item:hover{background:var(--s2)}.se-item.on{background:var(--brand-soft)}
.se-l1{display:flex;gap:8px;align-items:center;justify-content:space-between}
.se-nome{font-weight:600;font-size:13px}
.se-l2{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.se-meta{font-size:11px;color:var(--mut)}
.se-tend{font-size:11.5px;font-weight:600}.se-up{color:var(--ok)}.se-down{color:var(--err)}.se-flat{color:var(--mut)}
.se-gauge{position:relative;flex:1;min-width:90px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--err-bg),var(--s2),var(--ok-bg))}
.se-gauge-z{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--line2)}
.se-gauge-m{position:absolute;top:-2px;width:10px;height:10px;border-radius:50%;transform:translateX(-50%);border:2px solid var(--s1)}
.se-painel{border:1px solid var(--line);border-radius:10px;background:var(--s1);min-height:62vh;padding:12px 14px}
.se-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:10px}
.se-cab .se-nome{font-weight:700}
.se-dia{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:var(--s1)}
.se-dia-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.se-data{font-weight:600;font-size:12px}
.se-analise{font-size:12.5px;color:var(--ink);margin-top:6px;line-height:1.4}
.se-pontos{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
@media(max-width:760px){.se{grid-template-columns:1fr}.se-lista.oculto,.se-painel.oculto{display:none}.se-lista{max-height:none}}

/* ---- Gestão ---- */
.gp-card{margin-bottom:14px;padding:12px 14px}
.gp-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.gp-h{font-size:13px;font-weight:600;margin:0}
.gp-tot{font-size:12px;color:var(--mut)}
.gp-ctrl{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}
.gp-ctrl .os-in,.gp-ctrl .os-sel{margin:0}
.gp-tab{width:100%;border-collapse:collapse;font-size:12.5px}
.gp-tab th,.gp-tab td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
.gp-tab th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--mut)}
.gp-tab th.num,.gp-tab td.num{text-align:right;font-variant-numeric:tabular-nums}
.gp-tab tbody tr:hover{background:var(--s2)}
.gp-kpis{display:flex;gap:10px;flex-wrap:wrap}
.gp-kpi{flex:1 1 120px;background:var(--s2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:110px}
.gp-kpi-v{font-size:20px;font-weight:700;color:var(--ink)}
.gp-kpi-r{font-size:11px;color:var(--mut);margin-top:2px}
.gp-det{font-size:11.5px;color:var(--mut);margin-top:8px}
.gp-f{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--mut)}
.gp-f .os-sel,.gp-f .os-in{margin:0}
.gp-num{all:unset;font-variant-numeric:tabular-nums;cursor:pointer;color:var(--brand);font-weight:600;padding:2px 4px;border-radius:6px}
.gp-num:hover{background:var(--brand-soft)}
.gp-num[disabled]{color:var(--ink);cursor:default;font-weight:400}
.gp-kpi.clic{cursor:pointer}.gp-kpi.clic:hover{border-color:var(--brand-line);background:var(--brand-soft)}
.gp-drawer{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1300;display:flex;justify-content:flex-end}
.gp-drawer-painel{background:var(--bg);width:620px;max-width:100%;height:100%;overflow:auto;padding:14px 16px 40px;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
.gp-drawer-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
@media(max-width:560px){.gp-ctrl{margin-left:0;width:100%}.gp-drawer{justify-content:stretch}.gp-drawer-painel{width:100%}}

/* ---- Conhecimento ---- */
.ck-inval{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--mut)}
.ck-lista{display:flex;flex-direction:column;gap:8px}
.ck-item{all:unset;box-sizing:border-box;display:block;width:100%;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.ck-item:hover{border-color:var(--brand-line)}.ck-item.inval{opacity:.6}
.ck-l1{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.ck-tit{font-weight:600;font-size:13.5px}
.ck-trecho{font-size:12.5px;color:var(--mut);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-meta{font-size:11px;color:var(--dim);margin-top:4px}
.ck-gaveta{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1300;display:flex;justify-content:flex-end}
.ck-gaveta-painel{background:var(--bg);width:560px;max-width:100%;height:100%;overflow:auto;padding:16px 18px 40px;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
.ck-g-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ck-md{white-space:pre-wrap;font-size:13px;line-height:1.5;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.ck-acoes{display:flex;gap:8px;flex-wrap:wrap}
.ck-versoes{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}
.ck-versoes h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 6px}
.ck-v{font-size:11.5px;color:var(--mut);padding:3px 0;border-bottom:1px solid var(--line)}
@media(max-width:560px){.ck-gaveta{justify-content:stretch}.ck-gaveta-painel{width:100%}}

/* ---- Conexões em cartões ---- */
.cx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cx-card{align-self:start;border-left:3px solid var(--line2)}
.cx-card.cx-ok{border-left-color:var(--ok)}
.cx-card.cx-err{border-left-color:var(--err)}
.cx-card.cx-neutro{border-left-color:var(--warn)}
.cx-card:has(.os-det){grid-column:1/-1}   /* detalhe aberto ocupa a linha inteira */
@media(max-width:560px){.cx-cards{grid-template-columns:1fr}}

/* Dossiê do cliente e Recebimentos (07/10/2026) — só variáveis do tema, valem no claro e no escuro */
.ds-busca{display:flex;gap:8px;margin-bottom:10px}.ds-busca .os-in{flex:1;margin:0}
.ds-res{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.ds-item{all:unset;box-sizing:border-box;display:block;cursor:pointer;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.ds-item:hover,.ds-item:focus-visible{border-color:var(--line2);background:var(--s2)}
.ds-cab{margin-bottom:10px}.ds-nome{font-size:16px;font-weight:600;margin:0 0 2px}
.ds-chips,.ds-alertas{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.ds-alertas .pill{white-space:normal;font-size:11.5px;padding:3px 10px}
.ds-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.ds-grade{margin-bottom:12px}
/* IA no Dossiê (08/10/2026): resumo abaixo dos alertas e mensagem sugerida na caixa de Telefones */
.ds-ia{margin-bottom:12px}.ds-ia-txt{white-space:pre-line;font-size:12.5px;line-height:1.5;margin-bottom:6px}
.ds-ia-acao{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.ds-ia-ab{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.ds-ia-ab:empty{display:none}
.ds-ia-tit{font-size:11.5px;font-weight:600;margin-bottom:6px}.ds-ia-msg{width:100%;margin:0 0 4px;box-sizing:border-box}
/* Dossiê: telefones do cliente, marcáveis para abrir a conversa no Atendimento (08/10/2026) */
.ds-tel{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;font-size:12px;padding:6px 0;border-bottom:1px solid var(--line);cursor:pointer}
.ds-tel:last-of-type{border-bottom:0}.ds-tel input{width:16px;height:16px;cursor:pointer;accent-color:var(--brand);margin:0}
.ds-tel .pill{font-size:10.5px}
/* celular: as colunas se desfazem e os telefones sobem para o topo da grade (no computador ficam no topo da coluna da direita) */
@media(max-width:1000px){.ds-grade .ds-col{display:contents}.ds-grade .ds-tels{order:-1}}
.ds-of{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:baseline;font-size:12px;padding:5px 0;border-bottom:1px solid var(--line)}
.ds-of:last-child{border-bottom:0}
.ds-of-n{font-family:var(--mono);font-weight:600;color:var(--brand);text-align:center}
.ds-prod{display:grid;grid-template-columns:1fr auto 40px;gap:10px;align-items:baseline;font-size:12px;padding:4px 0;border-bottom:1px solid var(--line)}
.ds-prod:last-child{border-bottom:0}
.ds-prod b{text-align:right;font-weight:600;font-family:var(--mono);white-space:nowrap}
.ds-prod-th{font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;padding-top:0}
.ds-prod-th span:not(:first-child){text-align:right}
/* Dossiê (11/10/2026): último preço por produto, reposição prevista e outros códigos do mesmo cliente */
.ds-prod-ult{grid-column:1/-1;margin-top:-2px}
.ds-rep{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;font-size:12px;padding:6px 0;border-bottom:1px solid var(--line)}
.ds-rep:last-child{border-bottom:0}.ds-rep-qd{text-align:right;white-space:nowrap}.ds-rep-qd b{font-family:var(--mono)}
.ds-rep-qd .pill{margin-top:3px;font-size:10.5px}
.ds-outros{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.ds-outro{all:unset;box-sizing:border-box;cursor:pointer;font-size:12px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--s1)}
.ds-outro:hover,.ds-outro:focus-visible{border-color:var(--line2);background:var(--s2)}.ds-outro:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* borda vermelha: parado além do ciclo médio, título vencido, orçamento ou atendimento em aberto */
.ds-alerta{border-color:var(--err)!important;box-shadow:0 0 0 1px var(--err)}
.ds-fup{border-bottom:1px solid var(--line);padding:6px 0}.ds-fup:last-child{border-bottom:0}
.ds-rod{margin:10px 2px 0;display:flex;flex-direction:column;gap:2px}
/* Dossiê compacto para PC (31/10/2026): três colunas, painéis e indicadores mais baixos, listas longas com "ver mais" */
#ds-ficha .panel .ph{padding:8px 12px}
#ds-ficha .panel .pb{padding:9px 12px;gap:5px}
#ds-ficha .ds-cab{margin-bottom:8px}#ds-ficha .ds-cab .pb{gap:4px}
.ds-tit{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.ds-tit .ds-nome{margin:0}
#ds-ficha .ds-chips,#ds-ficha .ds-alertas{margin:2px 0}
.ds-kpis{gap:10px;margin-bottom:10px}.ds-kpis .kpi{padding:8px 12px}.ds-kpis .kpi .v{font-size:17px}.ds-kpis .kpi .s{margin-top:2px}
@media(min-width:1001px){.ds-grade3{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}}
#ds-ficha .ds-outros{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px}
#ds-ficha .ds-outro{padding:2px 8px;font-size:11.5px}
#ds-ficha .ds-prod,#ds-ficha .ds-rep,#ds-ficha .ds-of{padding:3px 0}
#ds-ficha .ds-fup{padding:4px 0}
/* Dossiê: dados cadastrais do Protheus, abaixo dos produtos (09/11/2026) */
.ds-cad-sec{font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
.ds-cad-sec:first-child{margin-top:0}
.ds-cad{display:grid;grid-template-columns:132px minmax(0,1fr);gap:3px 12px;margin:0;font-size:12px}
.ds-cad dt{color:var(--mut)}.ds-cad dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.ds-cad-mapa{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ds-cad-mapa .os-bt{text-decoration:none}
.ds-mais{align-self:flex-start;font-size:11.5px}
details.ds-rod summary{cursor:pointer}details.ds-rod[open] summary{margin-bottom:4px}
.fn-filtros{flex-wrap:wrap;gap:8px}.fn-filtros .os-in,.fn-filtros .os-sel{margin:0;width:auto;min-width:160px}
.fn-cx{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:4px}
/* Recebimentos: período de vencimento, cabeçalho que ordena e nome do cliente que abre o dossiê */
.fn-per{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--mut)}
.fn-filtros .fn-per .os-in{min-width:0;width:140px}
.fn-ord{all:unset;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;white-space:nowrap}
.fn-ord:hover{color:var(--ink)}.fn-ord:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.gp-tab th[aria-sort] .fn-ord{color:var(--brand)}
/* Recebimentos (02/11/2026): abas Títulos e Gráficos, caixas que abrem a lista, ações da lista e gráfico mensal */
.fn-abas .at-abas-barra{padding:0;border-bottom:1px solid var(--line2);margin-bottom:12px}
.fn-aba-painel[hidden]{display:none}
.kpi.fn-kpi{cursor:pointer;transition:border-color .12s,box-shadow .12s}
.kpi.fn-kpi:hover{border-color:var(--line2)}
.kpi.fn-kpi.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
.kpi.fn-kpi:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.fn-acoes-box{padding-bottom:0}
.fn-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fn-acoes .os-msg{margin:0}
.fn-graf svg{width:100%;height:auto;display:block;max-width:980px}
.fn-graf-tab{max-width:760px}
.fn-nome{all:unset;cursor:pointer;font-weight:700;text-align:left}
.fn-nome:hover{color:var(--brand);text-decoration:underline}.fn-nome:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* NF e Boleto (envio ao cliente): caixas de seleção, escolha do meio e ações */
.gp-tab .nfb-ck{width:28px;text-align:center}.nfb-ck input{width:16px;height:16px;cursor:pointer;accent-color:var(--brand)}
.nfb-meio{display:flex;gap:8px;margin-bottom:10px}.nfb-meio .os-bt{min-width:120px}
.nfb-cts{margin-bottom:10px}
.nfb-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}
.nfb-acoes .os-bt[disabled]{opacity:.5;cursor:not-allowed}
.nfb-sem{color:var(--dim);cursor:help}
.nfb-email{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.nfb-email .os-in,.nfb-email .os-ta{width:100%;margin:0}
.nfb-corpo{min-height:280px;line-height:1.45;resize:vertical}
.nfb-anx{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.nfb-add{display:flex;gap:8px;margin-top:10px;max-width:460px}.nfb-add .os-in{flex:1;margin:0}
.nfb-extras{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.nfb-extras:empty{display:none}
@media print{nav,.top,.ds-busca,.ds-res,.os-aviso{display:none!important}.app{display:block;height:auto}main{overflow:visible;padding:0}}

/* Bitrix: participantes e conversa (chat) da tarefa espelhada */
.tf-parts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.tf-part{background:var(--s2);border:1px solid var(--line2);color:var(--ink);border-radius:16px;padding:2px 10px;font-size:13px}
.tf-part-responsavel{border-color:var(--brand)}
.tf-part-coexecutor{border-color:var(--warn)}
.tf-part-observador{border-color:var(--mut)}
.tf-chat{max-height:52vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--s2);border-radius:8px}
.tf-chat-msg{align-self:flex-start;max-width:88%;background:var(--s1);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:6px 10px}
.tf-chat-msg .tf-anexo{border:0;padding:2px 0}
.tf-chat-aut{font-size:12px;font-weight:600;color:var(--brand);margin-bottom:2px}
.tf-chat-txt{font-size:14px;word-break:break-word}
.tf-chat-q{font-size:11px;color:var(--mut);text-align:right;margin-top:2px}
.tf-chat-sis{align-self:center;font-size:11px;color:var(--mut);background:var(--s3);border-radius:10px;padding:2px 10px;text-align:center}
.tf-chat-dia{align-self:center;font-size:11px;font-weight:600;color:var(--mut);background:var(--s3);border-radius:10px;padding:2px 12px;margin:6px 0 2px;text-align:center}
.tf-chat-img{max-width:230px;max-height:230px;border-radius:8px;margin-top:4px;cursor:pointer;display:block}
.tf-arroba{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700;line-height:1;margin-left:6px;flex:none}
.tf-filtro-retorno{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink);cursor:pointer;white-space:nowrap}

/* Bate Papo (conversa interna): lista à esquerda, conversa à direita. Só tokens do tema. */
.bp{display:grid;grid-template-columns:340px 1fr;grid-template-rows:minmax(0,1fr);height:calc(100vh - 190px);min-height:460px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--s1)}
.bp-esq{display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0;min-height:0}
.bp-topo{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line)}
.bp-busca{flex:1;min-width:0;border:1px solid var(--line2);background:var(--s2);color:var(--ink);border-radius:18px;padding:7px 12px;font:inherit}
.bp-novo{width:34px;height:34px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:20px;line-height:1;cursor:pointer;flex:none}
.bp-lista{flex:1;min-height:0;overflow-y:auto}
.bp-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font:inherit}
.bp-item:hover{background:var(--s2)}
.bp-item.ativo{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.bp-av{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:none;overflow:hidden}
.bp-av-g{width:44px;height:44px}
.bp-av img{width:100%;height:100%;object-fit:cover}
.bp-av-notas{background:var(--brand);color:#fff}
.bp-item-meio{flex:1;min-width:0}
.bp-item-nome{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-item-sub{font-size:12.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-item-dir{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.bp-item-hora{font-size:11px;color:var(--dim)}
.bp-bdg{background:var(--brand);color:#fff;border-radius:10px;min-width:20px;padding:0 6px;font-size:11px;font-weight:600;text-align:center;line-height:20px}
.bp-bdg.mudo{background:var(--dim)}
.bp-visto{font-size:11px;color:var(--dim)}
.bp-visto.lida{color:var(--ok)}
button.bp-visto{border:0;background:transparent;padding:0 2px;font:inherit;font-size:11px;cursor:pointer}
.bp-visto.parcial{color:var(--brand)}
.bp-visto-lista{max-height:30vh;overflow-y:auto;border:1px solid var(--line);border-radius:8px}
.bp-visto-nome{padding:6px 10px;font-size:13.5px;border-bottom:1px solid var(--line)}
.bp-visto-nome:last-child{border-bottom:0}
.bp-dir{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--s2)}
.bp-msgs,.bp-compor{min-width:0}
.bp-cab{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--s1);border-bottom:1px solid var(--line)}
.bp-cab-tx{min-width:0}
.bp-cab-nome{font-size:15px;font-weight:600}
.bp-cab-sub{font-size:12.5px;color:var(--mut)}
.bp-voltar{display:none;border:0;background:transparent;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.bp-msgs{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px}
.bp-dia{align-self:center;font-size:13.5px;font-weight:500;color:var(--mut);background:var(--s3);border-radius:16px;padding:4px 18px;margin:12px 0 4px;text-align:center}
.bp-msg{position:relative;max-width:min(78%,560px);border-radius:12px;padding:6px 10px;border:1px solid var(--line);background:var(--s1);color:var(--ink)}
.bp-msg.minha{align-self:flex-end;background:var(--ok-bg)}
.bp-aut{font-size:12px;font-weight:600;color:var(--brand);margin-bottom:2px}
.bp-txt{font-size:14px;white-space:pre-wrap;word-break:break-word}
.bp-pe{font-size:11px;color:var(--dim);text-align:right;margin-top:2px}
.bp-img{display:block;max-width:100%;max-height:300px;border-radius:8px;cursor:pointer;margin-bottom:4px}
.bp-arq{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:4px 0}
.bp-arq-ext{width:36px;height:40px;border-radius:6px;background:var(--brand);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.bp-arq-xls{background:#1D6F42}.bp-arq-doc{background:#2B579A}.bp-arq-ppt{background:#C43E1C}      /* Excel/Calc, Word/Writer, PowerPoint/Impress */
.bp-arq-tx{display:flex;flex-direction:column;min-width:0}
.bp-arq-nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.bp-meta{font-size:11.5px;color:var(--mut)}
.bp-busca-conv{display:flex;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--s2)}
.bp-so-leitura{padding:10px 14px;border-top:1px solid var(--line);background:var(--s2);text-align:center}
.bp-achado{width:100%;text-align:left;border-bottom:1px solid var(--line)}
.bp-destaque{outline:2px solid var(--brand);outline-offset:2px}
.bp-compor{position:relative;padding:10px 12px;background:var(--s1);border-top:1px solid var(--line)}
.bp-compor-linha{display:flex;align-items:flex-end;gap:8px}
.bp-ta{flex:1;resize:none;border:1px solid var(--line2);background:var(--s2);color:var(--ink);border-radius:10px;padding:8px 10px;font:inherit;min-height:44px;max-height:140px}
.bp-ic{border:0;background:transparent;color:var(--mut);font-size:18px;cursor:pointer;padding:6px;border-radius:50%;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none}
.bp-ic:hover,.bp-ic:focus-visible{background:var(--s3);color:var(--ink)}
.bp-svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}
.bp-emo{position:absolute;bottom:100%;left:8px;z-index:25;width:min(360px,calc(100% - 16px));height:340px;max-height:60vh;display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line2);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.28);overflow:hidden}
.bp-dlg>.bp-emo{position:static;width:min(380px,100%)}
.bp-emo-topo{display:flex;gap:6px;align-items:center;padding:8px 8px 4px}
.bp-emo-topo .bp-busca{flex:1;min-width:0}
.bp-emo-abas{display:flex;gap:2px;padding:2px 8px;border-bottom:1px solid var(--line);overflow-x:auto;flex:none}
.bp-emo-aba{border:0;background:transparent;font-size:17px;padding:4px 4px;border-radius:8px;cursor:pointer;flex:none;line-height:1.2}
.bp-emo-aba:hover{background:var(--s3)}
.bp-emo-aba.ativa{background:var(--s3);box-shadow:inset 0 -2px 0 var(--brand)}
.bp-emo-grade{flex:1;min-height:0;overflow-y:auto;padding:6px 8px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:1px}
.bp-emo-it{border:0;background:transparent;font-size:23px;width:36px;height:36px;border-radius:8px;cursor:pointer;line-height:1;padding:0;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.bp-emo-it:hover,.bp-emo-it:focus-visible{background:var(--s3)}
.bp-emo-tons{display:flex;gap:4px;align-items:center;padding:4px 8px 6px;border-top:1px solid var(--line);flex:none}
.bp-emo-tom{border:1px solid transparent;background:transparent;font-size:17px;padding:1px 4px;border-radius:8px;cursor:pointer}
.bp-emo-tom.ativo{border-color:var(--brand);background:var(--s3)}
.bp-rea-mais-emoji{font-weight:700}
.bp-fila{margin:8px 0;display:flex;flex-direction:column;gap:4px}
.bp-fila-tit{font-size:12.5px;font-weight:600;margin-top:6px;color:var(--ink)}
.bp-fila-rol{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px}
.bp-fila-tab{width:100%;min-width:0;border-collapse:collapse;font-size:12.5px}
.bp-fila-tab td{padding:4px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.bp-fila-tab tr:last-child td{border-bottom:0}
.bp-fila-nome{overflow:hidden;text-overflow:ellipsis;max-width:0;width:55%;white-space:nowrap}
.bp-fila-pri{background:var(--s3)}
.bp-fila-estrela{border:0;background:transparent;font-size:17px;line-height:1;cursor:pointer;color:var(--mut);padding:2px 4px}
.bp-fila-estrela.ligada{color:#E6A700}
.bp-fila-estrela:hover{color:#E6A700}
.bp-gif-bt{width:auto;min-width:36px;padding:0 8px;border-radius:18px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1.5px solid currentColor}
.bp-gifp{height:380px}
.bp-gif-grade{flex:1;min-height:0;overflow-y:auto;padding:6px 8px;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}
.bp-gif-grade>.bp-meta{grid-column:1 / -1}
.bp-gif-it{border:0;padding:0;background:var(--s3);border-radius:8px;cursor:pointer;overflow:hidden;min-height:70px;display:block}
.bp-gif-it img{display:block;width:100%;height:auto}
.bp-gif-it:hover,.bp-gif-it:focus-visible{outline:2px solid var(--brand)}
.bp-gif-rodape{flex:none;padding:5px 10px;border-top:1px solid var(--line);font-size:11px;font-weight:700;color:var(--mut);text-align:right;letter-spacing:.3px}
.bp-gif{display:block;max-width:min(260px,100%);max-height:260px;border-radius:8px;margin:2px 0}
.bp-arq-tit{display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:var(--s2);color:var(--mut);font:inherit;font-size:12px;font-weight:600;padding:8px 12px;cursor:pointer}
.bp-arq-tit:hover{background:var(--s3)}
.bp-item.arquivada{opacity:.72}
.bp-busca-conv{display:flex;gap:6px;align-items:center}
.bp-busca-conv .bp-busca{flex:1;min-width:0}
.bp-data{flex:0 0 auto;width:132px;font:inherit;font-size:13px;padding:5px 6px;border:1px solid var(--line);border-radius:8px;background:var(--s1);color:var(--ink)}
.bp-env{width:38px;height:38px;border-radius:50%;border:0;background:var(--brand);color:#fff;font-size:15px;cursor:pointer;flex:none}
.bp-env:disabled{opacity:.5;cursor:default}
.bp-pendente{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);padding-bottom:6px}
.bp-mencao{position:absolute;bottom:100%;left:12px;right:12px;background:var(--s1);border:1px solid var(--line2);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.18);z-index:5}
.bp-mencao-it{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:7px 10px;cursor:pointer;font:inherit}
.bp-mencao-it:hover{background:var(--s2)}
.bp-vazio{margin:auto;color:var(--mut);padding:24px;text-align:center}
.bp-nova{border-bottom:1px solid var(--line);padding:10px;background:var(--s1);display:flex;flex-direction:column;gap:8px}
.bp-nova-lista{max-height:260px;overflow-y:auto}
.bp-link{align-self:flex-start;border:0;background:transparent;color:var(--brand);cursor:pointer;font:inherit;padding:0}
.bp-ck{width:20px;height:20px;border:1px solid var(--line2);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex:none}
@media (max-width:760px){
  .bp{grid-template-columns:minmax(0,1fr);height:calc(100vh - 150px)}
  .bp:not(.bp-conv) .bp-dir{display:none}
  .bp.bp-conv .bp-esq{display:none}
  .bp-voltar{display:inline-block}
}
.bp-sair{margin-left:auto;font-size:12.5px}
.bp-mais{align-self:center;font-size:12.5px;padding:4px 10px}

/* foto do usuário (09/10/2026): quadrada como no WhatsApp; vale no Bate Papo e na conversa do Bitrix */
.us-av{position:relative;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;
  background:var(--s3);color:var(--mut);font-weight:600;font-size:12px;margin-right:10px;user-select:none}
.us-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.us-av-g{width:96px;height:96px;font-size:30px;margin:0 0 8px}
.us-foto{display:flex;gap:14px;align-items:center}
.us-foto .us-av-g{margin:0}
.us-foto-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
/* histórico do celular, chamadas e andamento da importação (Atendimento, 09/10/2026) */
.at-chamada{align-self:center;max-width:90%;text-align:center;font-size:12px;color:var(--mut);background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.at-chamada.perdida{color:var(--warn)}
.at-chamada .meta{display:inline;margin-left:6px}
.at-mais{align-self:center;flex:none;font-size:12px;padding:4px 14px;border:1px solid var(--line);border-radius:999px;background:var(--s2)}
.at-hist{display:flex;flex-direction:column;gap:4px;margin-top:2px}
.at-hist-barra{height:6px;border-radius:999px;background:var(--s2);overflow:hidden}
.at-hist-barra span{display:block;height:100%;background:var(--brand)}
.at-midia-ver{align-self:flex-start}
/* curtida (reação) como selo na mensagem curtida (Atendimento, 09/10/2026) */
.at-reacoes{display:flex;gap:4px;margin-top:3px}
.at-reacoes span{background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:0 6px;font-size:14px;line-height:1.5}
.at-reacoes .at-reacao-nos{border-color:var(--brand)}
/* reagir (curtir) pelo menu da mensagem (Atendimento, 09/10/2026) */
.at-menu-reacoes{display:flex;gap:2px;padding:4px 6px;border-bottom:1px solid var(--line)}
.at-menu-reacoes button{font-size:18px;line-height:1;padding:3px 6px;background:none;border:0;border-radius:6px;cursor:pointer}
.at-menu-reacoes button:hover,.at-menu-reacoes button:focus-visible{background:var(--s2)}
.at-menu-reacoes button.on{background:var(--brand-soft)}

.bp-rea-mais{position:absolute;top:2px;right:4px;border:0;background:transparent;color:var(--mut);font-size:15px;line-height:1;cursor:pointer;opacity:0;padding:2px 4px;border-radius:8px}
.bp-msg:hover .bp-rea-mais,.bp-rea-mais:focus-visible{opacity:.85}
@media (hover:none){.bp-rea-mais{opacity:.5}}
.bp-rea-menu{position:absolute;top:-34px;right:0;display:flex;gap:2px;padding:4px 6px;border-radius:18px;background:var(--s1);border:1px solid var(--line2);box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:20}
.bp-rea-op{border:0;background:transparent;font-size:19px;line-height:1;cursor:pointer;padding:3px 4px;border-radius:8px}
.bp-rea-op:hover{background:var(--s2)}
.bp-reas{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.bp-rea{border:1px solid var(--line2);background:var(--s2);color:var(--ink);border-radius:12px;padding:1px 7px;font:inherit;font-size:12.5px;cursor:pointer}
.bp-rea.minha{border-color:var(--brand);background:var(--ok-bg)}
/* tiques de entrega e telefone no cabeçalho (Atendimento, 09/10/2026) */
.at-tiques{margin-left:6px;font-size:12px;letter-spacing:-2px;color:var(--mut)}
.at-tiques.lida{color:#53bdeb}
.at-fone{background:none;border:0;padding:0 6px;font-size:12.5px;color:var(--mut);cursor:pointer;white-space:nowrap}
.at-fone:hover{color:var(--ink)}


/* ---- Temperatura da carteira ---- */
.tp-leg{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px;color:var(--mut);margin:0 0 10px}
.tp-leg span{display:inline-flex;align-items:center;gap:6px}
.tp-dot{width:10px;height:10px;border-radius:2px;display:inline-block}
.tp-row{display:grid;grid-template-columns:110px minmax(0,1fr) 270px;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.tp-row:last-child{border-bottom:none}
.tp-nome{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-bar{display:flex;height:8px;gap:2px}
.tp-seg{all:unset;display:block;height:100%;border-radius:2px;min-width:2px;cursor:pointer}
.tp-seg:hover,.tp-seg:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.tp-nums{display:flex;gap:8px;justify-content:flex-end;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline}
.tp-num{all:unset;cursor:pointer;font-weight:600;padding:1px 3px;border-radius:4px}
.tp-num:hover{background:var(--s2)}
.tp-num[disabled]{color:var(--dim);cursor:default;font-weight:400}
.tp-tot{color:var(--mut);min-width:62px;text-align:right}
.tp-venc{color:var(--dim);margin-left:4px}
.tp-venc.on{color:var(--err);font-weight:600}
.tp-equipe{border-bottom:2px solid var(--line2);padding-bottom:12px;margin-bottom:3px}
.tp-equipe .tp-nome{color:var(--mut)}
.tp-seg[disabled]{cursor:default}
.tp-equipe .tp-num[disabled]{font-weight:600}
.tp-quente{background:var(--tp-quente)}.tp-morno{background:var(--tp-morno)}.tp-esfriando{background:var(--tp-esfriando)}.tp-frio{background:var(--tp-frio)}.tp-sem_cadencia{background:var(--line2)}
.tp-t-quente{color:var(--tp-quente)}.tp-t-morno{color:var(--tp-morno)}.tp-t-esfriando{color:var(--tp-esfriando-txt)}.tp-t-frio{color:var(--tp-frio-txt)}.tp-t-sem_cadencia{color:var(--mut)}
:root{--tp-quente:#D93A3A;--tp-morno:#E8782A;--tp-esfriando:#E6B800;--tp-esfriando-txt:#8A6D0B;--tp-frio:#8EC9F0;--tp-frio-txt:#2F7DB0}
:root[data-tema="escuro"]{--tp-quente:#F0605A;--tp-morno:#F39A55;--tp-esfriando:#F2C94C;--tp-esfriando-txt:#F2C94C;--tp-frio:#7FBCE8;--tp-frio-txt:#9DD0F2}
@media(max-width:860px){.tp-row{grid-template-columns:1fr;gap:6px}.tp-nums{justify-content:flex-start;flex-wrap:wrap}}
/* Carteira e time */
.ct-tab td.num{white-space:nowrap}
.ct-tab th{white-space:normal;vertical-align:bottom}
.ct-tab td:first-child b{white-space:nowrap}
.ct-tab tbody tr.ct-equipe td{font-weight:600;border-bottom:2px solid var(--line2);color:var(--mut)}
.ct-tab tbody tr.ct-equipe .gp-num[disabled]{color:var(--mut);font-weight:600}
.ct-ord{all:unset;cursor:pointer;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit}
.ct-ord:hover{color:var(--brand)}
.ct-lista th,.ct-lista td{white-space:nowrap}
.ct-lista td:nth-child(2){white-space:normal;min-width:200px}
.ct-outros{font-size:11.5px;color:var(--mut);white-space:normal!important;min-width:220px}
.ct-outros b{color:var(--ink);font-weight:600}
.ct-saiu{color:var(--mut);font-style:italic}
.ct-atraso{color:var(--tp-quente);font-weight:600}.ct-do_dia{color:var(--tp-morno);font-weight:600}.ct-sem_retorno{color:var(--tp-esfriando-txt);font-weight:600}.ct-em_dia{color:var(--mut)}
.ds-voltar{margin-bottom:8px}
@media(max-width:760px){.ct-tab th,.ct-tab td{padding:6px 4px;font-size:12px}}

/* ---- Contábil: campo de data e botões na mesma linha, alinhados pela base ---- */
.ct-barra{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.ct-campo{display:flex;flex-direction:column;gap:4px;margin:0}
.ct-campo .os-in{margin:0;width:150px}
.ct-barra .os-bt{margin:0}

/* A Gestão › E-mails dos clientes (11/10/2026) */
.em-topo{margin-bottom:8px}
.em-abas{display:flex;gap:2px;border-bottom:1px solid var(--line2);margin:0 0 14px;overflow-x:auto;scrollbar-width:thin}
.em-aba{border:0;background:transparent;padding:9px 14px;font:inherit;font-size:13px;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.em-aba.on{color:var(--ink);font-weight:600;border-bottom-color:var(--brand)}
.em-aba:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.em-corpo{display:flex;flex-direction:column;gap:12px}
.em-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.em-cards .em-ok .v{color:var(--ok)}.em-cards .em-er .v{color:var(--err)}.em-cards .em-av .v{color:var(--warn)}
.em-ml{font-size:12.5px}
.em-click{cursor:pointer}.em-click:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.em-end{font-family:var(--mono);font-size:12px;word-break:break-all}
.em-cab .pb{gap:8px}
.em-vai{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid var(--line);padding-top:10px}
.em-prin{font-size:10.5px;color:var(--ok);font-weight:600;margin-top:3px}
.em-saiu td{opacity:.6}
.em-acoes{white-space:nowrap}.em-acoes .os-bt.link{display:block;padding:2px 0}
.em-hist{padding:5px 0;border-bottom:1px solid var(--line);font-size:12.5px}.em-hist:last-child{border-bottom:0}
.em-duas{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;align-items:start}
.em-sub{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin-top:4px}
.em-sug{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 0;border-bottom:1px solid var(--line)}
.em-pag{justify-content:center}
.em-filtros .os-in,.em-filtros .os-sel{margin:0;width:auto;min-width:160px}.em-filtros .os-in[type=search]{flex:1 1 220px}
.em-kpi{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}.em-kpi:hover{border-color:var(--line2);background:var(--s2)}
.em-kpi:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.em-dup{color:var(--warn);font-weight:500}.em-vale{color:var(--ok);font-weight:500}
.em-acoes .os-sel{min-height:28px;padding:3px 6px;font-size:11.5px;margin:3px 0;width:auto}
.em-ret{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0}.em-ret .os-in{min-width:200px;margin:0}
/* 3ª entrega: e-mail desativado com fundo próprio; ficha baixa */
.gp-tab tr.em-desat td{background:var(--s3);color:var(--mut)}
.gp-tab tr.em-desat:hover td{background:var(--s3)}
.em-ficha td{padding:5px 8px;vertical-align:middle}
.em-ficha td.em-end{word-break:normal;overflow-wrap:anywhere;min-width:180px}
.em-papeis{white-space:normal}.em-papeis .pill{margin:1px 3px 1px 0}
.em-ficha .em-acoes .os-sel{margin:0;max-width:190px}
.em-legenda{margin:6px 0 0}
.em-previa{white-space:pre-wrap;max-height:420px;overflow:auto;font-size:12px;background:var(--s2);padding:10px;border-radius:6px;margin-top:8px}
@media (min-width:901px){.em-vai{grid-template-columns:repeat(2,minmax(0,1fr))}}
.em-rodape{margin-top:-4px}
@media (max-width:900px){
  .em-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .em-vai,.em-duas{grid-template-columns:1fr}
}
/* Meu espaço */
.me-topo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.me-topo .me-quem{font-size:15px;font-weight:700;color:var(--ink)}
.me-topo .os-in,.me-topo .os-sel{width:auto;min-width:120px}
.me-mes{display:inline-flex;align-items:center;gap:2px}
.me-mes .me-mes-sel{min-width:90px}
.me-mes-bt{all:unset;box-sizing:border-box;cursor:pointer;width:28px;height:36px;line-height:34px;text-align:center;border:1px solid var(--line2);border-radius:8px;background:var(--s1);color:var(--ink);font-size:17px}
.me-mes-bt:hover:not(:disabled),.me-mes-bt:focus-visible{background:var(--s2)}
.me-mes-bt:disabled{opacity:.4;cursor:default}
.me-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.me-grid .gp-card{margin-bottom:0;height:100%;display:flex;flex-direction:column;border-top:3px solid var(--brand);border-radius:12px}
.me-grid .gp-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;align-content:stretch}
.me-grid .gp-kpi{min-width:0;display:flex;flex-direction:column;justify-content:center}
.me-grid .gp-kpi-v{font-size:22px;letter-spacing:-.01em}
.me-grid .me-vels{flex:1;align-items:center}
.me-grid .scroller{flex:1}
.me-cab{position:relative;align-items:center}
.me-cab .gp-h{display:flex;align-items:center}
.me-ic{width:18px;height:18px;color:var(--brand);flex:none}
.me-info{margin-left:auto;position:relative;display:inline-flex}
.me-info-bt{all:unset;cursor:help;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line2);color:var(--mut);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:700;line-height:1}
.me-info-bt:hover,.me-info-bt:focus-visible,.me-info.on .me-info-bt{border-color:var(--brand);color:var(--brand);outline:none}
.me-dica{display:none;position:absolute;right:0;top:24px;z-index:30;width:min(340px,82vw);background:var(--s1);color:var(--ink);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45;box-shadow:0 10px 28px rgba(0,0,0,.22);white-space:normal;text-align:left;font-weight:400}
.me-info:hover .me-dica,.me-info:focus-within .me-dica,.me-info.on .me-dica{display:block}
@media(max-width:1100px){.me-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.me-kpi-s{font-size:11.5px;color:var(--mut);margin-top:2px}
.me-up{color:var(--ok)}.me-down{color:var(--err)}
.me-bar{position:relative;height:14px;border-radius:7px;background:var(--s2);border:1px solid var(--line);overflow:hidden;margin:8px 0 4px}
.me-bar>i{position:absolute;left:0;top:0;bottom:0;background:var(--brand);border-radius:7px}
.me-bar>i.proj{background:transparent;border-right:2px dashed var(--mut)}
.me-bar>b{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--line2)}
.me-leg{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);gap:8px;flex-wrap:wrap}
.me-nota{font-size:11.5px;color:var(--mut);margin-top:8px}
.me-bar>b{cursor:help}
.me-com-tab{table-layout:fixed;width:100%;max-width:100%;min-width:0}
.me-com-tab th,.me-com-tab td{padding:4px 4px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-com-tab th:first-child,.me-com-tab td:first-child{width:21%}.me-com-tab th:nth-child(2),.me-com-tab td:nth-child(2){width:17%}
.gp-kpi-r .me-info{margin-left:5px;vertical-align:middle}
.gp-kpi-r .me-info-bt{width:15px;height:15px;font-size:10px}
.gp-kpi .me-dica{right:auto;left:0}
.me-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;flex:1}
.me-chart h3{font-size:12.5px;font-weight:600;margin:0 0 4px;color:var(--ink)}
.me-chart svg{width:100%;height:auto;display:block}
.me-bar-hit{cursor:pointer;outline:none}
.me-bar-hit:hover,.me-bar-hit:focus-visible{fill:rgba(128,128,128,.18)}
.me-bar-r.sel{stroke:var(--ink);stroke-width:1.6}
.ct-lista td.me-texto{white-space:normal;min-width:240px;max-width:460px;font-size:11.5px;color:var(--mut);line-height:1.35}
.ct-lista.me-ret{table-layout:auto;width:100%;min-width:0}
.ct-lista.me-ret th,.ct-lista.me-ret td{white-space:normal;vertical-align:top;padding:5px 6px}
.ct-lista.me-ret td:nth-child(2){min-width:0}
.ct-lista.me-ret td.me-texto{min-width:0;max-width:none;width:36%}
@media(max-width:760px){.me-charts{grid-template-columns:1fr}}
.me-span3{grid-column:1/-1}
.me-grid.me-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.me-span3 .gp-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.me-grid.me-2{grid-template-columns:1fr}.me-span3 .gp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.me-ct-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;flex:1}
.me-ct-tile{text-align:center;padding:10px 6px}
.me-ct-tile .gp-num{font-size:24px;font-weight:700;display:block}
.me-ct-tile .gp-num[disabled]{color:var(--mut)}
.me-ct-tile .gp-kpi-r{margin-top:4px;line-height:1.25}
.me-ct-alerta{border-color:var(--tp-quente)}.me-ct-alerta .gp-num{color:var(--tp-quente)}
.me-termo{display:flex;gap:14px;align-items:center;flex:1}
.me-termo{align-items:stretch}
.me-termo svg{height:100%;max-height:330px;min-height:260px;width:auto;flex:none}
.me-termo-seg{cursor:pointer;outline:none}
.me-termo-seg:hover rect,.me-termo-seg:hover path,.me-termo-seg:focus-visible rect,.me-termo-seg:focus-visible path{stroke:var(--ink);stroke-width:2}
.me-termo-seg text{pointer-events:none}
.me-termo-leg{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.me-termo-item{all:unset;cursor:pointer;display:flex;gap:8px;align-items:center;font-size:12.5px;padding:4px 6px;border-radius:8px;color:var(--ink)}
.me-termo-item:hover,.me-termo-item:focus-visible{background:var(--s2)}
.me-termo-item[disabled]{cursor:default;color:var(--mut)}
.me-termo-item i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.me-termo-item b{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}
.me-termo-item small{margin-left:auto;color:var(--mut)}
@media(max-width:1100px){.me-ct-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.me-ct-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.me-tab td.num{white-space:nowrap}
.gp-card .scroller{overflow-x:auto}
.me-metas .os-in{width:120px;text-align:right}
.me-metas-cab,.me-metas-linha{display:grid!important;grid-template-columns:minmax(160px,1.6fr) repeat(3,minmax(110px,1fr));gap:8px;align-items:center}
.me-metas-cab{border-bottom:1px solid var(--line);padding-bottom:4px}
.me-metas-linha .os-in{width:100%;margin:0}
.me-vels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.me-vel{text-align:center}.me-vel svg{width:100%;max-width:220px;height:auto;display:block;margin:0 auto}
@media(max-width:760px){.me-metas-cab{display:none!important}.me-metas-linha{grid-template-columns:1fr 1fr}.me-metas-linha>span{grid-column:1/-1}}
.me-alerta{font-size:12.5px;padding:10px 12px;border-radius:8px;background:var(--warn-bg);color:var(--warn)}
/* Meu espaço › aba Comissão (27/10/2026) */
.me-abas{margin:-2px 0 12px}
.me-com{display:flex;flex-direction:column;gap:12px}
.me-com .gp-card{margin-bottom:0;border-top:3px solid var(--brand);border-radius:12px}
.me-ops{display:flex;flex-direction:column;gap:4px}
.me-op{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(110px,160px) minmax(0,1fr) 110px 150px;gap:10px;align-items:center;padding:5px 8px;border-radius:8px;font-size:12.5px;color:var(--ink)}
.me-op:hover,.me-op:focus-visible{background:var(--s2)}
.me-op.sel{outline:2px solid var(--brand);outline-offset:-2px}
.me-op-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.me-op-bar{position:relative;height:16px;border-radius:8px;background:var(--s2);border:1px solid var(--line);overflow:hidden}
.me-op-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:var(--err)}
.me-op.ok .me-op-bar i{background:var(--ok)}
.me-op-val{text-align:right;font-variant-numeric:tabular-nums}
.me-op.cons .me-op-bar i{background:var(--dim)}
.me-op-st{font-size:11px;color:var(--err)}.me-op.ok .me-op-st{color:var(--ok)}.me-op.cons .me-op-st{color:var(--mut)}
@media(max-width:760px){.me-op{grid-template-columns:minmax(90px,1fr) 90px;grid-template-areas:"n v" "b b" "s s"}.me-op-nome{grid-area:n}.me-op-val{grid-area:v}.me-op-bar{grid-area:b}.me-op-st{grid-area:s}}
/* tabela enxuta (Alexandre, 27/10/2026): fonte menor, coluna no mínimo, nada quebra linha; nome do cliente e motivo do ajuste só com o mouse em cima */
.me-com-rol{max-height:calc(100vh - 300px);min-height:220px;overflow:auto}
.me-com-rol .me-com-det thead th{position:sticky;top:0;background:var(--s1);z-index:2;box-shadow:0 1px 0 var(--line)}
.me-com-rol .me-com-det tfoot td{position:sticky;bottom:0;background:var(--s1);z-index:2;box-shadow:0 -1px 0 var(--line)}
.me-com-det{min-width:0;width:auto;max-width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.me-com-det th,.me-com-det td{padding:4px 10px;white-space:nowrap;line-height:1.35;font-size:12px}
.me-com-det th .ct-ord{font-size:11px}
.me-com-det td.mono{font-size:11.5px}
.me-com-det td.me-vend{max-width:11em;overflow:hidden;text-overflow:ellipsis}
/* caixa Premiação do semestre clicável e a lista das vendas que somam o valor dela (Alexandre, 03/11/2026) */
.me-card.me-clic{cursor:pointer}
.me-card.me-clic:hover{border-color:var(--line2)}
.me-pre-tab td.me-cli{max-width:26em;overflow:hidden;text-overflow:ellipsis}
.me-pre-tab td.me-cli .gp-num{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.me-com-det tfoot td{font-weight:700;border-top:2px solid var(--line2);background:var(--s2)}
.me-com-det tr.me-ajustada td{background:var(--warn-bg)}
.me-com-det tr.me-dev td{color:var(--mut)}
.me-pct-bt{font-variant-numeric:tabular-nums;text-decoration:underline dotted;font-size:11.5px}
.me-regra{display:inline-block;margin-left:4px;padding:0 4px;border:1px solid var(--line2);border-radius:8px;font-size:9.5px;font-weight:700;line-height:14px;text-transform:uppercase;letter-spacing:.02em;color:var(--mut);vertical-align:middle;cursor:help}
.me-aj-marca{all:unset;cursor:help;display:inline-block;background:var(--warn);color:#fff;border-radius:10px;padding:0 6px;font-size:10px;font-weight:700;line-height:16px}
.me-aj-marca:focus-visible{outline:2px solid var(--brand)}
.me-com-selo{font-size:11px;font-weight:700;color:var(--ok);background:var(--s2);border:1px solid var(--ok);border-radius:10px;padding:1px 8px;margin-left:auto}
.me-com-selo.quebrado{color:var(--err);border-color:var(--err)}
.me-ass{margin-top:10px;padding:10px 12px;border-radius:8px;background:var(--s2);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.me-ass.ok{border-color:var(--ok)}
.me-ass-t{font-size:13px;font-weight:600}
.me-ass-dec summary{cursor:pointer;font-size:11.5px;color:var(--mut)}
.me-ass-dec p{font-size:12px;margin:4px 0}.me-ass-dec p.mono{word-break:break-all;font-size:11px}
.me-dlg-fundo{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:16px}
.me-dlg{background:var(--s1);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.25);width:min(520px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:14px}
.me-dlg-cab{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.me-dlg-x{all:unset;cursor:pointer;font-size:20px;line-height:1;padding:0 6px;color:var(--mut)}.me-dlg-x:hover{color:var(--ink)}
.me-dlg-corpo{display:flex;flex-direction:column;gap:8px}
.me-dlg-corpo label{display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.me-dlg-corpo .os-in,.me-dlg-corpo .os-sel{width:100%;margin:0}
.me-dlg-p{font-size:12.5px;color:var(--mut);margin:0}
.me-dlg-dec{font-size:13px;line-height:1.45;padding:10px 12px;border-left:3px solid var(--brand);background:var(--s2);border-radius:6px;margin:0}
.me-dlg.me-dlg-larga{width:min(960px,100%)}
.me-nota-tot{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}
.me-nota-k{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--s2);font-size:11.5px;color:var(--mut)}
.me-nota-k b{color:var(--ink);font-size:13px;font-variant-numeric:tabular-nums}
.me-com-det td.me-nota-desc{max-width:30em;overflow:hidden;text-overflow:ellipsis}
.me-nota-bt{font:inherit}
.me-dlg-chk{flex-direction:row!important;align-items:flex-start!important;gap:8px!important}.me-dlg-chk input{margin-top:3px}
.me-dlg-rod{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:760px){.me-grid{grid-template-columns:1fr}.me-tab th,.me-tab td{padding:6px 4px;font-size:12px}.me-grid .gp-kpi-v{font-size:20px}}
/* Análise de crédito e Serasa da carteira (12/10/2026) — só variáveis do tema, valem no claro e no escuro */
.cr-card{margin-bottom:14px;min-width:0}
.cr-pedido{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.cr-ped{display:flex;flex-wrap:wrap;gap:22px;align-items:baseline;padding:4px 0}
.cr-ped+.cr-ped{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}
.cr-big{font-size:17px;font-family:var(--mono)}
/* linha recolhível de itens/fretes/desconto e orçamentos em aberto (28/10/2026) */
.cr-its{flex:0 0 100%;min-width:0}
.cr-its-bt{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;width:100%;text-align:left;background:none;border:0;padding:3px 0;font:inherit;font-size:12.5px;color:var(--mut);cursor:pointer}
.cr-its-bt:hover,.cr-its-bt:focus-visible{color:var(--ink)}
.cr-its-seta{display:inline-block;width:10px;transition:transform .12s}
.cr-its-bt[aria-expanded="true"] .cr-its-seta{transform:rotate(90deg)}
.cr-its-v b{color:var(--ink);font-weight:600}
.cr-its-corpo{margin:4px 0 2px;max-height:240px;overflow:auto}
.cr-its-tab{font-size:12.5px;min-width:420px}.cr-its-tab td,.cr-its-tab th{padding:3px 8px}
.cr-orcs{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.cr-orc-t{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:13px;margin-bottom:6px}
.cr-exp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}
.cr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cr-grid .cr-card{margin-bottom:0}
.cr-grid+.cr-card,.cr-grid+div{margin-top:14px}
.cr-nota{margin-top:8px;line-height:1.5}
.cr-vered{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:6px}.cr-vered .pill{white-space:normal;text-align:left;max-width:100%}
.cr-zona{display:block;position:relative;border:1.5px dashed var(--line2);border-radius:10px;padding:16px;text-align:center;color:var(--mut);font-size:13px;cursor:pointer}
.cr-zona.on,.cr-zona:hover{border-color:var(--brand);color:var(--ink)}
.cr-zona:focus-within{outline:2px solid var(--brand);outline-offset:2px}
.cr-arq{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.cr-zona-ic{font-size:20px;margin-bottom:4px}
.cr-docs{margin-top:10px;display:flex;flex-direction:column;gap:4px}
.cr-doc{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line)}
.cr-doc:last-child{border-bottom:0}
.cr-ia .ph h2{color:var(--brand)}
.cr-ia-txt{font-size:13.5px;line-height:1.55;display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.cr-ia-txt:empty{display:none}
.cr-ia-acao{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:8px}
.panel.cr-card{overflow:visible}
.cr-i{margin-left:6px;vertical-align:middle}
.cr-i .me-dica{left:-6px;right:auto;top:22px;text-transform:none;letter-spacing:0}
.cr-alerta{border:2px solid var(--err);background:var(--err-bg);color:var(--err);border-radius:8px;padding:8px 10px;font-weight:700;font-size:13px;line-height:1.4}
.cr-sp summary{cursor:pointer;margin:-4px 0 4px}.cr-sp-tab{min-width:420px}
.cr-pa-outro{margin:2px 0 8px;line-height:1.6}
.os-bt.cr-indisp[disabled]{cursor:not-allowed}   /* desativado por indisponibilidade (não por estar trabalhando): sem o cursor de "rodando" */
.cr-voltar{margin:0 0 12px}.cr-voltar .os-bt{white-space:normal;text-align:left;max-width:100%;height:auto}
.cr-titulos{margin-top:14px;display:flex;flex-direction:column;gap:14px}.cr-titulos .cr-card{margin-bottom:0}
.cr-tit-card .ph .os-bt.link{margin-left:8px;font-size:11.5px;padding:2px 4px}
.cr-tit-scroll{max-height:480px;overflow:auto}
.cr-tit-tab{min-width:980px}.cr-tit-tab td,.cr-tit-tab th{padding:5px 8px;white-space:nowrap}.cr-tit-tab td.sm{white-space:normal;min-width:140px}
.cr-tit-tab thead th{position:sticky;top:0;background:var(--s1);z-index:1}
.cr-tit-aberto td{font-weight:600}
.cr-tit-cab td{background:var(--s2);white-space:normal}
.cr-tit-ctl{font-size:12px}
.cr-rel{margin-top:4px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.cr-rel-tit{display:flex;align-items:center}
.cr-rel-it{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:12.5px}
.cr-rel-it:hover,.cr-rel-it:focus-visible{border-color:var(--brand);background:var(--s2)}
.cr-rel-av{display:inline-flex;gap:4px}.cr-rel-av:empty{display:none}
.cr-serasa-rod{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cr-vigia{border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}
.cr-recente{border:1px solid var(--line2);border-left:3px solid var(--ok);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.cr-recente-tit{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.cr-vigia-lin{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cr-lado{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start;margin-top:14px}
.cr-lado.so-um{grid-template-columns:minmax(0,1fr);max-width:560px}
.cr-lado .cr-card{margin-bottom:0}
.cr-lado+.cr-card{margin-top:14px}
.cr-tab-socios{min-width:420px}
.cr-docs-card .cr-zona{padding:10px;font-size:12px}
.cr-docs-card .cr-zona-ic{font-size:16px;margin-bottom:2px}
.sr-tab .sr-nome td{border-bottom:0;padding-bottom:0;padding-top:12px}
.sr-tab .sr-nome .os-bt.link{font-size:11.5px;padding:2px 4px}
.sr-tab .sr-num td{padding-top:4px}
.sr-tab .sr-rot th{padding-top:4px;padding-bottom:2px;border-bottom:0;font-size:10px}
.sr-tab tbody.sr-cli+tbody.sr-cli .sr-nome td{border-top:2px solid var(--line2)}
.sr-consultas{min-width:720px}.sr-nao-lida td{color:var(--mut)}
.sr-tab .sr-det>td{background:var(--s2)}
.sr-detalhe{display:flex;flex-direction:column;gap:10px;border-left:3px solid var(--brand-line);padding:2px 0 4px 12px}
.sr-grupo-tit{font-weight:700;font-size:12.5px;margin-bottom:4px}
.sr-itens{min-width:520px}
@media(max-width:900px){.cr-grid{grid-template-columns:1fr 1fr}.cr-lado{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.cr-grid{grid-template-columns:1fr}.cr-ped{gap:12px}}
/* imagem colada (Ctrl+V) na bandeja do Atendimento */
.at-img-mini{height:34px;width:auto;max-width:64px;object-fit:cover;border-radius:4px;vertical-align:middle}
/* links nas mensagens (Atendimento e Bate Papo): clicáveis; arquivo executável fica riscado e sem clique */
.os-link{color:var(--brand);text-decoration:underline;word-break:break-all}
.os-link-bloq{color:var(--mut);text-decoration:line-through;word-break:break-all;cursor:not-allowed}
/* Bate Papo: responder, encaminhar, editar e apagar */
.bp{position:relative}
.bp-rea-menu{top:24px;right:6px;flex-direction:column;align-items:stretch;gap:2px;padding:6px;border-radius:12px;min-width:150px}
.bp-rea-linha{display:flex;gap:2px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.bp-acao{border:0;background:transparent;color:var(--ink);text-align:left;font:inherit;font-size:13.5px;padding:6px 8px;border-radius:8px;cursor:pointer}
.bp-acao:hover{background:var(--s2)}
.bp-acao.perigo{color:#b3261e}
.bp-apagada .bp-txt{color:var(--mut);font-style:italic}
.bp-enc{font-size:11.5px;color:var(--mut);font-style:italic;margin-bottom:2px}
.bp-cita{display:block;width:100%;text-align:left;border:0;border-left:3px solid var(--brand);background:var(--s2);color:var(--ink);border-radius:6px;padding:4px 8px;margin-bottom:4px;cursor:pointer;font:inherit}
.bp-cita-aut{font-size:12px;font-weight:600;color:var(--brand)}
.bp-cita-txt{font-size:12.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.bp-resp{display:flex;align-items:center;gap:8px;border-left:3px solid var(--brand);background:var(--s2);border-radius:6px;padding:4px 8px;margin-bottom:6px}
.bp-resp-tx{flex:1;min-width:0}
.bp-resp-aut{font-size:12px;font-weight:600;color:var(--brand)}
.bp-resp-txt{font-size:12.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-edit{display:flex;flex-direction:column;gap:6px;min-width:min(420px,60vw)}
.bp-edit-ta{width:100%;resize:vertical}
.bp-edit-bt{display:flex;gap:6px;justify-content:flex-end}
.bp-dlg{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:30;padding:12px}
.bp-dlg-caixa{background:var(--s1);border:1px solid var(--line2);border-radius:12px;padding:14px;width:min(420px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 40px rgba(0,0,0,.3)}
.bp-dlg-tit{font-weight:600;font-size:15px}
.bp-dlg-lista{overflow-y:auto;min-height:120px;max-height:46vh;border:1px solid var(--line);border-radius:8px}
.bp-dlg-bt{display:flex;gap:8px;justify-content:flex-end}
.bp-rea-menu.acima{top:auto;bottom:24px}

/* imagem ampliada (clicar na imagem de uma mensagem). Acima das janelas (tarefa, gaveta da Gestão, carteira: 1300): com 1000 ela abria
   atrás da janela da tarefa e parecia não ampliar (Alexandre, 26/10/2026) */
.os-amp{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;overflow:auto;padding:52px 12px 12px}
.os-amp-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;cursor:zoom-in;background:#222}
.os-amp-real{align-items:flex-start;justify-content:flex-start}
.os-amp-real .os-amp-img{max-width:none;max-height:none;cursor:zoom-out}
.os-amp-barra{position:fixed;top:0;left:0;right:0;display:flex;justify-content:flex-end;gap:8px;padding:10px 12px}
.os-amp-bt{all:unset;cursor:pointer;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}
.os-amp-bt:hover,.os-amp-bt:focus-visible{background:rgba(255,255,255,.3);outline:2px solid #fff}
.at-img[role=button]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* vídeo na conversa do Atendimento */
.at-video{display:flex;flex-direction:column;gap:4px;align-items:flex-start;max-width:300px}
.at-vid{display:block;width:100%;max-width:300px;max-height:320px;border-radius:8px;background:#000}
.at-video-esp{font-size:12.5px;color:var(--mut)}
.at-video-links{font-size:12.5px;color:var(--mut)}

/* ---- O Comercial › Rastreio (13/10/2026) ---- */
.rs-cards .kpi{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
.rs-cards .rs-ok .v{color:var(--ok)}.rs-cards .rs-er .v{color:var(--err)}.rs-cards .rs-av .v{color:var(--warn)}
.rs-cards .kpi.rs-on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.rs-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.rs-obs{margin-top:4px;font-size:12px;line-height:1.4;white-space:pre-wrap;max-width:320px;overflow-wrap:anywhere}
.rs-cod a.rs-abrir{font-family:var(--sans);font-size:12px;font-weight:600}
.rs-aj2{display:flex;flex-direction:column;gap:6px;max-width:900px}
.rs-fixo{position:sticky;left:0;box-sizing:border-box}
.rs-aj-topo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px 12px;align-items:end}
.rs-aj-rot{font-size:12px;color:var(--mut);margin-top:6px}
.rs-hist{border:1px solid var(--line);border-radius:8px;padding:6px 10px;max-height:220px;overflow:auto;background:var(--s1);font-size:12.5px;line-height:1.5}
.rs-hist-it{padding:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.rs-hist-it+.rs-hist-it{border-top:1px solid var(--line)}
.rs-carimbo{font-family:var(--mono);font-size:11.5px;color:var(--mut);white-space:nowrap}
.rs-aj-texto{width:100%;min-height:120px;resize:vertical;box-sizing:border-box}
.rs-aj-pe{display:flex;justify-content:flex-end;align-items:center;gap:10px}.rs-aj-pe .os-msg{margin:0;flex:1}
.rs-salvar{font-size:12px;padding:4px 14px;min-height:30px}
@media (max-width:760px){.rs-aj-topo{grid-template-columns:1fr}}
@media (max-width:900px){.rs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rs-tab td{vertical-align:top}
.rs-t-er{color:var(--err);font-weight:600}.rs-t-av{color:var(--warn);font-weight:600}.rs-t-ok{color:var(--ok)}
.rs-cod{white-space:nowrap;font-family:var(--mono);font-size:11.5px}
.rs-cod a{color:var(--brand);text-decoration:none}.rs-cod a:hover{text-decoration:underline}
.rs-evbt{all:unset;cursor:pointer;font-family:inherit;font-size:11px;color:var(--mut);border:1px solid var(--line2);border-radius:6px;padding:0 6px;margin-left:4px}
.rs-evbt:hover{color:var(--ink);border-color:var(--brand-line)}.rs-evbt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.gp-tab tr.rs-ev td{background:var(--s2);padding:10px 14px}
.rs-lista{margin:0 0 6px;padding-left:18px;font-size:12.5px;line-height:1.55}
.rs-q{display:inline-block;min-width:118px;color:var(--mut);font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:11.5px}
.rs-nota{margin-top:8px;line-height:1.5}
@media(max-width:760px){.rs-q{min-width:0;margin-right:6px}}
/* arrastar arquivo do Explorer para a conversa do Atendimento */
.at-solte{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;border:3px dashed var(--brand);border-radius:10px;background:color-mix(in srgb,var(--s1) 85%,transparent);color:var(--brand);font-weight:700;font-size:18px}
.bp-dir{position:relative}
.bp-solte{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.82);border:3px dashed var(--brand);border-radius:10px;color:var(--brand);font-weight:600;font-size:17px;pointer-events:none}
:root[data-tema="escuro"] .bp-solte{background:rgba(20,20,20,.82)}
/* Bate Papo: fundo da conversa e balões no estilo do chat do Bitrix24 (pedido de Alexandre, 14/10/2026; cores AMOSTRADAS do print do chat dele).
   Degradê azul + padrão próprio de ícones de linha (SVG inline, sem arquivo do Bitrix); balão enviado verde-limão, recebido branco; enviar e novo bate-papo em azul.
   Cores nas variáveis --bpc-*: ajuste fino é trocar só aqui.
   29/10/2026 (Alexandre mandou o papel de parede como modelo): ladrilho de 320px com 49 ícones de escritório menores, inclinados e densos
   (desenho próprio, gerado por script), degradê em diagonal; vale também para a conversa do Bitrix dentro da tarefa (.tf-chat). */
.bp,.tf-chat{--bpc-a:#6A8DD5;--bpc-m:#7FA3E0;--bpc-b:#A5C0EA;--bpc-env:#E9FFCC;--bpc-env-txt:#1d2b13;--bpc-rec:#FFFFFF;--bpc-rec-txt:#1c2430;--bpc-tique:#2F7DE1;--bpc-dia:#5A79AA;--bpc-azul:#0077FF;--bpc-pad:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.2%22 fill-opacity=%22.2%22 stroke-width=%221.1%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22translate(13.7 17.8) rotate(-20) scale(1.19) translate(-10 -10)%22%3E%3Cpath d=%22M10 2a6 6 0 0 0-3.5 10.9V15h7v-2.1A6 6 0 0 0 10 2z%22/%3E%3Cpath d=%22M7.5 18h5%22/%3E%3C/g%3E%3Cg transform=%22translate(62.2 32.5) rotate(-27) scale(1.17) translate(-10 -10)%22%3E%3Crect x=%221.5%22 y=%222%22 width=%2217%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M10 13v3M6 19l4-3 4 3M6 10V8M9 10V5.5M12 10V7M15 10V6%22/%3E%3C/g%3E%3Cg transform=%22translate(109.5 18.9) rotate(-12) scale(1.34) translate(-10 -10)%22%3E%3Cpath d=%22M4 1h8l5 5v13H4z%22/%3E%3Cpath d=%22M12 1v5h5M7 11h7M7 14.5h7%22/%3E%3C/g%3E%3Cg transform=%22translate(152.1 30.1) rotate(6) scale(1.16) translate(-10 -10)%22%3E%3Cpath d=%22M2 5a1 1 0 0 1 1-1h5l2 2h7a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z%22/%3E%3C/g%3E%3Cg transform=%22translate(206.7 24.5) rotate(-3) scale(1.32) translate(-10 -10)%22%3E%3Crect x=%221%22 y=%223%22 width=%2218%22 height=%2215%22 rx=%222%22/%3E%3Cpath d=%22M1 8h18M6 1v4M14 1v4%22/%3E%3Ctext x=%2210%22 y=%2216.2%22 text-anchor=%22middle%22 font-size=%227.2%22 font-family=%22Arial,sans-serif%22 font-weight=%22700%22 fill=%22%23fff%22 stroke=%22none%22%3E24%3C/text%3E%3C/g%3E%3Cg transform=%22translate(251.5 19.5) rotate(-2) scale(1.29) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.5%22/%3E%3Cpath d=%22M6 10l3 3 5-6%22/%3E%3C/g%3E%3Cg transform=%22translate(294.2 29.7) rotate(18) scale(1.14) translate(-10 -10)%22%3E%3Cpath d=%22M5 2h3l1.5 4-2 1.3a10 10 0 0 0 5 5l1.3-2L18 12v3a2 2 0 0 1-2 2A15 15 0 0 1 3 4a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3Cg transform=%22translate(16.1 73.7) rotate(17) scale(1.13) translate(-10 -10)%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22/%3E%3Cpath d=%22M12.5 12.5l6 6%22/%3E%3C/g%3E%3Cg transform=%22translate(76.0 77.2) rotate(20) scale(1.17) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.5%22/%3E%3Cpath d=%22M10 5v5l3.5 2%22/%3E%3C/g%3E%3Cg transform=%22translate(121.6 74.1) rotate(-6) scale(1.22) translate(-10 -10)%22%3E%3Cpath d=%22M10 18.5s6-5.5 6-10a6 6 0 1 0-12 0c0 4.5 6 10 6 10z%22/%3E%3Ccircle cx=%2210%22 cy=%228.5%22 r=%222%22/%3E%3C/g%3E%3Cg transform=%22translate(156.5 71.3) rotate(25) scale(1.13) translate(-10 -10)%22%3E%3Cpath d=%22M3 5h14M8 5V3h4v2M5 5l1 13h8l1-13M8.5 8v7M11.5 8v7%22/%3E%3C/g%3E%3Cg transform=%22translate(207.3 69.4) rotate(22) scale(1.26) translate(-10 -10)%22%3E%3Crect x=%221%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M1.5 5.5l8.5 6 8.5-6%22/%3E%3C/g%3E%3Cg transform=%22translate(249.1 67.9) rotate(-1) scale(1.35) translate(-10 -10)%22%3E%3Cpath d=%22M2 2h16v11H8l-4 4v-4H2z%22/%3E%3Cpath d=%22M6 6h8M6 9h5%22/%3E%3C/g%3E%3Cg transform=%22translate(292.2 68.4) rotate(29) scale(1.19) translate(-10 -10)%22%3E%3Crect x=%223%22 y=%223%22 width=%2214%22 height=%2216%22 rx=%222%22/%3E%3Crect x=%227%22 y=%221%22 width=%226%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M6 9.5h8M6 12.5h8M6 15.5h5%22/%3E%3C/g%3E%3Cg transform=%22translate(17.3 123.4) rotate(-12) scale(1.16) translate(-10 -10)%22%3E%3Cpath d=%22M3 7h11v5a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z%22/%3E%3Cpath d=%22M14 8.5h1.5a2 2 0 0 1 0 4H14M7 2v2.5M10 2v2.5%22/%3E%3C/g%3E%3Cg transform=%22translate(68.2 119.4) rotate(24) scale(1.27) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228%22/%3E%3Cpath d=%22M10 2v8h8%22/%3E%3C/g%3E%3Cg transform=%22translate(115.3 113.9) rotate(12) scale(1.23) translate(-10 -10)%22%3E%3Crect x=%222%22 y=%222%22 width=%2216%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M6 7h8M6 10.5h8M6 14h4%22/%3E%3C/g%3E%3Cg transform=%22translate(164.3 114.4) rotate(6) scale(1.28) translate(-10 -10)%22%3E%3Cpath d=%22M3 17l1-4L14 3l3 3L7 16z%22/%3E%3Cpath d=%22M12 5l3 3%22/%3E%3C/g%3E%3Cg transform=%22translate(203.8 120.5) rotate(-9) scale(1.33) translate(-10 -10)%22%3E%3Crect x=%221%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M1.5 5.5l8.5 6 8.5-6%22/%3E%3C/g%3E%3Cg transform=%22translate(251.5 105.2) rotate(-31) scale(1.19) translate(-10 -10)%22%3E%3Cpath d=%22M2 2h16v11H8l-4 4v-4H2z%22/%3E%3Cpath d=%22M6 6h8M6 9h5%22/%3E%3C/g%3E%3Cg transform=%22translate(291.5 113.3) rotate(-24) scale(1.13) translate(-10 -10)%22%3E%3Ccircle cx=%228%22 cy=%228%22 r=%226%22/%3E%3Cpath d=%22M12.5 12.5l6 6%22/%3E%3C/g%3E%3Cg transform=%22translate(23.6 157.5) rotate(-16) scale(1.32) translate(-10 -10)%22%3E%3Cpath d=%22M3 17l1-4L14 3l3 3L7 16z%22/%3E%3Cpath d=%22M12 5l3 3%22/%3E%3C/g%3E%3Cg transform=%22translate(65.1 151.8) rotate(6) scale(1.23) translate(-10 -10)%22%3E%3Cpath d=%22M3 7h11v5a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z%22/%3E%3Cpath d=%22M14 8.5h1.5a2 2 0 0 1 0 4H14M7 2v2.5M10 2v2.5%22/%3E%3C/g%3E%3Cg transform=%22translate(118.6 165.7) rotate(-7) scale(1.34) translate(-10 -10)%22%3E%3Cpath d=%22M3 5h14M8 5V3h4v2M5 5l1 13h8l1-13M8.5 8v7M11.5 8v7%22/%3E%3C/g%3E%3Cg transform=%22translate(161.1 153.0) rotate(18) scale(1.34) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.5%22/%3E%3Cpath d=%22M10 5v5l3.5 2%22/%3E%3C/g%3E%3Cg transform=%22translate(207.3 157.6) rotate(23) scale(1.20) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.5%22/%3E%3Cpath d=%22M6 10l3 3 5-6%22/%3E%3C/g%3E%3Cg transform=%22translate(256.4 167.2) rotate(1) scale(1.24) translate(-10 -10)%22%3E%3Cpath d=%22M10 18.5s6-5.5 6-10a6 6 0 1 0-12 0c0 4.5 6 10 6 10z%22/%3E%3Ccircle cx=%2210%22 cy=%228.5%22 r=%222%22/%3E%3C/g%3E%3Cg transform=%22translate(300.5 153.8) rotate(25) scale(1.13) translate(-10 -10)%22%3E%3Crect x=%223%22 y=%223%22 width=%2214%22 height=%2216%22 rx=%222%22/%3E%3Crect x=%227%22 y=%221%22 width=%226%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M6 9.5h8M6 12.5h8M6 15.5h5%22/%3E%3C/g%3E%3Cg transform=%22translate(30.9 211.8) rotate(12) scale(1.18) translate(-10 -10)%22%3E%3Cpath d=%22M4 1h8l5 5v13H4z%22/%3E%3Cpath d=%22M12 1v5h5M7 11h7M7 14.5h7%22/%3E%3C/g%3E%3Cg transform=%22translate(63.4 201.0) rotate(-15) scale(1.31) translate(-10 -10)%22%3E%3Crect x=%221%22 y=%223%22 width=%2218%22 height=%2215%22 rx=%222%22/%3E%3Cpath d=%22M1 8h18M6 1v4M14 1v4%22/%3E%3Ctext x=%2210%22 y=%2216.2%22 text-anchor=%22middle%22 font-size=%227.2%22 font-family=%22Arial,sans-serif%22 font-weight=%22700%22 fill=%22%23fff%22 stroke=%22none%22%3E24%3C/text%3E%3C/g%3E%3Cg transform=%22translate(119.2 203.9) rotate(25) scale(1.27) translate(-10 -10)%22%3E%3Cpath d=%22M2 5a1 1 0 0 1 1-1h5l2 2h7a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z%22/%3E%3C/g%3E%3Cg transform=%22translate(162.2 197.6) rotate(-18) scale(1.16) translate(-10 -10)%22%3E%3Cpath d=%22M10 2a6 6 0 0 0-3.5 10.9V15h7v-2.1A6 6 0 0 0 10 2z%22/%3E%3Cpath d=%22M7.5 18h5%22/%3E%3C/g%3E%3Cg transform=%22translate(208.4 209.9) rotate(26) scale(1.34) translate(-10 -10)%22%3E%3Crect x=%221.5%22 y=%222%22 width=%2217%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M10 13v3M6 19l4-3 4 3M6 10V8M9 10V5.5M12 10V7M15 10V6%22/%3E%3C/g%3E%3Cg transform=%22translate(249.9 210.4) rotate(16) scale(1.24) translate(-10 -10)%22%3E%3Cpath d=%22M5 2h3l1.5 4-2 1.3a10 10 0 0 0 5 5l1.3-2L18 12v3a2 2 0 0 1-2 2A15 15 0 0 1 3 4a2 2 0 0 1 2-2z%22/%3E%3C/g%3E%3Cg transform=%22translate(303.9 199.8) rotate(27) scale(1.31) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228%22/%3E%3Cpath d=%22M10 2v8h8%22/%3E%3C/g%3E%3Cg transform=%22translate(17.9 254.1) rotate(29) scale(1.15) translate(-10 -10)%22%3E%3Crect x=%222%22 y=%222%22 width=%2216%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M6 7h8M6 10.5h8M6 14h4%22/%3E%3C/g%3E%3Cg transform=%22translate(66.2 250.7) rotate(-1) scale(1.16) translate(-10 -10)%22%3E%3Crect x=%221.5%22 y=%222%22 width=%2217%22 height=%2211%22 rx=%221%22/%3E%3Cpath d=%22M10 13v3M6 19l4-3 4 3M6 10V8M9 10V5.5M12 10V7M15 10V6%22/%3E%3C/g%3E%3Cg transform=%22translate(108.1 248.0) rotate(25) scale(1.27) translate(-10 -10)%22%3E%3Crect x=%222%22 y=%222%22 width=%2216%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M6 7h8M6 10.5h8M6 14h4%22/%3E%3C/g%3E%3Cg transform=%22translate(161.7 252.1) rotate(8) scale(1.30) translate(-10 -10)%22%3E%3Crect x=%221%22 y=%223%22 width=%2218%22 height=%2215%22 rx=%222%22/%3E%3Cpath d=%22M1 8h18M6 1v4M14 1v4%22/%3E%3Ctext x=%2210%22 y=%2216.2%22 text-anchor=%22middle%22 font-size=%227.2%22 font-family=%22Arial,sans-serif%22 font-weight=%22700%22 fill=%22%23fff%22 stroke=%22none%22%3E24%3C/text%3E%3C/g%3E%3Cg transform=%22translate(200.7 256.9) rotate(-30) scale(1.14) translate(-10 -10)%22%3E%3Cpath d=%22M2 2h16v11H8l-4 4v-4H2z%22/%3E%3Cpath d=%22M6 6h8M6 9h5%22/%3E%3C/g%3E%3Cg transform=%22translate(254.2 255.9) rotate(-2) scale(1.36) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228%22/%3E%3Cpath d=%22M10 2v8h8%22/%3E%3C/g%3E%3Cg transform=%22translate(301.8 258.5) rotate(30) scale(1.34) translate(-10 -10)%22%3E%3Cpath d=%22M3 5h14M8 5V3h4v2M5 5l1 13h8l1-13M8.5 8v7M11.5 8v7%22/%3E%3C/g%3E%3Cg transform=%22translate(25.8 296.6) rotate(-27) scale(1.15) translate(-10 -10)%22%3E%3Cpath d=%22M10 18.5s6-5.5 6-10a6 6 0 1 0-12 0c0 4.5 6 10 6 10z%22/%3E%3Ccircle cx=%2210%22 cy=%228.5%22 r=%222%22/%3E%3C/g%3E%3Cg transform=%22translate(66.6 288.7) rotate(18) scale(1.26) translate(-10 -10)%22%3E%3Crect x=%221%22 y=%224%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M1.5 5.5l8.5 6 8.5-6%22/%3E%3C/g%3E%3Cg transform=%22translate(113.7 301.2) rotate(-0) scale(1.35) translate(-10 -10)%22%3E%3Cpath d=%22M3 7h11v5a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4z%22/%3E%3Cpath d=%22M14 8.5h1.5a2 2 0 0 1 0 4H14M7 2v2.5M10 2v2.5%22/%3E%3C/g%3E%3Cg transform=%22translate(153.7 299.2) rotate(30) scale(1.32) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.5%22/%3E%3Cpath d=%22M6 10l3 3 5-6%22/%3E%3C/g%3E%3Cg transform=%22translate(202.5 292.6) rotate(-32) scale(1.26) translate(-10 -10)%22%3E%3Cpath d=%22M3 17l1-4L14 3l3 3L7 16z%22/%3E%3Cpath d=%22M12 5l3 3%22/%3E%3C/g%3E%3Cg transform=%22translate(258.8 292.5) rotate(-28) scale(1.20) translate(-10 -10)%22%3E%3Ccircle cx=%2210%22 cy=%2210%22 r=%228.5%22/%3E%3Cpath d=%22M10 5v5l3.5 2%22/%3E%3C/g%3E%3Cg transform=%22translate(304.0 289.0) rotate(9) scale(1.13) translate(-10 -10)%22%3E%3Cpath d=%22M4 1h8l5 5v13H4z%22/%3E%3Cpath d=%22M12 1v5h5M7 11h7M7 14.5h7%22/%3E%3C/g%3E%3C/svg%3E")}
:root[data-tema="escuro"] .bp,:root[data-tema="escuro"] .tf-chat{--bpc-a:#1E3363;--bpc-m:#27407A;--bpc-b:#2E4A7C;--bpc-env:#35502B;--bpc-env-txt:#E9F3DE;--bpc-rec:#22314A;--bpc-rec-txt:#E6ECF6;--bpc-tique:#7FB0FF;--bpc-dia:#2A3F66}
.bp-msgs,.tf-chat{background:var(--bpc-pad),linear-gradient(170deg,var(--bpc-a) 0%,var(--bpc-m) 45%,var(--bpc-b) 100%);background-size:320px 320px,auto}
.bp-msgs .bp-msg.outra{background:var(--bpc-rec);color:var(--bpc-rec-txt);border-color:transparent;box-shadow:0 1px 1px rgba(20,30,60,.12)}
.bp-msgs .bp-msg.minha{background:var(--bpc-env);color:var(--bpc-env-txt);border-color:transparent;box-shadow:0 1px 1px rgba(20,30,60,.12)}
.bp-msgs .bp-msg .bp-pe{color:inherit;opacity:.6}
.bp-msgs .bp-msg .bp-visto{color:inherit;opacity:1}
.bp-msgs .bp-msg .bp-visto.lida{color:var(--bpc-tique)}
.bp-msgs .bp-dia{background:var(--bpc-dia);color:#fff}
.bp-msgs .bp-msg.bp-apagada .bp-txt{color:inherit;opacity:.65}
.bp-msgs .bp-msg .bp-cita{background:rgba(0,0,0,.06);color:inherit}
:root[data-tema="escuro"] .bp-msgs .bp-msg .bp-cita{background:rgba(255,255,255,.08)}
.bp-msgs > .bp-meta,.bp-msgs > .bp-link,.bp-msgs > .bp-mais{color:#fff;text-shadow:0 1px 2px rgba(20,30,60,.35)}
.bp-msgs > .bp-link{text-decoration:underline}
.bp-msgs .bp-achado{background:rgba(255,255,255,.93);color:#1c2430;border-radius:10px;margin-bottom:4px;border-bottom:0}
:root[data-tema="escuro"] .bp-msgs .bp-achado{background:rgba(34,49,74,.95);color:#E6ECF6}
.bp-msgs .bp-vazio{color:#fff}
.tf-chat{padding:10px}
.tf-chat .tf-chat-msg{background:var(--bpc-rec);color:var(--bpc-rec-txt);border-color:transparent;box-shadow:0 1px 1px rgba(20,30,60,.12)}
.tf-chat .tf-chat-q{color:inherit;opacity:.6}
.tf-chat .tf-chat-dia,.tf-chat .tf-chat-sis{background:var(--bpc-dia);color:#fff}
.tf-chat > .tf-meta{color:#fff}
.bp .bp-env{background:var(--bpc-azul)}
.bp .bp-novo{background:var(--bpc-azul);color:#fff}
.bp .bp-novo:hover,.bp .bp-novo:focus-visible{filter:brightness(1.1)}

/* menu automático (29/10/2026; substitui o recolhível de 14/10): faixa só com os ícones das seções, que abre sozinha POR CIMA da tela
   quando o mouse chega (classe .os-nav-aberto na .app, posta pelo base.js). Só os cabeçalhos (.ncab) têm ícone; as telas (.nv) ficam só
   com o nome, dentro da seção, que abre e fecha no cabeçalho. Tudo preso ao menu lateral (.app>nav): o E-mail tem outro <nav> e a tela
   Conexões usa .nsec nos títulos dela. Até 1000px (meia tela) o menu segue como era (último bloco). */
@media(min-width:1001px){
  .app{grid-template-columns:58px 1fr}
  .app>nav{position:relative;z-index:60;width:58px;padding:12px 8px;overflow-x:hidden;scrollbar-width:none;
    transition:width .16s ease,box-shadow .16s ease}
  .app>nav::-webkit-scrollbar{display:none}
  .app.os-nav-aberto>nav{width:248px;box-shadow:10px 0 28px rgba(0,0,0,.32);scrollbar-width:thin}
  .app>nav .nsec{display:none}
  .app>nav .ngrp{display:flex;flex-direction:column;gap:1px;flex:none}
  .app>nav .ncab{position:relative;display:flex;align-items:center;gap:11px;width:100%;flex:none;border:0;cursor:pointer;
    background:transparent;color:var(--nav-ink);font-family:inherit;font-size:13px;font-weight:500;text-align:left;
    border-radius:8px;padding:8px 8px 8px 13px;white-space:nowrap}
  .app>nav .ncab:hover{background:var(--nav-hover);color:var(--nav-on-ink)}
  .app>nav .ncab:focus-visible{outline:2px solid var(--nav-acc);outline-offset:-2px}
  .app>nav .ncab-ic{width:16px;height:16px;flex:none}
  .app>nav .ncab-tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .12s}
  .app>nav .ncab-seta{width:14px;height:14px;flex:none;color:var(--nav-dim);transition:transform .15s,opacity .12s}
  .app>nav .ngrp.aberto>.ncab .ncab-seta{transform:rotate(180deg)}
  .app>nav .ncab-bdg{font-family:var(--mono);font-size:10px;font-weight:600;background:var(--brand);color:#fff;border-radius:999px;
    padding:0 6px;line-height:16px;flex:none}
  .app>nav .ngrp.ativo>.ncab{color:var(--nav-on-ink)}
  .app>nav .ngrp.ativo>.ncab .ncab-ic{color:var(--nav-acc)}
  .app>nav .ngrp.unico.ativo>.ncab{background:var(--nav-on);font-weight:600;box-shadow:inset 3px 0 0 var(--nav-acc)}
  .app>nav .ngrp-itens{display:none;flex-direction:column;gap:1px;padding:1px 0 5px}
  .app.os-nav-aberto>nav .ngrp.aberto:not(.unico)>.ngrp-itens{display:flex}
  .app>nav .nv{padding:6px 10px 6px 40px;white-space:nowrap}   /* alinhada ao texto do cabeçalho */
  .app>nav .nv svg{display:none}
  /* recolhido (a faixa): só o ícone; o nome fica para o leitor de tela; a seção da tela atual fica marcada */
  .app:not(.os-nav-aberto)>nav .ncab-tx,.app:not(.os-nav-aberto)>nav .ncab-seta{opacity:0}
  .app:not(.os-nav-aberto)>nav .ngrp.ativo>.ncab{background:var(--nav-on);box-shadow:inset 3px 0 0 var(--nav-acc)}
  .app:not(.os-nav-aberto)>nav .ncab-bdg{position:absolute;top:2px;left:23px;font-size:9px;line-height:14px;min-width:14px;padding:0 3px;text-align:center}
  /* aberto e com a seção aberta: o número fica na tela, não no cabeçalho */
  .app.os-nav-aberto>nav .ngrp.aberto:not(.unico)>.ncab .ncab-bdg{display:none}
}
@media(max-width:1000px){
  .app>nav .ncab{display:none}
  .app>nav .ngrp,.app>nav .ngrp-itens{display:contents}
  .app>nav .ngrp+.ngrp>.nsec{padding-top:6px}   /* só o 1º título fica sem recuo, como antes */
}
.os-link-app{margin-left:6px;border:1px solid var(--brand);background:transparent;color:var(--brand);border-radius:10px;padding:0 7px;font:inherit;font-size:11.5px;line-height:18px;cursor:pointer;vertical-align:middle;white-space:nowrap}
.os-link-app:hover{background:var(--brand);color:#fff}

/* presença das pessoas: online, ausente, desconectado (Atendimento e Bate Papo) */
.os-pres{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mut);white-space:nowrap}
.os-pres-ponto{width:8px;height:8px;border-radius:50%;background:#9AA0A6;flex:none}
.os-pres.online{color:var(--ok)}
.os-pres.online .os-pres-ponto{background:#25D366}
.os-pres.ausente .os-pres-ponto{background:#F5A623}
/* Bate Papo: presença */
.bp-item-pres{margin-left:6px;vertical-align:middle}
.bp-item-pres .os-pres{font-size:0;gap:0}
.bp-item-pres .os-pres-ponto{width:8px;height:8px}
.bp-cab-parts{border:0;background:transparent;padding:0;font:inherit;font-size:12.5px;color:var(--mut);cursor:pointer;text-decoration:underline dotted}
.bp-parts{display:flex;flex-direction:column;max-height:40vh;overflow-y:auto;background:var(--s1);border-bottom:1px solid var(--line)}
.bp-part{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--line)}
.bp-part:last-child{border-bottom:0}
.bp-part-rm{margin-left:auto;font-size:12.5px}
.bp-part-novo{display:flex;flex-direction:column;gap:6px;padding:8px 14px}

/* Atendimento em abas, como no navegador: WhatsApp e Bate Papo (16/10/2026). O título da tela some: as abas fazem esse papel, e a caixa passa a
   ocupar a altura da tela inteira (topo de 56 px + margens do main). */
.vw[data-view="atendimento"] > .vhead{display:none}
.at-abas{display:flex;flex-direction:column;height:calc(100vh - 112px);min-height:520px}
.at-abas-barra{display:flex;gap:4px;padding:0 6px;flex:none}
.at-aba{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;font-weight:600;color:var(--mut);
  background:var(--s2);border:1px solid var(--line2);border-bottom:0;border-radius:10px 10px 0 0;margin-bottom:-1px;position:relative}
.at-aba:hover{color:var(--ink)}
.at-aba.on{background:var(--s1);color:var(--ink);z-index:1;box-shadow:inset 0 3px 0 var(--brand)}
.at-aba:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.at-aba .bdg{background:var(--brand);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:700;line-height:1.4}
.at-aba .bdg[hidden]{display:none}
.at-aba-painel{flex:1;min-height:0;position:relative}
.at-aba-painel[hidden]{display:none}
.at-aba-painel{border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--s1)}
.at-abas:not(.at-abas-uma) .at-aba-painel{border-top-left-radius:0}
.at-aba-painel > .at,.at-aba-painel > .bp{height:100%;min-height:0;border:0;border-radius:0}
@media(max-width:1000px){.at-abas{height:calc(100vh - 150px)}}
/* Informar telefone (contato que o WhatsApp só mostrou pelo código interno) */
.at-tel-ult{font-size:12.5px;background:var(--s2);border-radius:8px;padding:8px 10px;color:var(--mut);display:flex;flex-direction:column;gap:3px}
.at-tel-ult b{color:var(--ink);font-weight:600}
.at-tel-sug{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.at-tel-sug .at-cli-info{flex:none;width:100%}
/* busca na agenda do celular (Informar telefone e Nova conversa) */
.at-ag-res{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto}
.at-ag-res:empty{display:none}
.at-ag-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px}
.at-ag-item:hover,.at-ag-item:focus-visible{background:var(--s2)}
.at-ag-nome{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-ag-tel{flex:none;color:var(--mut);font-variant-numeric:tabular-nums}
.at-ag-tem{color:var(--warn)}
/* sugestões de telefone (conversas sem telefone identificadas pela NF/CNPJ/boleto) */
.at-sug-lista{display:flex;flex-direction:column;gap:2px;max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:8px}
.at-sug{display:flex;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13px}
.at-sug:hover{background:var(--s2)}
.at-sug-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.at-sug-tx b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-sug-sub{color:var(--mut);font-size:12px}
.at-pista{color:var(--mut)}
/* imagem do Bate Papo: amplia na própria tela (OS.ampliar) */
.bp .bp-img{cursor:zoom-in}
.bp .bp-img:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
/* Vincular Protheus em conversa sem telefone: o telefone do cadastro do cliente escolhido (16/10/2026) */
.at-cli-tel{display:flex;flex-direction:column;gap:6px}
.at-cli-tel[hidden],.at-cli-outro[hidden],.at-cli-conf[hidden]{display:none}
.at-cli-tels{max-height:240px}
.at-cli-tels .at-sug input{flex:none}
.at-cli-semtel{padding:7px 10px}
.at-cli-outro{display:flex;flex-direction:column;gap:6px;padding-left:24px}
.at-cli-pista{color:var(--mut)}
/* sugestões presas, lembrete do telefone por sugestão (16/10/2026) */
.at-sug.presa{cursor:default;background:var(--warn-bg)}
.at-sug-presa{color:var(--warn);font-size:12px}
.at-sug-aviso{padding:7px 10px;border-bottom:1px solid var(--line)}
.at-confira{background:var(--warn-bg);color:var(--warn)}
/* mensagem editada no WhatsApp: selo "editada" e o texto anterior sob clique (16/10/2026) */
.at-editada{all:unset;cursor:pointer;font-style:italic;color:inherit;text-decoration:underline dotted}
.at-editada:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.at-antes{font-size:12px;color:var(--mut);border-left:3px solid var(--line2);padding:2px 8px;margin-top:4px;white-space:pre-wrap}
.at-antes[hidden]{display:none}

/* ---- O Comercial › Campanha mês ---- */
.cp-topo{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:0 0 12px}
.cp-periodo{font-size:13px;font-weight:600}
.cp-manual{margin:0 0 12px}
.cp-card{border-top:3px solid var(--brand);border-radius:12px}
.cp-dica-p{margin:0 0 6px}.cp-dica-p:last-child{margin-bottom:0}.cp-dica-1{font-weight:600}
.cp-vel-box{display:flex;flex-direction:column;align-items:center;margin:4px 0 12px}
.cp-vel{width:100%;max-width:420px;height:auto;display:block}
/* faixa do velocímetro: vermelho no início, laranja, amarelo e verde na meta (Alexandre, 28/10/2026) */
:root{--cp-vel-0:#D93A3A;--cp-vel-1:#E8782A;--cp-vel-2:#E6B800;--cp-vel-3:#1F9D55}
:root[data-tema="escuro"]{--cp-vel-0:#F0605A;--cp-vel-1:#F39A55;--cp-vel-2:#F2C94C;--cp-vel-3:#4CC38A}
.cp-vel-num{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-4px;text-align:center}
.cp-vel-num strong{font-size:28px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.cp-vel-num span{font-size:12.5px;color:var(--mut)}.cp-vel-num span.me-up{color:var(--ok);font-weight:600}
.cp-kpis .gp-kpi{flex:1 1 170px}.cp-kpis .gp-kpi-v{font-variant-numeric:tabular-nums}
.cp-lista{display:flex;flex-direction:column}
.cp-row{all:unset;box-sizing:border-box;display:grid;grid-template-columns:30px minmax(120px,200px) minmax(80px,1fr) max-content;align-items:center;gap:10px;
  padding:9px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:6px}
.cp-row:last-child{border-bottom:none}
.cp-row:hover{background:var(--s2)}.cp-row:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.cp-pos{font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums;text-align:right}
.cp-nome{display:flex;align-items:center;gap:6px;min-width:0}
.cp-nome-t{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-chip{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  color:var(--brand);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:999px;padding:1px 7px 1px 5px}
.cp-trofeu{width:12px;height:12px}
.cp-bar{display:block;height:12px;background:var(--s2);border-radius:6px;overflow:hidden}
.cp-bar>i{display:block;height:100%;background:var(--brand);border-radius:6px;opacity:.55}
.cp-row.lider .cp-bar>i{opacity:1}
.cp-nums{display:flex;align-items:baseline;justify-content:flex-end;gap:2px;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cp-nums b{font-size:15px}.cp-env{color:var(--mut)}.cp-val{margin-left:10px;min-width:92px;text-align:right}
.cp-sem{margin-top:8px;text-align:left;white-space:normal}
.gp-tab .cp-tot-l td{font-weight:600;border-top:1px solid var(--line2)}
@media(max-width:760px){
  .cp-row{grid-template-columns:26px minmax(0,1fr) max-content;gap:4px 8px}
  .cp-bar{grid-column:2 / 4;grid-row:2}
  .cp-val{min-width:0}
}

/* Chat do site (aba Chat do Atendimento, 17/10/2026): mesmo layout e cores do Bate Papo (.bp); aqui só o que é próprio do chat */
.cs-topo{border-bottom:0;padding-bottom:4px}
.cs-filtros{display:flex;gap:6px;padding:4px 10px 10px;border-bottom:1px solid var(--line)}
.cs-filtro{border:1px solid var(--line2);background:var(--s2);color:var(--mut);border-radius:999px;padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.cs-filtro.on{background:var(--bpc-azul);border-color:var(--bpc-azul);color:#fff}
.cs-no-site{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin:0 6px;vertical-align:middle}
.cs-etq{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.cs-tag{font-size:11px;line-height:1.5;padding:0 7px;border-radius:999px;background:var(--s3);color:var(--mut)}
.cs-tag-espera{background:var(--warn-bg,#FFF4D6);color:var(--warn,#8a5a00);font-weight:600}
.bp-item.cs-encerrada .bp-item-nome{color:var(--mut)}
.cs-acoes{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cs-info{flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--ink)}
.cs-dado-r{color:var(--mut)}
.cs-info a{color:var(--brand)}
.bp-msgs .cs-sis{max-width:90%;text-align:center;font-weight:500}
.cs-nota{padding-bottom:6px}
.cs-mais-menu{display:flex;gap:6px;padding:0 0 8px}
.cs-tag-ig{background:#C13584;color:#fff;font-weight:600}
.cs-tag-ret{background:#1E8E3E;color:#fff;font-weight:600}
.cs-medida{font-size:12px;color:var(--mut);padding:6px 12px;border-bottom:1px solid var(--line)}
.cs-medida[hidden]{display:none}
/* Chat do site: alarme de cliente esperando, por cima de qualquer tela (04/11/2026). Forte = alguém ainda não abriu a conversa */
.cs-alarme{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  max-width:min(720px,calc(100vw - 24px));padding:8px 10px 8px 14px;border-radius:12px;background:var(--s1,#fff);color:var(--ink,#111);
  border:1px solid var(--warn,#8a5a00);box-shadow:0 6px 24px rgba(0,0,0,.18);font-size:13.5px;line-height:1.35}
.cs-alarme[hidden]{display:none}
.cs-alarme.forte{background:#C62828;color:#fff;border-color:#8E1B1B;font-size:15px;padding:10px 12px 10px 16px;animation:cs-pulsar 1.2s ease-in-out infinite}
.cs-alarme-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.cs-alarme-tx span{opacity:.95}
.cs-alarme .os-bt{flex:none}
.cs-alarme.forte .os-bt.pri{background:#fff;border-color:#fff;color:#C62828}
.cs-alarme.forte .os-bt.link{color:#fff;text-decoration:underline}
@keyframes cs-pulsar{0%,100%{box-shadow:0 6px 24px rgba(198,40,40,.35)}50%{box-shadow:0 6px 36px rgba(198,40,40,.9)}}
@media (prefers-reduced-motion:reduce){.cs-alarme.forte{animation:none}}
@media (max-width:600px){.cs-alarme{top:auto;bottom:10px}}
.bp-msgs .cs-aud{display:block;max-width:100%;margin-bottom:4px}
.cs-mais-menu[hidden]{display:none}
.bp-msgs .cs-vid{display:block;max-width:min(320px,100%);max-height:320px;border-radius:8px;margin-bottom:4px;background:#000}
/* Atendimento › E-mail (webmail, fase 1 — 17/10/2026): layout do Outlook Clássico com as cores do OS (pastas · lista · leitura) */
.wm{display:grid;grid-template-columns:220px minmax(300px,380px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - 190px);min-height:460px;background:var(--s1);color:var(--ink)}
.at-aba-painel > .wm{height:100%;min-height:0}
.wm.wm-baixo{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,42%) minmax(0,1fr)}
.wm.wm-baixo .wm-nav{grid-row:1 / 3}
.wm.wm-baixo .wm-meio{border-right:0;border-bottom:1px solid var(--line)}
.wm-ico{width:16px;height:16px;flex:none;vertical-align:middle}
.wm-nav{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--s2)}
.wm-nav-topo{padding:10px}
.wm-novo{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}
.wm-caixa-sel{margin:0 10px 6px;width:calc(100% - 20px)}
.wm-caixa-nome{padding:0 12px 8px;font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-arvore{flex:1;min-height:0;overflow-y:auto;padding:2px 0 8px}
.wm-arvore-tit{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);padding:10px 12px 4px}
.wm-pasta{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px 6px 12px;font-size:13px;cursor:pointer;color:var(--ink)}
.wm-pasta:hover{background:var(--s3)}
.wm-pasta.on{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand);font-weight:600}
.wm-pasta.tem .wm-pasta-nome{font-weight:700}
.wm-pasta.alvo{background:var(--warn-bg);outline:2px dashed var(--brand);outline-offset:-2px}
.wm-pasta[disabled]{color:var(--dim);cursor:default}
.wm-pasta:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.wm-pasta-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-pasta-n{font-size:11.5px;font-weight:700;color:var(--brand)}
.wm-pasta-n.tot{color:var(--mut);font-weight:500}
.wm-nova-pasta{margin:6px 8px;font-size:12px}
.wm-nav-rodape{border-top:1px solid var(--line);padding:8px 10px;display:flex;flex-direction:column;gap:6px;font-size:11.5px}
.wm-nav-acoes{display:flex;flex-wrap:wrap;gap:2px 4px}
.wm-espaco{height:6px;border-radius:3px;background:var(--s3);overflow:hidden}
.wm-espaco span{display:block;height:100%;background:var(--ok)}
.wm-espaco span.cheio{background:var(--err)}
.wm-espaco-tx,.wm-sinc{color:var(--mut)}
.wm-meio{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}
.wm-barra{display:flex;gap:6px;padding:10px 10px 6px;align-items:center}
.wm-busca{flex:1;min-width:0;border:1px solid var(--line2);background:var(--s2);color:var(--ink);border-radius:18px;padding:7px 12px;font:inherit;font-size:13px}
.wm-escopo{width:auto;min-height:32px;padding:4px 6px;font-size:12px}
.wm-ordem{width:auto;min-height:26px;padding:2px 4px;font-size:12px;margin-left:auto}
.wm-filtros{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;padding:6px 10px 10px;border-bottom:1px solid var(--line);background:var(--s2)}
.wm-filtros .os-in{min-height:30px;padding:5px 8px}
.wm-filtros-acoes{display:flex;gap:6px;align-items:end}
.wm-chk{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--mut);cursor:pointer}
.wm-sub{display:flex;align-items:center;gap:8px;padding:0 10px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.wm-abas-lista{display:flex;gap:2px}
.wm-aba-lista{all:unset;cursor:pointer;font-size:12.5px;padding:4px 8px;color:var(--mut);border-bottom:2px solid transparent}
.wm-aba-lista.on{color:var(--ink);font-weight:600;border-bottom-color:var(--brand)}
.wm-aba-lista:focus-visible{outline:2px solid var(--brand)}
.wm-conv{margin-left:auto}
.wm-lote{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:6px 10px;background:var(--warn-bg);font-size:12px;border-bottom:1px solid var(--line)}
.wm-lote .wm-mover{width:auto;min-height:28px;padding:2px 6px;font-size:12px}
.wm-lista{flex:1;min-height:0;overflow-y:auto;outline:none}
.wm-lista-tit{font-size:12px;color:var(--mut);padding:8px 12px 4px}
.wm-grupo{font-size:11.5px;font-weight:700;color:var(--mut);padding:8px 12px 3px;background:var(--s1);position:sticky;top:0;z-index:1}
.wm-item{position:relative;padding:7px 10px 7px 14px;border-bottom:1px solid var(--line);cursor:pointer;font-size:12.5px}
.wm-item:hover{background:var(--s2)}
.wm-item.sel{background:var(--brand-soft)}
.wm-item.marcado{background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand-line)}
.wm-item.nao-lida::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--brand)}
.wm-item.nao-lida .wm-item-de,.wm-item.nao-lida .wm-item-ass{font-weight:700}
.wm-item.nao-lida .wm-item-ass{color:var(--brand)}
.wm-item-l1,.wm-item-l2,.wm-item-l3{display:flex;align-items:center;gap:6px;min-width:0}
.wm-item-de{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-item-ic{display:inline-flex;gap:3px;align-items:center;color:var(--mut)}
.wm-item-ic .wm-ico{width:13px;height:13px}
.wm-band{all:unset;cursor:pointer;color:var(--line2);display:inline-flex;padding:1px}
.wm-item:hover .wm-band{color:var(--dim)}
.wm-band.on,.wm-item:hover .wm-band.on{color:var(--err)}
.wm-band.on .wm-ico{fill:currentColor}
.wm-imp{color:var(--err);font-weight:800}
.wm-rasc{color:var(--err);font-weight:600;flex:none}
.wm-item-ass{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-item-n{color:var(--mut);font-size:11.5px;flex:none}
.wm-item-data{color:var(--mut);font-size:11.5px;flex:none}
.wm-item.nao-lida .wm-item-data{color:var(--brand);font-weight:600}
.wm-item-l3{color:var(--mut)}
.wm-item-tr{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-item-cli{flex:none;font-size:10.5px;font-weight:700;padding:0 6px;border-radius:999px;background:var(--ok-bg);color:var(--ok)}
.wm-item-pasta{flex:none;font-size:10.5px;padding:0 6px;border-radius:999px;background:var(--s3);color:var(--mut)}
.wm-mais{margin:8px auto;display:block}
.wm-indice{font-size:11.5px;color:var(--dim);padding:10px 12px}
.wm-leitura{display:flex;min-width:0;min-height:0;background:var(--s1)}
.wm-ler-vazio{margin:auto;text-align:center;color:var(--dim);font-size:13px}
.wm-ler-vazio .wm-ico{width:48px;height:48px;stroke-width:1.2;margin-bottom:8px}
.wm-ler{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.wm-ler-barra{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--s2)}
.wm-grupo-bts{display:flex;gap:2px;align-items:center}
.wm-bt{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;font-size:12.5px;color:var(--ink);cursor:pointer;white-space:nowrap;text-decoration:none}
.wm-bt:hover{background:var(--s3)}
.wm-bt:focus-visible{outline:2px solid var(--brand)}
.wm-bt.on{color:var(--err)}
.wm-bt[disabled]{opacity:.5;cursor:default}
.wm-bt.so-ico .wm-bt-tx{display:none}
.wm-grupo-bts .wm-mover{width:auto;min-height:30px;padding:2px 6px;font-size:12px}
.wm-ler-cab{padding:12px 16px 8px}
.wm-ler-ass{font-size:18px;font-weight:600;margin:0 0 10px;overflow-wrap:anywhere}
.wm-ler-de{display:flex;gap:10px;align-items:flex-start}
.wm-av{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:13px;flex:none}
.wm-ler-quem{flex:1;min-width:0;font-size:12.5px}
.wm-ler-nome{font-size:13.5px;overflow-wrap:anywhere}
.wm-ler-end{color:var(--mut)}
.wm-ler-para{color:var(--mut);overflow-wrap:anywhere}
.wm-ler-data{font-size:12px;color:var(--mut);white-space:nowrap}
.wm-ler-aviso{margin:0 16px 6px}
.wm-ler-imgs{margin:0 16px 6px;padding:6px 10px;font-size:12px;background:var(--s2);border-radius:8px;color:var(--mut)}
.wm-ler-anexos{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 8px}
.wm-anexo{display:inline-flex;align-items:center;gap:6px;max-width:280px;padding:5px 9px;border:1px solid var(--line2);border-radius:8px;background:var(--s1);color:var(--ink);font-size:12px;text-decoration:none}
a.wm-anexo:hover{border-color:var(--brand)}
.wm-anexo.subindo{opacity:.6}
.wm-anexo-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.wm-anexo-tam{color:var(--mut);flex:none}
.wm-anexo-bx{display:inline-flex;align-items:center;color:var(--mut);margin-left:-4px;padding:0 4px}
.wm-conv-lista{margin:0 16px 8px;border:1px solid var(--line);border-radius:8px;font-size:12px}
.wm-conv-lista summary{cursor:pointer;padding:6px 10px;color:var(--mut)}
.wm-conv-it{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr auto auto;gap:2px 8px;width:100%;padding:5px 10px;border-top:1px solid var(--line);cursor:pointer}
.wm-conv-it:hover{background:var(--s2)}
.wm-conv-it.on{background:var(--brand-soft);cursor:default}
.wm-conv-it.nao-lida .wm-conv-de{font-weight:700}
.wm-conv-pasta,.wm-conv-data{color:var(--mut)}
.wm-conv-tr{grid-column:1 / -1;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-ler-area{flex:1;min-height:200px;display:flex;border-top:1px solid var(--line)}
.wm-moldura{flex:1;width:100%;border:0;background:#fff;min-height:200px}
.wm-cartao{width:250px;flex:none;border-left:1px solid var(--line);background:var(--s2);padding:12px;overflow-y:auto;font-size:12px;display:flex;flex-direction:column;gap:6px}
.wm-cartao[hidden]{display:none}
.wm-cartao .os-kv{grid-template-columns:90px 1fr}
.wm-cartao-tit{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.wm-cartao-nome{font-size:13.5px;font-weight:600}
.wm-cartao-sm{color:var(--mut);margin:0}
.wm-cartao-sm.ok{color:var(--ok)}
.wm-menu{position:fixed;z-index:1200;background:var(--s1);border:1px solid var(--line2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;display:flex;flex-direction:column;min-width:180px}
.wm-menu-it{all:unset;padding:7px 10px;border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--ink)}
.wm-menu-it:hover,.wm-menu-it:focus-visible{background:var(--s2)}
/* escrever */
.wm-compor{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;position:relative}
.wm-compor.soltar{outline:3px dashed var(--brand);outline-offset:-6px}
.wm-compor-barra{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--s2)}
.wm-enviar{display:inline-flex;align-items:center;gap:6px}
.wm-compor-estado{font-size:11.5px;color:var(--mut);margin-left:auto}
.wm-compor-fechar{margin-left:4px}
.wm-compor-campos{padding:4px 12px;border-bottom:1px solid var(--line)}
.wm-campo{display:flex;align-items:flex-start;gap:8px;padding:3px 0;border-bottom:1px solid var(--line);position:relative}
.wm-campo:last-child{border-bottom:0}
.wm-campo-rot{width:58px;flex:none;font-size:12.5px;color:var(--mut);padding-top:7px}
.wm-campo .os-in{border:0;background:transparent;padding:6px 2px;min-height:30px}
.wm-de{font-size:12.5px;padding:7px 2px;color:var(--mut)}
.wm-ends{flex:1;display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:32px;cursor:text}
.wm-ends-in{flex:1;min-width:140px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;padding:5px 2px;outline:none}
.wm-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 9px;border-radius:999px;background:var(--s3);font-size:12px}
.wm-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-chip.aviso{background:var(--warn-bg);color:var(--warn)}
.wm-chip.ruim{background:var(--err-bg);color:var(--err);text-decoration:underline wavy}
.wm-chip-x{all:unset;cursor:pointer;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;color:var(--mut)}
.wm-chip-x:hover{background:var(--line2);color:var(--ink)}
.wm-mostra-cco{position:absolute;right:0;top:6px;font-size:12px}
.wm-sug{position:absolute;left:66px;right:0;top:100%;z-index:30;background:var(--s1);border:1px solid var(--line2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);max-height:320px;overflow-y:auto}
.wm-sug[hidden]{display:none}
.wm-sug-it{all:unset;box-sizing:border-box;display:block;width:100%;padding:7px 10px;cursor:pointer;border-bottom:1px solid var(--line)}
.wm-sug-it:hover,.wm-sug-it.on{background:var(--s2)}
.wm-sug-l1{display:flex;gap:8px;align-items:center;font-size:13px}
.wm-sug-tipo{font-size:10.5px;padding:0 6px;border-radius:999px;background:var(--s3);color:var(--mut)}
.wm-sug-l2{font-size:11.5px;color:var(--mut)}
.wm-sug-av{font-size:11.5px;color:var(--warn)}
.wm-fmt{display:flex;flex-wrap:wrap;gap:2px;padding:4px 10px;border-bottom:1px solid var(--line)}
.wm-fmt-bt{all:unset;cursor:pointer;padding:3px 8px;border-radius:5px;font-size:12.5px;color:var(--ink)}
.wm-fmt-bt:hover{background:var(--s3)}
.wm-fmt-bold{font-weight:800}.wm-fmt-italic{font-style:italic}.wm-fmt-underline{text-decoration:underline}
.wm-fmt-cor{width:28px;height:24px;border:0;padding:0;background:none;cursor:pointer}
/* o editor recebe o original citado: `contain` prende ali dentro qualquer posição fixa vinda do e-mail */
.wm-editor{flex:1;min-height:160px;overflow-y:auto;padding:12px 16px;font:14px/1.45 Calibri,"Segoe UI",Arial,sans-serif;background:#fff;color:#1F1F21;outline:none;contain:layout paint;overflow-wrap:anywhere}
.wm-editor img{max-width:100%;height:auto}
.wm-editor blockquote{margin:0 0 0 8px;padding-left:10px;border-left:2px solid #C9C9CC}
.wm-compor-anexos{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 12px;border-top:1px solid var(--line)}
.wm-compor-dica{font-size:11.5px;color:var(--dim)}
/* console */
.wm-console{min-width:0;font-size:12.5px;background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:12px 18px 24px}
.wm-console-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wm-console h2{font-size:17px;margin:0}
.wm-console h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:18px 0 6px}
.wm-console-sm{color:var(--mut);font-size:11.5px}
.wm-tab-rola{overflow-x:auto}
.wm-tab{border-collapse:collapse;width:100%;font-size:12px}
.wm-tab th{text-align:left;font-weight:600;color:var(--mut);border-bottom:1px solid var(--line2);padding:5px 6px;white-space:nowrap}
.wm-tab td{border-bottom:1px solid var(--line);padding:5px 6px;vertical-align:top}
.wm-tab .os-in,.wm-tab .os-sel{min-height:30px;padding:4px 6px}
.wm-assin{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.wm-assin-ta{min-height:120px;font-family:var(--codigo);font-size:11.5px}
.wm-assin-previa{display:flex;gap:8px;align-items:end}
.wm-assin-moldura{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}
.wm-assin-acoes{grid-column:1 / -1;display:flex;gap:10px;align-items:center}
.wm-assin-img{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1px dashed var(--line2);border-radius:8px;background:var(--s2)}
.wm-assin-mini{max-width:100%;height:auto;background:#fff;border:1px solid var(--line);align-self:flex-start}
.wm-assin-img .os-in{max-width:140px}
.wm-assin-bts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wm-moldura-assin{height:130px;border:1px solid var(--line);flex:none}
.wm-pend{padding:4px 0;border-bottom:1px solid var(--line)}
.wm-trilha{max-height:320px}
:root[data-tema="escuro"] .wm-item.nao-lida .wm-item-ass,:root[data-tema="escuro"] .wm-item.nao-lida .wm-item-data{color:var(--brand2)}
/* E-mail e Console do e-mail com os tons do Bate Papo e do Chat (pedido de Alexandre, 17/10/2026): azul (--bpc-azul #0077FF) no lugar
   do vermelho da marca e cinza claro (#F0F2F5, o do Atendimento) nas barras e na coluna das pastas. Só as variáveis mudam, e só aqui
   dentro: botões (Novo e-mail, Enviar...), pasta e item selecionados, não lida e foco seguem as variáveis. */
.wm,.wm-console,.wm-menu{--brand:#0077FF;--brand2:#0062D6;--brand-soft:#E7F0FD;--brand-line:#A9C8F5;--s2:#F0F2F5;--s3:#E4E7EC;--line:#E1E5EA;--line2:#CDD3DB}
:root[data-tema="escuro"] .wm,:root[data-tema="escuro"] .wm-console,:root[data-tema="escuro"] .wm-menu{--brand:#3D8BFF;--brand2:#7FB0FF;--brand-soft:#1C2A40;--brand-line:#2E4A7C;--s2:#202C33;--s3:#2A3942;--line:#2A3942;--line2:#3B4A54}
.wm .os-bt.pri:hover,.wm-console .os-bt.pri:hover{background:var(--brand);filter:brightness(1.1)}
@media(max-width:1250px){.wm-cartao{display:none}}
@media(max-width:980px){.wm,.wm.wm-baixo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(220px,40%) minmax(0,1fr);height:auto;min-height:calc(100vh - 160px)}
  .wm.wm-baixo .wm-nav{grid-row:auto}
  .wm-nav{max-height:180px;border-right:0;border-bottom:1px solid var(--line)}
  .wm-meio{border-right:0;border-bottom:1px solid var(--line)}
  .wm-leitura{min-height:60vh}.wm-assin{grid-template-columns:1fr}}
/* Importar do Gmail (webmail, fase 2 — 17/10/2026): só variáveis de cor (o bloco de cores do E-mail vale aqui também) */
.wm-gm{flex:1;min-width:0;overflow-y:auto;padding:14px 18px 30px;font-size:12.5px}
.wm-gm-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wm-gm h2{font-size:17px;margin:0}
.wm-gm h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:18px 0 6px}
.wm-gm .os-msg{margin:8px 0}
.wm-gm-sm{color:var(--mut);font-size:11.5px;margin:4px 0}
.wm-gm-linha{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin:6px 0}
.wm-gm-estado{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0;background:var(--s2)}
.wm-gm-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.wm-gm-total td{font-weight:700}
.wm-gm-barra{height:8px;margin:8px 0 4px}

/* Painel de leitura (pedido de Alexandre, 17/10/2026): à direita, embaixo ou desligado; tamanho pelo divisor (guardado no navegador de cada um).
   Vem no fim para valer sobre a grade de cima; a regra do celular é repetida depois. Só variáveis. */
.wm{grid-template-columns:220px var(--wm-lista-larg,minmax(300px,380px)) minmax(0,1fr)}
.wm.wm-baixo{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,var(--wm-lista-alt,42%)) minmax(0,1fr)}
.wm.wm-sem-leitura{grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.wm.wm-sem-leitura .wm-leitura{display:none}
.wm.wm-sem-leitura.wm-lendo .wm-meio{display:none}
.wm.wm-sem-leitura.wm-lendo .wm-leitura{display:flex}
.wm.wm-sem-leitura .wm-meio{border-right:0}
.wm-meio{position:relative}
.wm-divisor{position:absolute;z-index:6;background:transparent;touch-action:none}
.wm-divisor:hover,.wm-divisor:focus-visible,.wm-divisor.arrastando{background:var(--line2);outline:none}
.wm:not(.wm-baixo) .wm-divisor{top:0;bottom:0;right:-3px;width:6px;cursor:col-resize}
.wm.wm-baixo .wm-divisor{left:0;right:0;bottom:-3px;height:6px;cursor:row-resize}
.wm.wm-sem-leitura .wm-divisor{display:none}
.wm.wm-arrastando{user-select:none}
.wm.wm-arrastando iframe{pointer-events:none}
@media(max-width:980px){.wm,.wm.wm-baixo{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(220px,40%) minmax(0,1fr)}
  .wm.wm-sem-leitura{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .wm-divisor{display:none}}

/* Seleção múltipla à vista (pedido de Alexandre, 17/10/2026): caixa de marcar em cada linha (aparece ao passar o mouse e fica fixa quando há
   alguma marcada), "marcar todas" no topo e Ctrl+A. Só variáveis. */
.wm-item{padding-left:32px}
.wm-item-chk{position:absolute;left:9px;top:9px;margin:0;width:15px;height:15px;cursor:pointer;opacity:0;accent-color:var(--brand)}
.wm-item:hover .wm-item-chk,.wm-item-chk:checked,.wm-item-chk:focus-visible,.wm-lista.wm-marcando .wm-item-chk{opacity:1}
.wm-todas{margin:0 2px 0 12px;width:15px;height:15px;cursor:pointer;accent-color:var(--brand)}
@media(hover:none){.wm-item-chk{opacity:1}}

/* Webmail, fase 2 (bloco 2 — 17/10/2026): resposta automática, encaminhamento e férias no console; aviso do substituto. Só variáveis. */
.wm-sv-acoes .os-bt { margin: 0 8px 4px 0; }
.wm-sv-area:not(:empty) { margin: 12px 0; }
.wm-sv-form { border: 1px solid var(--line); border-radius: 8px; padding: 12px 14px; background: var(--s2); }
.wm-sv-form h4 { margin: 0 0 8px; }
.wm-sv-form textarea { width: 100%; font: inherit; }
.wm-sv-delegado { margin: 6px 8px; font-size: 12px; }

/* Categorias, etapas rápidas e regras (webmail, fase 2, bloco 3 — 17/10/2026). A paleta das categorias é própria (como no Outlook), em
   variáveis com versão escura; o resto usa as variáveis do tema. */
:root{--wm-cat-vermelho:#D13438;--wm-cat-laranja:#CA5010;--wm-cat-amarelo:#C19C00;--wm-cat-verde:#107C10;--wm-cat-azul:#0078D4;--wm-cat-roxo:#8764B8;
  --wm-cat-rosa:#E3008C;--wm-cat-cinza:#69797E}
.wm-cat{display:inline-block;font-size:10.5px;line-height:16px;padding:0 6px;border-radius:8px;margin:0 4px 0 0;color:#fff;white-space:nowrap;vertical-align:middle}
.wm-cats{margin:4px 0 2px}
.wm-cat-ponto{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.wm-cat-vermelho{background:var(--wm-cat-vermelho)}.wm-cat-laranja{background:var(--wm-cat-laranja)}.wm-cat-amarelo{background:var(--wm-cat-amarelo)}
.wm-cat-verde{background:var(--wm-cat-verde)}.wm-cat-azul{background:var(--wm-cat-azul)}.wm-cat-roxo{background:var(--wm-cat-roxo)}
.wm-cat-rosa{background:var(--wm-cat-rosa)}.wm-cat-cinza{background:var(--wm-cat-cinza)}
.wm-org-linha{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0}
.wm-org-linhas{margin:4px 0}
.wm-org-enc{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1 1 320px}
.wm-org-enc .os-in{flex:1 1 280px;max-width:460px}
.wm-org-regra{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:8px 0;background:var(--s1)}
.wm-org-regra.desligada{opacity:.6}
.wm-org .wm-sv-form{margin:10px 0}
.wm-org-linha .os-sel,.wm-org-linha .os-in{width:auto;flex:1 1 180px;min-width:140px;max-width:420px}
.wm-org .wm-sv-form label.sm{display:block;margin:10px 0}

/* Modelos, agendar, desfazer e sinalizador com data (webmail, fase 2, bloco 4 — 17/10/2026). Só variáveis. */
.wm-enviar-mais{padding:0 8px;margin-left:-6px}
.wm-agendar{display:flex;flex-wrap:wrap;align-items:end;gap:8px 12px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--s2)}
.wm-prazo{font-size:10.5px;color:var(--mut);margin-right:2px}
.wm-prazo.hoje{color:var(--brand);font-weight:600}
.wm-prazo.atrasado{color:var(--err);font-weight:600}
.wm-acompanhar{font-size:12px;color:var(--err);margin:4px 0}
.wm-agendar .os-in{width:auto;max-width:240px}

/* Tarefa no padrão do Bitrix (17/10/2026): janela larga com a tarefa à esquerda e o bate-papo à direita (no celular, um embaixo do
   outro); modelo Consulta CNPJ/CPF; prioridade com ícone (chama); conversa do Bate Papo montada dentro da tarefa (.bp-so). Só variáveis. */
.tf-jan-fundo{justify-content:center;align-items:center;padding:24px}
.tf-jan{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);width:min(1500px,96vw);height:min(920px,92vh);background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.3)}
.tf-jan.tf-jan-estreita{display:flex;flex-direction:column;width:min(760px,96vw);height:auto;max-height:92vh}
.tf-jan-estreita .tf-jan-esq{flex:1 1 auto}
.tf-jan-esq{overflow-y:auto;padding:18px 20px 24px;display:flex;flex-direction:column;gap:12px;min-height:0}
.tf-jan-dir{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--s2)}
.tf-jan-x{position:absolute;top:8px;right:10px;z-index:40;border:0;background:var(--s1);color:var(--ink);width:32px;height:32px;border-radius:50%;font-size:15px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.tf-jan-cab{display:flex;align-items:center;gap:8px;padding-right:40px}
.tf-jan-tit{font-size:19px;font-weight:600;margin:0;word-break:break-word}
.tf-jan-tit-vazio{color:var(--dim);font-weight:500}
.tf-jan-tit-in{font-size:18px;font-weight:600;padding:8px 10px;margin-right:40px}
.tf-jan-modelo{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.tf-jan-pe{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tf-cartao{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.tf-cartao-tit{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin-top:4px}
.tf-campo{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:center;font-size:13.5px}
.tf-campo-rot{color:var(--mut)}
.tf-campo-val .os-sel,.tf-campo-val .os-in{width:auto;max-width:100%}
.tf-desc{white-space:pre-wrap;word-break:break-word;font-size:14px}
.tf-cli-ficha{display:flex;flex-direction:column;gap:2px;font-size:14px}
.tf-chama{width:18px;height:18px;flex:none}
.tf-chama path{fill:currentColor}
.tf-chama-alta{color:var(--warn)}
.tf-chama-urgente{color:var(--err)}
.tf-l1 .tf-chama{width:15px;height:15px;align-self:center}
.tf-chat-bdg{background:var(--brand);color:#fff;border-radius:10px;min-width:20px;padding:0 6px;font-size:11px;font-weight:600;text-align:center;line-height:18px}
.tf-status{font-weight:600}
.tf-status-concluido{color:var(--ok)}
.tf-prio-sel{display:inline-flex;align-items:center;gap:6px}
.tf-part-x{border:0;background:transparent;color:var(--mut);cursor:pointer;padding:0 0 0 2px;font-size:12px}
.tf-part-add{width:auto;font-size:12.5px;padding:3px 8px}
.tf-arquivos{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tf-arq{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;background:var(--s2);max-width:100%}
.tf-arq-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);min-width:0}
.tf-anexos-novos{border:1px dashed var(--line2);border-radius:8px;padding:8px 10px}
.tf-anexos-novos.sobre{border-color:var(--brand);background:var(--brand-soft)}
.tf-modelos{display:flex;flex-direction:column;gap:10px}
.tf-modelo{all:unset;box-sizing:border-box;display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--s1);cursor:pointer}
.tf-modelo:hover,.tf-modelo:focus-visible{border-color:var(--brand)}
.tf-modelo-tit{font-weight:600;font-size:14.5px;margin-bottom:2px}
.tf-cli .os-in{width:100%;max-width:520px}
.tf-cli-achados{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}
.tf-cli-it{all:unset;box-sizing:border-box;display:block;width:100%;padding:7px 8px;border-bottom:1px solid var(--line);cursor:pointer}
.tf-cli-it:hover,.tf-cli-it:focus-visible{background:var(--s2)}
.tf-cli-nome{font-weight:600;font-size:13.5px}
.tf-cli-consultas{display:flex;flex-direction:column;gap:2px}
.tf-cli-consultas-tit{font-size:12px;font-weight:600;color:var(--warn);margin-top:6px}
.tf-chat-antes{margin:auto;max-width:420px;padding:24px;display:flex;flex-direction:column;gap:8px;background:var(--s1);border:1px solid var(--line);border-radius:12px}
.tf-chat-antes-tit{font-weight:600;font-size:16px}
.tf-chat-antes-it{font-size:13px;color:var(--mut)}
.tf-chat-antes-it::before{content:"· "}
.bp.bp-so{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;border:0;border-radius:0}
.bp-sis{align-self:center;max-width:90%;text-align:center;font-size:12px;color:var(--mut);background:var(--s1);border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.bp-sis-hora{color:var(--dim)}
@media(max-width:760px){   /* celular: uma coluna que rola inteira, a tarefa em cima e o bate-papo embaixo */
  .tf-jan-fundo{padding:0;overflow-y:auto;align-items:flex-start}
  .tf-jan,.tf-jan.tf-jan-estreita{display:block;width:100%;height:auto;max-height:none;min-height:100%;border-radius:0;overflow:visible}
  .tf-jan-esq{overflow:visible;padding:14px 14px 18px}
  .tf-jan-dir{height:75vh;min-height:420px;border-left:0;border-top:1px solid var(--line)}
  .tf-jan-x{position:fixed}
  .tf-campo{grid-template-columns:110px minmax(0,1fr)}
}

/* Tarefas em azul, como as tarefas do Bitrix (Alexandre, 17/10/2026). Só a tela de Tarefas e a janela da tarefa trocam as variáveis
   (no contêiner, como o verde do Atendimento); as outras telas não mudam. Fundo cinza-azulado, cartões brancos, ação e links em azul,
   ícones de traço em azul. No tema escuro, o mesmo azul em tom escuro. A chama da prioridade segue laranja/vermelha (é aviso). */
.vw[data-view="tarefas"],.tf-jan-fundo{--bg:#EEF2F4;--s1:#FFFFFF;--s2:#F5F7F8;--s3:#E8EEF2;--line:#E1E7EB;--line2:#CDD6DC;
  --ink:#333C45;--mut:#6A737F;--dim:#A0A8B1;--brand:#0075FF;--brand2:#005FCC;--brand-soft:#E5F1FF;--brand-line:#B8D8FF}
:root[data-tema="escuro"] .vw[data-view="tarefas"],:root[data-tema="escuro"] .tf-jan-fundo{--bg:#0F1720;--s1:#16202B;--s2:#1C2835;--s3:#243242;
  --line:#223042;--line2:#2F4053;--ink:#E6EDF3;--mut:#9AA8B6;--dim:#6F7E8D;--brand:#3D9BFF;--brand2:#6CB4FF;--brand-soft:#16304D;--brand-line:#244A73}
main:has(> .vw[data-view="tarefas"]:not([hidden])){background:#EEF2F4}
:root[data-tema="escuro"] main:has(> .vw[data-view="tarefas"]:not([hidden])){background:#0F1720}
.tf-ic{width:16px;height:16px;flex:none;color:var(--brand)}
.tf-ic path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vw[data-view="tarefas"] .tf-tit{color:var(--brand)}            /* título na lista: link azul, como no Bitrix */
.vw[data-view="tarefas"] .tf-item:hover .tf-tit{text-decoration:underline}
.tf-campo-rot{display:inline-flex;align-items:center;gap:6px}
.tf-pessoa{color:var(--brand);font-weight:500}
.tf-jan-modelo{color:var(--brand);font-weight:600}
.tf-modelo-tit{display:flex;align-items:center;gap:8px}
.tf-modelo-tit .tf-ic{width:20px;height:20px}
.tf-anexo .tf-ic{width:14px;height:14px;align-self:center}
.os-bt .tf-ic{width:15px;height:15px;vertical-align:-3px;margin-right:5px}
.os-bt.pri .tf-ic{color:#fff}
.tf-jan .tf-part{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand2)}
.tf-jan .tf-part-x{color:var(--brand2)}

/* Regras de 23/10/2026 (Alexandre; modelo de tela da Solicitação de Compra): lista em três grupos com contadores e "aguardando ação de";
   janela no layout do Bitrix (cartões brancos à esquerda, rodapé fixo, bate-papo à direita); cartão da tarefa citada no bate-papo. Só variáveis
   (as da tela de Tarefas), e os verdes do botão Criar, que são os do Bitrix. */
.tf-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tf-criar-w,.tf-pop-w{position:relative;display:inline-flex}
.tf-criar{background:#9DCF00;color:#2B3A00;border:0;border-radius:4px;padding:0 18px;height:36px;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.tf-criar:hover,.tf-criar:focus-visible{background:#B4E21A}
.tf-pop{position:absolute;top:40px;left:0;z-index:60;min-width:250px;background:var(--s1);border:1px solid var(--line2);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:4px 0;display:flex;flex-direction:column}
.tf-pop.cima{top:auto;bottom:42px}
.tf-pop-w .tf-pop{left:auto;right:0}
.tf-pop-w .tf-pop.cima{right:auto;left:0}
.tf-pop > .tf-meta{padding:8px 14px}
.tf-pop-it{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;padding:8px 14px;cursor:pointer;color:var(--ink);font-size:13.5px}
.tf-pop-it:hover,.tf-pop-it:focus-visible{background:var(--brand-soft)}
.tf-pop-it:disabled{opacity:.42;cursor:not-allowed;background:none}
.tf-pop-tit{font-weight:600}
.tf-localizar{flex:1 1 260px;display:flex;align-items:center;gap:6px;background:var(--s1);border:1px solid var(--line2);border-radius:4px;height:36px;padding:0 10px;min-width:0}
.tf-localizar .os-in{border:0;background:none;box-shadow:none;height:32px;flex:1;min-width:0;padding:0}
.tf-localizar .tf-ic{color:var(--mut)}
.tf-sel-f{height:36px;width:auto;min-width:150px}
.tf-barra2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tf-vista{display:flex;background:var(--s1);border:1px solid var(--line2);border-radius:4px;overflow:hidden;margin-right:8px}
.tf-vista button{border:0;background:none;padding:6px 14px;cursor:pointer;font:inherit;font-size:12.5px;color:var(--mut);font-weight:600}
.tf-vista button[aria-pressed="true"]{background:var(--brand);color:#fff}
.tf-cont{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;color:var(--mut);padding:5px 10px;border-radius:14px;cursor:pointer;border:1px solid transparent;background:none}
.tf-cont i{font-style:normal;min-width:20px;height:20px;border-radius:10px;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:700;padding:0 6px;background:var(--dim)}
.tf-cont.c-brand i{background:var(--brand)}.tf-cont.c-err i{background:var(--err)}
.tf-cont.on{border-color:var(--brand-line);background:var(--s1);color:var(--ink)}
.tf-total{margin-left:auto;font-size:12px;color:var(--mut)}
.tf-grade{background:var(--s1);border:1px solid var(--line);border-radius:4px;overflow-x:auto}
.tf-tab{border-collapse:collapse;width:100%;font-size:13.5px}
.tf-tab th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:600;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--s2);white-space:nowrap;cursor:pointer;user-select:none}
.tf-tab th::after{content:" ↕";color:var(--dim)}
.tf-tab th.asc::after{content:" ↑";color:var(--brand)}.tf-tab th.desc::after{content:" ↓";color:var(--brand)}
.tf-tab td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.tf-linha{cursor:pointer}
.tf-linha:hover td,.tf-linha:focus-visible td{background:var(--brand-soft)}
.tf-linha:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.tf-tab tr.tf-grupo td{background:var(--s3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:700;padding:7px 10px}
.tf-tab tr.tf-grupo b{color:var(--ink)}
.tf-num{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--mut)}
.tf-num.f1{border-left:3px solid var(--brand)}.tf-num.f2{border-left:3px solid var(--line2)}.tf-num.f3{border-left:3px solid transparent}
.tf-nome{min-width:300px}
.tf-nome .tf-l1{display:block}
.tf-nome .tf-l1 > *{vertical-align:middle;margin-right:6px}
.tf-nome .tf-l1 > .tf-chama{display:inline-block;margin-top:-3px}
.tf-nome .tf-tit{color:var(--brand2);font-weight:600}
.tf-filtros .os-sel{width:auto;max-width:280px}
.tf-linha:hover .tf-tit{text-decoration:underline}
.tf-sub{display:block;color:var(--mut);font-size:12px;margin-top:1px}
.tf-tpl{display:inline-block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);border:1px solid var(--line2);border-radius:3px;padding:0 5px;font-weight:600}
.tf-pes{white-space:nowrap}
.tf-stt{display:inline-block;border-radius:3px;padding:2px 8px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid var(--line2);background:var(--s1);color:var(--mut)}
.tf-stt-em_andamento{color:var(--brand2);border-color:var(--brand-line);background:var(--brand-soft)}
.tf-stt-aguardando{color:var(--warn);border-color:var(--warn);background:var(--s1)}
.tf-stt-concluido{color:#fff;background:var(--ok);border-color:var(--ok)}
.tf-stt-cancelado{color:var(--mut);background:var(--s3);text-decoration:line-through}
.tf-vez{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:2px 10px 2px 3px;font-size:12px;font-weight:600;white-space:nowrap}
.tf-vez i{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:9.5px;color:#fff;background:var(--dim)}
.tf-vez.eu{background:var(--brand);color:#fff}
.tf-vez.eu i{background:rgba(255,255,255,.28)}
.tf-vez.out{background:var(--s3);color:var(--ink)}
.tf-vez.nada{background:none;color:var(--dim);font-weight:400;padding-left:0}
.tf-prazo{white-space:nowrap;font-size:12.5px}
.tf-prazo.err{color:var(--err);font-weight:600}.tf-prazo.warn{color:var(--warn);font-weight:600}
.tf-grupo-tit{font-size:13px;margin:12px 0 6px;color:var(--mut)}
/* janela da tarefa no layout do Bitrix */
.tf-jan{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.tf-jan-esq.tf-bx{gap:10px;padding:16px 20px 0}
.tf-bx-top{display:flex;align-items:flex-start;gap:10px;padding-right:44px}
.tf-bx-tit{font-size:21px;font-weight:500;margin:0;flex:1;line-height:1.25;word-break:break-word;color:var(--ink)}
.tf-bx-ics{display:flex;gap:8px;align-items:center;padding-top:4px}
.tf-bx-ic{border:0;background:none;color:var(--mut);cursor:pointer;padding:3px;display:inline-grid;place-items:center;border-radius:4px}
.tf-bx-ic:hover,.tf-bx-ic:focus-visible{background:var(--s3)}
.tf-bx-ic .tf-ic{width:18px;height:18px}
.tf-alvo{background:var(--s3);border-radius:6px;padding:7px 10px;font-size:12.5px;color:var(--ink)}
.tf-alvo.eu{background:var(--brand-soft);color:var(--brand2)}
.tf-bc{background:var(--s1);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.tf-bc-t{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.tf-bc-pe{display:flex;align-items:center;gap:12px;padding-top:4px;flex-wrap:wrap}
.tf-bc-pe .esp,.tf-rodape .esp{flex:1}
.tf-lnk{border:0;background:none;color:var(--brand2);cursor:pointer;font:inherit;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;padding:2px 0}
.tf-lnk:disabled{color:var(--dim);cursor:not-allowed}
.tf-lnk .tf-ic{width:14px;height:14px}
.tf-pr{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:center;font-size:14px;padding:3px 0}
.tf-pr-rot{color:var(--mut);font-size:13px}
.tf-pr-val{display:flex;align-items:center;gap:8px;min-width:0}
.tf-pr-val > .tf-pr-flex{flex:1}
.tf-pr-flex{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.tf-transf{background:var(--s2);border-radius:6px;padding:8px 10px}
.tf-transf .os-sel{max-width:220px}
.tf-sep{height:1px;background:var(--line);margin:2px 0}
.tf-edit{display:flex;flex-direction:column;gap:8px}
.tf-edit-lin{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.tf-edit-lin label{display:inline-flex;align-items:center;gap:6px}
.tf-rodape{position:sticky;bottom:0;z-index:5;margin:6px -20px 0;padding:12px 20px;background:var(--s1);border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tf-rodape .os-bt{border-radius:18px;padding:0 20px;min-height:36px}
.tf-rodape .os-bt:disabled{opacity:.45;cursor:not-allowed}
.tf-olho{display:inline-flex;gap:4px;align-items:center;color:var(--mut);font-size:13px}
.tf-olho .tf-ic{color:var(--mut)}
/* bate-papo da tarefa: o cartão de abertura, o divisor de novas mensagens e o rosto de quem fala */
.tf-cria{align-self:stretch;background:rgba(255,255,255,.62);border-radius:12px;padding:8px 12px;color:#1c2430;font-size:13.5px;margin-bottom:4px}
.tf-cria-b{border-left:3px solid #0075FF;padding:6px 10px;margin-top:6px;background:rgba(255,255,255,.6);border-radius:4px}
.tf-cria-t{font-weight:700;color:#005FCC;margin-bottom:6px}
.tf-cria-g{display:grid;grid-template-columns:170px minmax(0,1fr);gap:4px 8px;font-size:13px}
.tf-cria-g span{white-space:pre-wrap;word-break:break-word}
:root[data-tema="escuro"] .tf-cria,:root[data-tema="escuro"] .tf-cria-b{background:rgba(22,32,43,.72);color:#E6EDF3}
:root[data-tema="escuro"] .tf-cria-t{color:#6CB4FF}
.bp-novas{align-self:stretch;text-align:center;background:rgba(255,255,255,.78);color:#234;font-size:12px;font-weight:600;padding:3px;margin:4px -14px}
:root[data-tema="escuro"] .bp-novas{background:rgba(22,32,43,.85);color:#E6EDF3}
.bp-msg.com-av{margin-left:44px}
.bp-msg-av{position:absolute;left:-44px;top:0;width:36px;height:36px;font-size:12px;border:2px solid rgba(255,255,255,.7)}
.tf-jan-dir .bp-ta{min-height:58px}
/* cartão da tarefa citada num bate-papo (tarefa ou Bate Papo geral) */
.tf-tcards{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.tf-tcard{display:block;text-align:left;border:1px solid var(--brand-line);border-left:3px solid var(--brand);background:var(--brand-soft);color:var(--ink);border-radius:6px;padding:7px 10px;cursor:pointer;font-size:12.5px;max-width:420px}
.tf-tcard:hover,.tf-tcard:focus-visible{filter:brightness(.97)}
.tf-tcard.carregando{color:var(--mut);cursor:default}
.tf-tcard.sem{cursor:default;border-color:var(--line2);border-left-color:var(--dim);background:var(--s2);color:var(--mut);display:flex;align-items:center;gap:4px}
.tf-tcard.sem .tf-ic{color:var(--mut);width:14px;height:14px}
.tf-tcard-t{font-weight:700;color:var(--brand2);font-size:13px}
.tf-tcard-m{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:5px}
/* Solicitação de compra (22 e 23/10/2026): formulário, itens com saldo, etapa, painel do comprador, histórico. O custo em magenta (só o comprador o recebe) */
.tf-jan.tf-jan-compra{grid-template-columns:minmax(0,1fr) 360px}   /* criar: o formulário largo, "Como funciona" ao lado (modelo de tela) */
.tf-sc-campos{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:8px}
.tf-sc-itens .tf-sc-tab td:nth-child(2){min-width:260px}
.tf-sc-itens .tf-sc-tab td:nth-child(4){white-space:nowrap}
.tf-sc-cheia{grid-column:1/-1}
/* ERRO PROCESSO (Alexandre, 10/11/2026): classificação, encaminhamento e recuperação, com o saldo */
.tf-erro-form{grid-template-columns:1fr}
.tf-erro-enc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}
.tf-erro-saldo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tf-erro-cx{background:var(--s2);border-radius:8px;padding:8px 10px}
.tf-erro-cx small{display:block;color:var(--mut);font-size:12px}
.tf-erro-cx b{font-size:17px;font-variant-numeric:tabular-nums}
.tf-erro-cx.ok b{color:var(--ok)}.tf-erro-cx.av b{color:var(--warn,#B7791F)}
.tf-erro-barra{height:6px;border-radius:3px;background:var(--s3);overflow:hidden}.tf-erro-barra i{display:block;height:100%;background:var(--ok)}
.tf-erro-tab{width:100%;border-collapse:collapse;font-size:13px}
.tf-erro-tab th{color:var(--mut);font-weight:600;text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line2);padding:4px 6px}
.tf-erro-tab td{border-bottom:1px solid var(--line);padding:5px 6px;font-variant-numeric:tabular-nums}
.tf-erro-tab .num{text-align:right}
.tf-erro-tab td,.tf-erro-tab th{padding:4px 5px}
.tf-erro-tag{display:inline-block;margin-top:2px;font-size:10.5px;border:1px solid var(--line2);border-radius:3px;padding:0 5px;white-space:nowrap;color:var(--mut)}
.tf-erro-nota{margin:2px 2px 0}
.me-rec{border-color:#B7791F;color:#B7791F}
.tf-obs{width:100%;min-height:84px;resize:vertical;box-sizing:border-box}   /* Obs. da devolução: linha inteira (24/10/2026) */
.tf-req::after{content:" *";color:var(--err)}
.tf-radios{display:flex;gap:6px;flex-wrap:wrap}
.tf-radio{border:1px solid var(--line2);border-radius:4px;padding:5px 11px;cursor:pointer;background:var(--s1);color:var(--ink);font:inherit;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.tf-radio.on{background:var(--brand);border-color:var(--brand);color:#fff}
.tf-radio:disabled{opacity:.45;cursor:not-allowed}
.tf-sc-tab td{vertical-align:top}
.tf-sc-tab th{cursor:default}
.tf-sc-tab th::after{content:none}
.tf-sc-tab .os-in{width:100%;min-width:0}
.tf-sc-tab td:nth-child(3){width:96px}
.tf-sc-esp td{background:var(--s2)}
.tf-sc-esp-l{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:start;font-size:13px}
.tf-sc-acoes{white-space:nowrap}
.tf-sc-escolhido{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}
.tf-saldo{font-size:11.5px;margin-top:3px}.tf-saldo-ok{color:var(--ok)}.tf-saldo-at{color:var(--warn)}
.tf-sc-como{max-width:none;margin:0;border:0;border-radius:0;background:transparent;gap:10px}
.tf-sc-como-it{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;display:flex;flex-direction:column;gap:3px}
.tf-etapa{display:inline-block;border-radius:3px;padding:2px 8px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--s3);color:var(--ink)}
.tf-etapa-1{background:var(--brand-soft);color:var(--brand2)}
.tf-etapa-2,.tf-etapa-3,.tf-etapa-4{background:var(--s1);color:var(--warn);border:1px solid var(--warn)}
.tf-etapa-5{background:var(--ok);color:#fff}
.tf-tag{border-radius:3px;padding:1px 7px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--s3);color:var(--mut)}
.tf-tag-ok{background:var(--ok);color:#fff}.tf-tag-atual{background:var(--s1);color:var(--warn);border:1px solid var(--warn)}
.tf-custo{display:inline-block;background:#F7E4EA;color:#B3264A;border-radius:3px;padding:1px 6px;font-size:11.5px;font-weight:600;white-space:nowrap}
:root[data-tema="escuro"] .tf-custo{background:#3A1724;color:#F29AB4}
.tf-trava{display:flex;gap:8px;align-items:center;background:var(--brand-soft);color:var(--brand2);border-radius:6px;padding:7px 10px;font-size:12.5px}
.tf-painel{border:1px solid var(--warn)}
.tf-ev{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);align-items:start}
.tf-ev:last-child{border-bottom:0}
.tf-ev-bol{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--s3);color:var(--mut);font-weight:700;font-size:12px}
.tf-ev.feito .tf-ev-bol{background:var(--ok);color:#fff}
.tf-ev.atual .tf-ev-bol{background:var(--warn);color:#fff}
.tf-ev.prevista{opacity:.62}
.tf-ev-tit{font-weight:600;font-size:13.5px}
.tf-ev-sep{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:700;padding:10px 0 2px;border-top:2px dashed var(--line2);margin-top:4px}
.tf-quebra{white-space:pre-wrap;word-break:break-word}
/* importada do Bitrix aberta como tarefa do OS (24/10/2026): o cartão do que veio de lá */
.tf-bc-bitrix .tf-bc-t{justify-content:space-between;flex-wrap:wrap}
/* importada sem a conversa trazida: a do Bitrix, aberta no bate-papo, entre o cartão de abertura e as mensagens do OS (25/10/2026) */
.tf-bx-hist{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.tf-bx-hist .tf-chat{max-height:none;overflow:visible}
@media(max-width:760px){
  .tf-sc-campos{grid-template-columns:1fr}
  .tf-sc-esp-l{grid-template-columns:1fr}
}
@media(max-width:760px){
  .tf-pr{grid-template-columns:120px minmax(0,1fr)}
  .tf-cria-g{grid-template-columns:110px minmax(0,1fr)}
  .tf-rodape{position:static;margin:6px -14px 0}
  .tf-localizar{flex-basis:100%}
  .tf-total{margin-left:0;width:100%}
}

/* Arquivo de e-mail no Google Drive (18/10/2026): só leitura. Só variáveis. */
.wm-arq-grupo{margin-top:10px}
.wm-pasta-arq .wm-pasta-nome{font-style:normal}
.wm-arq-sm{font-size:11px;color:var(--mut);padding:2px 12px}
.wm-arq-tit{color:var(--mut)}
.wm-item-arq .wm-item-de{font-weight:400}
.wm-arq-selo{font-size:11px;color:var(--mut);padding:0 6px;align-self:center}
.wm-arq-console .wm-gm-linha{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin-top:8px}
.wm-modo-arq .wm-todas,.wm-modo-arq .wm-abas-lista,.wm-modo-arq .wm-conv{display:none}

/* webmail: agenda de contatos (18/10/2026) */
.wm-ler-ct{margin-left:8px;font-size:12px}
.wm-na-agenda{margin-left:8px;font-size:11px;color:var(--mut);border:1px solid var(--line);border-radius:10px;padding:0 7px;white-space:nowrap}
.wm-dlg-fundo{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:16px}
.wm-dlg{background:var(--s1);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.25);width:min(600px,100%);
  max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:8px;padding:16px 18px;font-size:12.5px;box-sizing:border-box}
.wm-dlg h2{font-size:16px;margin:0}
.wm-dlg .os-msg{margin:0}
.wm-ct-lista{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px}
.wm-ct-it{border:1px solid var(--line);border-radius:8px;padding:8px 10px}
.wm-ct-it.on{border-color:var(--brand)}
.wm-ct-end{display:flex;align-items:center;gap:8px;cursor:pointer;overflow-wrap:anywhere}
.wm-ct-pap{color:var(--mut);font-size:11px}
.wm-ct-campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;margin:6px 0 0 24px}
.wm-ct-campos .os-in,.wm-ct-form .os-in{margin:0;width:100%;box-sizing:border-box}
.wm-dlg-pe,.wm-ct-pe{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.wm-ct-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--s1)}
.wm-ct-form .os-msg,.wm-ct-form .wm-ct-pe{grid-column:1/-1}
.wm-ct-form .wm-ct-pe{justify-content:flex-start}
.wm-ct .wm-org-linha .os-in[type=search]{flex:1 1 260px;max-width:420px}
.wm-ct-fora{display:flex;align-items:center;gap:6px;white-space:nowrap}
.wm-ct-conta{margin:10px 0 4px}
.wm-ct-tab td{vertical-align:middle}
.wm-ct-nm{min-width:160px}
.wm-ct-e{color:var(--mut);font-size:11.5px;overflow-wrap:anywhere}
.wm-ct-tel{white-space:nowrap}
.wm-ct-ent{white-space:nowrap;color:var(--mut)}
.wm-ct-acoes{white-space:nowrap}
.wm-ct-acoes .os-bt{margin-right:8px}
.wm-ct-fora-tx{color:var(--mut)}
.wm-ct-ed .os-in{margin:0;min-width:90px;width:100%;box-sizing:border-box}
.wm-ct-ed .wm-ct-nm .os-in+.os-in{margin-top:4px}
@media (max-width:640px){.wm-ct-campos,.wm-ct-form{grid-template-columns:1fr}.wm-ct-campos{margin-left:0}}
/* lista de remetentes bloqueados (28/10/2026) */
.wm-bq-form{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:10px 0 6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--s1)}
.wm-bq-form .os-in{flex:1 1 320px;min-width:0;margin:0;box-sizing:border-box}
.wm-bq-ex{flex:1 1 100%;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}
.wm-bq-conta{margin:10px 0 4px}
.wm-bq-tab td{vertical-align:middle}
.wm-bq-v{overflow-wrap:anywhere;width:48%}
.wm-bq-tipo{margin-left:8px;padding:1px 6px;border:1px solid var(--line2);border-radius:999px;font-size:11px;color:var(--mut);white-space:nowrap}
.wm-bq-n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.wm-bq-data{white-space:nowrap;color:var(--mut)}
.wm-bq-acoes{min-width:190px}
.wm-bq-acoes .os-bt{display:block;margin:0 0 4px;text-align:left}
/* Bate Papo: importar caixa do Bitrix */
.bp-importar{font-size:16px}
.bp-import-tit{font-weight:600}
.bp-import-linha{display:flex;flex-direction:column;gap:6px}
.bp-import-sel{font:inherit}
.bp-import-estado{font-weight:600;margin-top:4px}
.bp-import{flex:0 1 auto;min-height:0;max-height:80%;overflow-y:auto}       /* o painel rola dentro da coluna; a lista continua abaixo */
.bp-import-tab{width:100%;min-width:0;border-collapse:collapse;font-size:12.5px;margin:6px 0;table-layout:fixed}   /* min-width:0 anula o table{min-width:520px} da folha base: a coluna tem 340px */
.bp-import-tab th,.bp-import-tab td{text-align:left;padding:3px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:top}
.bp-import-tab th:last-child,.bp-import-n{width:56px;text-align:right;white-space:nowrap}
.bp-import-rol{max-height:40vh;overflow-y:auto;border:1px solid var(--line);border-radius:6px}   /* tabela rola sozinha; os botões ficam acima */
.bp-import-corte{color:var(--warn,#b45309)}
.bp-import-area{display:flex;flex-direction:column;gap:6px}
.bp-import-medida{font-size:13px}
.bp-import-drive{border-top:1px solid var(--line);padding-top:6px;margin-top:2px}
.bp-import-extra{display:flex;gap:6px}
.bp-import-extra .os-bt{flex:1;font-size:12.5px;padding-left:6px;padding-right:6px}
.bp-import-drive-form{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.bp-import-drive .os-bt.link{background:none;border:0;padding:0;color:var(--brand);text-decoration:underline;cursor:pointer;font:inherit;min-height:0}


/* webmail: ação na pasta inteira (19/10/2026) */
.wm-prog{display:flex;align-items:center;gap:10px;padding:6px 12px;font-size:12px;background:var(--brand-soft);border-bottom:1px solid var(--line)}
.wm-prog-barra{flex:1;height:6px;background:var(--s2);border-radius:3px;overflow:hidden;min-width:60px}
.wm-prog-barra span{display:block;height:100%;background:var(--brand);transition:width .4s}
/* cobertura de número (férias, SAC), 20/10/2026 */
.at-cob{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.at-cob-lin{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}
.at-cob-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 10px;align-items:end;padding:8px;border:1px dashed var(--line2);border-radius:8px}
.at-cob-form[hidden]{display:none}
.at-cob-form .at-cli-info,.at-cob-form .os-msg{grid-column:1/-1}
.at-cob-tag{background:var(--warn-bg);color:var(--warn)}
.at-mesmo-num{background:var(--brand-soft);color:var(--brand)}

/* E-mail: leitura compacta e barras que não vazam (pedido de Alexandre, 22/10/2026, a partir dos prints do Ronaldo: janela estreita e zoom alto).
   A barra da lista e a de ações ficam DENTRO da própria coluna; o que não cabe vai para "⋯" e "Mais"; o painel de leitura rola inteiro.
   Só variáveis (o bloco de cores do E-mail vale aqui). */
.wm-meio{container-type:inline-size;container-name:wm-lista;overflow:hidden}
.wm-barra{flex-wrap:wrap}
.wm-sub{flex-wrap:wrap;row-gap:2px;min-width:0;white-space:normal}
.wm-sub>*{flex:none}
.wm-sub-mais{display:none}
.wm-menu-tit{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);padding:8px 12px 2px}
@container wm-lista (max-width:479px){.wm-conv,.wm-ordem{display:none}.wm-sub-mais{display:inline-flex;margin-left:auto}}
@container wm-lista (max-width:339px){.wm-aba-lista{padding:4px 5px}.wm-todas{margin-left:8px}}

/* painel de leitura: cabeçalho e corpo no mesmo scroll, barra de ações fixa no topo */
.wm-ler{overflow-y:auto;overflow-x:hidden}
.wm-ler>*{flex:none}
.wm-ler-barra{position:sticky;top:0;z-index:5;flex-wrap:nowrap;align-items:center;gap:4px 8px}
.wm-grupo-bts{flex:none}
.wm-bmais{position:relative;flex:none;margin-left:auto}
.wm-bmais[hidden]{display:none}
.wm-bmais-seta{width:13px;height:13px}
.wm-bmais-painel{position:absolute;right:0;top:calc(100% + 4px);z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:220px;max-width:min(92vw,420px);padding:8px;background:var(--s1);border:1px solid var(--line2);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.wm-bmais-painel[hidden]{display:none}
.wm-bmais-painel .wm-grupo-bts{flex-wrap:wrap}
.wm-ler-area{flex:none;min-height:0}
.wm-moldura{flex:none;height:320px;min-height:200px}

/* destinatários recolhidos */
.wm-ler-resumo{display:flex;align-items:baseline;gap:8px;white-space:nowrap;min-width:0}
.wm-resumo-tx{min-width:0;overflow:hidden;text-overflow:ellipsis}
.wm-resumo-cc{flex:none}
.wm-dest-tg{flex:none;font-size:11.5px}
.wm-ler-dest .wm-dest-tg{margin-top:2px}

/* uma faixa só: Nesta conversa (n) e imagens bloqueadas */
.wm-ler-faixa{margin:0 16px 6px;border:1px solid var(--line);border-radius:8px;background:var(--s2);font-size:12px}
.wm-faixa-linha{display:flex;align-items:center;gap:4px 16px;padding:4px 10px;white-space:nowrap;overflow:hidden;min-width:0}
.wm-faixa-bt{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:var(--mut);flex:none}
.wm-faixa-bt:hover{color:var(--ink)}
.wm-faixa-bt:focus-visible{outline:2px solid var(--brand)}
.wm-faixa-bt .wm-ico{width:13px;height:13px;transform:rotate(-90deg);transition:transform .15s}
.wm-faixa-bt.aberto .wm-ico{transform:none}
.wm-faixa-img{display:inline-flex;align-items:center;gap:8px;color:var(--mut);min-width:0;overflow:hidden;text-overflow:ellipsis}
.wm-faixa-painel{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 8px 8px;max-height:220px;overflow-y:auto}
.wm-faixa-painel[hidden]{display:none}

/* anexos numa linha, com +n */
.wm-ler-anexos{flex-wrap:nowrap;overflow:hidden;align-items:center}
.wm-ler-anexos.aberto{flex-wrap:wrap}
.wm-anexo-it{display:inline-flex;align-items:center;gap:2px;flex:none;max-width:100%}
.wm-anexo-it:first-child{flex:0 1 auto;min-width:140px}
.wm-anexo-it[hidden]{display:none}
.wm-anexo{min-width:0}
.wm-anexo-mais{all:unset;cursor:pointer;flex:none;font-size:12px;font-weight:600;color:var(--brand);padding:3px 9px;border:1px solid var(--line2);border-radius:8px;background:var(--s1)}
.wm-anexo-mais:hover{border-color:var(--brand)}
.wm-anexo-mais:focus-visible{outline:2px solid var(--brand)}
.wm-anexo-mais[hidden]{display:none}
.wm-leitura{container-type:inline-size;container-name:wm-leit}
.wm-bar-icones>.wm-grupo-bts .wm-bt-tx,.wm-bar-icones>.wm-bmais>.wm-bmais-bt .wm-bt-tx,.wm-bar-fixo-ico>.wm-grupo-fixo .wm-bt-tx{display:none}
.wm-faixa-img-n{display:none}
@container wm-leit (max-width:560px){.wm-faixa-img-tx{display:none}.wm-faixa-img-n{display:inline}}

/* Situação do e-mail: respondida e encaminhada (pedido de Alexandre, 22/10/2026). Só variáveis. */
.wm-item-sit{display:inline-flex;gap:3px;align-items:center;flex:none}
.wm-sit{display:inline-flex;align-items:center}
.wm-item-sit .wm-ico{width:14px;height:14px}
.wm-sit-resp{color:var(--brand)}
.wm-sit-enc{color:var(--ok)}
.wm-ler-situacao{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--s2);font-size:12px}
.wm-ler-sit{display:flex;align-items:center;gap:6px;color:var(--mut)}
.wm-ler-sit .wm-ico{width:14px;height:14px;flex:none}
.wm-ler-sit.wm-sit-resp .wm-ico{color:var(--brand)}
.wm-ler-sit.wm-sit-enc .wm-ico{color:var(--ok)}
/* central do WhatsApp (25/10/2026) */
.at-central-dia{display:inline-block;min-width:78px}
.at-transf-nova{color:var(--brand);font-weight:600}
.bp-midia{display:flex;flex-direction:column;gap:2px;max-width:100%}.bp-video{display:block;max-width:100%;max-height:300px;border-radius:8px;background:#000}.bp-audio{display:block;width:100%;max-width:320px}

/* ===== Calendário do Meu espaço (29/10/2026) ===== */
:root{--cl-verde:#2E9E5B;--cl-azul-claro:#4FA8DD;--cl-laranja:#E8782A;--cl-azul-escuro:#1F4E8C;--cl-tijolo:#B5452B;--cl-magenta:#B5177A;--cl-vermelho:#D93A3A;
  --cl-amarelo:#E6B800;--cl-roxo:#7B5CB8;--cl-rosa:#E06C9F;--cl-verde-agua:#1FA6A0;--cl-cinza:#6F7782;--cl-marrom:#8B5A2B;--cl-dourado:#D4A72C;--cl-cap:#DCE6F2;--cl-cap-txt:#2F4F7A}
:root[data-tema="escuro"]{--cl-verde:#3DBA72;--cl-azul-claro:#5FB8EA;--cl-laranja:#F39A55;--cl-azul-escuro:#3E73B8;--cl-tijolo:#D0654A;--cl-magenta:#D63C9C;--cl-vermelho:#F0605A;
  --cl-amarelo:#F2C94C;--cl-roxo:#9A7ED6;--cl-rosa:#F08AB8;--cl-verde-agua:#3BC2BC;--cl-cinza:#8A93A0;--cl-marrom:#B07A4A;--cl-dourado:#E0B84A;--cl-cap:#243247;--cl-cap-txt:#B9CDEA}
.cl-c-verde{--cl-cor:var(--cl-verde)}.cl-c-azul-claro{--cl-cor:var(--cl-azul-claro)}.cl-c-laranja{--cl-cor:var(--cl-laranja)}.cl-c-azul-escuro{--cl-cor:var(--cl-azul-escuro)}
.cl-c-dourado{--cl-cor:var(--cl-dourado);--cl-txt:#2B2400}
.cl-c-tijolo{--cl-cor:var(--cl-tijolo)}.cl-c-magenta{--cl-cor:var(--cl-magenta)}.cl-c-vermelho{--cl-cor:var(--cl-vermelho)}.cl-c-amarelo{--cl-cor:var(--cl-amarelo);--cl-txt:#2B2400}
.cl-c-roxo{--cl-cor:var(--cl-roxo)}.cl-c-rosa{--cl-cor:var(--cl-rosa)}.cl-c-verde-agua{--cl-cor:var(--cl-verde-agua)}.cl-c-cinza{--cl-cor:var(--cl-cinza)}.cl-c-marrom{--cl-cor:var(--cl-marrom)}
.cl-topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.cl-criar-wrap{position:relative}
.cl-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;background:var(--s1);border:1px solid var(--line2);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:190px;padding:4px;display:flex;flex-direction:column}
.cl-menu-it{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--ink)}
.cl-menu-it:hover,.cl-menu-it:focus-visible{background:var(--s2)}
.cl-menu-nota{font-size:11px;color:var(--mut);padding:6px 10px;max-width:220px}
.cl-vistas{display:flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden}
.cl-vistas .os-bt{border:0;border-radius:0;min-height:30px;padding:4px 12px}
.cl-vistas .os-bt.on{background:var(--brand);color:#fff}
.cl-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.cl-nav .os-bt{min-height:30px;padding:4px 10px}
.cl-seta{font-size:16px;line-height:1}
.cl-titulo{font-size:15px;font-weight:600;margin:0 0 0 6px;min-width:150px}
.cl-filtros{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mut);margin-bottom:10px}
.cl-filtro{display:flex;align-items:center;gap:5px;cursor:pointer}
.cl-legenda{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.cl-leg{display:inline-flex;align-items:center;gap:4px}
.cl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cl-cor,var(--mut));flex:none}
.cl-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.cl-cab{background:var(--s2);font-size:11px;font-weight:600;color:var(--mut);text-align:center;padding:6px 0;text-transform:uppercase;letter-spacing:.04em}
.cl-dia{background:var(--s1);min-height:96px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cl-dia.cl-fds{background:var(--s2)}
.cl-dia.cl-fora .cl-num{color:var(--dim)}
.cl-dia.cl-hoje .cl-num{background:var(--brand);color:#fff}
.cl-num{all:unset;cursor:pointer;align-self:flex-start;font-size:12px;font-weight:600;color:var(--ink);border-radius:999px;padding:1px 7px;line-height:18px}
.cl-num:hover,.cl-num:focus-visible{background:var(--s3)}
.cl-dia.cl-hoje .cl-num:hover{background:var(--brand2)}
.cl-itens{display:flex;flex-direction:column;gap:2px;min-width:0}
.cl-chip{all:unset;cursor:pointer;display:flex;align-items:center;gap:4px;background:var(--cl-cor);color:var(--cl-txt,#fff);font-size:11px;line-height:1.25;padding:2px 6px;border-radius:5px;min-width:0;box-sizing:border-box}
.cl-chip:hover,.cl-chip:focus-visible{filter:brightness(1.1);outline:2px solid var(--brand);outline-offset:1px}
.cl-chip .cl-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cl-chip .cl-hora{font-weight:600;flex:none;opacity:.92}
.cl-chip.cl-cont{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-4px;padding-left:8px}
.cl-chip.cl-segue{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-4px}
.cl-chip.cl-imp{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.cl-chip.cl-fer{font-weight:600}
.cl-chip.cl-cap{background:var(--cl-cap);color:var(--cl-cap-txt);font-weight:500}
.cl-semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cl-sdia{background:var(--s1);min-height:220px;display:flex;flex-direction:column;min-width:0}
.cl-sdia.cl-fds{background:var(--s2)}
.cl-scab{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-bottom:1px solid var(--line);font-size:11px;color:var(--mut)}
.cl-scab b{font-size:12px;color:var(--ink)}
.cl-sdia.cl-hoje .cl-scab{background:var(--brand-soft)}.cl-sdia.cl-hoje .cl-scab b{color:var(--brand)}
.cl-scab:hover,.cl-scab:focus-visible{background:var(--s3)}
.cl-sitens{padding:4px}
.cl-nada{font-size:11px;color:var(--dim);text-align:center;padding:8px 0}
.cl-ag{display:grid;grid-template-columns:190px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.cl-ag.cl-hoje .cl-ag-dia{color:var(--brand);font-weight:600}
.cl-ag-dia{font-size:12.5px;color:var(--ink)}
.cl-aitens .cl-chip{align-self:flex-start;max-width:100%}
.cl-det-cab{display:flex;align-items:center;gap:8px;font-size:14px}
.cl-desc{font-size:12.5px;white-space:pre-wrap;margin:0;color:var(--ink)}
.cl-dlg{width:min(640px,100%)}
.cl-form{padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.cl-form .os-full-campo{grid-column:1/-1}
.cl-check,.me-dlg-corpo .cl-check{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font-size:12.5px;color:var(--ink);min-height:28px;text-align:left}   /* .me-dlg-corpo label força coluna: aqui a caixa fica ao lado do texto */
.cl-form .cl-check.os-full-campo{min-height:0;margin:-2px 0 2px}
.cl-cores{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
/* participantes do evento (30/10/2026): chip tracejado quando sou participante; lista de pessoas no formulário */
.cl-chip.cl-conv{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.cl-chip.cl-conv .cl-txt{font-style:italic}
.cl-parts{display:flex;flex-direction:column;gap:6px}
.cl-parts .os-sel{max-width:320px}
.cl-parts-lista{display:flex;flex-wrap:wrap;gap:6px;min-height:22px;align-items:center}
.cl-part{display:inline-flex;align-items:center;gap:4px;background:var(--s2);border:1px solid var(--line2);border-radius:999px;padding:2px 4px 2px 10px;font-size:12.5px;color:var(--ink)}
.cl-part-x{all:unset;cursor:pointer;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--mut)}
.cl-part-x:hover,.cl-part-x:focus-visible{background:var(--brand);color:#fff;outline:none}
.cl-cor{position:relative;width:26px;height:26px;border-radius:50%;background:var(--cl-cor);cursor:pointer;display:inline-block}
.cl-cor input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cl-cor .cl-cor-nome{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cl-cor:has(input:checked){box-shadow:0 0 0 2px var(--s1),0 0 0 4px var(--ink)}
.cl-cor:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:3px}
.cl-tab{min-width:0!important}
.cl-lembretes{position:fixed;right:16px;bottom:44px;z-index:1200;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 28px))}
.cl-lembrete{display:flex;align-items:center;gap:10px;background:var(--s1);color:var(--ink);border:1px solid var(--line2);border-left:4px solid var(--cl-cor,var(--brand));border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:10px 12px;font-size:12.5px}
.cl-lembrete .cl-lem-q{font-size:11.5px;color:var(--mut)}
@media (max-width:760px){
  .cl-dia{min-height:64px;padding:2px}
  .cl-chip .cl-hora{display:none}
  .cl-chip{font-size:10px;padding:1px 4px}
  .cl-semana{grid-template-columns:1fr}
  .cl-sdia{min-height:0}
  .cl-ag{grid-template-columns:1fr;gap:4px}
  .cl-form{grid-template-columns:1fr}
  .cl-nav{margin-left:0}
}
.bp-item-topo{display:flex;align-items:center;gap:6px}.bp-pino{font-size:13px;line-height:1;cursor:pointer;opacity:0;filter:grayscale(1);transition:opacity .12s;border-radius:4px;padding:1px 2px}.bp-item:hover .bp-pino,.bp-pino:focus-visible,.bp-pino-cab{opacity:.55}.bp-pino.on{opacity:1;filter:none}.bp-pino:hover{opacity:1}.bp-pino:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.bp-item.fixada:not(.ativo){background:var(--s2)}@media (hover:none){.bp-pino{opacity:.55}.bp-pino.on{opacity:1}}

/* Disparos (central de e-mail, fase 1) */
.dp-topo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.dp-nota{font-size:12px;color:var(--mut)}
.dp-erro{color:var(--err)}
.dp-tab{width:100%;border-collapse:collapse;font-size:12.5px}
.dp-tab th{text-align:left;font-weight:600;color:var(--mut);padding:6px 8px;border-bottom:1px solid var(--line)}
.dp-tab td{padding:7px 8px;border-bottom:1px solid var(--line)}
.dp-tit{margin:10px 0 6px}
.dp-sub{margin:16px 0 6px;font-size:13px}
.dp-corpo{white-space:pre-wrap;background:var(--s2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;font-size:12.5px;max-height:320px;overflow:auto}
.dp-teste{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:14px 0}
.dp-form{display:flex;flex-direction:column;gap:10px;max-width:720px}
/* Disparos, fase 3: abas Fila e pendências e Controle */
.dp-aba-corpo{min-width:0}
.dp-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 14px;max-width:960px;align-items:end}
.dp-grade .os-campo{margin:0;min-width:0}.dp-grade .os-in,.dp-grade .os-sel,.dp-grade .os-ta{width:100%;box-sizing:border-box;margin:0}
.dp-full{grid-column:1/-1}.dp-chk{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;min-height:36px}.dp-chk label,.dp-chk-um{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12.5px}
.dp-chk-um{min-height:36px}.dp-html{font-family:ui-monospace,Consolas,monospace;font-size:11.5px}
.dp-previa{margin-top:10px}.dp-previa-assunto{font-weight:600;margin:6px 0}.dp-previa-html{width:100%;height:640px;border:1px solid var(--line);border-radius:8px;background:#fff}
.dp-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin:8px 0 14px}
.dp-cartao{background:var(--s2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.dp-cartao-v{font-size:20px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.dp-cartao-r{font-size:12px;color:var(--mut);margin-top:2px}
.dp-cartao .dp-nota{margin-top:4px;font-size:11px}
.dp-ruim .dp-cartao-v{color:var(--err)}
.dp-todo{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
.dp-todo-t{flex:1;min-width:220px;font-size:13px}
.dp-todo .pill{min-width:68px;text-align:center}
.dp-n{text-align:right;font-variant-numeric:tabular-nums}
.dp-ord{all:unset;cursor:pointer;font-weight:600;color:var(--mut)}
.dp-ord:hover,.dp-ord:focus-visible{color:var(--ink);outline:none;text-decoration:underline}
th[aria-sort="ascending"] .dp-ord::after{content:" ▲";font-size:9px}
th[aria-sort="descending"] .dp-ord::after{content:" ▼";font-size:9px}
.dp-tab .pill+.dp-nota{margin-left:6px}
.dp-acoes{display:inline-flex;gap:8px;white-space:nowrap}
.dp-itens{margin-top:14px;overflow-x:auto}
.dp-grafico{max-width:760px;color:var(--ink)}
.dp-grafico svg{width:100%;height:auto;display:block}
.dp-legenda{display:flex;gap:14px;font-size:12px;color:var(--mut);margin-top:4px}
.dp-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:-1px}
/* ---- Base de Conhecimento (Alexandre, 31/10/2026): temas à esquerda, blocos à direita; web para PC ---- */
.bc{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.bc-esq{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
.bc-intro{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.bc-intro h3{font-family:var(--tit);font-size:15px;font-weight:600;margin-bottom:6px}
.bc-intro p{font-size:12px;color:var(--mut);line-height:1.5}
.bc-busca .os-in{margin:0}
.bc-temas{background:var(--s1);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bc-tema{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;
  color:var(--ink);font:inherit;font-size:13px;padding:10px 14px;cursor:pointer}
.bc-tema:hover{background:var(--s2)}
.bc-tema.on{color:var(--brand);font-weight:600;box-shadow:inset 3px 0 0 var(--brand)}
.bc-tema .n{margin-left:auto;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.bc-temas-rod{padding:6px 8px;border-top:1px solid var(--line)}
.bc-res-cab{font-size:11px;color:var(--dim);padding:8px 14px;border-bottom:1px solid var(--line)}
.bc-res-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;color:var(--ink);padding:10px 14px;cursor:pointer}
.bc-res-item:hover{background:var(--s2)}
.bc-res-item .t{display:block;font-size:10.5px;color:var(--brand);text-transform:uppercase;letter-spacing:.05em}
.bc-res-item b{display:block;font-size:12.5px;margin-top:1px}
.bc-res-item .tr{font-size:11.5px;color:var(--mut);margin-top:2px;line-height:1.4}
.bc-dir{min-width:0}
.bc-cab{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.bc-cab h2{font-family:var(--tit);font-size:20px;font-weight:600;letter-spacing:-.015em;margin-right:auto}
.bc-cab .bc-meta{width:100%;font-size:11px;color:var(--dim)}
.bc-bloco{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin-bottom:12px;transition:box-shadow .3s}
.bc-bloco.bc-realce{box-shadow:0 0 0 2px var(--brand)}
.bc-tit{font-family:var(--tit);font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px;letter-spacing:-.01em}
.bc-texto{font-size:13.5px;line-height:1.65;overflow-wrap:anywhere}
.bc-texto p{margin:0 0 10px}
.bc-texto ul{margin:0 0 10px 20px;padding:0}
.bc-texto li{margin:2px 0}
.bc-texto a{color:var(--brand);text-decoration:underline}
.bc-fig{margin:10px 0}
.bc-fig img{max-width:100%;max-height:520px;border:1px solid var(--line);border-radius:8px;cursor:zoom-in;display:block}
.bc-imgs{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.bc-imgs img{max-width:320px;max-height:240px;border:1px solid var(--line);border-radius:8px;cursor:zoom-in}
.bc-img-falta{font-family:var(--codigo);font-size:11px;color:var(--dim);border:1px dashed var(--line2);border-radius:4px;padding:0 4px}
.bc-rod{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin-top:12px;padding-top:8px;border-top:1px dashed var(--line);font-size:11px;color:var(--dim)}
.bc-rod .esp{flex:1}
.bc-rod .os-bt.link{font-size:11.5px;padding:3px 6px}
.bc-mover{display:inline-flex;gap:6px;align-items:center}
.bc-mover .os-sel{width:auto;min-width:160px;min-height:30px;padding:4px 8px;margin:0}
.bc-form{margin-bottom:12px}
.bc-form .os-ta{min-height:240px;font-size:13px;line-height:1.5}
.bc-dica{font-size:11px;color:var(--dim);line-height:1.45}
.bc-form-imgs-wrap{display:flex;flex-direction:column;gap:8px}
.bc-form-imgs{display:flex;flex-wrap:wrap;gap:12px}
.bc-form-img{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:11px;color:var(--mut)}
.bc-form-img img{max-width:160px;max-height:120px;border:1px solid var(--line);border-radius:6px;cursor:zoom-in}
.bc-arq{font-size:12px}
.bc-versoes{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.bc-gaveta{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1300;display:flex;justify-content:flex-end}
.bc-gaveta-painel{background:var(--bg);width:780px;max-width:100%;height:100%;overflow:auto;padding:16px 18px 40px;box-shadow:-8px 0 30px rgba(0,0,0,.2)}
.bc-gaveta-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.bc-gaveta-topo .esp{flex:1}
.bc-gaveta h4{font-size:12px;font-weight:600;margin:14px 0 6px}
.bc-tab{width:100%;min-width:0;font-size:12px;background:var(--s1);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.bc-tab th,.bc-tab td{padding:7px 10px}
.bc-tab tr.cl{cursor:pointer}
.bc-tab tr.cl:hover td{background:var(--s2)}
.bc-chips{display:flex;flex-wrap:wrap;gap:6px}
.bc-chip{font-size:11px;background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:2px 9px}
.bc-vazio{font-size:12px;color:var(--mut);padding:12px 14px}
/* PromIA: caixa de escolha do tamanho do texto, não da tela; a hora e o número também */
.pm-form .os-sel,.pm-form .os-in[type=time],.pm-form .os-in[type=number]{width:auto;min-width:160px;max-width:100%}
/* Pedido ao Fornecedor (fase 1, 07/11/2026): passos, grade de produtos com painel lateral, condições e histórico */
.pf-passos{display:flex;flex-wrap:wrap;margin:0 0 14px}
.pf-passo{padding:6px 18px 6px 14px;font-size:12.5px;font-weight:600;color:var(--mut);background:var(--s3);margin-right:-6px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.pf-passo.on{background:var(--brand);color:#fff}
.pf-passo.ok{background:var(--brand-soft);color:var(--ink)}
.pf-filtros{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px}
.pf-filtros .os-sel,.pf-filtros .os-in{width:auto}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap}
.pf-chip{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;background:var(--s1);cursor:pointer;font:inherit;font-size:12.5px;color:var(--ink);min-height:36px}
.pf-chip.on{background:var(--brand-soft);border-color:var(--brand);font-weight:600}
.pf-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.pf-dois{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;margin-top:8px}
.pf-g2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:1100px){.pf-dois,.pf-g2{grid-template-columns:minmax(0,1fr)}}
.pf-grade{background:var(--s1);border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:620px;margin:8px 0}
.pf-grade table{width:100%;border-collapse:collapse;font-size:12.5px}
.pf-grade th{position:sticky;top:0;z-index:1;background:var(--s2);font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--mut);
  text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.pf-grade td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.pf-grade .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pf-grade tr.sel td{background:var(--brand-soft)}
.pf-grade tbody tr:hover td{background:var(--s2)}
.pf-nm small{display:block;color:var(--mut);font-size:11.5px}
.pf-compacto td{padding:3px 8px}.pf-compacto .pf-nm small,.pf-compacto .pf-hid{display:none}
.pf-tag{display:inline-block;font-size:10.5px;border-radius:3px;padding:0 5px;margin-left:5px;font-weight:600;white-space:nowrap;vertical-align:1px}
.pf-t-v{background:var(--warn-bg);color:var(--warn)}.pf-t-r{background:var(--err-bg);color:var(--err)}
.pf-t-m{background:var(--s3);color:var(--mut)}.pf-t-f{background:var(--ok-bg);color:var(--ok)}
.pf-cob-r{color:var(--err);font-weight:700}.pf-cob-a{color:var(--warn);font-weight:700}.pf-cob-v{color:var(--ok);font-weight:700}
.pf-q{width:90px;text-align:right;min-height:30px;padding:4px 8px}
.pf-lat{position:sticky;top:10px}
.pf-item{display:flex;gap:6px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.pf-item .d{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-item .os-in{width:78px;text-align:right;min-height:30px;padding:4px 8px}
.pf-x{border:0;background:none;color:var(--dim);cursor:pointer;font-size:17px;line-height:1;padding:2px 4px}.pf-x:hover{color:var(--err)}
.pf-tot{display:flex;justify-content:space-between;gap:10px;padding:4px 0}
.pf-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 8px}
.pf-acoes a.os-bt{text-decoration:none;display:inline-flex;align-items:center}
.pf-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.pf-form .os-full{grid-column:1/-1}
.pf-cot{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--mut);white-space:nowrap}
.pf-sol{padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.pf-nota{font-size:12px;color:var(--mut);margin:4px 0}

/* ---- E-mail Marketing, tela 1 Quem recebe (06 e 07/11/2026) ---- */
.mk-passos{display:flex;gap:6px;margin:0 0 14px}
.mk-passo{flex:1;background:var(--s3);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12px;color:var(--mut)}
.mk-passo b{display:block;color:var(--ink);font-weight:600}.mk-passo.on{background:var(--s1);border-color:var(--brand);box-shadow:inset 0 3px 0 var(--brand)}
.mk-passo.breve{opacity:.7}
.mk-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:start}
.mk-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.mk-card{background:var(--s1);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.mk-h{margin:0 0 10px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--brand);font-weight:600}
.mk-sub{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);margin:10px 0 4px}
.mk-pedido{width:100%;min-height:110px}
.mk-botoes{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.mk-chips{display:flex;flex-wrap:wrap;gap:4px}
.mk-chip{background:var(--s2);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12px}
.mk-chip.x{color:var(--err);border-color:var(--err-bg)}.mk-chip.c{color:var(--mut)}
.mk-ia{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:10px;padding:10px 12px;margin-top:12px}
.mk-ia h4{margin:0 0 6px;font-size:12.5px;color:var(--brand)}.mk-q{font-style:italic;color:var(--mut);margin:0 0 6px;font-size:12.5px}
.mk-det{margin-top:10px}.mk-det summary{font-size:12.5px;color:var(--mut);cursor:pointer}
.mk-sql{width:100%;font-family:var(--codigo,ui-monospace,Consolas,monospace);font-size:11.5px;margin-top:6px}
.mk-kpis{display:flex;gap:10px;margin:4px 0 12px;flex-wrap:wrap}
.mk-kpi{flex:1;min-width:120px;background:var(--s2);border:1px solid var(--line);border-radius:9px;padding:10px 12px}
.mk-kpi b{display:block;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.mk-kpi span{font-size:12px;color:var(--mut)}.mk-kpi em{font-style:normal;font-size:11.5px;color:var(--dim);display:block}
.mk-tabwrap{overflow-x:auto;max-width:100%}.mk-tab{font-size:12px;min-width:100%}.mk-tab td{vertical-align:top}.mk-fora td{opacity:.6}
.mk-baixar{margin-top:10px;display:inline-block}
.mk-end{font-size:12px;word-break:break-all;margin-right:6px}
.mk-cortes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}
.mk-corte{font-size:12.5px;display:flex;flex-wrap:wrap;gap:4px 12px}.mk-corte b{font-weight:600}
.mk-lista{margin-top:14px}
.mk-passo.clicavel{cursor:pointer}.mk-passo.clicavel:hover,.mk-passo.clicavel:focus-visible{border-color:var(--brand);outline:none}
.mt-cab{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 12px}.mt-cab .dp-tit{margin:0 8px 0 0}
.mt-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.mt-barra{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 8px}.mt-esp{flex:1}.mt-quem{font-size:12.5px;color:var(--mut);max-width:60%}
.mt-assunto{margin:0 0 8px;font-size:13px}
.mt-moldura{background:var(--s3);border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;justify-content:center;overflow:auto}
.mt-previa{height:720px;max-width:100%;border:0;background:#fff;border-radius:6px}
.mt-avisos{margin-top:10px}.mt-av{margin:6px 0 0;padding:0;list-style:none;font-size:12.5px}.mt-av li{padding:5px 8px;border-radius:6px;margin:0 0 4px;background:var(--s3)}
.mt-av-erro{color:var(--err)}.mt-av-aviso{color:var(--warn)}.mt-av-nota{color:var(--mut)}
.mt-ck{display:block;font-size:13px;margin:10px 0}
.mc-item{display:flex;gap:8px;align-items:flex-start;margin:6px 0;font-size:13px}.mc-item .pill{flex:none;min-width:38px;text-align:center}
.mc-meio{margin:14px 0}
.mc-kpi{font:inherit;color:inherit;text-align:left;cursor:pointer}.mc-kpi:hover,.mc-kpi:focus-visible{border-color:var(--brand);outline:none}
.mt-img{display:flex;gap:10px;align-items:center;margin:6px 0}.mt-th{width:64px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--line);background:#fff}
.mt-campo{cursor:pointer;font-family:Consolas,monospace}
.mt-html{font-family:Consolas,monospace;font-size:12px;white-space:pre}
.mt-atual td{background:var(--s3)}
.mt-blocos{display:flex;flex-direction:column;gap:6px;margin:8px 0}.mt-bloco summary{cursor:pointer}.mt-bloco .os-ta{min-height:54px}
.mt-postit{display:block;margin-top:6px;max-width:100%}

/* ---- O Financeiro › Cobrança (F1, 07/11/2026): cartões, filtros por caixa, tabela e painel do caso. Tela para PC. ---- */
.cb-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.cb-cards .kpi{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;padding:10px 13px}
.cb-cards .kpi .v{font-size:19px}.cb-cards .kpi .s{color:var(--mut)}
.cb-cards .kpi .v .cb-val{font-size:13px;font-weight:600;margin-left:8px;color:inherit;opacity:.85;white-space:nowrap}
/* texto abaixo do titulo: corrido ate o fim da tela (o estilo.css limita a 74ch), com menos espaco antes dos cartoes */
.vw[data-view="cobranca"] > .vhead{margin-bottom:10px}.vw[data-view="cobranca"] > .vhead p{max-width:none}
.cb-cards .kpi:hover{border-color:var(--line2)}
.cb-cards .kpi.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.cb-cards .kpi.cb-er .v{color:var(--err)}.cb-cards .kpi.cb-av .v{color:var(--warn)}
/* resíduos fora da cobrança (F1.2): linha discreta abaixo dos cartões; a lista abre embaixo dela */
.cb-residuos{font-size:11.5px;color:var(--mut);line-height:1.45;margin:-4px 0 12px}
.cb-residuos .cb-titulos{margin-top:6px;max-width:980px}.cb-residuos .cb-titulos td.cb-cli{white-space:normal;min-width:200px}
.cb-filtros{background:var(--s1);border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
.cb-fcab{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px}
.cb-fcab .os-in[type=search]{flex:1 1 220px;min-width:180px;margin:0}
.cb-fcab .os-msg{margin:0;flex:1 1 100%}
.cb-cx{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:4px;white-space:nowrap}
.cb-cx input,.cb-fgrupo input{accent-color:var(--brand)}
.cb-chips{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:11.5px;color:var(--mut);margin-left:auto}
.cb-chip{display:inline-flex;align-items:center;gap:2px;background:var(--brand-soft);color:var(--brand2);border-radius:999px;padding:1px 4px 1px 8px;font-size:11px;font-weight:600}
.cb-x{all:unset;cursor:pointer;font-size:13px;line-height:1;padding:0 4px;border-radius:999px}.cb-x:hover{background:var(--s3)}.cb-x:focus-visible{outline:2px solid var(--brand)}
.cb-fcorpo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 16px;padding:10px 12px 12px;border-top:1px solid var(--line)}
.cb-fgrupo{display:flex;flex-direction:column;gap:3px;font-size:12px}
.cb-fgrupo label{display:flex;align-items:center;gap:4px;cursor:pointer;line-height:1.3}
.cb-fgrupo .cb-n{margin-left:auto;color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums}
.cb-ft{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--mut);margin-bottom:3px}
.cb-fnota{margin-top:8px}
.cb-duas{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.cb-duas.cb-com-caso{grid-template-columns:minmax(0,1fr) minmax(380px,460px)}
.cb-painel-tab{min-width:0}
.cb-tab td{vertical-align:top}
.cb-tab tr.cb-linha{cursor:pointer}
.cb-tab tr.cb-linha.sel td{background:var(--brand-soft)}
.cb-tab tr.cb-enc td{color:var(--mut)}
.cb-tab tr.cb-linha:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.cb-cli{min-width:220px}
.cb-ets{display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}
.cb-ets .pill{font-size:10px}
.cb-tit3{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3;white-space:nowrap}
td:not(.num) .cb-tit3{align-items:flex-start}
.cb-val{font-weight:600}
.cb-dd{font-size:11px;color:var(--mut)}
.cb-t-er{color:var(--err);font-weight:600}
.cb-prox{font-weight:600;white-space:nowrap}.cb-prox.cb-atr{color:var(--err)}.cb-prox.cb-hj{color:var(--brand2)}
.cb-rodape{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:0}
.cb-lado{position:sticky;top:8px;align-self:start;max-height:calc(100vh - 90px);overflow:auto;padding:0}
.cb-caso-h{padding:12px 14px;border-bottom:1px solid var(--line)}
.cb-caso-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.cb-caso-topo h2{font-size:14px;font-weight:700;line-height:1.3}
.cb-sub{font-size:11.5px;color:var(--mut);margin-top:2px}
.cb-alertas{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cb-alertas .pill{white-space:normal;font-size:11px;padding:3px 10px}
.cb-sec{padding:10px 14px;border-bottom:1px solid var(--line)}.cb-sec:last-child{border-bottom:0}
.cb-sec h3{font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:6px}
.cb-sec h3 span{font-size:10.5px;color:var(--dim);font-weight:400;text-align:right}
.cb-titulos{table-layout:auto}
.cb-titulos th,.cb-titulos td{padding:4px 5px;font-size:12px;white-space:nowrap}
.cb-titulos td.cb-ets{display:table-cell;white-space:normal;min-width:120px}.cb-titulos td.cb-ets .pill{margin:1px 3px 1px 0;white-space:normal}
.cb-nota{font-size:11.5px;color:var(--mut);margin-top:6px;line-height:1.45}
.cb-outro{font-size:12px}
.cb-lt{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;padding-right:4px}
.cb-ev{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start}
.cb-ic{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;background:var(--s2);color:var(--mut);flex:none}
.cb-ic.os{background:var(--brand-soft);color:var(--brand2)}.cb-ic.pt{background:var(--s3);color:var(--ink)}.cb-ic.em{background:var(--ok-bg);color:var(--ok)}
.cb-q{font-size:11px;color:var(--mut)}.cb-q b{color:var(--ink);font-weight:600}
.cb-t{font-size:12.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.cb-form{display:flex;flex-direction:column;gap:8px}
.cb-dois{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.cb-form .os-in,.cb-form .os-sel,.cb-form .os-ta{width:100%;margin:0;box-sizing:border-box}
.cb-pe{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.cb-extra{border:1px dashed var(--line2);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.cb-acoes .os-msg{margin:0}
.me-cob .gp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-cob{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}
.ds-cob .pill{font-size:10.5px}
.at-faixa-cob{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.at-faixa-cob .pill{font-size:10.5px}
@media (max-width:1100px){.cb-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-fcorpo{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-duas.cb-com-caso{grid-template-columns:1fr}.cb-lado{position:static;max-height:none}}

/* ---- Tela Produtos (Alexandre, 08/11/2026): as 5 caixas na mesma linha e a frase do título até o fim da tela ---- */
.vw[data-view="produtos"] > .vhead p{max-width:none}
.vw[data-view="produtos"] .cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 16px}
@media (max-width:1100px){.vw[data-view="produtos"] .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- SBAD (Alexandre, 08/11/2026): tela cheia para tablet e celular; some o menu lateral e o topo do OS enquanto a tela está aberta ---- */
body.tela-cheia .app{grid-template-columns:1fr;grid-template-rows:1fr;height:100vh;height:100dvh}
body.tela-cheia .app > .top,body.tela-cheia .app > nav{display:none}
body.tela-cheia main{padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.vw[data-view="sbad"] > .vhead{display:none}
.sb{max-width:760px;margin:0 auto;padding:0 max(12px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));font-size:15px}
.sb-topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 0 10px;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:12px}
.sb-tit{font-weight:700;font-size:17px;color:var(--nome,var(--ink));flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sb-topo .sb-voltar{background:none;border:1px solid var(--line2);border-radius:10px;padding:10px 14px;font:inherit;font-weight:600;color:var(--ink);min-height:44px;width:auto;min-width:0;flex:0 0 auto}
.sb-corpo{display:flex;flex-direction:column;gap:12px}
.sb-corpo > .sb-card,.sb-corpo > div > .sb-card{margin:0}
.sb-grade{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb-tile{position:relative;background:var(--s1);border:1px solid var(--line);border-radius:14px;padding:22px 12px;text-align:center;font:inherit;color:var(--ink);cursor:pointer;min-height:96px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.sb-tile b{font-size:18px;font-weight:700}.sb-tile span{font-size:12.5px;color:var(--mut)}
.sb-tile.pri{background:var(--brand);border-color:var(--brand);color:#fff}.sb-tile.pri span{color:#fff;opacity:.85}
.sb-badge{position:absolute;top:8px;right:10px;font-style:normal;font-size:12px;font-weight:700;background:var(--brand);color:#fff;border-radius:999px;padding:1px 8px}
.sb-tile:focus-visible,.sb-bt:focus-visible,.sb-lin:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.sb-card{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.sb-in{width:100%;min-height:46px;font-size:16px}
.sb-campo{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--mut)}
.sb-val{font-size:14.5px;color:var(--ink)}
.sb-bt{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 16px;border-radius:10px;border:1px solid var(--line2);background:var(--s1);color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;width:100%}
.sb-bt.pri{background:var(--brand);border-color:var(--brand);color:#fff}.sb-bt.mg{background:#B3265F;border-color:#B3265F}
.sb-bt.ok{background:var(--ok);border-color:var(--ok);color:#fff}.sb-bt.rd{background:var(--err);border-color:var(--err);color:#fff}
.sb-bt.sb-pq{width:auto;min-height:46px;white-space:nowrap}.sb-bt:disabled{opacity:.6}
.sb-x{width:auto;min-width:44px;min-height:44px;padding:6px 12px;font-size:16px;color:var(--err);border-color:var(--line2)}
.sb-vol{align-items:center;justify-content:center;gap:18px}.sb-vol > *{flex:0 0 auto}.sb-vol-b{width:56px;min-height:48px;font-size:24px;line-height:1;padding:0}.sb-vol-n{font-size:26px;min-width:40px;text-align:center}
.sb-duo{display:flex;gap:8px;align-items:flex-end}.sb-duo > *{flex:1;min-width:0}.sb-duo > .sb-pq{flex:0 0 auto}
.sb-lista{display:flex;flex-direction:column;gap:8px}
.sb-lin{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-align:left;font:inherit;color:var(--ink)}
.sb-lin-t{min-width:0;flex:1}.sb-lin-v{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.sb-clicavel,.sb-cli{cursor:pointer}
.sb-nome{font-weight:600;overflow-wrap:anywhere}.sb-sub{font-size:12.5px;color:var(--mut);overflow-wrap:anywhere}.sb-sub2{display:block;margin-top:6px}
.sb-preco{font-weight:700;white-space:nowrap}.sb-est{font-size:12px;color:var(--mut)}.sb-est.zero{color:var(--err);font-weight:600}
.sb-add{font-size:12px;font-weight:700;color:var(--brand)}
.sb-item-cab{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.sb-tot{text-align:right;font-weight:700;font-size:16px}.sb-tot.grande{font-size:22px}
.sb-resumo{display:flex;justify-content:space-between;gap:8px}
.sb-op{display:flex;gap:6px;align-items:center;font-size:14px;min-height:40px}.sb-op input{width:auto;min-height:0}
.sb-passos{display:flex;gap:4px;margin-bottom:4px}.sb-passo{flex:1;text-align:center;font-size:11.5px;padding:6px 2px;border-radius:8px;background:var(--s2);color:var(--mut)}
.sb-passo.on{background:var(--brand);color:#fff;font-weight:700}.sb-passo.ok{background:var(--ok-bg);color:var(--ok)}
.sb-fixo{position:sticky;bottom:0;background:var(--bg);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}
.sb-pills{display:flex;gap:6px;flex-wrap:wrap}
.sb-aprov{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:14px}.sb-aprov .neg{color:var(--err)}
.sb-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-kpi{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:2px}
.sb-kpi span{font-size:12px;color:var(--mut)}.sb-kpi b{font-size:18px}.sb-kpi i{font-style:normal;font-size:12px;color:var(--mut)}
.sb-rede{margin-bottom:8px}
@media (min-width:700px){.sb-grade{grid-template-columns:repeat(3,1fr)}.sb-kpis{grid-template-columns:repeat(3,1fr)}.sb-bt{width:auto;min-width:140px}.sb-duo > .sb-bt{width:100%}}

/* Campanha mês › Alça Auto (11/11/2026) */
.cpa-filtro{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut)}
.cpa-bar{position:relative;display:inline-block;width:240px;height:10px;background:var(--s3);border-radius:5px;vertical-align:middle}
.cpa-bar i{display:block;height:100%;border-radius:5px;background:var(--brand)}.cpa-bar i.ok{background:var(--ok)}
.cpa-bar b{position:absolute;top:-3px;width:2px;height:16px;background:var(--warn)}
.cpa-clic{cursor:pointer}.cpa-clic:hover td{background:var(--s2)}
.cpa-regra{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--mut)}.cpa-regra b{color:var(--ink)}
.cpa-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.cpa-chip{border:1px solid var(--line2);background:transparent;color:var(--mut);border-radius:14px;padding:2px 12px;font:inherit;font-size:13px;cursor:pointer}
.cpa-chip.on{background:var(--brand-soft);border-color:var(--brand-line);color:var(--ink)}
.cpa-busca{margin-left:auto;min-width:240px}
.cpa-ord{cursor:pointer;white-space:nowrap}.cpa-ord.on{color:var(--ink)}
.cpa-rol{max-height:560px;overflow:auto}
.cpa-como{color:var(--mut);font-size:12.5px}.cpa-inad{color:var(--err);font-weight:700}
.me-campanha{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:6px;border-radius:4px;background:#F2C94C;color:#241c00;font-size:11.5px;font-weight:800;line-height:1;vertical-align:middle;cursor:help}