/* Visual moderno/tech (Fase 4): grafite, âmbar só na ação principal, ciano nos dados. Camada de cima: não muda regra de negócio. */
:root,:root[data-theme=dark]{
  --bg:#0B0F14; --superf:#121821; --card:#121821; --card2:#18202B; --linha:#243041; --linha2:#243041;
  --texto:#E6EDF5; --suave:#B6C2D1; --mudo:#8B98A9;
  --raio:12px; --raio-s:8px; --info:#22D3EE; --ok-tx:#22C55E; --err:#EF4444;
  --sombra-card:none; --sombra:0 12px 32px rgba(0,0,0,.45); --borda-card:1px solid var(--linha);
  --brilho:none; --halo:transparent; --halo2:transparent;
  --fonte:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
:root[data-theme=light]{
  --bg:#F4F6F9; --superf:#FFFFFF; --card:#FFFFFF; --card2:#F0F3F7; --linha:#D5DCE6; --linha2:#D5DCE6;
  --texto:#101826; --suave:#3A475A; --mudo:#566377; --raio:12px; --raio-s:8px; --info:#0E7490;
  --sombra-card:none; --brilho:none; --halo:transparent;
}
html{font-size:16px}
body{font-family:var(--fonte);font-variant-numeric:tabular-nums;background:var(--bg);background-image:none}
.mono,.fone-mono,td[data-l="Telefone"],.cnpj,code{font-family:var(--mono);font-size:.9em}
h1{font-size:1.75rem;letter-spacing:-.01em;background:none;color:var(--texto);-webkit-text-fill-color:currentColor}
.card,.kpi,.dlg{background:var(--card);border:1px solid var(--linha);box-shadow:none;border-radius:var(--raio)}
.card:hover{border-color:var(--linha)}
.card:hover{border-color:#2f3f55}
.lateral{background:var(--superf);backdrop-filter:none;border-right:1px solid var(--linha)}
.barra-topo{background:transparent;border:0;padding:0;border-radius:0}
.busca-topo{background:var(--superf);border:1px solid var(--linha);border-radius:var(--raio);max-width:560px;position:relative}
.atalho{white-space:nowrap;font-family:var(--mono);font-size:.8125rem;color:var(--mudo);border:1px solid var(--linha);border-radius:6px;padding:1px 6px;margin-right:10px}
.btn{background:var(--card2);border-color:var(--linha);border-radius:var(--raio-s);min-height:40px;transition:border-color .16s,background .16s,transform .16s}
.btn:hover{border-color:var(--info);background:var(--card2);box-shadow:none}
.btn-pri,.btn.btn-pri{background:var(--acc);color:var(--acc-tx);border-color:transparent;box-shadow:none}
.btn-pri:hover,.btn.btn-pri:hover{background:var(--acc);filter:brightness(1.08);transform:none}
.menu a{border-radius:var(--raio-s);min-height:40px}
.menu a.on{background:var(--card2);border-color:var(--linha);box-shadow:none;color:var(--texto)}
.menu a.on::before{display:none}.menu a.on svg{color:var(--acc)}
.menu a:hover{background:var(--card2);border-color:transparent}
.tabela tr{min-height:40px}.tabela td{padding-block:9px}.tabela th{font-size:.8125rem}
.tabela tr:hover td{background:var(--card2)}
.chip,.tag{background:var(--card2);border-color:var(--linha);color:var(--suave)}
.pilula:hover{background:var(--card2);color:var(--texto)}
a{text-decoration-color:color-mix(in srgb,var(--info) 50%,transparent)}
.conteudo :is(p,li,td,small,.muted,.ajuda) a:not(.btn):not(.pilula):not(.mais-item){color:var(--info)}

/* ---------- acessibilidade ---------- */
small,.pequeno,.ajuda,.tag,.chip,.quando,.coluna-nota,.menu-sec,.perfil-txt small,.legenda-graf,.regua-legenda{font-size:max(.8125rem,13px)}
:focus-visible{outline:2px solid var(--info);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--info);box-shadow:none}
.pular{position:absolute;left:12px;top:-60px;z-index:200;background:var(--acc);color:var(--acc-tx);padding:10px 14px;border-radius:var(--raio-s);font-weight:600;transition:top .16s}
.pular:focus{top:12px}
.faixa-pausa{background:#2A2108;border:1px solid #7A5F0C;color:#FDE68A}
:root[data-theme=light] .faixa-pausa{background:#FFF4CC;border-color:#C79A06;color:#4A3600}
.faixa-pausa svg{color:currentColor}
.aviso-erro,.erro-form{color:#FCA5A5}
:root[data-theme=light] .aviso-erro,:root[data-theme=light] .erro-form{color:#991B1B}
.zona-perigo{margin-top:16px;padding:12px;border:1px solid #7F1D1D;border-radius:var(--raio-s)}
.zona-perigo h4{color:#FCA5A5;margin-bottom:6px;font-size:.9rem}
:root[data-theme=light] .zona-perigo h4{color:#991B1B}
.cartao{display:flex;flex-direction:column}.mv-btn{order:99;align-self:flex-end;margin-top:8px;font:500 .8125rem var(--fonte);color:var(--info);background:transparent;border:1px solid var(--linha);border-radius:6px;padding:3px 8px;cursor:pointer;min-height:28px}
.mv-btn:hover{border-color:var(--info)}
.toast-desfazer{display:flex;gap:10px;align-items:center}

/* ---------- barra lateral recolhível ---------- */
.menu-sec[role=button]{cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.menu-sec[role=button]::after{content:"▾";font-size:.8rem}.menu-sec.fechada::after{content:"▸"}
.lat-recolher{margin:8px;border:1px solid var(--linha);background:transparent;color:var(--mudo);border-radius:var(--raio-s);min-height:36px;cursor:pointer}
body.lat-min .app{grid-template-columns:72px minmax(0,1fr)}
body.lat-min .lateral{padding-inline:8px}
body.lat-min .menu a span,body.lat-min .menu-sec,body.lat-min .marca img,body.lat-min .lateral-rodape{display:none}
body.lat-min .menu a{justify-content:center;padding:9px}
body.lat-min .lat-recolher span{display:inline-block;transform:rotate(180deg)}
@media(max-width:860px){.lat-recolher{display:none}}

/* ---------- barra de comandos e "Mais" ---------- */
.dlg-cmd{padding:12px;width:min(620px,calc(100vw - 24px));margin-top:12vh}
.dlg-cmd input{width:100%;font-size:1rem}
.cmd-lista{list-style:none;margin:8px 0 0;padding:0;max-height:44vh;overflow:auto}
.cmd-lista li{padding:10px 12px;border-radius:var(--raio-s);cursor:pointer}
.cmd-lista li[aria-selected=true],.cmd-lista li:hover{background:var(--card2);outline:1px solid var(--linha)}
.mais-lista{display:grid;gap:8px}.mais-lista h4{margin:10px 0 2px;color:var(--mudo);font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em}
.mais-item{display:block;padding:12px;border:1px solid var(--linha);border-radius:var(--raio-s);color:var(--texto)!important;background:var(--card2);text-align:left;font:inherit;cursor:pointer;text-decoration:none}
.mais-sair{color:#FCA5A5!important}
.abas-mais{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--mudo);font:inherit;font-size:.8125rem;padding:4px 0;cursor:pointer}
.dlg-mais{margin:auto auto 0;width:min(560px,100vw);max-height:80vh;overflow:auto;border-radius:var(--raio) var(--raio) 0 0}

/* ---------- painel: números grandes, sparkline, funil e próximos do disparo ---------- */
.kpi-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.kpi-g{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:16px;min-width:0}
.kpi-g .rot{color:var(--suave);font-size:.875rem;display:flex;align-items:center}
.kpi-g .num{font-size:2rem;font-weight:700;line-height:1.15;margin:4px 0}
.kpi-g .var{font-size:.8125rem}.var.sobe{color:#22C55E}.var.desce{color:#FCA5A5}.var.igual{color:var(--mudo)}
:root[data-theme=light] .var.sobe{color:#15803D}:root[data-theme=light] .var.desce{color:#B91C1C}
.kpi-g svg.spark{width:100%;height:34px;display:block;margin-top:6px}
.spark polyline{fill:none;stroke:#22D3EE;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.funil-h{display:grid;gap:8px;margin-top:8px}
.funil-lin{display:grid;grid-template-columns:minmax(120px,170px) 1fr 56px 56px;gap:10px;align-items:center;font-size:.9rem}
.funil-lin .barra{height:12px;background:var(--card2);border-radius:99px;overflow:hidden}
.funil-lin .barra i{display:block;height:100%;background:#22D3EE;border-radius:99px;transition:width .2s}
.funil-lin.ambar .barra i{background:var(--acc)}
.funil-lin .n{text-align:right;font-weight:600}.funil-lin .p{text-align:right;color:var(--mudo)}
.prox-lista{list-style:none;margin:0;padding:0}
.prox-lista li{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--linha)}
.prox-lista li:first-child{border-top:0}
.nota-b{flex:0 0 44px;height:40px;border-radius:8px;display:grid;place-items:center;font-weight:700;background:#2A2108;color:#F5B301;border:1px solid #7A5F0C}
.nota-b.med{background:#06303A;color:#22D3EE;border-color:#0E7490}
.prox-lista .quem{flex:1;min-width:0}.prox-lista .quem b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prox-lista .quem small{color:var(--mudo)}
@media(max-width:860px){.kpi-grade{grid-template-columns:repeat(2,minmax(0,1fr))}.funil-lin{grid-template-columns:110px 1fr 48px 44px}}

/* ---------- celular ---------- */
@media(max-width:860px){
  .barra-topo{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin-bottom:10px}
  .barra-topo .busca-topo{flex:1 1 auto;min-width:0}.barra-topo .busca-topo input{min-width:0;width:100%}.barra-topo .alertas{display:none}.barra-topo .atalho,.barra-topo #btn-tema,.barra-topo #btn-instalar,.barra-topo .perfil-txt{display:none!important}
  .barra-topo .seletor-empresa{margin:0;flex:0 1 130px;min-width:0}.barra-topo .seletor-empresa select{max-width:130px;width:100%}.barra-topo .seletor-empresa .btn{display:none}
  .barra-topo .sino-caixa{flex:0 0 auto}
  .topo-acoes #btn-pausa{display:none}
  .faixa-pausa{max-height:44px;overflow:hidden;cursor:pointer;display:flex}
  .faixa-pausa:not(.aberta){white-space:nowrap;text-overflow:ellipsis}
  .faixa-pausa.aberta{max-height:none;white-space:normal}
  .abas{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-columns:unset;overflow:visible;margin:0 8px 8px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--superf)}
  .abas a{font-size:.8125rem}.abas a.on{background:var(--card2);color:var(--acc)}
  .abas svg{width:22px;height:22px}
  .mv-btn{min-height:36px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* relógio e temperatura ao lado do título */
.topo-titulo{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}
.relogio-topo{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:.82rem;color:var(--suave);white-space:nowrap}
.relogio-topo .rt-hora{font-variant-numeric:tabular-nums;color:var(--texto)}
.relogio-topo .rt-temp{padding:3px 10px;border-radius:999px;background:var(--card);border:var(--borda-card);color:var(--suave)}

/* Kanban: coluna Follow-up (24 h), só para ver quem está na janela grátis */
.coluna.coluna-fu{border-style:dashed}
.coluna-fu .cartao{cursor:pointer}
.fu-janela{display:inline-block;margin:0 0 6px;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:600;
  background:rgba(245,158,11,.14);color:#fbbf24;border:1px solid rgba(245,158,11,.35)}
.fu-janela span{font-weight:500;opacity:.8}
:root[data-theme=light] .fu-janela{color:#92400e}
.fu-janela.fu-env{background:rgba(34,211,238,.12);color:#67e8f9;border-color:rgba(34,211,238,.35)}
:root[data-theme=light] .fu-janela.fu-env{color:#0e7490}