/* atende-leads 1.5 — estrutura única "Balcão" (versão B) com 3 temas por variáveis:
   data-tema="claro" (padrão, B) · "escuro" (A, Plantão INEMA: amarelo só em ação) · "marinho" (C).
   Fontes Sora/Inter locais (web/fontes, OFL); sem elas, a pilha do sistema. */
@font-face{font-family:"Sora";font-weight:100 900;font-display:swap;src:url(/web/fontes/Sora.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(/web/fontes/Inter.woff2) format("woff2")}

:root,[data-tema="claro"]{
  color-scheme:light;
  --bg:#f6f7f9;--sup:#ffffff;--sup2:#fafafb;--faixa:#eceef2;--linha:#e1e3ea;--linha2:#c9ccd6;--tinta:#1a1a22;--mut:#5b5b68;
  --amb:#FACC15;--amb-tinta:#1a1206;--amb-borda:#EAB308;--amb-hover:#f5c40c;--amb-mut:#5c4a06;
  --link:#854d0e;--link-sub:#FACC15;--foco:#1a1a22;
  --dica:#FEF9C3;--dica-filete:#EAB308;--dica-tinta:#854d0e;
  --ok:#15803d;--ok-f:#dcfce7;--ruim:#b91c1c;--ruim-f:#fee2e2;--ruim-borda:#fca5a5;--aten:#854d0e;--aten-f:#FEF9C3;--info:#1d4ed8;--info-f:#dbeafe;
  --neg:#6d28d9;--neg-f:#ede9fe;
  --b-lead:#ffffff;--b-lead-borda:#e1e3ea;--b-ia:#eceef2;--b-ia-borda:transparent;--b-eu:#FACC15;--b-eu-tinta:#1a1206;--b-eu-mut:#5c4a06;
  --sel:#fffbe6;--sel-filete:#FACC15;--ext-f:#fff5f5;
  --novas-f:#1a1a22;--novas-t:#ffffff;--ruim-tinta:#ffffff;
  --sombra:0 6px 18px -10px rgba(26,26,34,.25);--sombra-alta:0 -6px 16px -10px rgba(26,26,34,.22);
  --d-fora:#8a8a96;--z1:#15803d;--z2:#b8860b;--z3:#b91c1c;--z1-f:rgba(21,128,61,.08);--z2-f:rgba(234,179,8,.12);--z3-f:rgba(185,28,28,.08);
}
[data-tema="escuro"]{
  color-scheme:dark;
  --bg:#0c0c10;--sup:#16161e;--sup2:#1c1c26;--faixa:#1c1c26;--linha:#272730;--linha2:#3a3a46;--tinta:#ececf1;--mut:#a3a3b0;
  --amb:#FACC15;--amb-tinta:#1a1206;--amb-borda:#FACC15;--amb-hover:#fbd73d;--amb-mut:#4a3b05;
  --link:#ececf1;--link-sub:#FACC15;--foco:#FACC15;
  --dica:#1f1c12;--dica-filete:rgba(250,204,21,.45);--dica-tinta:#f5d76e;
  --ok:#4ade80;--ok-f:rgba(74,222,128,.13);--ruim:#f87171;--ruim-f:rgba(248,113,113,.13);--ruim-borda:rgba(248,113,113,.45);--aten:#fbbf24;--aten-f:rgba(251,191,36,.13);
  --info:#7dd3fc;--info-f:rgba(125,211,252,.13);--neg:#c4b5fd;--neg-f:rgba(196,181,253,.13);
  --b-lead:#1c1c26;--b-lead-borda:#272730;--b-ia:transparent;--b-ia-borda:#3a3a46;--b-eu:#FACC15;--b-eu-tinta:#1a1206;--b-eu-mut:#4a3b05;
  --sel:#1f1c12;--sel-filete:#FACC15;--ext-f:rgba(248,113,113,.08);
  --novas-f:#ececf1;--novas-t:#0c0c10;--ruim-tinta:#1a0505;
  --sombra:0 8px 24px -12px rgba(0,0,0,.7);--sombra-alta:0 -8px 20px -12px rgba(0,0,0,.7);
  --d-fora:#6b6b78;--z1:#4ade80;--z2:#fbbf24;--z3:#f87171;--z1-f:rgba(74,222,128,.07);--z2-f:rgba(251,191,36,.07);--z3-f:rgba(248,113,113,.10);
}
[data-tema="marinho"]{
  color-scheme:dark;
  --bg:#0b1524;--sup:#12203a;--sup2:#182a48;--faixa:#182a48;--linha:#22365a;--linha2:#35577f;--tinta:#e8eef7;--mut:#a3b4cc;
  --amb:#FACC15;--amb-tinta:#1a1206;--amb-borda:#FACC15;--amb-hover:#fbd73d;--amb-mut:#4a3b05;
  --link:#bcd3ec;--link-sub:#5b8db8;--foco:#8fb4d6;
  --dica:#183052;--dica-filete:#35577f;--dica-tinta:#bcd3ec;
  --ok:#4ade80;--ok-f:rgba(74,222,128,.13);--ruim:#fb8a8a;--ruim-f:rgba(248,113,113,.14);--ruim-borda:#7a3a42;--aten:#fbbf24;--aten-f:rgba(251,191,36,.13);
  --info:#8fb4d6;--info-f:#183052;--neg:#c9d8ea;--neg-f:rgba(201,216,234,.10);
  --b-lead:#182a48;--b-lead-borda:#22365a;--b-ia:transparent;--b-ia-borda:#35577f;--b-eu:#2b4a73;--b-eu-tinta:#e8eef7;--b-eu-mut:#c9d8ea;
  --sel:#183052;--sel-filete:#8fb4d6;--ext-f:#2a1b2a;
  --novas-f:#FACC15;--novas-t:#1a1206;--ruim-tinta:#1a0505;
  --sombra:0 8px 24px -12px rgba(0,0,0,.6);--sombra-alta:0 -8px 20px -12px rgba(0,0,0,.6);
  --d-fora:#6b7c95;--z1:#4ade80;--z2:#fbbf24;--z3:#f87171;--z1-f:rgba(74,222,128,.07);--z2-f:rgba(251,191,36,.06);--z3-f:rgba(248,113,113,.10);
}
:root{--titulo:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--corpo:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"JetBrains Mono",Menlo,Consolas,monospace}

*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--tinta);font:15px/1.5 var(--corpo);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--titulo);margin:0;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}
h1{font-size:1.5rem}h2{font-size:1.05rem}h3{font-size:.95rem}
p{margin:0}
a{color:var(--link);text-decoration:underline;text-decoration-color:var(--link-sub);text-decoration-thickness:2px;text-underline-offset:3px}
.mut{color:var(--mut)}
.peq{font-size:13px}
.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--foco);outline-offset:2px}

/* ---------- botões ---------- */
.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 14px/1.1 var(--titulo);padding:0 14px;min-height:40px;
  border-radius:10px;border:1px solid var(--linha);background:var(--sup);color:var(--tinta);cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background-color .15s ease-out,border-color .15s ease-out}
.btn:hover{border-color:var(--linha2);background:var(--sup2)}
.btn.pri{background:var(--amb);border-color:var(--amb-borda);color:var(--amb-tinta)}
.btn.pri:hover{background:var(--amb-hover)}
.btn.sutil{border-color:transparent;background:transparent;color:var(--mut)}
.btn.sutil:hover{background:var(--faixa);color:var(--tinta)}
.btn.perigo{color:var(--ruim);border-color:var(--ruim-borda);background:transparent}
.btn.perigo:hover{background:var(--ruim-f)}
.btn.ic{width:40px;padding:0}
.btn.peq{min-height:34px;font-size:13px;padding:0 10px}
.btn:disabled{opacity:.55;cursor:progress}
.btn .i{width:18px;height:18px}

/* controle segmentado (status e tema) */
.seg{display:inline-flex;background:var(--faixa);border-radius:10px;padding:3px;gap:2px;border:1px solid transparent}
.seg button{font:600 13px/1 var(--titulo);border:0;background:transparent;color:var(--mut);padding:0 12px;min-height:36px;border-radius:8px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:6px}
.seg button:hover{color:var(--tinta)}
.seg button[aria-pressed="true"]{background:var(--sup);color:var(--tinta);box-shadow:0 1px 2px rgba(0,0,0,.18);outline:1px solid var(--linha2)}
.seg.tema button{padding:0;width:36px}
.seg.tema .i{width:17px;height:17px}

/* ---------- selos, pontos ---------- */
.selo{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--corpo);padding:4px 8px;border-radius:999px;white-space:nowrap;background:var(--faixa);color:var(--tinta)}
.selo .i{width:13px;height:13px}
.st-em_atendimento,.st-atendendo{background:var(--amb);color:var(--amb-tinta)}
.st-negociando{background:var(--neg-f);color:var(--neg)}
.st-retornar{background:var(--aten-f);color:var(--aten)}
.st-novo,.st-aguardando{background:var(--faixa);color:var(--tinta)}
.st-ganho{background:var(--ok-f);color:var(--ok)}
.st-perdido,.st-alerta{background:var(--ruim-f);color:var(--ruim)}
.st-invalido,.st-fechado{background:var(--faixa);color:var(--mut)}
.n-quente{background:var(--ruim-f);color:var(--ruim)}
.n-morno{background:var(--aten-f);color:var(--aten)}
.n-frio{background:var(--info-f);color:var(--info)}
.novas{background:var(--novas-f);color:var(--novas-t)}
.cont{font:600 12px/1 var(--corpo);background:var(--novas-f);color:var(--novas-t);border-radius:999px;padding:3px 8px}
.cont.leve{background:var(--faixa);color:var(--tinta)}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--d-fora)}
.d-livre{background:var(--ok)}.d-ocupado{background:var(--ruim)}.d-fora{background:var(--d-fora)}.d-atendendo{background:var(--amb-borda)}
.espera{display:inline-flex;align-items:center;gap:4px;font:600 13px/1 var(--corpo);color:var(--mut);white-space:nowrap}
.espera .i{width:15px;height:15px}
.espera.demais{color:var(--ruim)}

/* ---------- superfícies ---------- */
.painel{background:var(--sup);border:1px solid var(--linha);border-radius:12px}
.painel.pad{padding:16px}
.dica{background:var(--dica);border:1px solid var(--dica-filete);border-radius:12px}
.vazio{color:var(--mut);padding:14px 16px}
.aviso{min-height:1.4em;font-size:14px;color:var(--mut)}
.aviso:empty{min-height:0}
.aviso.ok{color:var(--ok)}
.erro,.aviso.erro{color:var(--ruim)}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;max-width:min(560px,calc(100vw - 24px));padding:10px 16px;border-radius:10px;
  background:var(--tinta);color:var(--bg);font:500 14px/1.4 var(--corpo);box-shadow:var(--sombra);pointer-events:none}
.toast.erro{background:var(--ruim);color:var(--ruim-tinta)}
.toast:empty{display:none}

/* ---------- campos ---------- */
label.campo,.campo{display:flex;flex-direction:column;gap:5px;font:600 12px/1.2 var(--corpo);color:var(--mut)}
input,select,textarea{font:400 15px/1.4 var(--corpo);color:var(--tinta);background:var(--sup);border:1px solid var(--linha);border-radius:10px;padding:0 12px;
  min-height:40px;min-width:0;width:100%}
textarea{padding:10px 12px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--mut);opacity:1}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;min-height:0;accent-color:var(--amb-borda);margin:0}
input[type="color"]{padding:3px;width:52px;cursor:pointer}
.check{display:inline-flex;align-items:center;gap:10px;font:500 14px var(--corpo);color:var(--tinta);min-height:44px;cursor:pointer}
fieldset{border:0;padding:0;margin:0}
legend{padding:0}
.linha-campos{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.linha-campos>.campo{flex:1 1 160px}

/* ---------- topo ---------- */
.topo{display:flex;align-items:center;gap:14px;padding:0 20px;min-height:58px;background:var(--sup);border-bottom:1px solid var(--linha)}
.topo .marca{display:flex;align-items:center;gap:10px;min-width:0}
.topo .marca h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topo .marca .sub{font-size:13px;color:var(--mut);white-space:nowrap}
.topo .dir{margin-left:auto;display:flex;align-items:center;gap:10px}
.logo{width:32px;height:32px;border-radius:8px;background:var(--amb);color:var(--amb-tinta);display:grid;place-items:center;font:700 13px var(--titulo);flex:none}
.av{width:32px;height:32px;border-radius:50%;background:var(--faixa);color:var(--tinta);display:grid;place-items:center;font:700 12px var(--titulo);flex:none}
.quem{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mut);white-space:nowrap}

/* ---------- login ---------- */
.login{max-width:420px;margin:8vh auto;padding:0 16px}
.login h1{font-size:1.4rem;margin-bottom:6px}
.login p.mut{margin-bottom:16px}
.login form{display:grid;gap:12px;padding:20px}
.login .btn{min-height:44px}

/* ---------- conversa (bolhas) ---------- */
.conv{display:flex;flex-direction:column;gap:6px}
.conv>:first-child{margin-top:auto}
.b{max-width:80%;padding:8px 12px 6px;border-radius:12px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.b small{display:flex;align-items:center;gap:5px;font:600 12px/1.3 var(--corpo);color:var(--mut);margin-bottom:2px;white-space:normal}
.b small .i{width:13px;height:13px}
.b time{display:block;text-align:right;font-size:12px;color:var(--mut);margin-top:1px}
.b.lead{align-self:flex-start;background:var(--b-lead);border:1px solid var(--b-lead-borda);border-bottom-left-radius:4px}
.b.ia{align-self:flex-end;background:var(--b-ia);border:1px dashed var(--b-ia-borda);border-bottom-right-radius:4px}
.b.eu{align-self:flex-end;background:var(--b-eu);color:var(--b-eu-tinta);border-bottom-right-radius:4px}
.b.eu small,.b.eu time{color:var(--b-eu-mut)}
.sep{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut);margin:6px 0;text-align:center}
.sep::before,.sep::after{content:"";flex:1;height:1px;background:var(--linha)}
.sug{padding:10px 12px}
.sug .cab{display:flex;align-items:center;gap:6px;font:600 13px var(--titulo);color:var(--dica-tinta);margin-bottom:4px}
.sug .cab .i{width:16px;height:16px}
.sug p{margin:0 0 8px;font-size:14.5px;white-space:pre-wrap;overflow-wrap:anywhere}
.sug .acoes{display:flex;flex-wrap:wrap;gap:8px}
.conflito{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;margin-bottom:8px;border:1px solid var(--dica-filete);border-left-width:3px;border-radius:10px;font-size:13px;color:var(--tinta-2,inherit)}
.conflito>.i{width:16px;height:16px;flex:none;margin-top:2px;color:var(--dica-tinta)}
.conflito p{margin:0;flex:1;overflow-wrap:anywhere}
.conflito .btn{flex:none}
.escrever{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:0;background:var(--bg);padding-top:6px;z-index:2}
.escrever textarea{flex:1;min-height:44px;max-height:160px;resize:none}
.escrever .btn{min-height:44px}

/* ======================================================= CHAT DO LEAD */
body.pagina-chat{height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}
.chat-app{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto;background:var(--bg)}
.chat-cab{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--linha);background:var(--sup);flex:none}
.chat-cab .logo{width:40px;height:40px;border-radius:50%;font-size:15px}
.chat-cab h1{font-size:16px}
.estado{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);margin-top:1px}
.estado .dot{background:var(--ok)}
.entrada{flex:1 1 auto;overflow-y:auto;padding:24px 16px}
.entrada form{display:grid;gap:12px;padding:18px;max-width:440px;margin:0 auto}
.entrada h2{font-size:1.2rem}
.entrada .btn{min-height:46px}
.chat{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.chat-log{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px 8px;-webkit-overflow-scrolling:touch}
.chat-log .b{max-width:84%;font-size:15px}
.chat-log .b.minha{align-self:flex-end;background:var(--b-eu);color:var(--b-eu-tinta);border-bottom-right-radius:4px}
.chat-log .b.minha time{color:var(--b-eu-mut)}
.chat-log .b.ele{align-self:flex-start;background:var(--b-lead);border:1px solid var(--b-lead-borda);border-bottom-left-radius:4px}
.chat-log .b.falha{align-self:center;background:var(--ruim-f);color:var(--ruim);font-size:14px}
.chat-form{flex:none;display:flex;gap:8px;align-items:flex-end;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--linha);background:var(--sup)}
.chat-form textarea{flex:1;font-size:16px;resize:none;min-height:46px;max-height:120px;padding:12px 14px;border-radius:12px;background:var(--bg)}
.enviar{width:46px;height:46px;border-radius:12px;border:1px solid var(--amb-borda);background:var(--amb);color:var(--amb-tinta);display:grid;place-items:center;cursor:pointer;flex:none}
.enviar:hover{background:var(--amb-hover)}
.enviar .i{width:20px;height:20px}
.priv{font-size:12px;color:var(--mut);text-align:center}

/* ======================================================= PAINEL DA EQUIPE */
.eq-app{min-height:100vh;display:flex;flex-direction:column}
@media (min-width:1024px) and (min-height:700px){
  .eq-app{height:100vh;height:100dvh;overflow:hidden}
  .eq-corpo{overflow:hidden}
  .area{overflow:hidden}
  .faixa-espera{max-height:30vh;overflow:auto;flex:none}
}
.faixa-espera{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--dica);border-bottom:1px solid var(--dica-filete);flex-wrap:wrap}
.faixa-espera>h2{font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--tinta)}
.faixa-espera .ofertas{display:flex;gap:10px;flex:1;min-width:0;flex-wrap:wrap}
.of{display:flex;align-items:center;gap:12px;background:var(--sup);border:1px solid var(--linha);border-radius:12px;padding:8px 8px 8px 12px;min-width:min(100%,480px);flex:1 1 480px}
.of .txt{min-width:200px;flex:1}
.of .l1{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.of strong{font:600 14px var(--titulo)}
.of .motivo{font-size:13px;color:var(--mut)}
.of q{display:block;font-size:13px;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;quotes:"“" "”"}
.of .acoes{display:flex;gap:6px;align-items:center;flex:none}
.eq-corpo{flex:1;display:grid;grid-template-columns:minmax(300px,340px) 1fr;min-height:0}
.col-contatos{background:var(--sup);border-right:1px solid var(--linha);display:flex;flex-direction:column;min-height:0}
.col-contatos .cab{padding:12px 12px 8px}
.busca{display:flex;align-items:center;gap:8px;border:1px solid var(--linha);border-radius:10px;padding:0 10px;min-height:40px;color:var(--mut);background:var(--bg)}
.busca input{border:0;background:transparent;min-height:38px;padding:0;flex:1}
.busca input:focus-visible{outline:none}
.busca:focus-within{outline:2px solid var(--foco);outline-offset:2px}
.pilulas{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}
.pilulas button{font:600 12px var(--corpo);min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--linha);background:var(--sup);color:var(--tinta);cursor:pointer}
.pilulas button[aria-pressed="true"]{background:var(--amb);border-color:var(--amb-borda);color:var(--amb-tinta)}
.lista{overflow:auto;border-top:1px solid var(--linha);flex:1}
.ct{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--linha);background:transparent;color:inherit;font:inherit;cursor:pointer}
.ct:hover{background:var(--sup2)}
.ct[aria-current="true"]{background:var(--sel);box-shadow:inset 3px 0 0 var(--sel-filete)}
.ct .l1{display:flex;align-items:center;gap:6px}
.ct strong{font:600 14px var(--titulo);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct .ha{font-size:12px;color:var(--mut);white-space:nowrap}
.ct .msg{font-size:13px;margin:2px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct .l3{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px;color:var(--mut)}
.ct .l3 .i{width:14px;height:14px}
/* área do atendimento: conversa + ficha */
.area{min-height:0;display:flex;flex-direction:column}
.inicio{padding:20px 24px;overflow:auto;display:grid;gap:18px;align-content:start}
.inicio h2{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.cartao-ch{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--linha)}
.cartao-ch:last-child{border-bottom:0}
.cartao-ch .txt{flex:1;min-width:0}
.cartao-ch strong{font:600 14px var(--titulo)}
.cartao-ch p{font-size:13px;color:var(--mut)}
.atend>*{min-width:0}
.atend{flex:1;min-height:0;display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto auto 1fr auto;
  grid-template-areas:"abas ficha" "cab ficha" "msgs ficha" "rod ficha"}
.abas-conv{grid-area:abas}
.at-cab{grid-area:cab;display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:52px;background:var(--sup);border-bottom:1px solid var(--linha);flex-wrap:wrap}
.at-cab h2{font-size:15px}
.at-cab .num{font:500 13px var(--corpo);color:var(--mut)}
.at-cab .voltar{display:none}
.at-cab .det,.at-cab .ligar{display:none}
.at-msgs{grid-area:msgs;overflow:auto;padding:16px 20px;background:var(--bg);min-height:0}
.at-msgs .b{max-width:72%}
.at-rod{grid-area:rod;background:var(--sup);border-top:1px solid var(--linha);padding:10px 16px 12px;display:grid;gap:8px}
.at-rod .mais{display:none}
.assumir-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.assumir-barra p{flex:1;min-width:200px;font-size:14px}
.assumir-barra .btn{min-height:44px}
.at-ficha{grid-area:ficha;background:var(--sup);border-left:1px solid var(--linha);overflow:auto;padding:16px;display:grid;gap:14px;align-content:start;min-height:0}
.at-ficha h2{font-size:17px}
.at-ficha .sel{display:flex;flex-wrap:wrap;gap:6px}
.at-ficha dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px}
.at-ficha dt{color:var(--mut)}
.at-ficha dd{margin:0;overflow-wrap:anywhere}
.ligar{display:grid;gap:8px}
.ligar .btn{justify-content:flex-start;white-space:normal;min-height:44px;padding:6px 12px;line-height:1.2;text-align:left}
.ligar .btn small{display:block;font:500 12px var(--corpo);color:var(--mut)}
.form-fechar{border-top:1px solid var(--linha);padding-top:14px;display:grid;gap:10px}
.form-fechar h3{font-size:14px}
.form-fechar .duas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.form-fechar .acoes{display:flex;gap:8px;flex-wrap:wrap}
.form-fechar .cab-folha{display:none}
.retornos table{font-size:14px}

/* ======================================================= PAINEL DO GESTOR */
.ge-app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.nav{background:var(--sup);border-right:1px solid var(--linha);padding:14px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}
.nav .marca{display:flex;align-items:center;gap:10px;padding:2px 6px 16px}
.nav .marca b{font:700 15px var(--titulo);display:block}
.nav .marca span:not(.logo){font-size:12px;color:var(--mut)}
.nav button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:10px;border:0;background:transparent;color:var(--tinta);
  font:600 14px var(--titulo);cursor:pointer;text-align:left;white-space:nowrap;width:100%}
.nav button:hover{background:var(--faixa)}
.nav button[aria-selected="true"]{background:var(--amb);color:var(--amb-tinta)}
.nav button .i{color:var(--mut)}
.nav button[aria-selected="true"] .i{color:var(--amb-tinta)}
.nav button em{margin-left:auto;font:700 12px/1 var(--corpo);font-style:normal;background:var(--ruim);color:var(--ruim-tinta);border-radius:999px;padding:3px 6px}
.nav .fim{margin-top:auto}
.princ{display:flex;flex-direction:column;min-width:0}
.princ .topo{position:sticky;top:0;z-index:5}
.princ .topo h1{font-size:18px}
.corpo{padding:20px 24px 40px;max-width:1240px;width:100%}
.corpo h2{margin:0 0 10px}
.corpo section>h2:not(:first-child),.bloco{margin-top:22px}
.alerta{display:flex;align-items:center;gap:12px;background:var(--ruim-f);border:1px solid var(--ruim-borda);border-radius:12px;padding:12px 14px;margin-bottom:18px;color:var(--ruim);flex-wrap:wrap}
.alerta p{margin:0;color:var(--tinta);flex:1;min-width:220px}
.alerta strong{color:var(--ruim)}
.alerta .i{width:22px;height:22px}
/* régua de pontos (tempo para assumir) */
.regua-p{padding:18px 20px;margin-bottom:16px}
.regua-p .l1{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.regua-p .sub{color:var(--mut);font-size:13px}
.faixas{display:grid;grid-template-columns:30fr 45fr 25fr;margin:14px 0 8px}
.fx{display:flex;align-items:baseline;gap:8px;font:600 13px var(--titulo);flex-wrap:wrap;padding-right:10px}
.fx b{font:700 26px/1 var(--titulo);letter-spacing:-.02em}
.fx span{color:var(--mut);font:400 12.5px var(--corpo)}
.fx.z1 b{color:var(--z1)}.fx.z2 b{color:var(--z2)}.fx.z3 b{color:var(--z3)}
.regua{position:relative;height:78px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:30fr 45fr 25fr;border:1px solid var(--linha)}
.regua>div{position:relative;border-right:1px dashed var(--linha2)}
.regua>div:last-child{border-right:0}
.regua .z1{background:var(--z1-f)}.regua .z2{background:var(--z2-f)}.regua .z3{background:var(--z3-f)}
.pt{position:absolute;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--sup)}
.z1 .pt{background:var(--z1)}.z2 .pt{background:var(--z2)}.z3 .pt{background:var(--z3);width:18px;height:18px}
.med{position:absolute;top:0;bottom:0;width:2px;background:var(--mut)}
.med span{position:absolute;top:4px;left:6px;font:600 12px var(--corpo);white-space:nowrap;color:var(--tinta);background:var(--sup);padding:1px 5px;border-radius:5px}
.eixo{display:grid;grid-template-columns:30fr 45fr 25fr;font-size:12px;color:var(--mut);margin-top:6px}
.eixo span{display:flex;justify-content:space-between;padding-right:6px}
.metricas{display:flex;flex-wrap:wrap;margin:0 0 16px;padding:0}
.metricas>div{flex:1 1 118px;padding:10px 14px;border-left:1px solid var(--linha)}
.metricas>div:first-child{border-left:0}
.metricas dt{font-size:12px;color:var(--mut)}
.metricas dd{margin:2px 0 0;font:700 17px var(--titulo)}
/* tabelas */
.tab{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font:600 12px var(--corpo);color:var(--mut);text-align:left;padding:9px 12px;border-bottom:1px solid var(--linha);background:var(--sup2);white-space:nowrap}
td{padding:9px 12px;border-bottom:1px solid var(--linha);vertical-align:middle}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right}
tr.ext td{background:var(--ext-f)}
tr.clic{cursor:pointer}
tr.clic:hover td{background:var(--sup2)}
/* ao vivo em colunas */
.colunas{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:16px;align-items:start}
.colunas .painel{overflow:hidden}
/* 1.8.8: equipe em linha + quatro colunas (robô · espera · atendimento · encerradas) */
.av-equipe{margin-bottom:16px;overflow:hidden}
.av-equipe h2{display:flex;align-items:center;gap:8px;padding:12px 14px;margin:0;border-bottom:1px solid var(--linha);font-size:15px}
.eq-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.eq-grade .it{border-right:1px solid var(--linha)}
.colunas.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.col-ajuda{margin:0;padding:8px 14px;font-size:12px;color:var(--mut);border-bottom:1px solid var(--linha);background:var(--sup2)}
.it .tel{font:500 12px var(--corpo);color:var(--mut);white-space:nowrap}
.it .ruim,.ruim{color:var(--ruim)}
.it .ok-t{color:var(--ok)}
.grupos-hoje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:8px}
.grupo{overflow:hidden}
.grupo summary{display:flex;align-items:center;gap:8px;padding:12px 14px;font:600 15px var(--titulo);cursor:pointer;border-bottom:1px solid var(--linha)}
.grupo summary .cont{margin-left:auto}
table.ordenavel th{padding:0}
th .ord{all:unset;box-sizing:border-box;display:block;width:100%;padding:9px 12px;cursor:pointer;font:inherit;color:inherit;text-align:inherit}
th .ord:hover{color:var(--tinta)}
th .ord:focus-visible{outline:2px solid var(--foco,#2563eb);outline-offset:-2px}
th .ord span{opacity:.6}
th[aria-sort] .ord{color:var(--tinta)}
th[aria-sort] .ord span{opacity:1}
.sit{font-size:12px;font-weight:600;white-space:nowrap}
.sit.s-espera{color:var(--ruim)}.sit.s-atendendo{color:var(--aten)}.sit.s-robo{color:var(--info)}.sit.s-encerrado,.sit.s-parado{color:var(--mut)}
.contato{font-weight:600;white-space:nowrap}
.contato.c-agora{color:var(--ok)}.contato.c-hoje{color:var(--tinta)}.contato.c-semana{color:var(--aten)}.contato.c-velho{color:var(--mut)}
.colunas h2{display:flex;align-items:center;gap:8px;padding:12px 14px;margin:0;border-bottom:1px solid var(--linha);font-size:15px}
.it{padding:11px 14px;border-bottom:1px solid var(--linha)}
.it:last-child{border-bottom:0}
.it .l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.it strong{font:600 14px var(--titulo)}
.it p{margin:3px 0 0;font-size:13px;color:var(--mut)}
.it .dir{margin-left:auto;font-size:13px;color:var(--mut);white-space:nowrap}
.it.ext{background:var(--ext-f)}
.it .acao{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.it .acao select{min-height:36px;font-size:13px;flex:1;min-width:150px}
.it .seg{margin-top:8px}
.it .seg button{min-height:32px;font-size:12px;padding:0 10px}
/* filtros */
.filtros{display:flex;gap:10px;align-items:flex-end;margin-bottom:12px;flex-wrap:wrap}
.filtros .campo{flex:0 1 180px}
.filtros .total{margin-left:auto;color:var(--mut);font-size:13px;align-self:center}
/* ficha do gestor */
.ficha-g{margin-top:16px;padding:16px;display:grid;gap:12px}
.ficha-g .conv{max-height:380px;overflow:auto;padding:12px;background:var(--bg);border-radius:10px}
.ficha-g .chs{display:grid;gap:6px}
.ficha-g .chs>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}
/* base / aprendizado / cadastros */
.form-sec{padding:16px 18px;margin-bottom:14px;display:grid;gap:12px}
.form-sec>legend{float:left}
.form-sec>h2,.form-sec>legend{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 1.05rem var(--titulo);margin:0;width:100%}
.form-sec>p.mut{font-size:14px;margin-top:-4px}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grade2>.form-sec{margin-bottom:0}
.linhas{display:grid;gap:0}
.linha-f{display:grid;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--linha)}
.linha-f:first-child{border-top:0}
.linha-f.cab{padding:0 0 4px}
.lbl{font:600 12px var(--corpo);color:var(--mut)}
.eq-linha{grid-template-columns:1.3fr 1fr 1.5fr auto}
.pr-linha{grid-template-columns:1.2fr 130px 2fr auto}
.cod{display:flex;gap:6px;align-items:center}
.cod input{font-family:var(--mono);font-size:14px}
.cod .btn{flex:none}
.dia-l{grid-template-columns:110px 1fr;align-items:start}
.janelas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.janela{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--linha);border-radius:10px;padding:3px 4px 3px 8px}
.janela input{width:118px;min-height:36px;padding:0 6px}
.janela .btn{min-height:34px;width:34px}
.prazos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.previa{font-size:13px;color:var(--mut)}
.salvar{position:sticky;bottom:12px;margin-top:20px;display:flex;align-items:center;gap:12px;justify-content:flex-end;background:var(--sup);border:1px solid var(--linha);
  border-radius:12px;padding:10px 14px;box-shadow:var(--sombra);flex-wrap:wrap;z-index:4}
.salvar .mut{margin-right:auto;font-size:14px}
.cor-campo{display:flex;gap:8px;align-items:center}
.cor-campo input[type="text"]{max-width:130px;font-family:var(--mono)}
.cor-campo input[type="color"]{width:52px;flex:none}
.amostra{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font:600 14px var(--corpo);border:1px solid var(--linha)}
.faq-item{padding:12px 14px;display:grid;gap:10px;border-top:1px solid var(--linha)}
.faq-item:first-child{border-top:0}
.faq-item .l1{display:flex;align-items:center;justify-content:space-between;gap:10px}
.resumo{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.prop{display:flex;height:12px;border-radius:999px;overflow:hidden;width:260px;gap:2px;background:var(--faixa)}
.prop>div{min-width:0}
.prop .z1{background:var(--z1)}.prop .z2{background:var(--z2)}.prop .z3{background:var(--z3)}
.proposta{padding:14px 16px;display:grid;gap:10px;border-top:1px solid var(--linha)}
.proposta:first-child{border-top:0}
.proposta .l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.proposta .acoes{display:flex;gap:8px;flex-wrap:wrap}
.teste-res{display:grid;gap:8px;margin-top:6px}
.teste-res .b{max-width:100%}

/* ======================================================= CELULAR / TELAS MENORES */
@media (max-width:1023px){
  .topo{padding:8px 14px;display:grid;grid-template-columns:1fr auto auto;gap:8px 8px;align-items:center}
  .topo .dir{display:contents}
  .topo .quem{display:none}
  .topo .seg.status{grid-column:1/-1;order:5;display:flex}
  .topo .seg.status button{flex:1;min-height:42px}
  .topo #sair{padding:0 10px}
  .faixa-espera{padding:12px 14px;display:block;background:transparent;border:0}
  .faixa-espera>h2{margin:0 0 10px;font-size:15px}
  .faixa-espera .ofertas{display:grid;gap:10px}
  .of{flex-direction:column;align-items:stretch;padding:12px;background:var(--sup);border-color:var(--dica-filete)}
  .of q{white-space:normal;font-size:14px;color:var(--tinta)}
  .of .acoes{display:flex;gap:6px}
  .of .acoes .btn.pri{flex:1}
  .of .acoes .btn{min-height:44px}
  .of .acoes .btn.ic{width:44px}
  .eq-corpo{display:block}
  .col-contatos{border:0;background:transparent}
  .col-contatos .cab{padding:4px 14px 8px}
  .pilulas{flex-wrap:nowrap;overflow-x:auto;padding:0 14px 10px}
  .pilulas button{flex:none;min-height:36px;font-size:13px}
  .lista{margin:0 14px;border:1px solid var(--linha);border-radius:12px;background:var(--sup);overflow:hidden}
  .ct{padding:12px}
  .ct:last-child{border-bottom:0}
  .ct strong{font-size:15px}
  .ct .msg{font-size:14px}
  .inicio{padding:14px}
  /* ficha do celular: tela própria por cima, com barra de ação fixa embaixo */
  .area.aberta{position:fixed;inset:0;z-index:30;background:var(--bg);height:100vh;height:100dvh}
  .area:not(.aberta) .atend{display:none}
  .atend{display:flex;flex-direction:column;height:100%}
  .at-cab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;padding:8px 12px 10px}
  .at-cab #at-sobre{grid-column:1/-1}
  .at-cab .ligar .btn{min-width:0}
  .at-cab .voltar{display:inline-flex;width:44px;min-height:44px;margin-left:-6px}
  .at-cab .voltar .i{width:22px;height:22px}
  .at-cab h2{font-size:17px}
  .at-cab .det{display:block;grid-column:1/-1;font-size:12.5px;color:var(--mut);line-height:1.45}
  .at-cab .det .sel{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
  .at-cab .ligar{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:4px}
  .at-msgs{flex:1;padding:12px}
  .at-msgs .b{max-width:86%}
  .at-rod{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:var(--sombra-alta)}
  .at-rod .mais{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .at-rod .mais .btn{min-height:44px;font-size:13px;padding:0 8px;white-space:normal}
  .escrever textarea{font-size:16px}
  .at-ficha{display:none}
  .area.encerrando .at-ficha{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:40;border:0;border-top:1px solid var(--linha);border-radius:16px 16px 0 0;
    max-height:85dvh;box-shadow:var(--sombra-alta);padding:16px 16px max(16px,env(safe-area-inset-bottom))}
  .area.encerrando::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:35}
  .at-ficha .info-desk{display:none}
  .form-fechar{border:0;padding:0}
  .form-fechar .cab-folha{display:flex;align-items:center;justify-content:space-between}
  .form-fechar .acoes .btn{min-height:44px;flex:1}
  .form-fechar select,.form-fechar input{min-height:44px;font-size:16px}
  /* gestor */
  .ge-app{display:block}
  .nav{position:sticky;top:0;z-index:6;height:auto;flex-direction:row;overflow-x:auto;padding:8px 10px;border-right:0;border-bottom:1px solid var(--linha);gap:4px}
  .nav .marca{display:none}
  .nav button{min-height:44px;width:auto;flex:none;padding:0 12px}
  .nav .fim{margin-top:0}
  .princ .topo{position:static}
  .corpo{padding:14px 14px 32px}
  .colunas,.colunas.c4,.grupos-hoje{grid-template-columns:1fr}
  .grade2{grid-template-columns:1fr}
  .eq-linha,.pr-linha{grid-template-columns:1fr 1fr}
  .eq-linha>.cod,.pr-linha>.pal{grid-column:1/-1}
  .linha-f.cab{display:none}
  .dia-l{grid-template-columns:1fr}
  .btn,button.btn{min-height:44px}
  .btn.peq{min-height:44px}
  .seg button,.topo .seg.status button{min-height:44px}
  .seg.tema button{width:44px}
  input,select{min-height:44px}
  .busca{padding:0 10px}
  .btn.ic{width:44px}
  .busca input{min-height:44px}
  .pilulas button,.it .seg button{min-height:44px}
}
@media (max-width:600px){
  .faixas{grid-template-columns:1fr;gap:6px}
  .metricas>div{flex-basis:45%;border-left:0;border-top:1px solid var(--linha)}
  .salvar{bottom:0;border-radius:12px 12px 0 0}
  .topo .marca .sub{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* ======================================================= páginas do servidor (/meu, /ligar) */
.pagina-simples main{max-width:560px;margin:0 auto;padding:24px 16px 48px;display:grid;gap:16px}
.pagina-simples .cartao{background:var(--sup);border:1px solid var(--linha);border-radius:12px;padding:16px}
.pagina-simples .rotulo{font:600 12px var(--corpo);color:var(--mut);margin-bottom:4px}
.pagina-simples .status-grande{font:700 1.25rem/1.3 var(--titulo)}
.pagina-simples .acoes{display:flex;gap:8px;flex-wrap:wrap}
.pagina-simples .acoes .btn{min-height:44px}

.previa{white-space:pre-wrap;font-size:13.5px;padding:8px 10px;margin:8px 0;border:1px dashed var(--dica-filete);border-radius:10px}
.lista-conf{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lista-conf li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px}
.lista-conf li>.i{width:16px;height:16px;flex:none;margin-top:2px;color:var(--dica-tinta)}
.lista-conf li span{flex:1}
.destino{margin:4px 0 8px;font-size:13.5px}

/* ======================================================= 1.7.8: atualizar, confirmação na página, fontes, chat da base */
.atualizar{display:inline-flex;align-items:center;gap:8px}
.atualizar .quando{font-size:12.5px;color:var(--mut);white-space:nowrap}
.aba-acoes{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 12px;flex-wrap:wrap}
.confirma{position:fixed;left:50%;top:72px;transform:translateX(-50%);z-index:70;display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  width:max-content;max-width:min(620px,calc(100vw - 24px));padding:12px 14px;background:var(--sup);border:1px solid var(--linha2);border-radius:12px;box-shadow:var(--sombra)}
.confirma p{margin:0;flex:1;min-width:200px;color:var(--tinta);font-weight:600}
.confirma .i{width:20px;height:20px;color:var(--dica-tinta);flex:none}
.fontes-lista{display:grid;margin-top:12px;border:1px solid var(--linha);border-radius:10px;overflow:hidden}
.fontes-lista:empty{display:none}
.fonte-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;border-top:1px solid var(--linha);background:var(--sup)}
.fonte-it:first-child{border-top:0}
.fonte-it>.i{width:18px;height:18px;color:var(--mut)}
.fonte-it .nome{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fonte-it .det{grid-column:2/-1;font-size:13px;color:var(--mut)}
.fonte-it .det.erro{color:var(--ruim)}
.st-lendo,.st-analisando{background:var(--info-f);color:var(--info)}
.st-pronto{background:var(--ok-f);color:var(--ok)}
.st-erro{background:var(--ruim-f);color:var(--ruim)}
.arquivo-linha{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.evid{margin:0;padding:6px 10px;border-radius:8px;background:var(--faixa);font-size:13px;color:var(--tinta);quotes:"“" "”"}
.evid::before{content:open-quote}.evid::after{content:close-quote}
.de-fonte{font-size:13px;color:var(--mut);overflow-wrap:anywhere}
.de-fonte a{color:var(--link);text-decoration:underline;text-decoration-color:var(--link-sub);text-underline-offset:2px}
.contradiz{background:var(--ruim-f);color:var(--ruim)}
.sel-prop{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--corpo);color:var(--mut);cursor:pointer;min-height:32px}
.sel-prop input{width:18px;height:18px;min-height:0;accent-color:var(--amb-borda)}
.lote{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.lote .mut{font-size:13.5px}
.lote-previa{padding:12px 14px;margin-bottom:12px;display:grid;gap:8px}
.lote-previa ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:13.5px}
.chat-base .conv{max-height:440px;min-height:120px;overflow:auto;padding:12px;background:var(--bg);border-radius:10px;margin-bottom:10px}
.chat-base .b.lead{max-width:92%}
.chat-base .fontes-b{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;color:var(--mut);white-space:normal}
.chat-base .fontes-b strong{color:var(--tinta)}
.chat-base .contra{margin-top:8px;font-size:13px;color:var(--ruim);white-space:normal}
.chat-base .acao-b{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.form-prop{padding:12px 14px;display:grid;gap:10px;margin-bottom:10px}
.lista-conf li.foco{outline:2px solid var(--foco);outline-offset:3px;border-radius:6px}
@media (max-width:1023px){.atualizar .quando{display:none}.confirma{top:auto;bottom:16px}}
@media (min-width:1024px) and (max-width:1399px){.colunas.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nw{white-space:nowrap}
/* ======================================================= 1.9.8: painel da equipe em abas */
.eq-nav{display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--linha);background:var(--sup);flex-wrap:wrap}
.eq-nav .abas{display:flex;gap:4px}
.eq-nav .abas button{font:600 14px var(--corpo);min-height:44px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--mut);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.eq-nav .abas button[aria-selected="true"]{color:var(--tinta);border-bottom-color:var(--sel-filete)}
.eq-nav .abas button:focus-visible{outline:2px solid var(--foco);outline-offset:-2px}
.eq-nav .nav-dir{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.interr .estado{font:600 11px var(--corpo);padding:2px 7px;border-radius:999px;background:var(--faixa);color:var(--mut)}
.interr[aria-pressed="true"]{background:var(--info-f);color:var(--info)}
.interr[aria-pressed="true"] .estado{background:var(--info);color:#fff}
.eq-app[data-vista="atender"] .col-contatos{display:none}
.eq-app[data-vista="clientes"] .col-conversas{display:none}
.col-conversas{background:var(--sup);border-right:1px solid var(--linha);display:flex;flex-direction:column;min-height:0;overflow:auto}
.col-tit{display:flex;align-items:center;gap:8px;font-size:14px;padding:12px 12px 8px;margin:0}
.col-conversas .lista{flex:none;max-height:none}
.ret-col{margin:0 12px 12px}
.ct.tem-nova{background:var(--dica);box-shadow:inset 3px 0 0 var(--sel-filete)}
.ct .espera{font-size:12px}
.vazio-grande{max-width:420px;margin:12vh auto 0;text-align:center;color:var(--mut)}
.vazio-grande .i{width:40px;height:40px;margin-bottom:10px;opacity:.6}
.vazio-grande p{margin:6px 0}
.abas-conv{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--linha);overflow-x:auto;background:var(--sup2)}
.abas-conv button{font:600 13px var(--corpo);min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--linha);background:var(--sup);color:var(--tinta);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.abas-conv button[aria-pressed="true"]{background:var(--amb);border-color:var(--amb-borda);color:var(--amb-tinta)}
.abas-conv .pt{width:8px;height:8px;border-radius:50%;background:var(--ruim);display:inline-block}
.retomar-barra{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.retomar-barra p{flex:1;min-width:200px;margin:0;font-size:14px;color:var(--mut)}
.vista-equipe{padding:20px;overflow:auto;flex:1}
.colunas.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){
  .eq-nav{padding:0 8px;gap:4px}
  .eq-nav .abas{width:100%;overflow-x:auto}
  .eq-nav .abas button{flex:1;padding:0 8px}
  .eq-nav .nav-dir{width:100%;margin:0 0 8px}
  .eq-nav .nav-dir .btn{flex:1;min-height:40px;font-size:13px}
  .col-conversas{border:0;background:transparent;overflow:visible}
  .col-conversas .lista{margin:0 14px}
  .ret-col{margin:0 14px 14px}
  .eq-app[data-vista="atender"] .area:not(.aberta){display:none}
  .colunas.c3{grid-template-columns:1fr}
  .vista-equipe{padding:14px}
}
@media (max-width:1023px){.area:not(.aberta) .inicio{display:none}}
@media (max-width:1023px){.topo .marca{min-width:0}.topo .marca h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:1023px){.topo .marca>div{min-width:0}#atualizar{font-size:0;gap:0;padding:0 10px}#atualizar .i{margin:0}}

/* ======================================================= 1.10.8: cliente quente pressiona; cadastro do atendente */
.alerta-quente{display:flex;align-items:center;gap:8px;flex-basis:100%;margin:0;padding:10px 14px;border-radius:10px;
  background:#dc2626;color:#fff;font:700 15px/1.25 var(--titulo);animation:al-pulso 1.6s ease-in-out infinite}
.alerta-quente .i{width:20px;height:20px;flex:none}
.alerta-quente .btn{margin-left:auto;background:#fff;color:#7f1d1d;border-color:#fff;min-height:34px}
.faixa-espera.tem-quente{background:var(--ruim-f);border-bottom:2px solid #dc2626}
.of.t-quente{flex-wrap:wrap;border:2px solid #dc2626;background:var(--ruim-f);animation:al-pulso 1.6s ease-in-out infinite;order:-1}
.of.t-morno{border-left:4px solid var(--aten)}
.of.t-frio{border-left:4px solid var(--info)}
.of-alarme{flex-basis:100%;display:flex;align-items:center;gap:6px;margin:0;font:700 13px/1.2 var(--titulo);color:var(--ruim);text-transform:uppercase;letter-spacing:.02em}
.of-alarme .i{width:16px;height:16px}
.of .calado{display:flex;align-items:flex-start;gap:6px;margin:4px 0 0;font-size:13px;color:var(--neg);background:var(--neg-f);padding:4px 8px;border-radius:8px}
.of .calado .i{width:14px;height:14px;flex:none;margin-top:2px}
@keyframes al-pulso{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.55)}50%{box-shadow:0 0 0 6px rgba(220,38,38,0)}}
.cartao.t-quente,.it.t-quente{border-left:4px solid #dc2626;background:var(--ruim-f)}
.dlg{border:0;padding:0;background:transparent;max-width:min(440px,94vw);width:100%}
.dlg::backdrop{background:rgba(12,12,16,.55)}
.dlg form{display:flex;flex-direction:column;gap:12px;padding:20px}
.dlg h2{margin:0;font:600 18px var(--titulo)}
.dlg .acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.perfis .it .de{color:var(--mut);text-decoration:line-through}
@media (prefers-reduced-motion:reduce){.alerta-quente,.of.t-quente{animation:none}}
.alerta.aten{background:var(--aten-f);border-color:var(--dica-filete);color:var(--aten)}
@media (min-width:1024px) and (min-height:700px){.faixa-espera.tem-quente{max-height:50vh}}
@media (max-width:1023px){.of.t-quente{flex-wrap:nowrap}.of-alarme{flex-basis:auto}}