/* Ozaca Atende - complementos ao style.css (que é o mesmo do CRM Ozaca) */
[hidden]{display:none!important}

/* ------------------------------------------------- disponível / ausente */
.disp-form{margin:0}
.disp{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:20px;cursor:pointer;
  border:1px solid rgba(255,255,255,.18);background:transparent;color:#cfd6dc;font:600 13px var(--font)}
.disp .ponto{width:9px;height:9px;border-radius:50%;background:#8f99a3}
.disp.on{border-color:rgba(74,222,128,.45);color:#fff}
.disp.on .ponto{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.2)}

/* ------------------------------------------------------- tela inbox */
body.tela-inbox .content-wrapper{overflow:hidden}
body.tela-inbox .main-content{padding:0;display:flex;min-height:0;height:100%}
body.tela-inbox .main-content > .aviso{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:70px}
.inbox{display:grid;grid-template-columns:224px 330px minmax(0,1fr) auto;flex:1;min-height:0;height:100%}

/* visões (o menu "Conversas / Grupos" do Octadesk) */
.ib-visoes{background:#f6f8fa;border-right:1px solid var(--borda);overflow-y:auto;padding:14px 10px}
.ib-visoes h3{font-size:12.5px;font-weight:800;color:var(--texto);margin:6px 8px 8px;letter-spacing:.2px}
.ib-visoes h3 + a{margin-top:0}
.ib-visoes h3:not(:first-child){margin-top:18px}
.ib-visoes a{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:9px;color:var(--cinza);font-size:13.5px;cursor:pointer}
.ib-visoes a:hover{background:#eaeef2;text-decoration:none;color:var(--texto)}
.ib-visoes a.on{background:#fff;color:var(--texto);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.ib-visoes a i.ph{font-size:17px;flex:none}
.ib-visoes a span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-visoes a b{font-size:12px;color:var(--mutado);font-weight:700}
.ib-visoes a.alerta b:not(:empty){background:#fdeaea;color:var(--erro);border-radius:10px;padding:1px 7px}
.ib-visoes a[data-aba=mencoes] b:not(:empty){background:var(--primaria);color:#fff;border-radius:10px;padding:1px 7px}
.ib-visoes .pastilha{margin:0;width:10px;height:10px;border-radius:3px;flex:none}
.ib-vis-funil{margin-top:16px;border:1px dashed var(--borda-forte)}
.ib-lista-topo{padding:14px 14px 0;display:flex;align-items:center;gap:8px}
.ib-lista-topo b{font-size:17px}
#visao-celular{display:none}
.ib-excedido{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 12px;border-radius:9px;background:#fdecea;
  border:1px solid #f5c2bd;color:#b3261e;font-size:13px;font-weight:600;cursor:pointer}
.ib-excedido:hover{text-decoration:none;background:#fbe0dd}
.ib-excedido .ponto{width:8px;height:8px;border-radius:50%;background:#e53935;flex:none}
.ib-excedido i{margin-left:auto}
.ib-chip-atend{align-self:flex-end;font-size:10.5px;font-weight:600;color:var(--cinza);background:#eef1f4;border-radius:6px;padding:1px 7px;margin-bottom:1px;
  max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-item .l3 .esp.excedido{background:#fdeaea;color:var(--erro)}
.ib-item .l1 time.excedido{color:var(--erro);font-weight:700}
.ib-item .l3 .val{background:#e3f5ea;color:var(--sucesso)}
.ib-item .l3 .men{background:var(--primaria);color:#fff}
.ib-tipo{display:flex;gap:16px;margin-bottom:10px}
.ib-gravando{display:flex;align-items:center;gap:10px;padding:8px 4px;font-size:14px}
.ib-gravando .ponto{width:10px;height:10px;border-radius:50%;background:#e53935;animation:bate 1.2s infinite}
.ib-gravando b{font-variant-numeric:tabular-nums;margin-right:auto}

.ib-lista .ib-busca{padding-top:10px}
/* lista */
.ib-lista{border-right:1px solid var(--borda);display:flex;flex-direction:column;min-height:0;background:#fbfcfd}
.ib-busca{display:flex;gap:6px;padding:14px 12px 8px}
.ib-busca-campo{flex:1;position:relative}
.ib-busca-campo i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--mutado)}
.ib-busca-campo input{width:100%;padding:9px 10px 9px 32px;border:1px solid var(--borda-forte);border-radius:10px;font:14px var(--font)}
.ib-busca-campo input:focus{outline:none;border-color:var(--primaria)}
.ib-ico{width:36px;height:36px;border-radius:10px;border:1px solid var(--borda);background:#fff;color:var(--cinza);
  display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex:none}
.ib-ico:hover,.ib-ico.on{background:var(--mist);color:var(--primaria);border-color:#c5dcee}
.ib-ico.azul{background:var(--primaria);border-color:var(--primaria);color:#fff}
.ib-filtros{display:grid;gap:6px;padding:0 12px 8px}
.ib-filtros select{padding:8px 10px;border-radius:9px;font-size:13px}
.ib-abas{display:flex;border-bottom:1px solid var(--borda);padding:0 6px;overflow-x:auto;scrollbar-width:none}
.ib-abas a{padding:10px 8px;font-size:13px;font-weight:700;color:var(--cinza);cursor:pointer;white-space:nowrap;
  border-bottom:2px solid transparent;display:flex;gap:5px;align-items:center}
.ib-abas a:hover{text-decoration:none;color:var(--texto)}
.ib-abas a.on{color:var(--primaria);border-bottom-color:var(--primaria)}
.ib-abas a b{font-size:11px;background:var(--fundo);color:var(--cinza);border-radius:10px;padding:1px 7px}
.ib-abas a b:empty{display:none}
.ib-abas a[data-aba=fila] b{background:#fdeeda;color:var(--aviso)}
.ib-itens{overflow-y:auto;flex:1}
.ib-carregando{padding:40px 20px;text-align:center;color:var(--mutado);font-size:13.5px}

.ib-item{display:flex;gap:11px;padding:12px 14px;border-bottom:1px solid #eef0f2;cursor:pointer;color:var(--texto);position:relative}
.ib-item:hover{background:#f2f5f8;text-decoration:none}
.ib-item.on{background:var(--mist)}
.ib-item.on:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primaria)}
.ib-av{position:relative;width:42px;height:42px;border-radius:50%;background:#dfe7ee;color:#3c5466;flex:none;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.ib-av .canal{position:absolute;right:-3px;bottom:-3px;font-size:17px;background:#fff;border-radius:50%;padding:1px}
.canal.wa{color:#25d366}
.canal.site{color:var(--primaria)}
.ib-item-meio{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ib-item .l1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ib-item .l1 b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-item .l1 time{font-size:11.5px;color:var(--mutado);flex:none}
.ib-item.novo .l1 time{color:var(--sucesso);font-weight:700}
.ib-item .l2{display:flex;gap:8px;align-items:center}
.ib-item .l2 .txt{font-size:13px;color:var(--cinza);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ib-item.novo .l2 .txt{color:var(--texto);font-weight:600}
.ib-item .l2 .n{background:#25d366;color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;padding:0 6px}
.ib-item .l3{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-height:4px}
.ib-item .l3 span{font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px;background:var(--fundo);color:var(--cinza)}
.ib-item .l3 .dep{background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c)}
.ib-item .l3 .esp{background:#fdeeda;color:var(--aviso)}
.ib-item .l3 .jan{background:#fdeaea;color:var(--erro)}
.ib-item .l3 .csat{background:#fff6d6;color:#9a6b00}
.ib-item .etq{width:9px;height:9px;border-radius:50%;display:inline-block}

/* chat */
.ib-chat{display:flex;flex-direction:column;min-height:0;min-width:0;background:#f4f1ec;
  background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:18px 18px}
.ib-vazio{margin:auto;max-width:380px;text-align:center;color:var(--cinza);display:flex;flex-direction:column;gap:8px;padding:30px;font-size:13.5px;line-height:1.55}
.ib-vazio > i{font-size:56px;color:#c7d3dd;margin:0 auto 6px}
.ib-vazio > b{font-size:16px;color:var(--texto)}
.ib-chat-dentro{display:flex;flex-direction:column;min-height:0;flex:1}
.ib-chat-topo{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--borda)}
.ib-chat-quem{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.ib-chat-quem b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-chat-quem small{font-size:12px;color:var(--mutado);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-chat-quem .selo{font-size:10px;padding:1px 8px;vertical-align:1px}
.selo.st-bot{background:#ece6f7;color:#6a3fb5}
.selo.st-fila{background:#fdeeda;color:var(--aviso)}
.selo.st-atendimento{background:#e3f5ea;color:var(--sucesso)}
.selo.st-encerrada{background:var(--fundo);color:var(--cinza)}
.ib-chat-acoes{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.so-celular{display:none}

.ib-msgs{flex:1;overflow-y:auto;padding:16px 6% 10px;display:flex;flex-direction:column;gap:4px}
.ib-data{text-align:center;margin:10px 0 6px}
.ib-data span{background:#fff;color:var(--cinza);font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:8px;
  box-shadow:0 1px 1px rgba(0,0,0,.06);text-transform:capitalize}
.ib-sis{text-align:center;margin:4px 0}
.ib-sis span{display:inline-block;background:#e8eef3;color:#4d6273;font-size:11.5px;padding:3px 10px;border-radius:7px}
.ib-msg{display:flex;flex-direction:column;max-width:68%;margin-top:4px}
.ib-msg.in{align-self:flex-start}
.ib-msg.out,.ib-msg.nota{align-self:flex-end;align-items:flex-end}
.ib-msg .quem{font-size:11px;color:var(--mutado);margin:0 6px 2px;font-weight:600;display:flex;gap:4px;align-items:center}
.ib-msg .b{background:#fff;border-radius:10px;padding:7px 10px 5px;box-shadow:0 1px 1px rgba(0,0,0,.08);font-size:14px;line-height:1.45;
  word-wrap:break-word;overflow-wrap:anywhere;min-width:70px}
.ib-msg.in .b{border-top-left-radius:2px}
.ib-msg.out .b{background:#d9fdd3;border-top-right-radius:2px}
.ib-msg.out.bot .b{background:#e9e3f6}
.ib-msg.nota .b{background:#fff4c2;border:1px dashed #e0c25a}
.ib-msg .t a{color:#0b6bcb}
.ib-msg .h{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:10.5px;color:#7a8a96;margin-top:2px}
.tq{font-size:14px}
.tq.lida{color:#34b7f1}
.tq.falhou{color:var(--erro)}
.ib-erro{font-size:11.5px;color:var(--erro);margin:3px 4px 0;max-width:360px;text-align:right}
.ib-img img{display:block;max-width:300px;max-height:320px;border-radius:7px;margin-bottom:4px}
.ib-msg audio{width:280px;max-width:100%;display:block}
.ib-msg video{max-width:320px;border-radius:7px;display:block}
.ib-doc{display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.04);padding:9px 11px;border-radius:8px;color:var(--texto);margin-bottom:3px}
.ib-doc span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px}
.ib-doc i{font-size:20px;color:var(--cinza)}
.ib-midia-falha{font-size:12px;color:var(--mutado);font-style:italic}
.ib-opcoes{display:flex;flex-direction:column;gap:4px;margin:6px 0 2px}
.ib-opcoes span{border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.7);border-radius:7px;padding:5px 10px;font-size:12.5px;text-align:center;color:#0b6bcb;font-weight:600}
.ib-tag-modelo{display:flex;gap:4px;align-items:center;font-size:11px;font-weight:700;color:#6a3fb5;margin-bottom:3px}
.ib-reacao{font-size:13px;color:var(--cinza)}

.ib-faixa{background:#fff8e6;border-top:1px solid #f1dfae;color:#7a5300;font-size:13px;padding:9px 16px;line-height:1.5}
.ib-faixa .btn{margin-left:8px}

.ib-compor{background:#fff;border-top:1px solid var(--borda);padding:6px 14px 12px;position:relative}
.ib-compor-abas{display:flex;gap:4px;align-items:center;margin-bottom:6px}
.ib-compor-abas a{font-size:12.5px;font-weight:700;color:var(--mutado);padding:5px 10px;border-radius:8px;cursor:pointer;display:flex;gap:4px;align-items:center}
.ib-compor-abas a:hover{text-decoration:none;background:var(--fundo)}
.ib-compor-abas a.on{background:var(--mist);color:var(--primaria)}
.ib-compor.modo-nota .ib-compor-abas a.on{background:#fff4c2;color:#7a5300}
.ib-dica-atalho{margin-left:auto;font-size:11px;color:var(--mutado)}
.ib-compor-linha{display:flex;gap:8px;align-items:flex-end}
.ib-compor-linha textarea{flex:1;min-height:42px;max-height:180px;resize:none;padding:10px 13px;border-radius:12px;line-height:1.45;font-size:14px}
.ib-compor.modo-nota textarea{background:#fffbea;border-color:#e0c25a}
.ib-compor.travado .ib-compor-linha{opacity:.45;pointer-events:none}
.ib-enviar{width:42px;height:42px;border-radius:50%;border:0;background:var(--primaria);color:#fff;font-size:19px;cursor:pointer;flex:none;display:flex;align-items:center;justify-content:center}
.ib-enviar:hover{background:var(--primaria-hover)}
.ib-enviar:disabled{opacity:.5}
.ib-anexo{font-size:13px;display:flex;align-items:center;gap:8px;background:var(--fundo);padding:6px 10px;border-radius:9px;margin-bottom:6px}
.ib-anexo .ib-ico{width:26px;height:26px;font-size:14px;margin-left:auto}
.ib-rr{position:absolute;bottom:100%;left:14px;right:14px;background:#fff;border:1px solid var(--borda);border-radius:12px;
  box-shadow:0 -8px 24px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;padding:5px;z-index:10}
.ib-rr a{display:block;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--texto);cursor:pointer}
.ib-rr a b{color:var(--primaria)}
.ib-rr a small{display:block;color:var(--mutado);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-rr a.on,.ib-rr a:hover{background:var(--mist);text-decoration:none}

/* painel do contato */
.ib-painel{width:300px;border-left:1px solid var(--borda);overflow-y:auto;background:#fff}
.ib-painel[hidden]{display:none}
.ib-painel-bloco{padding:16px 18px;border-bottom:1px solid var(--borda)}
.ib-painel h3{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--cinza);margin:0 0 12px}
.ib-painel .campo{margin-bottom:10px}
.ib-painel label{font-size:11px}
.ib-painel input,.ib-painel textarea{padding:8px 10px;font-size:13.5px;border-radius:9px}
.ib-painel textarea{min-height:60px}
.ib-painel input[readonly]{background:var(--fundo);color:var(--cinza)}
.ib-salvo{font-size:12px;color:var(--sucesso);font-weight:700;margin-left:8px}
.ib-etqs{display:flex;flex-wrap:wrap;gap:6px}
.ib-etq{border:1px solid color-mix(in srgb,var(--c) 40%,#fff);color:var(--c);background:#fff;border-radius:20px;padding:4px 11px;
  font:700 12px var(--font);cursor:pointer}
.ib-etq.on{background:var(--c);color:#fff;border-color:var(--c)}
.ib-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px}
.ib-dl dt{color:var(--mutado)}
.ib-dl dd{margin:0;overflow-wrap:anywhere}
.ib-hist{display:flex;flex-direction:column;gap:4px}
.ib-hist a{display:flex;flex-direction:column;padding:8px 10px;border-radius:9px;cursor:pointer;color:var(--texto);font-size:13px}
.ib-hist a:hover{background:var(--fundo);text-decoration:none}
.ib-hist a.on{background:var(--mist)}
.ib-hist a span{font-size:11.5px;color:var(--mutado)}

/* janelas */
.ib-dialogo{border:0;border-radius:16px;padding:24px;width:min(460px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.ib-dialogo::backdrop{background:rgba(20,22,28,.45)}
.ib-dialogo h3{margin:0 0 16px;font-size:17px}
.ib-previa{background:#d9fdd3;border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:16px;line-height:1.5}
.ib-previa:empty{display:none}

.ib-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1f2430;color:#fff;padding:12px 18px;
  border-radius:12px;font-size:14px;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:90vw;transition:opacity .4s}
.ib-toast.erro{background:#b3261e}
.ib-toast.sai{opacity:0}

/* celular: uma coluna por vez */
@media(max-width:1180px){
  .inbox{grid-template-columns:330px minmax(0,1fr) auto}
  .ib-visoes{display:none}
  #visao-celular{display:block;flex:1;padding:8px 10px;border-radius:9px;font-weight:700}
  .ib-lista-topo b{display:none}
}
@media(max-width:900px){
  .inbox{grid-template-columns:1fr}
  .ib-chat,.ib-painel{display:none}
  .inbox.com-conversa .ib-lista{display:none}
  .inbox.com-conversa .ib-chat{display:flex}
  .so-celular{display:inline-flex}
  .ib-msg{max-width:88%}
  .ib-msgs{padding:12px 10px}
  .ib-dica-atalho{display:none}
  .ib-chat-acoes .btn span{display:none}
}
@media(max-width:1250px){ .ib-painel{position:absolute;right:0;top:56px;bottom:0;z-index:20;box-shadow:-10px 0 30px rgba(0,0,0,.1)} }

/* ------------------------------------------------ telas de configuração */
.cfg-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.codigo{background:#14161c;color:#d6e2ea;border-radius:12px;padding:14px 16px;font:12.5px/1.6 ui-monospace,Consolas,monospace;
  overflow-x:auto;white-space:pre;user-select:all}
.chk{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--texto)}
.chk input{width:auto}
.horario-dia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 6px;align-items:center;margin-bottom:10px}
/* o dia vai numa linha e os 4 horários embaixo: no cartão estreito a caixa de hora não cabe ao lado do nome */
.horario-dia b{font-size:13px;grid-column:1/-1}
.horario-dia input{min-width:0;width:100%;padding:8px 4px 8px 7px;font-size:13px;font-variant-numeric:tabular-nums}
.horario-dia input::-webkit-calendar-picker-indicator{margin:0;padding:0;width:11px;opacity:.55}
.horario-dia input::-webkit-datetime-edit{padding:0}
.horario-dia input::-webkit-datetime-edit-fields-wrapper{padding:0}
.horario-dia input:nth-of-type(3){margin-left:6px;width:calc(100% - 6px)}
.ok-sim{color:var(--sucesso);font-weight:700}
.ok-nao{color:var(--erro);font-weight:700}
.pastilha{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:-1px;margin-right:6px}
.cartao.sem-pad{overflow-x:auto}

/* ------------------------------------------------------- funil (kanban) */
body.tela-funil .main-content{display:flex;flex-direction:column;min-height:0;padding-bottom:12px}
body.tela-funil .content-wrapper{overflow:hidden}
.kb{display:flex;gap:16px;overflow-x:auto;flex:1;min-height:0;padding-bottom:8px;align-items:stretch}
.kb-col{flex:0 0 300px;display:flex;flex-direction:column;min-height:0;border-radius:14px;transition:background .15s}
.kb-col.alvo{background:var(--mist)}
.kb-col header{display:flex;align-items:center;gap:8px;padding:8px 6px 10px;border-bottom:3px solid var(--c);margin-bottom:10px}
.kb-col header b{font-size:16px}
.kb-n{font-size:11.5px;font-weight:700;border:1px solid var(--borda);border-radius:6px;padding:1px 7px;color:var(--cinza)}
.kb-soma{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--cinza)}
.kb-cards{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:2px 4px 10px;min-height:80px;flex:1}
.kb-card{display:flex;gap:10px;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px;cursor:grab;
  box-shadow:0 2px 6px rgba(30,32,40,.05);transition:box-shadow .15s}
.kb-card:hover{box-shadow:0 6px 16px rgba(30,32,40,.1)}
.kb-card.arrasto{opacity:.4}
.kb-card .ib-av{width:38px;height:38px;font-size:13px}
.kb-meio{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kb-l1{display:flex;align-items:center;gap:6px}
.kb-l1 b{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-quem{width:24px;height:24px;border-radius:50%;background:#e3ecf5;color:var(--primaria);font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex:none}
.kb-org{font-size:11.5px;color:var(--mutado)}
.kb-txt{font-size:12.5px;color:var(--cinza);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-l3{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-top:4px}
.kb-valor{color:var(--cinza);cursor:pointer;flex:1}
.kb-valor b{color:var(--primaria)}
.kb-valor:hover b{text-decoration:underline}
.kb-l3 time{font-size:11.5px;color:var(--mutado)}
.kb-l3 .n{background:var(--primaria);color:#fff;font-size:10.5px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}

/* copiloto de IA (fase 2): ícone girando enquanto a sugestão chega */
#bt-sugerir.girando i{animation:ib-gira 1s linear infinite}
@keyframes ib-gira{to{transform:rotate(360deg)}}

/* ------------------------------------------------- tickets (fase 3) */
.tk-num{color:var(--mutado);font-weight:700;font-variant-numeric:tabular-nums}
.tk-st,.tk-prio,.tk-sla{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap}
.tk-st.aberto{background:#e6f0fa;color:#0069ba}
.tk-st.pendente{background:#fff4e0;color:#b26a00}
.tk-st.resolvido{background:#e3f5ea;color:var(--sucesso)}
.tk-st.fechado{background:#eef1f4;color:var(--cinza)}
.tk-prio.baixa{background:#eef1f4;color:var(--cinza)}
.tk-prio.media{background:#e6f0fa;color:#0069ba}
.tk-prio.alta{background:#fff4e0;color:#b26a00}
.tk-prio.urgente{background:#fdeaea;color:var(--erro)}
.tk-sla{font-weight:600;background:#eef1f4;color:var(--cinza)}
.tk-sla.vencendo{background:#fff4e0;color:#b26a00}
.tk-sla.vencido{background:#fdeaea;color:var(--erro)}
.tk-sla.ok{background:#e3f5ea;color:var(--sucesso)}
.tk-lista-grade{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start}
.tk-visoes{background:#f6f8fa;border:1px solid var(--borda);border-radius:14px;padding:10px}
.tk-visoes a{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px;color:var(--cinza);font-size:13.5px}
.tk-visoes a:hover{background:#eaeef2;text-decoration:none;color:var(--texto)}
.tk-visoes a.on{background:#fff;color:var(--texto);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.07)}
.tk-visoes a span{flex:1}
.tk-visoes a b{font-size:12px;color:var(--mutado)}
.tk-visoes a.alerta b:not(:empty){background:#fdeaea;color:var(--erro);border-radius:10px;padding:1px 7px}
.tk-filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}
.tk-filtros input,.tk-filtros select{width:auto;padding:7px 10px;font-size:13px}
.tk-filtros input[type=search]{min-width:220px}
.tk-tabela tbody tr{cursor:pointer}
.tk-tabela tbody tr:hover td{background:#f8fafc}
.tk-tabela td a{color:var(--texto)}
.tk-cabeca h1{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tk-cabeca .sub{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px}
.tk-detalhe{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.tk-dir .cartao{padding:16px 18px}
.tk-dir .cartao>h2{font-size:15px;padding-bottom:10px;margin-bottom:12px}
.tk-texto{white-space:normal;line-height:1.55;font-size:14px}
.tk-linha{display:flex;flex-direction:column;gap:10px;margin:4px 0 16px}
.tk-ev{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--mutado);padding:0 6px}
.tk-ev span{flex:1}
.tk-com{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:12px 14px}
.tk-com.tk-c-cliente{background:#f6f8fa}
.tk-com.tk-c-publico{border-left:3px solid var(--primaria)}
.tk-com.tk-c-interno{background:#fffbea;border-color:#f3e3a6}
.tk-com-topo{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px}
.tk-com-topo .ib-av{width:28px;height:28px;font-size:11px}
.tk-com-topo time{margin-left:auto;font-size:12px;color:var(--mutado)}
.tk-tag-com{font-size:11.5px;color:var(--mutado)}
.tk-com-txt{font-size:14px;line-height:1.5;word-wrap:break-word}
.tk-compor textarea{width:100%;margin:10px 0}
.tk-compor.interno{background:#fffbea;border-color:#f3e3a6}
.tk-modo{display:flex;gap:18px;flex-wrap:wrap}
.tk-compor-rodape{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tk-compor-rodape .tk-saida{flex:1;margin:0;min-width:200px}
.tk-mini a{display:block;padding:7px 0;border-bottom:1px solid var(--borda);font-size:13px;color:var(--texto)}
.tk-mini a:last-child{border-bottom:0}
.tk-mini .tk-st{float:right}
.tk-contato{position:relative}
.tk-sugestoes{position:absolute;z-index:10;left:0;right:0;top:100%;background:#fff;border:1px solid var(--borda-forte);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.1);max-height:300px;overflow:auto;padding:4px}
.tk-sugestoes a{display:block;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--texto)}
.tk-sugestoes a:hover{background:var(--fundo);text-decoration:none}
.tk-sugestoes a span{display:block;font-size:12px;color:var(--mutado)}
.tk-sugestoes .fraco{display:block;padding:8px 10px;font-size:13px}
.tk-solic{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#f6f8fa;border-radius:10px}
.tk-solic i{font-size:22px;color:var(--primaria)}
/* bloco Tickets no painel do contato (tela de conversas) */
.ib-tks a{display:block;padding:7px 0;border-bottom:1px solid var(--borda);font-size:13px;color:var(--texto)}
.ib-tks a:last-of-type{border-bottom:0}
.ib-tks a span{display:block;font-size:11.5px;color:var(--mutado);margin-top:2px}
.ib-tks a .tk-st{display:inline-block;font-size:10.5px;padding:1px 7px;margin:0 0 0 4px}
@media (max-width:1100px){.tk-detalhe{grid-template-columns:1fr}}
@media (max-width:760px){.tk-lista-grade{grid-template-columns:1fr}.tk-visoes{display:flex;overflow-x:auto;gap:4px}.tk-visoes a{white-space:nowrap}
  .tk-tabela th:nth-child(5),.tk-tabela td:nth-child(5),.tk-tabela th:nth-child(6),.tk-tabela td:nth-child(6),.tk-tabela th:nth-child(8),.tk-tabela td:nth-child(8){display:none}}
.tk-herda{display:flex;flex-wrap:wrap;gap:6px 16px}
.tk-sla-tab{width:100%}
.tk-sla-tab td,.tk-sla-tab th{padding:4px 6px;border:0}
.tk-sla-tab input{padding:6px 10px;max-width:120px}