/* 360 Atendimento · painel do operador
   Padrão CLARO e limpo (pedido do Igor, 20/10/2026): branco, bordas finas, verde 360 (#9BC13C) só como acento,
   laranja só para urgência. Tema escuro opcional (botão da lua).
   Archivo (texto e números) · Anton (só a marca) · Space Mono (só hora, telefone e custo). */

:root,[data-theme="light"]{
  --bg:#f4f5f2;--col-lista:#ffffff;--col-conv:#f7f8f5;--col-ficha:#fafbf8;
  --painel:#ffffff;--painel-2:#f5f6f3;--painel-3:#eceee8;
  --linha:#e7e9e3;--linha-forte:#d7dad2;
  --texto:#1b1d19;--texto-2:#5a5e56;--texto-3:#93978e;
  --lima:#9bc13c;--lima-txt:#4b6a10;--lima-fundo:#f1f6e3;--lima-borda:#cfe2a0;--tinta-lima:#1b2a07;
  --laranja:#dd5420;--laranja-fundo:#fdf1eb;--laranja-borda:#f6c9b5;
  --ambar:#a8690c;--ambar-fundo:#fcf4e4;
  --azul:#2a69a8;--azul-fundo:#ebf2fa;
  --roxo:#6a4bbf;--roxo-fundo:#f2eefb;
  --vermelho:#c9302c;--vermelho-fundo:#fcefee;
  --b-cliente:#ffffff;--b-cliente-borda:#e7e9e3;--b-ia:#f2f7e5;--b-ia-borda:#dde9bd;--b-equipe:#ecf3fb;--b-equipe-borda:#d3e2f3;
  --nota:#fff8de;--nota-txt:#6a5410;--nota-borda:#e5c65a;
  --sombra-1:0 1px 2px rgba(25,30,15,.05);
  --sombra:0 20px 50px rgba(25,30,15,.14);
  --av-l:93%;--av-txt-l:30%;
  --grao:0;
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#0c0d0b;--col-lista:#121311;--col-conv:#0f100e;--col-ficha:#121311;
  --painel:#181916;--painel-2:#1e1f1b;--painel-3:#262722;
  --linha:rgba(255,255,255,.07);--linha-forte:rgba(255,255,255,.13);
  --texto:#ecebe4;--texto-2:#a7a69d;--texto-3:#6f6e67;
  --lima:#9bc13c;--lima-txt:#b7d95c;--lima-fundo:rgba(155,193,60,.13);--lima-borda:rgba(155,193,60,.38);--tinta-lima:#10170a;
  --laranja:#ee5a24;--laranja-fundo:rgba(238,90,36,.14);--laranja-borda:rgba(238,90,36,.45);
  --ambar:#e9a23b;--ambar-fundo:rgba(233,162,59,.14);
  --azul:#63b0ea;--azul-fundo:rgba(99,176,234,.14);
  --roxo:#b79cf0;--roxo-fundo:rgba(183,156,240,.14);
  --vermelho:#f05252;--vermelho-fundo:rgba(240,82,82,.14);
  --b-cliente:#1d1e1a;--b-cliente-borda:rgba(255,255,255,.07);--b-ia:#1c2711;--b-ia-borda:rgba(155,193,60,.28);--b-equipe:#132235;--b-equipe-borda:rgba(99,176,234,.28);
  --nota:#2f2812;--nota-txt:#f1d88e;--nota-borda:#a4842c;
  --sombra-1:none;
  --sombra:0 18px 50px rgba(0,0,0,.55);
  --av-l:26%;--av-txt-l:82%;
  --grao:.04;
  color-scheme:dark;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--texto);font:14px/1.45 "Archivo",system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;font-variant-numeric:tabular-nums}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:var(--grao);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--lima-txt)}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{opacity:.4;cursor:default}
input,select,textarea{font:inherit;color:var(--texto);background:var(--painel);border:1px solid var(--linha-forte);border-radius:10px;padding:8px 10px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:var(--texto-3)}
input:focus,select:focus,textarea:focus{border-color:var(--lima);box-shadow:0 0 0 3px var(--lima-fundo)}
textarea{resize:none}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mono{font-family:"Space Mono",ui-monospace,monospace}
.t-laranja{color:var(--laranja)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:var(--linha-forte);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}
/* rótulo padrão: pequeno, em caixa alta, discreto */
.rotulo,.grupo-h,.cartao h4,.kpi span,.perfil .linha-p span,.campos label{font-family:"Archivo",sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}

/* ---------- estrutura ---------- */
.app{height:100vh;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.trilho{grid-row:1/3;background:var(--painel);border-right:1px solid var(--linha);display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 14px}
.trilho .marca{width:40px;margin-bottom:16px}
.trilho-btn{width:40px;height:40px;border-radius:11px;border:0;background:none;display:grid;place-items:center;color:var(--texto-3);text-decoration:none;transition:.15s}
.trilho-btn:hover{color:var(--texto);background:var(--painel-2)}
.trilho-btn.ativo{color:var(--lima-txt);background:var(--lima-fundo)}
.trilho-espaco{flex:1}
.placar{grid-column:2;display:flex;align-items:center;gap:24px;padding:12px 22px;border-bottom:1px solid var(--linha);background:var(--painel)}
.placar .titulo{display:flex;flex-direction:column;line-height:1}
.wordmark{font-family:"Anton",sans-serif;font-size:22px;letter-spacing:.04em;color:var(--texto)}
.placar .sub{font-size:11.5px;color:var(--texto-3);margin-top:5px;display:flex;align-items:center;gap:6px}
.placar .sub b{font-weight:600;color:var(--lima-txt)}
.ao-vivo{width:7px;height:7px;border-radius:50%;background:var(--lima);margin-left:8px;box-shadow:0 0 0 3px var(--lima-fundo)}
.ao-vivo.off{background:var(--texto-3);box-shadow:none}
.kpis{display:flex;gap:8px;margin-left:auto}
.kpi{min-width:104px;padding:7px 14px;border:1px solid var(--linha);border-radius:12px;background:var(--painel);display:flex;flex-direction:column;gap:1px;position:relative}
.kpi b{font-weight:800;font-size:22px;line-height:1.1;letter-spacing:-.01em}
.kpi small{font-family:"Space Mono",monospace;font-weight:400;font-size:10.5px;color:var(--texto-3);margin-left:6px;letter-spacing:0}
.kpi.alerta{border-color:var(--laranja-borda);background:var(--laranja-fundo)}
.kpi.alerta b,.kpi.alerta span{color:var(--laranja)}
.kpi.alerta::after{content:"";position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--laranja);animation:pulso-l 1.6s infinite}
@keyframes pulso-l{0%{box-shadow:0 0 0 0 rgba(221,84,32,.45)}70%{box-shadow:0 0 0 8px rgba(221,84,32,0)}100%{box-shadow:0 0 0 0 rgba(221,84,32,0)}}
.kpi.ia b{color:var(--lima-txt)}
.abas-mobile{display:none}

.colunas{grid-column:2;display:grid;grid-template-columns:340px minmax(0,1fr) 330px;min-height:0}
.col{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--linha)}
.col:last-child{border-right:0}
.fila{background:var(--col-lista)}
.conversa{background:var(--col-conv)}
.ficha-col{background:var(--col-ficha)}
.rolagem{flex:1;overflow:auto;min-height:0}

/* ---------- fila ---------- */
.fila-topo{padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--linha)}
.busca{position:relative}
.busca svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--texto-3)}
.busca input{padding-left:34px;background:var(--painel-2);border-color:transparent}
.busca input:focus{background:var(--painel)}
.filtros{display:flex;gap:5px;flex-wrap:wrap}
.filtro{border:1px solid var(--linha);background:var(--painel);color:var(--texto-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px;transition:.15s}
.filtro:hover{border-color:var(--linha-forte);color:var(--texto)}
.filtro em{font-style:normal;font-size:11px;font-weight:500;color:var(--texto-3)}
.filtro.ativo{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
.filtro.ativo em{color:var(--lima-txt)}
.filtro.urgente:not(.zero){color:var(--laranja);border-color:var(--laranja-borda)}
.filtro.urgente:not(.zero) em{color:var(--laranja)}
.filtro.urgente.ativo:not(.zero){background:var(--laranja-fundo)}

.grupo-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:7px;padding:14px 16px 6px;background:var(--col-lista);cursor:pointer;user-select:none}
.grupo-h .n{margin-left:auto;color:var(--texto-3);font-weight:500}
.grupo-h .seta{transition:transform .2s;width:13px;height:13px}
.grupo-h.fechado .seta{transform:rotate(-90deg)}
.grupo-h.alerta,.grupo-h.alerta .n{color:var(--laranja)}
.grupo-vazio{padding:0 16px 10px;font-size:12.5px;color:var(--texto-3)}

.item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;margin:1px 8px;padding:10px 10px 10px 12px;border-radius:12px;cursor:pointer;transition:background .12s}
.item::before{content:"";position:absolute;left:2px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--cor-estado,transparent);opacity:.85}
.item:hover{background:var(--painel-2)}
.item.ativo{background:var(--lima-fundo)}
.item.urgente .hora{color:var(--laranja);font-weight:600}
.item .corpo{min-width:0}
.item .l1{display:flex;align-items:baseline;gap:8px}
.item .nome{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item .hora{margin-left:auto;font-size:11.5px;color:var(--texto-3);white-space:nowrap}
.item .l2{font-size:13px;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.item .l2 .quem{color:var(--texto-3);font-weight:600}
.item .l3{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}

.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:hsl(var(--h,90) 35% var(--av-txt-l));background:hsl(var(--h,90) 45% var(--av-l));border:0;flex:none;position:relative}
.avatar.g{width:44px;height:44px;font-size:15px}
.avatar .selo{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--painel);background:var(--cor-estado,var(--texto-3))}
.avatar.eu{width:36px;height:36px;background:var(--painel-2);color:var(--texto-2);border:1px solid var(--linha-forte);cursor:pointer;font-size:12px}

.chip{font-size:11px;font-weight:600;padding:1px 7px;border-radius:6px;background:var(--painel-3);color:var(--texto-2);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;line-height:1.55}
.chip.ia,.chip.verde{background:var(--lima-fundo);color:var(--lima-txt)}
.chip.fila,.chip.lar{background:var(--ambar-fundo);color:var(--ambar)}
.chip.humano{background:var(--azul-fundo);color:var(--azul)}
.chip.verm,.chip.urg{background:var(--laranja-fundo);color:var(--laranja)}
.chip.etapa{background:var(--roxo-fundo);color:var(--roxo)}
.chip.enc{background:var(--painel-3);color:var(--texto-3)}
.chip.escrevendo{background:var(--lima-fundo);color:var(--lima-txt)}
.chip.escrevendo i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pisca 1s infinite}
@keyframes pisca{50%{opacity:.2}}
.ponto{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.ponto.ia{background:var(--lima)}.ponto.fila{background:var(--ambar)}.ponto.humano{background:var(--azul)}

/* ---------- conversa ---------- */
.vazio-conv{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--texto-2)}
.vazio-conv img{width:96px;margin-bottom:22px;opacity:.95}
.vazio-conv h2{font-weight:800;font-size:22px;margin:0 0 8px;color:var(--texto);letter-spacing:-.01em}
.vazio-conv p{max-width:380px;margin:0 0 18px;line-height:1.55}
.vazio-conv .legenda{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--texto-3)}
.conv{flex:1;min-height:0;display:flex;flex-direction:column}
.conv[hidden]{display:none}
.conv-topo{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--painel);border-bottom:1px solid var(--linha);flex-wrap:wrap}
.conv-topo .quem{min-width:0;display:flex;flex-direction:column;gap:3px}
.conv-topo .nome{font-weight:700;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv-topo .linha2{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.conv-topo .tel{font-family:"Space Mono",monospace;font-size:11px;color:var(--texto-3);margin-right:2px}
.acoes{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linha-forte);background:var(--painel);color:var(--texto);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:600;transition:.15s;box-shadow:var(--sombra-1)}
.btn svg{width:16px;height:16px}
.btn:hover:not(:disabled){background:var(--painel-2)}
.btn.primario{background:var(--lima);border-color:var(--lima);color:var(--tinta-lima)}
.btn.primario:hover:not(:disabled){filter:brightness(.96);background:var(--lima)}
.btn.perigo{color:var(--vermelho)}
.btn.perigo:hover:not(:disabled){background:var(--vermelho-fundo);border-color:var(--vermelho-fundo)}
.btn.fantasma{background:none;border-color:transparent;box-shadow:none}
.faixa-transf{display:flex;gap:10px;align-items:flex-start;padding:9px 18px;background:var(--ambar-fundo);border-bottom:1px solid var(--linha);color:var(--texto);font-size:13px}
.faixa-transf[hidden]{display:none}
.faixa-transf svg{color:var(--ambar);margin-top:1px}
.faixa-transf b{color:var(--ambar)}

.msgs{flex:1;overflow:auto;padding:20px 8% 16px;display:flex;flex-direction:column;gap:2px}
.dia{align-self:center;margin:14px 0 8px;font-size:11.5px;font-weight:600;color:var(--texto-3);background:var(--painel);border:1px solid var(--linha);padding:2px 11px;border-radius:999px}
.bolha{max-width:min(560px,74%);padding:8px 12px 5px;border-radius:14px;word-wrap:break-word;white-space:pre-wrap;position:relative;font-size:14px;line-height:1.5;border:1px solid transparent;box-shadow:var(--sombra-1);margin-top:6px}
.bolha .meta{display:flex;justify-content:flex-end;gap:6px;align-items:center;margin-top:3px;font-size:10.5px;color:var(--texto-3)}
.bolha .meta span:last-child{font-family:"Space Mono",monospace;font-size:10px}
.bolha .midia-audio{display:block;width:260px;max-width:100%;height:36px;margin:2px 0 4px}
.bolha .midia-img{display:block;max-width:260px;max-height:260px;border-radius:10px;margin:2px 0 4px;border:1px solid var(--linha)}
.bolha .midia-img.fig{max-width:130px;border:0;background:none}
.bolha .meta .h{font-family:"Space Mono",monospace;font-size:10px}
.bolha .meta .envio{font-family:inherit;font-size:11px;letter-spacing:-.15em;color:var(--texto-3);cursor:default}
.bolha .meta .envio.lido{color:#2f9fe0}
.bolha .meta .envio.falhou{color:var(--laranja);letter-spacing:0;font-weight:700}
.bolha .tag{font-weight:700;font-size:10px;letter-spacing:.04em;padding:0 5px;border-radius:4px}
.bolha.cliente{align-self:flex-start;background:var(--b-cliente);border-color:var(--b-cliente-borda);border-bottom-left-radius:4px}
.bolha.bot{align-self:flex-end;background:var(--b-ia);border-color:var(--b-ia-borda);border-bottom-right-radius:4px}
.bolha.bot .tag{background:var(--lima);color:var(--tinta-lima)}
.bolha.equipe{align-self:flex-end;background:var(--b-equipe);border-color:var(--b-equipe-borda);border-bottom-right-radius:4px}
.bolha.equipe .tag{background:var(--azul);color:#fff}
.bolha.equipe .tag.modelo{background:var(--painel);color:var(--azul);border:1px solid var(--b-equipe-borda);font-family:"Space Mono",monospace;font-weight:400;letter-spacing:0}
.bolha.cliente+.bolha.cliente,.bolha.bot+.bolha.bot,.bolha.equipe+.bolha.equipe{margin-top:2px}
.bolha a{color:inherit;text-decoration-color:var(--lima)}
.bolha.sistema{align-self:center;max-width:86%;margin:8px 0;padding:3px 12px;border-radius:999px;background:transparent;border:0;box-shadow:none;color:var(--texto-3);font-size:12px;text-align:center;white-space:normal}
.bolha.sistema .meta{display:inline;margin-left:6px}
.bolha.nota{align-self:center;max-width:78%;margin:8px 0;background:var(--nota);color:var(--nota-txt);border:0;border-left:3px solid var(--nota-borda);border-radius:10px;font-size:13px}
.bolha.nota .meta{color:var(--nota-txt);opacity:.75}
.digitando{align-self:flex-end;display:flex;gap:4px;padding:10px 14px;margin-top:6px;background:var(--b-ia);border:1px solid var(--b-ia-borda);border-radius:14px;border-bottom-right-radius:4px}
.digitando i{width:6px;height:6px;border-radius:50%;background:var(--lima);animation:pula 1.2s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes pula{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-4px);opacity:1}}

.compor{padding:10px 18px 12px;background:var(--painel);border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:8px}
.rapidas{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.rapidas::-webkit-scrollbar{display:none}
.rapida{flex:none;border:1px solid var(--linha);background:var(--painel-2);color:var(--texto-2);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;transition:.15s}
.rapida:hover{border-color:var(--lima-borda);color:var(--lima-txt);background:var(--lima-fundo)}
.caixa{display:flex;align-items:flex-end;gap:8px;background:var(--painel);border:1px solid var(--linha-forte);border-radius:14px;padding:5px 5px 5px 5px;transition:border-color .15s,box-shadow .15s}
.btn-modelo{flex:none;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 10px;border:0;border-radius:10px;background:var(--painel-2);color:var(--texto-2);font-size:12.5px;font-weight:600;transition:.15s}
.btn-modelo svg{width:17px;height:17px}
.btn-modelo:hover{background:var(--azul-fundo);color:var(--azul)}
.faixa-janela{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--azul-fundo);color:var(--texto);font-size:12.5px;line-height:1.4}
.faixa-janela[hidden]{display:none}
.faixa-janela > svg{width:18px;height:18px;color:var(--azul);flex:none}
.faixa-janela.fechada{background:var(--ambar-fundo)}
.faixa-janela.fechada > svg{color:var(--ambar)}
.faixa-janela .btn{flex:none;margin-left:auto}
.modal-caixa.larga{width:min(620px,calc(100vw - 32px))}
.mo-lista{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;padding-right:2px}
.mo-item{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--linha);background:var(--painel);border-radius:10px;padding:8px 11px;font:inherit;color:inherit;cursor:pointer}
.mo-item:hover:not(:disabled){border-color:var(--linha-forte);background:var(--painel-2)}
.mo-item.sel{border-color:var(--lima);background:var(--lima-fundo)}
.mo-item:disabled{opacity:.55;cursor:default}
.mo-topo{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mo-topo b{font-size:12.5px;margin-right:auto}
.mo-texto{font-size:12.5px;color:var(--texto-2);line-height:1.4}
.mo-item small{font-size:11.5px}
.mo-escolhido{display:flex;flex-direction:column;gap:8px}
.m-barra{display:flex;align-items:center;gap:12px;justify-content:space-between}
.m-barra .btn{flex:none}
.m-card.da-meta .m-topo b{font-size:13px}
.caixa:focus-within{border-color:var(--lima);box-shadow:0 0 0 3px var(--lima-fundo)}
.caixa textarea{border:0;background:none;padding:7px 0;box-shadow:none;max-height:180px;min-height:22px;line-height:1.45}
.caixa textarea:focus{box-shadow:none}
.enviar{width:38px;height:38px;border-radius:10px;border:0;background:var(--lima);color:var(--tinta-lima);display:grid;place-items:center;flex:none;transition:.15s}
.enviar:hover:not(:disabled){filter:brightness(.95)}
.enviar svg{width:17px;height:17px;fill:currentColor;stroke:none}
.dica{font-size:12px;color:var(--texto-3);display:flex;gap:6px;align-items:center}
.dica .ponto{margin:0}

/* ---------- ficha ---------- */
.ficha{padding:14px;display:flex;flex-direction:column;gap:10px}
.ficha-vazia{padding:40px 10px;text-align:center;color:var(--texto-3);font-size:13px}
.cartao{background:var(--painel);border:1px solid var(--linha);border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:10px}
.cartao h4{margin:0;display:flex;align-items:center;gap:8px}
.cartao h4 .acao-h{margin-left:auto;background:none;border:0;color:var(--lima-txt);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;padding:0}
.cartao h4 .acao-h:hover{text-decoration:underline}
.proxima{display:flex;flex-direction:column;gap:3px}
.proxima b{font-size:15px;font-weight:700;line-height:1.3}
.proxima .quando{font-size:12px;color:var(--texto-2)}
.cartao.prox{border-left:3px solid var(--lima)}
.cartao.prox.vencida{border-left-color:var(--laranja);background:var(--laranja-fundo)}
.cartao.prox.vencida .quando{color:var(--laranja);font-weight:700}
.editar-prox{display:none;flex-direction:column;gap:8px}
.editar-prox.aberto{display:flex}
.perfil{display:grid;grid-template-columns:1fr;gap:7px}
.perfil .linha-p{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:center}
.perfil input{padding:6px 9px;font-size:13px;background:var(--painel-2);border-color:transparent}
.perfil input:focus{background:var(--painel);border-color:var(--lima)}
.dica-ia{font-size:11.5px;line-height:1.4;color:var(--texto-3)}
.origens{display:flex;flex-wrap:wrap;gap:5px}
.origens button{border:1px solid var(--linha-forte);background:var(--painel);color:var(--texto-2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;transition:.15s}
.origens button:hover{border-color:var(--lima-borda);color:var(--texto)}
.origens button.sel{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
.chip.origem{background:var(--painel-3);color:var(--texto-2)}
.funil{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.funil button{border:0;background:none;padding:0;display:flex;flex-direction:column;gap:6px;align-items:stretch;color:var(--texto-3);text-align:center;transition:.15s}
.funil button::before{content:"";height:5px;border-radius:3px;background:var(--painel-3);transition:.15s}
.funil button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-stretch:80%;font-size:11.5px;font-weight:600}
.funil button.feito{color:var(--texto-2)}
.funil button.feito::before{background:var(--lima-borda)}
.funil button.atual{color:var(--lima-txt);font-weight:800}
.funil button.atual::before{background:var(--lima)}
.funil button:hover:not(.atual){color:var(--texto)}
.funil button:hover:not(.atual)::before{background:var(--linha-forte)}
.funil-perdido{font-size:12px;font-weight:600;color:var(--vermelho)}
.campos{display:flex;flex-direction:column;gap:9px}
.campos label{display:flex;flex-direction:column;gap:4px}
.campos input,.campos select{font-family:"Archivo",sans-serif;font-weight:400;font-size:13px;letter-spacing:0;text-transform:none;color:var(--texto);padding:7px 9px;background:var(--painel-2);border-color:transparent}
.campos input:focus,.campos select:focus{background:var(--painel);border-color:var(--lima)}
.fatos{display:flex;flex-direction:column}
.fato{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--linha)}
.fato:last-child{border-bottom:0}
.fato span:first-child{color:var(--texto-3)}
.fato span:last-child{text-align:right;font-weight:500}
.fato .ok{color:var(--lima-txt)}
.salvar-linha{display:flex;gap:8px;align-items:center}
.salvar-linha .estado-salvo{font-size:11.5px;color:var(--texto-3)}
.notas{display:flex;flex-direction:column;gap:7px}
.nota-i{background:var(--nota);color:var(--nota-txt);border-left:3px solid var(--nota-borda);border-radius:8px;padding:7px 10px;font-size:12.5px;white-space:pre-wrap}
.nota-i small{display:block;margin-top:3px;font-size:10.5px;opacity:.75}
.cartao textarea{min-height:58px;font-size:13px;background:var(--painel-2);border-color:transparent}
.cartao textarea:focus{background:var(--painel);border-color:var(--lima)}

/* ---------- modal e avisos ---------- */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(25,30,20,.32);backdrop-filter:blur(3px);animation:fade .15s both}
[data-theme="dark"] .modal{background:rgba(5,6,4,.62)}
.modal[hidden]{display:none}
@keyframes fade{from{opacity:0}}
@keyframes sobe{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.modal-caixa{width:min(420px,calc(100vw - 32px));background:var(--painel);border:1px solid var(--linha);border-radius:18px;padding:22px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:14px;animation:sobe .2s both}
.modal-caixa h3{margin:0;font-weight:800;font-size:19px;letter-spacing:-.01em}
.modal-caixa p{margin:-8px 0 0;color:var(--texto-2);font-size:13px}
.modal-caixa .opcoes{display:flex;gap:6px;flex-wrap:wrap}
.modal-caixa .opcoes button{border:1px solid var(--linha-forte);background:var(--painel);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--texto-2)}
.modal-caixa .opcoes button.sel{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
.modal-caixa .rodape{display:flex;justify-content:flex-end;gap:8px}
.modal-caixa .logo-m{width:60px}
/* conta, senha e equipe (login) */
.conta-acoes{display:flex;flex-direction:column;gap:8px}
.conta-acoes .btn{justify-content:center;padding:9px 12px}
.campo-m{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--texto-2)}
.eq-lista{display:flex;flex-direction:column;border:1px solid var(--linha);border-radius:12px;max-height:280px;overflow:auto}
.eq-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid var(--linha)}
.eq-linha:last-child{border-bottom:0}
.eq-linha.inativo{opacity:.55}
.eq-papel,.eq-prov{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:5px;background:var(--painel-3);color:var(--texto-2);margin-left:4px}
.eq-prov{background:var(--ambar-fundo);color:var(--ambar)}
.eq-sub{font-size:11.5px;color:var(--texto-3);margin-top:2px}
.eq-acoes{display:flex;gap:6px;flex-shrink:0}
.btn.mini{padding:3px 8px;font-size:11.5px}
.eq-novo{margin:4px 0 -6px;font-size:13px}
.eq-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.eq-form select{grid-column:1 / -1}
.modal-caixa{max-height:calc(100vh - 32px);overflow:auto}
.toasts{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.toast{background:var(--painel);border:1px solid var(--linha);border-left:3px solid var(--lima);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:var(--sombra);max-width:380px;animation:sobe .2s both}
.toast.erro{border-left-color:var(--vermelho)}
.toast.clicavel{cursor:pointer}
.toast.clicavel:hover{background:var(--painel-2)}
.toast.aviso.fila,.toast.aviso.transferida,.toast.aviso.respondeu,.toast.aviso.disparo{border-left-color:var(--azul)}
.toast.aviso.ia_falhou,.toast.aviso.nao_saiu{border-left-color:var(--laranja)}
.toast.aviso.sistema{border-left-color:var(--vermelho);font-weight:600}

/* sino do portal */
.sino-box{position:relative;flex:none}
.sino{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--linha);background:var(--painel);color:var(--texto-2);display:grid;place-items:center;transition:.15s}
.sino svg{width:20px;height:20px}
.sino:hover{background:var(--painel-2);color:var(--texto)}
.sino.tem{color:var(--laranja);border-color:var(--laranja-borda)}
.sino b{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--laranja);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;line-height:1}
.sino b[hidden]{display:none}
.avisos-painel{position:absolute;top:calc(100% + 8px);right:0;z-index:90;width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 110px));display:flex;flex-direction:column;background:var(--painel);border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);overflow:hidden;animation:sobe .15s both}
.avisos-painel[hidden]{display:none}
.av-cab{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border-bottom:1px solid var(--linha)}
.av-cab b{font-size:14px}
.av-cab span{font-size:11.5px;color:var(--texto-3)}
.av-lista{overflow:auto;display:flex;flex-direction:column}
.av-item{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--linha);background:none;font:inherit;color:inherit;cursor:pointer}
.av-item:hover:not(:disabled){background:var(--painel-2)}
.av-item:disabled{cursor:default;opacity:1}
.av-item.novo{background:var(--lima-fundo)}
.av-item span{display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.4;color:var(--texto-2);min-width:0}
.av-item span b{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--texto)}
.av-item small{font-size:11px;color:var(--texto-3)}
.av-ponto{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none;background:var(--texto-3)}
.av-ponto.novo{background:var(--lima)}
.av-ponto.disparo,.av-ponto.fila,.av-ponto.transferida,.av-ponto.respondeu{background:var(--azul)}
.av-ponto.fila{background:var(--ambar)}
.av-ponto.ia_falhou,.av-ponto.nao_saiu{background:var(--laranja)}
.av-ponto.sistema{background:var(--vermelho)}
.av-lista .vazio-card{padding:18px 14px}

/* comercial: Hoje e Leads */
.pres{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--texto-3);opacity:.5;margin-right:6px;vertical-align:1px;flex:none}
.pres.on{background:var(--lima);opacity:1;box-shadow:0 0 0 3px var(--lima-fundo)}
.eq-papel.vendas{background:var(--lima-fundo);color:var(--lima-txt)}
.cl-cadencia{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:var(--azul-fundo);font-size:13px;line-height:1.45}
.cl-cadencia > svg{width:18px;height:18px;color:var(--azul);flex:none;margin-top:1px}
.cl-secao{display:flex;flex-direction:column;gap:6px}
.cl-secao h4{margin:6px 0 2px;display:flex;align-items:baseline;gap:8px;font-family:"Archivo",sans-serif;font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3)}
.cl-secao h4 .n{font-weight:600;letter-spacing:.02em;text-transform:none}
/* janela "Cliente esperando" (21/10/2026): engloba os contatos, rola sozinha a partir de ~5 */
.cl-janela{border:1.5px solid var(--laranja-borda);border-radius:14px;background:var(--laranja-fundo);overflow:hidden}
.cl-janela.vazia{border-color:var(--linha);background:var(--painel)}
.cl-janela-cab{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--laranja-borda);color:var(--laranja)}
.cl-janela.vazia .cl-janela-cab{border-bottom-color:var(--linha);color:var(--texto-3)}
.cl-janela-cab svg{width:17px;height:17px;flex:none}
.cl-janela-cab b{font-family:"Archivo",sans-serif;font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.cl-janela-cab .n{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--laranja);color:#fff;font-size:12px;font-weight:700;text-align:center}
.cl-janela.vazia .cl-janela-cab .n{background:var(--linha);color:var(--texto-3)}
.cl-janela-cab small{margin-left:auto;color:var(--texto-3);font-size:12px}
.cl-janela-corpo{display:flex;flex-direction:column;gap:6px;padding:8px;max-height:372px;overflow-y:auto;overscroll-behavior:contain}
.cl-janela.vazia .cl-janela-corpo{padding:4px 14px}
@media (max-width:720px){.cl-janela-cab small{display:none}.cl-janela-corpo{max-height:60vh}}
.cl-linha{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(0,2fr) auto;gap:14px;align-items:center;background:var(--painel);border:1px solid var(--linha);border-radius:12px;padding:10px 12px}
.cl-linha.atrasado{border-left:3px solid var(--laranja)}
.cl-abrir{display:flex;align-items:center;gap:2px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0;padding:0}
.cl-quem{display:flex;flex-direction:column;min-width:0}
.cl-quem b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-quem small{font-size:11.5px;color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-abrir:hover b{color:var(--lima-txt)}
.cl-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.cl-chips{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.cl-ultima{font-size:12.5px;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-acoes{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cl-dia{background:var(--painel);border:1px solid var(--linha);border-radius:12px;padding:8px 12px}
.cl-dia summary{cursor:pointer;font-size:13px;font-weight:600;text-transform:capitalize;display:flex;gap:8px}
.cl-dia summary em{font-style:normal;color:var(--texto-3);font-weight:500}
.cl-dia[open]{display:flex;flex-direction:column;gap:6px}
.cl-dia .cl-linha{border-color:var(--linha)}
.cl-equipe{display:flex;gap:8px;flex-wrap:wrap}
.cl-pres{display:inline-flex;align-items:center;gap:2px;padding:5px 10px;border:1px solid var(--linha);border-radius:999px;background:var(--painel);font-size:12.5px;font-weight:600}
.cl-pres small{font-weight:400;color:var(--texto-3);margin-left:6px}
.cl-filtros{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(150px,1fr)) auto;gap:8px;align-items:center}
.cl-filtros select{background:var(--painel)}
.cl-funil{display:flex;gap:6px;flex-wrap:wrap}
.cl-funil button{border:1px solid var(--linha-forte);background:var(--painel);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--texto-2);display:inline-flex;gap:6px;align-items:center}
.cl-funil button em{font-style:normal;font-weight:500;color:var(--texto-3)}
.cl-funil button.sel{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
.cl-tabela{background:var(--painel);border:1px solid var(--linha);border-radius:14px;overflow:hidden}
.cl-th,.cl-tr{display:grid;grid-template-columns:minmax(0,1.6fr) 130px minmax(0,1fr) 84px 120px 120px;gap:10px;align-items:center;padding:9px 14px}
.cl-th{font-family:"Archivo",sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--texto-3);border-bottom:1px solid var(--linha);background:var(--painel-2)}
.cl-tr{width:100%;border:0;border-bottom:1px solid var(--linha);background:none;text-align:left;font:inherit;font-size:13px;color:inherit;cursor:pointer}
.cl-tr:last-child{border-bottom:0}
.cl-tr:hover{background:var(--painel-2)}
.cc-linha{display:flex;align-items:center;gap:8px}
.cc-linha .rotulo{margin:0 auto 0 0}
.cc-linha select{width:auto;max-width:60%;padding:5px 8px;font-size:13px;background:var(--painel-2);border-color:transparent}
.cc-situ{font-size:13px;line-height:1.45;color:var(--texto-2)}
.cc-acoes{display:flex;gap:6px;flex-wrap:wrap}
.cc-hist{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--linha);padding-top:8px;max-height:180px;overflow:auto}
.cc-hist div{font-size:12.5px;display:flex;flex-direction:column}
.cc-hist small{font-size:11px;color:var(--texto-3)}
@media (max-width:980px){
  .cl-linha{grid-template-columns:1fr;gap:8px}
  .cl-acoes{justify-content:flex-start}
  .cl-filtros{grid-template-columns:1fr 1fr}
  .cl-filtros .busca{grid-column:1/3}
  .cl-th{display:none}
  .cl-tr{grid-template-columns:1fr auto;row-gap:4px}
  .cl-tr > span:nth-child(3),.cl-tr > span:nth-child(4),.cl-tr > span:nth-child(5){display:none}
}
@media (max-width:980px){
  .sino-box{margin-left:auto}
  .sino{width:38px;height:38px}
  .avisos-painel{position:fixed;top:60px;left:12px;right:12px;width:auto}
}

/* ---------- telas ---------- */
.vista{grid-column:2;min-height:0;display:flex;flex-direction:column;background:var(--bg)}
.vista.colunas{display:grid}
.vista[hidden]{display:none!important}
.trilho-btn{position:relative}
.trilho-btn .bolinha{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--laranja);border:2px solid var(--painel)}
.trilho-btn .bolinha[hidden]{display:none}
.nav-mobile{display:none}
.rotulo{display:block;margin:4px 0 -2px}
.apagado{color:var(--texto-3)}
.ok-txt{color:var(--lima-txt);font-weight:600}
.avatar.mini{width:24px;height:24px;font-size:9.5px;display:inline-grid;margin-right:8px;vertical-align:middle}
.ponto.ok{background:var(--lima)}.ponto.neutro,.ponto.enc{background:var(--texto-3)}
.vazio-card{padding:16px 4px;color:var(--texto-3);font-size:13px}
.vazio-card.grande{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 20px;text-align:center;background:var(--painel);border:1px dashed var(--linha-forte);border-radius:14px}
.vazio-card.grande svg{width:30px;height:30px;color:var(--lima)}
.vazio-card.grande b{color:var(--texto);font-size:15px}
.dica-flutuante{position:fixed;z-index:130;pointer-events:none;background:var(--texto);color:var(--painel);font-size:12px;padding:5px 9px;border-radius:7px;max-width:280px;box-shadow:var(--sombra)}
.dica-flutuante[hidden]{display:none}
.cartao h4 .n{margin-left:auto;font-weight:500;color:var(--texto-3);letter-spacing:.02em;text-transform:none}
.h4-2{margin-top:10px!important}
.bolha.disparo{background:var(--roxo-fundo);border-color:transparent}
.bolha.disparo .tag{background:var(--roxo);color:#fff}

/* ---------- INÍCIO ---------- */
.inicio-corpo,.disparos-corpo,.comercial-corpo{max-width:1320px;margin:0 auto;padding:22px 26px 40px;display:flex;flex-direction:column;gap:16px}
.ini-cab,.d-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ini-cab h1,.d-cab h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}
.ini-cab p,.d-cab p{margin:3px 0 0;color:var(--texto-2);font-size:13.5px}
.ini-hora{font-size:12.5px;color:var(--texto-3);text-transform:capitalize}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tiles.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{text-align:left;border:1px solid var(--linha);background:var(--painel);border-radius:14px;padding:13px 14px 12px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font:inherit;color:inherit}
div.tile{cursor:default}
button.tile:hover{border-color:var(--linha-forte);box-shadow:var(--sombra-1)}
.tile .t-rotulo{display:flex;align-items:center;gap:0;font-size:12.5px;font-weight:600;color:var(--texto-2)}
.tile .t-rotulo svg{width:15px;height:15px;margin-right:6px}
.tile b{font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-top:4px}
.tile small{font-size:12px;color:var(--texto-3)}
.tile.urgente{border-color:var(--laranja-borda);background:var(--laranja-fundo)}
.tile.urgente .t-rotulo,.tile.urgente b{color:var(--laranja)}
.ini-grade{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;align-items:start}
.ini-grade.dois{grid-template-columns:1fr 1fr}
.at-lista{display:flex;flex-direction:column;gap:2px;margin:0 -6px}
.at-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:0;background:none;border-radius:10px;padding:8px 6px;cursor:pointer;font:inherit;color:inherit}
.at-item:hover{background:var(--painel-2)}
.at-item .at-l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.at-item .at-l1 b{font-size:13.5px}
.at-item .at-l2{font-size:12.5px;color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.at-item .quem{color:var(--texto-3);font-weight:600}
.tabela{display:flex;flex-direction:column}
.linha-t{display:grid;grid-template-columns:minmax(0,1.3fr) 44px minmax(0,1.4fr);gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--linha);font-size:13px;text-align:left;background:none;border-left:0;border-right:0;border-top:0;font-family:inherit;color:inherit}
.linha-t:last-child{border-bottom:0}
.linha-t.clicavel{cursor:pointer;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr)}
.linha-t.clicavel:hover{background:var(--painel-2)}
.linha-t > span:nth-child(2){font-weight:700;text-align:right}
.linha-t.clicavel > span:nth-child(2){font-weight:400;text-align:left}
.linha-t > span:last-child{font-size:12px;text-align:right}
.lt-nome{display:flex;align-items:center;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats{display:flex;flex-direction:column}
.stat{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding:8px 0;border-bottom:1px solid var(--linha)}
.stat:last-child{border-bottom:0}
.stat span{font-size:13px;color:var(--texto-2)}
.stat b{font-size:17px;font-weight:800;text-align:right}
.stat small{grid-column:1/3;font-size:11.5px;color:var(--texto-3);margin-top:-1px}
.barras{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.barra{display:grid;grid-template-columns:110px minmax(0,1fr) 72px;gap:10px;align-items:center;font-size:13px}
.b-nome{color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-trilho{height:10px;border-radius:4px;background:var(--painel-3);overflow:hidden}
.b-trilho i{display:block;height:100%;border-radius:4px;background:var(--lima)}
.barra:hover .b-trilho i{filter:brightness(.92)}
.b-v{font-weight:700;text-align:right}
.b-v small{font-weight:400;color:var(--texto-3);margin-left:6px;font-size:11.5px}

/* ---------- DISPAROS ---------- */
.voltar{border:0;background:none;color:var(--lima-txt);font-weight:600;font-size:13px;padding:0;margin-bottom:6px;cursor:pointer}
.aviso-simulado{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:var(--ambar-fundo);color:var(--texto);font-size:13px;line-height:1.45}
.aviso-simulado svg{color:var(--ambar);margin-top:1px}
.d-abas{display:flex;gap:4px;border-bottom:1px solid var(--linha)}
.d-abas button{border:0;background:none;padding:9px 12px;font-size:13.5px;font-weight:600;color:var(--texto-3);border-bottom:2px solid transparent;margin-bottom:-1px}
.d-abas button em{font-style:normal;font-weight:500;margin-left:4px;color:var(--texto-3)}
.d-abas button.ativo{color:var(--texto);border-bottom-color:var(--lima)}
.d-lista{display:flex;flex-direction:column;gap:6px}
.d-linha{display:grid;grid-template-columns:minmax(0,1fr) 96px 84px 84px 100px;gap:12px;align-items:center;text-align:left;border:1px solid var(--linha);background:var(--painel);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.d-linha:hover{border-color:var(--linha-forte);box-shadow:var(--sombra-1)}
.d-nome{display:flex;flex-direction:column;min-width:0}
.d-nome b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-nome small{font-size:12px;color:var(--texto-3)}
.d-num{display:flex;flex-direction:column;align-items:flex-end;font-weight:800;font-size:16px}
.d-num small{font-weight:400;font-size:11px;color:var(--texto-3)}
.chip.st-rascunho{background:var(--painel-3);color:var(--texto-2)}
.chip.st-agendado{background:var(--azul-fundo);color:var(--azul)}
.chip.st-enviando{background:var(--ambar-fundo);color:var(--ambar)}
.chip.st-concluido{background:var(--lima-fundo);color:var(--lima-txt)}
.chip.st-cancelado{background:var(--painel-3);color:var(--texto-3);text-decoration:line-through}
.chip.meta-aprovado{background:var(--lima-fundo);color:var(--lima-txt)}
.chip.meta-em-análise{background:var(--azul-fundo);color:var(--azul)}
.chip.meta-rejeitado{background:var(--vermelho-fundo);color:var(--vermelho)}
.m-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.m-card{background:var(--painel);border:1px solid var(--linha);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.m-topo{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.m-topo b{flex-basis:100%;font-size:14px}
.m-topo .btn{padding:3px 8px;font-size:12px;margin-left:auto}
.m-texto{font-size:13px;color:var(--texto-2);white-space:pre-wrap;line-height:1.5}
.m-novo{border:1px dashed var(--linha-forte);background:none;border-radius:14px;color:var(--lima-txt);font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;min-height:110px;cursor:pointer}
.m-novo:hover{background:var(--lima-fundo)}
.d-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.d-form{display:flex;flex-direction:column;gap:12px}
.d-form .opcoes,.modal-caixa .opcoes{display:flex;gap:6px;flex-wrap:wrap}
.d-form .opcoes button{border:1px solid var(--linha-forte);background:var(--painel);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600;color:var(--texto-2);cursor:pointer}
.d-form .opcoes button:hover{color:var(--texto)}
.d-form .opcoes button.sel{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
.d-form textarea{resize:vertical;min-height:110px;background:var(--painel-2);border-color:transparent}
.d-form textarea:focus,.d-form select:focus,.d-form input:focus{background:var(--painel)}
.d-form select,.d-form input:not([type=checkbox]){background:var(--painel-2);border-color:transparent}
.filtros-extra{display:flex;flex-direction:column;gap:9px;margin-top:4px;padding-top:10px;border-top:1px solid var(--linha)}
.linha-dias{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texto-2)}
.linha-dias input{width:72px!important;padding:5px 8px!important}
.interruptor{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;font-size:13px!important;color:var(--texto-2)!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.interruptor input{position:absolute;opacity:0;pointer-events:none;width:auto}
.trilho-int{width:32px;height:18px;border-radius:999px;background:var(--painel-3);border:1px solid var(--linha-forte);position:relative;flex:none;transition:.15s}
.trilho-int::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--painel);box-shadow:0 1px 2px rgba(0,0,0,.2);transition:.15s}
.interruptor input:checked+.trilho-int{background:var(--lima);border-color:var(--lima)}
.interruptor input:checked+.trilho-int::after{left:16px}
.interruptor input:focus-visible+.trilho-int{box-shadow:0 0 0 3px var(--lima-fundo)}
.d-lado{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
.publico-box b{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.publico-box small{font-size:12px;color:var(--texto-3)}
.amostra{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:260px;overflow:auto}
.amostra div{display:flex;align-items:center;font-size:12.5px}
.amostra div small{margin-left:auto;color:var(--texto-3)}
.amostra .mais{color:var(--texto-3);font-size:12px;padding-left:32px}
.previa-fone{background:#e9e3da;border-radius:12px;padding:14px;min-height:90px}
[data-theme="dark"] .previa-fone{background:#0f1a14}
.previa-fone.pequena{padding:10px;min-height:0}
.previa-bolha{background:#fff;color:#1b1d19;border-radius:10px;border-top-left-radius:3px;padding:8px 10px 5px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08);max-width:92%}
.previa-bolha .meta{display:block;text-align:right;font-size:10.5px;color:#8a8f86;margin-top:2px}
.d-acoes{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.d-acoes .btn{padding:9px 14px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.modal-caixa textarea{resize:vertical;min-height:70px}

/* público por lista (planilha ou números colados) */
#e-modo button svg{width:14px;height:14px;vertical-align:-2px;margin-right:5px}
#e-lista{display:none;flex-direction:column;gap:10px}
.cartao.modo-lista #e-lista{display:flex}
.cartao.modo-lista #e-base,.cartao.modo-lista .so-base{display:none!important}
.cartao:not(.modo-lista) .so-lista{display:none}
.campo-l{display:flex;flex-direction:column;gap:5px}
.d-form .campo-l textarea{min-height:84px}
.l-ou{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--texto-3)}
.l-ou::before,.l-ou::after{content:"";flex:1;border-top:1px solid var(--linha)}
.arquivo-zona{position:relative;display:flex;align-items:center;gap:12px;border:1.5px dashed var(--linha-forte);border-radius:12px;padding:14px 16px;cursor:pointer;background:var(--painel-2);transition:.15s}
.arquivo-zona:hover,.arquivo-zona.arrastando{border-color:var(--lima);background:var(--lima-fundo)}
.arquivo-zona.tem{border-style:solid;border-color:var(--lima-borda);background:var(--lima-fundo)}
.arquivo-zona input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.arquivo-zona > svg{width:24px;height:24px;color:var(--lima-txt);flex:none}
.arquivo-zona span{display:flex;flex-direction:column;min-width:0}
.arquivo-zona b{font-size:13.5px;color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arquivo-zona small{font-size:12px;color:var(--texto-3)}
.l-tirar{margin-left:auto;border:0;background:none;color:var(--texto-3);cursor:pointer;padding:4px;border-radius:8px;display:grid}
.l-tirar:hover{background:var(--painel);color:var(--vermelho)}
.l-tirar svg{width:16px;height:16px}
.l-acoes{display:flex;justify-content:flex-end}
.l-previa{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--linha);animation:fade .15s both}
.l-contas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lc{border:1px solid var(--linha);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;min-width:0}
.lc b{font-size:21px;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.lc small{font-size:12px;font-weight:600;color:var(--texto-2)}
.lc em{font-style:normal;font-size:11px;color:var(--texto-3)}
.lc.ok{background:var(--lima-fundo);border-color:var(--lima-borda)}
.lc.ok b{color:var(--lima-txt)}
.lc.ruim{background:var(--laranja-fundo);border-color:var(--laranja-borda)}
.lc.ruim b{color:var(--laranja)}
.l-amostra,.l-invalidos{display:flex;flex-direction:column;max-height:280px;overflow:auto}
.l-linha{display:grid;grid-template-columns:minmax(0,1.2fr) 128px minmax(0,1fr) 62px;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--linha);font-size:12.5px}
.l-linha:last-child{border-bottom:0}
.l-linha .lt-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-linha .mono{font-size:11.5px}
.l-linha .extra{color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-linha .chip{justify-self:end}
.l-linha.inv{grid-template-columns:64px 140px minmax(0,1fr) minmax(0,1fr)}
.l-amostra .mais,.l-invalidos .mais{color:var(--texto-3);font-size:12px;padding:6px 0 0 32px}
.l-invalidos summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--laranja);padding:2px 0 6px}
.lista-ligada{display:flex;align-items:center;gap:12px;border:1px solid var(--lima-borda);background:var(--lima-fundo);border-radius:12px;padding:12px 14px}
.lista-ligada > svg{width:24px;height:24px;color:var(--lima-txt);flex:none}
.lista-ligada div{display:flex;flex-direction:column;min-width:0}
.lista-ligada b{font-size:14px}
.lista-ligada small{font-size:12px;color:var(--texto-2)}
.lista-ligada .btn{margin-left:auto;flex:none}
@media (max-width:980px){
  .l-contas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-linha{grid-template-columns:minmax(0,1fr) 118px 56px}
  .l-linha .extra{display:none}
  .l-linha.inv{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr)}
  .l-linha.inv span:nth-child(3){display:none}
}

/* ---------- tela estreita / celular ---------- */
@media (max-width:1280px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.ini-grade{grid-template-columns:1fr 1fr}.ini-grade .ini-atencao{grid-column:1/3}}
@media (max-width:1280px){.colunas{grid-template-columns:300px minmax(0,1fr) 290px}.kpi{min-width:90px}}
@media (max-width:980px){
  .app{grid-template-columns:1fr}
  .trilho{display:none}
  .placar{grid-column:1;padding:10px 14px;gap:10px;flex-wrap:wrap}
  .wordmark{font-size:19px}
  .kpis{order:3;width:100%;margin:0;overflow-x:auto}
  .kpi{min-width:0;flex:1;padding:6px 10px}
  .kpi b{font-size:19px}
  .abas-mobile{display:flex;gap:4px;margin-left:auto}
  .abas-mobile button{border:1px solid var(--linha-forte);background:var(--painel);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--texto-2)}
  .abas-mobile button.ativa{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
  .colunas{grid-column:1;grid-template-columns:1fr}
  .vista{grid-column:1}
  .nav-mobile{display:flex;gap:4px;order:4;width:100%}
  .nav-mobile button{flex:1;border:1px solid var(--linha);background:var(--painel);border-radius:10px;padding:6px;font-size:12.5px;font-weight:600;color:var(--texto-2)}
  .nav-mobile button.ativo{background:var(--lima-fundo);color:var(--lima-txt);border-color:var(--lima-borda)}
  body:not([data-vista="conversas"]) .abas-mobile{display:none}
  body[data-vista="inicio"] .kpis{display:none}
  .inicio-corpo,.disparos-corpo,.comercial-corpo{padding:14px 12px 30px}
  .tiles,.tiles.tres{grid-template-columns:1fr 1fr}
  .ini-grade,.ini-grade.dois,.d-editor{grid-template-columns:1fr}
  .ini-grade .ini-atencao{grid-column:auto}
  .d-linha{grid-template-columns:minmax(0,1fr) 54px 54px 62px;gap:8px}
  .d-linha .chip{display:none}
  .d-lado{position:static}
  .barra{grid-template-columns:90px minmax(0,1fr) 64px}
  .col{display:none;border-right:0}
  .col.visivel{display:flex}
  .msgs{padding:16px 12px}
  .bolha{max-width:86%}
  .acoes .btn span{display:none}
}

/* ---------- INÍCIO animado (20/10/2026) ---------- */
.ini-anim{display:flex;flex-direction:column;gap:16px}
.ini-relogio{display:flex;flex-direction:column;align-items:flex-end}
.ini-relogio b{font:700 30px/1 "Space Mono",ui-monospace,monospace;letter-spacing:-.03em}
.ini-relogio b i{font-style:normal;animation:pisca 1.2s steps(1) infinite}
.ini-relogio span{font-size:12px;color:var(--texto-3);text-transform:capitalize;margin-top:3px}
.entra .tile{animation:sobe .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 60ms)}
.entra .cartao{animation:sobe .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 70ms + 260ms)}
.n-anim.mudou{animation:mudou 1.2s ease}
@keyframes mudou{0%,35%{color:var(--lima-txt);text-shadow:0 0 14px var(--lima-borda)}100%{}}
.tile.urgente .n-anim.mudou{animation-name:mudou-l}
@keyframes mudou-l{0%,35%{text-shadow:0 0 14px var(--laranja-borda)}100%{}}
.b-trilho i{transition:width .95s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 55ms)}
.b-v b{font-weight:700}
.ini-grade.mov{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.mov-topo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mov-topo .grande{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}
.mov-sub{font-size:12.5px;color:var(--texto-2)}
.var-pos{color:var(--lima-txt)}.var-neg{color:var(--laranja)}
.mov-legenda{margin-left:auto;display:flex;gap:12px;font-family:"Archivo",sans-serif;font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--texto-3)}
.mov-legenda i{display:inline-block;width:14px;height:3px;border-radius:2px;background:var(--lima);vertical-align:middle;margin-right:5px}
.mov-legenda i.ontem{height:0;border-top:2px dashed var(--texto-3);background:none}
.mov-svg{width:100%;height:auto;display:block;overflow:visible;stroke:none}   /* sem o traço padrão dos ícones (svg{stroke:…}) */
.mov-svg .grade line{stroke:var(--linha);stroke-width:1}
.mov-svg .eixo{font:10.5px "Archivo",sans-serif;fill:var(--texto-3)}
.mov-svg .area{fill:url(#mov-grad)}
.mov-svg .linha-hoje{fill:none;stroke:var(--lima);stroke-width:2.4;stroke-linecap:round}
.mov-svg .linha-ontem{fill:none;stroke:var(--texto-3);stroke-width:1.4;stroke-dasharray:4 4;opacity:.75}
.mov-svg .agora{fill:var(--lima);stroke:var(--painel);stroke-width:2}
.mov-svg .anel{fill:none;stroke:var(--lima);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:anel 1.9s ease-out infinite}
@keyframes anel{from{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}
.mov-svg .revela{transform-box:fill-box;transform-origin:left center;animation:revela 1.3s cubic-bezier(.3,.7,.2,1) .25s both}
@keyframes revela{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mov-svg .hora-alvo{fill:var(--texto);opacity:0}
.mov-svg .hora-alvo:hover{opacity:.05}
.satisf{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center}
.donut-box{position:relative;width:118px;height:118px}
.donut{width:118px;height:118px;transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:11;transition:stroke-dasharray 1.1s cubic-bezier(.2,.8,.2,1),stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}
.donut .fundo{stroke:var(--painel-3)}
.donut .s-otimo{stroke:var(--lima)}.donut .s-regular{stroke:var(--ambar)}.donut .s-ruim{stroke:var(--laranja)}
.donut-centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.donut-centro span{display:flex;align-items:baseline}
.donut-centro b{font-size:26px;font-weight:800;letter-spacing:-.02em}
.donut-centro em{font-style:normal;font-size:14px;font-weight:700;color:var(--texto-2)}
.donut-centro small{font-size:11px;color:var(--texto-3);margin-top:-2px}
.s-leg{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--texto-2)}
.s-leg div{display:flex;align-items:center;gap:8px}
.s-leg i{width:10px;height:10px;border-radius:3px;flex:none}
.s-leg b{margin-left:auto;color:var(--texto);font-weight:800}
i.s-otimo{background:var(--lima)}i.s-regular{background:var(--ambar)}i.s-ruim{background:var(--laranja)}
.s-atend{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--linha);padding-top:9px}
.s-at{display:grid;grid-template-columns:minmax(0,90px) minmax(0,1fr) 40px;gap:8px;align-items:center;font-size:12.5px}
.s-at span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--texto-2)}
.s-at b{text-align:right}
.s-pilha{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--painel-3)}
.s-pilha i{display:block;height:100%;transition:width .95s cubic-bezier(.2,.8,.2,1)}
.s-coment{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;text-align:left;border:1px solid var(--linha);background:var(--painel-2);border-radius:10px;padding:8px 10px;font-size:12.5px}
.s-coment:hover{border-color:var(--linha-forte)}
.s-coment small{width:100%;color:var(--texto-3);font-size:11px}
.pub{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pub-lado{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid var(--linha);background:var(--painel-2);border-radius:12px;padding:12px 13px;transition:border-color .15s,transform .15s}
.pub-lado:hover{border-color:var(--lima-borda);transform:translateY(-1px)}
.pub-lado.aluno:hover{border-color:var(--azul)}
.pub-rot{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-3)}
.pub-lado .pub-n{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-top:2px}
.pub-lado.nao .pub-n{color:var(--lima-txt)}.pub-lado.aluno .pub-n{color:var(--azul)}
.pub-lado small{font-size:12px;color:var(--texto-3)}
.pub-lado ul{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--texto-2)}
.pub-lado li b{color:var(--texto);font-weight:800;margin-right:2px}
@media (max-width:1280px){.ini-grade.mov{grid-template-columns:1fr}.ini-grade .ini-pub{grid-column:1/3}}
@media (max-width:980px){.ini-grade.mov{grid-template-columns:1fr}.ini-grade .ini-pub{grid-column:auto}.ini-relogio b{font-size:24px}}
@media (max-width:520px){.pub{grid-template-columns:1fr}.satisf{grid-template-columns:96px minmax(0,1fr)}.donut-box,.donut{width:96px;height:96px}}
@media (prefers-reduced-motion:reduce){
  .entra .tile,.entra .cartao,.mov-svg .revela,.mov-svg .anel,.ini-relogio b i,.n-anim.mudou{animation:none!important}
  .b-trilho i,.donut circle,.s-pilha i{transition:none!important}
}

/* ---------- aluno × não aluno (comercial) e pesquisa de satisfação ---------- */
.seg-pub{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:640px}
.seg-pub button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center;text-align:left;border:1px solid var(--linha-forte);background:var(--painel);border-radius:12px;padding:9px 13px}
.seg-pub button b{font-size:14px}
.seg-pub button small{grid-column:1;font-size:11.5px;color:var(--texto-3)}
.seg-pub button em{grid-row:1/3;grid-column:2;font-style:normal;font-weight:800;font-size:22px;color:var(--texto-3)}
.seg-pub button.sel{border-color:var(--lima-borda);background:var(--lima-fundo)}
.seg-pub button.sel em{color:var(--lima-txt)}
.seg-pub button.aluno.sel{border-color:var(--azul);background:var(--azul-fundo)}
.seg-pub button.aluno.sel em{color:var(--azul)}
.cl-cadencia.aluno{background:var(--azul-fundo)}
.chip.aluno{background:var(--azul-fundo);color:var(--azul)}
.seg-mini{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--painel-2)}
.seg-mini button{border:0;background:none;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:600;color:var(--texto-2)}
.seg-mini button.sel{background:var(--painel);color:var(--texto);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.cc-fonte{margin-top:-6px}
.b-botoes{display:flex;flex-direction:column;margin:8px -4px 0;white-space:normal}
.b-botoes span{text-align:center;border-top:1px solid rgba(0,0,0,.08);padding:6px 4px 2px;font-weight:600;font-size:13px;color:var(--azul)}
.previa-bolha .b-botoes span{color:#2a69a8}
.bolha.pesquisa{background:var(--azul-fundo);border-color:transparent}
.bolha.pesquisa .tag{background:var(--azul);color:#fff}
.bolha .tag.pesq{background:var(--painel-3);color:var(--texto-2)}
.av-ponto.pesquisa{background:var(--ambar)}
.av-ponto.retorno{background:var(--roxo)}
.interruptor.off{opacity:.55;cursor:default}
/* EVO na ficha */
.cc-linha .rotulo{white-space:nowrap}
.cartao.evo .cc-linha > span:last-child{text-align:right;font-size:13px;overflow-wrap:anywhere}
.ag-lista{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto;margin:4px 0}
.ag-aula{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--linha);background:var(--painel);border-radius:10px;padding:8px 12px}
.ag-aula b{font-family:"Space Mono",monospace;font-size:13px}
.ag-aula span{display:flex;flex-direction:column;font-size:13.5px;font-weight:600}
.ag-aula small{font-weight:400;font-size:11.5px;color:var(--texto-3)}
.ag-aula em{font-style:normal;font-size:12px;color:var(--lima-txt);font-weight:600}
.ag-aula:hover:not(:disabled){border-color:var(--linha-forte)}
.ag-aula.sel{border-color:var(--lima-borda);background:var(--lima-fundo)}
.ag-aula:disabled em{color:var(--laranja)}
@media (max-width:640px){.seg-pub{grid-template-columns:1fr 1fr}.seg-pub button small{display:none}}