:root{
  /* fundo preto; cores de destaque e de status mantidas */
  --bg:#08080A; --panel:#141417; --panel-2:#1C1C20; --line:#2A2A30;
  --text:#E4E4E7; --muted:#A1A1AA; --accent:#005AE3; --accent-dim:#0047B3; --accent-hover:#1A6EF0;
  --pessimo:#EA5455; --ruim:#FF9F43; --atencao:#FFC85C; --bom:#28C76F; --excelente:#D5A419;
  --sombra:0 4px 24px 0 rgba(0,0,0,.45);
  --mono:'Courier New',ui-monospace,monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;}
button{font-family:inherit;}

/* ---------- layout ---------- */
.layout{display:flex;min-height:100vh;}
.sidebar{width:210px;flex-shrink:0;background:var(--panel);border-right:0;box-shadow:0 0 15px 0 rgba(34,41,47,.3);display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh;}
.marca{display:flex;gap:10px;align-items:center;padding:0 6px 18px;border-bottom:1px solid var(--line);margin-bottom:14px;}
.marca-icone{width:36px;height:36px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;}
.marca b{display:block;font-size:15px;} .marca small{color:var(--muted);font-size:11px;}
.menu-item{width:100%;display:flex;gap:10px;align-items:center;background:transparent;border:0;color:var(--muted);padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-align:left;margin-bottom:4px;}
.menu-item:hover{background:var(--panel-2);color:var(--text);}
.menu-item.ativo{background:linear-gradient(118deg,var(--accent),rgba(0,90,227,.7));color:#fff;box-shadow:0 0 10px 1px rgba(0,90,227,.6);}
.mi{width:16px;text-align:center;}
.sidebar-rodape{margin-top:auto;font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding-top:12px;}
.sidebar-rodape .linha{display:flex;align-items:center;gap:6px;}

.conteudo{flex:1;min-width:0;padding:20px 24px 80px;}
.topo{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.topo h1{margin:0;font-size:22px;color:#fff;}
.sub{color:var(--muted);font-size:12px;margin-top:4px;}
.topo-acoes{display:flex;align-items:center;gap:12px;}
.atualizado{font-size:12px;color:var(--muted);}
button.primario{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:700;font-size:13px;cursor:pointer;}
button.primario:hover{background:var(--accent-hover);}
button.primario:disabled{opacity:.6;cursor:wait;}
.girando{display:inline-block;animation:gira .8s linear infinite;}
@keyframes gira{to{transform:rotate(360deg);}}

.panel{background:var(--panel);border:1px solid transparent;box-shadow:var(--sombra);border-radius:10px;padding:16px;margin-bottom:14px;}
.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0 0 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;}

.filtros{display:flex;gap:14px;flex-wrap:wrap;padding:12px 16px;}
.filtros label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);min-width:170px;}
select,input.campo{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:6px;font-size:13px;}
select:focus,input:focus{outline:none;border-color:var(--accent);}

.aba{display:none;} .aba.ativa{display:block;}

.aviso{border-radius:8px;padding:10px 14px;font-size:12px;margin-bottom:12px;border:1px solid;}
.aviso.amarelo{background:rgba(255,200,92,.08);border-color:rgba(255,200,92,.4);color:#FFD98A;}
.aviso.vermelho{background:rgba(234,84,85,.08);border-color:rgba(234,84,85,.45);color:#F59A9B;}
.aviso b{color:var(--text);}

/* ---------- resumo (estilo UTMify) ---------- */
.grade{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.4fr;gap:12px;}
.card{background:var(--panel);border:1px solid transparent;box-shadow:var(--sombra);border-radius:10px;padding:14px 16px;min-height:84px;position:relative;}
.card .lbl{font-size:13px;color:var(--text);font-weight:600;display:flex;justify-content:space-between;gap:6px;}
.card .lbl i{font-style:normal;opacity:.6;cursor:help;border:1px solid var(--line);border-radius:50%;width:16px;height:16px;display:inline-grid;place-items:center;font-size:10px;}
.card .val{font-family:var(--mono);font-weight:700;font-size:22px;margin-top:6px;white-space:nowrap;}
.card .det{font-size:11px;color:var(--muted);margin-top:4px;}
.card.grande .val{font-size:28px;}
.span2r{grid-row:span 2;} .span2c{grid-column:span 2;} .span4c{grid-column:1/-1;}
.card.alerta .lbl{color:var(--pessimo);}

.barras-h{display:flex;flex-direction:column;gap:9px;margin-top:10px;}
.bh{display:grid;grid-template-columns:86px 1fr 92px;gap:8px;align-items:center;font-size:12px;}
.bh .nome{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bh .trilho{height:14px;background:var(--panel-2);border-radius:3px;overflow:hidden;display:flex;}
.bh .trilho i{display:block;height:100%;}
.bh .v{font-family:var(--mono);text-align:right;white-space:nowrap;}
.legenda-mini{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:10px;flex-wrap:wrap;}
.legenda-mini span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;background:var(--c);vertical-align:-1px;}

.donut-wrap{display:flex;align-items:center;gap:18px;margin-top:8px;}
.donut-info{font-size:12px;color:var(--muted);line-height:1.9;}
.donut-info b{color:var(--text);font-family:var(--mono);}

.horario{width:100%;height:220px;display:block;}
.horario text{fill:var(--muted);font-size:10px;font-family:'Segoe UI',system-ui,sans-serif;}
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.toggle button{background:transparent;border:0;color:var(--muted);padding:4px 10px;font-size:11px;cursor:pointer;text-transform:none;letter-spacing:0;}
.toggle button.on{background:var(--accent);color:#fff;}
#tip{position:fixed;pointer-events:none;background:#0E0E11;border:1px solid var(--line);border-radius:6px;padding:6px 9px;font-size:11px;z-index:50;display:none;white-space:nowrap;}

/* ---------- tabela atendentes (igual v2) ---------- */
.resumo-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;}
.resumo-mini .c{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;}
.resumo-mini .c .l{font-size:11px;color:var(--muted);margin-bottom:3px;}
.resumo-mini .c .v{font-family:var(--mono);font-weight:700;font-size:15px;}
.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center;}
.toolbar .espaco{flex:1;}
.custos-bar{font-size:12px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin-bottom:12px;line-height:1.9;}
.custos-bar b{color:var(--text);}

.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:12px;}
thead th{text-align:left;color:var(--muted);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.4px;padding:9px 4px;border-bottom:1px solid var(--line);line-height:1.25;vertical-align:bottom;max-width:96px;}
thead th.calc{color:var(--atencao);}
tbody td{padding:7px 4px;border-bottom:1px solid var(--line);vertical-align:middle;}
thead th:first-child,tbody td:first-child,tfoot td:first-child{position:sticky;left:0;z-index:2;background:var(--panel);}
tbody tr:hover td{background:var(--panel-2);}
tfoot td{padding:12px 4px;border-top:2px solid var(--line);font-weight:700;font-family:var(--mono);white-space:nowrap;}
tfoot td:first-child{font-family:inherit;}

.nome-at{display:inline-block;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-weight:700;white-space:nowrap;min-width:92px;}
.cel{position:relative;display:inline-block;}
input.celula{width:76px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:7px 6px;border-radius:6px;font-size:12px;text-align:right;}
input.celula.editado{border-color:var(--atencao);background:rgba(255,200,92,.10);}
.restaurar{position:absolute;top:-7px;right:-7px;width:16px;height:16px;border-radius:50%;border:0;background:var(--atencao);color:#000;font-size:10px;line-height:16px;padding:0;cursor:pointer;display:none;}
.cel.editado .restaurar{display:block;}
.auto-tag{display:block;font-size:9px;color:var(--muted);margin-top:2px;text-align:right;}
.cel.editado .auto-tag{color:var(--atencao);}
.fat-nota{font-size:10px;color:var(--muted);margin-top:3px;}
.fat-nota b{color:var(--atencao);font-family:var(--mono);display:block;}

.val-row{display:flex;flex-direction:column;gap:3px;align-items:flex-start;}
.val-num{font-family:var(--mono);font-weight:700;white-space:nowrap;}
.inv-ef{font-family:var(--mono);font-weight:700;white-space:nowrap;}
.inv-ef small{display:block;color:var(--muted);font-weight:400;font-family:'Segoe UI',system-ui,sans-serif;font-size:10px;}
.sangria{font-size:10px;color:var(--pessimo);font-weight:400;white-space:nowrap;}
.num-pos{color:var(--bom);} .num-neu{color:var(--atencao);} .num-neg{color:var(--pessimo);} .num-ruim{color:var(--ruim);} .num-top{color:var(--excelente);}

.badge{display:inline-block;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap;}
.badge.PESSIMO{background:rgba(234,84,85,.15);color:var(--pessimo);}
.badge.RUIM{background:rgba(255,159,67,.15);color:var(--ruim);}
.badge.ATENCAO{background:rgba(255,200,92,.15);color:var(--atencao);}
.badge.BOM{background:rgba(40,199,111,.15);color:var(--bom);}
.badge.EXCELENTE{background:rgba(213,164,25,.15);color:var(--excelente);}
.badge.RET_EXCELENTE{background:rgba(40,199,111,.15);color:var(--bom);}
.badge.RET_BOM{background:rgba(255,200,92,.15);color:var(--atencao);}
.badge.EMPATADO{background:rgba(255,159,67,.15);color:var(--ruim);}
.badge.LUCRO{background:rgba(40,199,111,.15);color:var(--bom);}
.badge.PREJUIZO{background:rgba(234,84,85,.15);color:var(--pessimo);}

button.copy{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;}
button.copy:hover{background:rgba(0,90,227,.16);}
button.copy.mini{padding:5px 9px;font-size:11px;}
button.sec{background:transparent;border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;}
button.sec:hover{border-color:var(--accent);color:var(--accent);}

details.faixas{margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);}
details.faixas summary{cursor:pointer;padding:10px 14px;font-size:13px;font-weight:700;color:var(--muted);}
.faixas-corpo{padding:12px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px 24px;}
.faixa-item{font-size:12px;color:var(--muted);line-height:2.1;}
.faixa-item b{color:var(--text);display:block;line-height:1.4;}
input.faixa{width:54px;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:3px 5px;border-radius:4px;font-size:12px;text-align:right;font-family:var(--mono);}
.legend{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
.legend b{color:var(--text);}

.geral-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:16px;max-width:560px;}
.linha-r{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);}
.linha-r:first-of-type{border-top:0;}
.linha-r .val-num{font-size:13px;color:var(--text);}
.linha-r.destaque .val-num{font-size:20px;}

/* ---------- integrações ---------- */
.int-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;}
.int-card h3{margin:0 0 4px;font-size:15px;display:flex;align-items:center;gap:8px;}
.int-card p{margin:4px 0 12px;color:var(--muted);font-size:12px;line-height:1.5;}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0;}
.dot.d-ok{background:var(--bom);box-shadow:0 0 0 3px rgba(40,199,111,.18);}
.dot.d-aviso{background:var(--atencao);box-shadow:0 0 0 3px rgba(255,200,92,.18);}
.dot.d-erro{background:var(--pessimo);box-shadow:0 0 0 3px rgba(234,84,85,.18);}
.kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:6px 0;border-top:1px solid var(--line);color:var(--muted);}
.kv b{color:var(--text);font-weight:600;text-align:right;}
.form-l{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.form-l input{width:100%;}
.nota{font-size:11px;color:var(--muted);margin-top:8px;}
.tab-camp{width:100%;font-size:12px;}
.tab-camp td,.tab-camp th{padding:6px 4px;}
.tab-camp input{width:80px;}

#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--accent);color:#fff;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:100;}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media (max-width:1100px){ .grade{grid-template-columns:1fr 1fr;} .span2r{grid-row:auto;} }
@media (max-width:760px){
  .layout{flex-direction:column;}
  .sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;}
  .marca{border:0;margin:0;padding:0 8px 0 0;}
  #menu{display:flex;gap:4px;} .menu-item{margin:0;padding:8px 10px;}
  .sidebar-rodape{display:none;}
  .conteudo{padding:14px 16px 60px;}
  .grade{grid-template-columns:1fr;} .span2c{grid-column:auto;}
  .filtros label{min-width:0;flex:1 1 140px;}
}

/* ---------- login ---------- */
#login{position:fixed;inset:0;background:var(--bg);z-index:200;place-items:center;padding:16px;}
.login-card{width:100%;max-width:360px;background:var(--panel);box-shadow:var(--sombra);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px;}
.login-card .marca{border:0;margin:0 0 6px;padding:0;}
.login-card input{width:100%;}


/* ---------- atendentes no resumo ---------- */
.tab-at{font-size:12px;margin-top:8px;}
.tab-at td,.tab-at th{padding:7px 6px;}
.tab-at .num{text-align:right;font-family:var(--mono);}
.tab-at tbody tr.linha-alerta td{background:rgba(234,84,85,.08);}
.td-strip{width:42%;min-width:220px;}
.strip{width:100%;height:16px;display:block;background:var(--panel-2);border-radius:3px;}
.strip-escala{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;margin-top:3px;}
.pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap;}
.pill.p-ok{background:rgba(40,199,111,.15);color:var(--bom);}
.pill.p-alerta{background:rgba(234,84,85,.18);color:var(--pessimo);}
.pill.p-off{background:var(--panel-2);color:var(--muted);}
/* ---------- relatório ---------- */
.sub-abas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.sub-aba{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:8px 16px;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;}
.sub-aba.on{background:var(--accent);border-color:var(--accent);color:#fff;}
.exports{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
input.nome-livre{width:130px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:7px 8px;border-radius:6px;font-size:12px;font-weight:700;}

.pill.p-amarelo{background:rgba(255,200,92,.15);color:var(--atencao);}
.tab-at tbody tr.linha-amarela td{background:rgba(255,200,92,.06);}
.sub-n{display:block;font-size:9px;color:var(--muted);font-family:'Segoe UI',system-ui,sans-serif;}
/* ---------- mapa leads × vendas ---------- */
.mapa{border-collapse:separate;border-spacing:3px;font-size:11px;margin-top:6px;}
.mapa th{font-size:10px;color:var(--muted);font-weight:600;text-align:center;padding:2px;border:0;}
.mapa td{border:0;padding:0;}
.mapa td.mn{font-weight:700;white-space:nowrap;padding-right:8px;font-size:12px;}
.mapa td.mn small{display:block;font-weight:400;color:var(--muted);font-size:10px;}
.mapa td.mc{width:36px;height:38px;text-align:center;border-radius:5px;font-family:var(--mono);line-height:1.15;cursor:default;}
.mapa td.mc b{display:block;font-size:12px;}
.mapa td.mc span{display:block;font-size:11px;opacity:.85;}
.mapa tr.mt td.mc{outline:1px solid var(--line);}
.m-vazio{background:var(--panel-2);color:var(--muted);}
.m-vermelho{background:rgba(234,84,85,.55);color:#fff;}
.m-amarelo{background:rgba(255,200,92,.45);color:#fff;}
.m-verde{background:rgba(40,199,111,.35);color:#fff;}

/* ---------- resumo do ritmo ---------- */
.ritmo-resumo .lbl{align-items:center;}
.ritmo-resumo .lbl .sec{padding:4px 10px;font-size:11px;}
.rr-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px;}
.rr-grade>div{background:var(--panel-2);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted);}
.rr-n{font-family:var(--mono);font-weight:700;font-size:20px;color:var(--text);}
.rr-n.num-pos{color:var(--bom);} .rr-n.num-neg{color:var(--pessimo);} .rr-n.num-neu{color:var(--atencao);}
.det-buraco{font-size:11px;color:var(--muted);margin-top:4px;max-width:520px;white-space:normal;line-height:1.35;}
.det-buraco b{color:var(--text);}

/* ---------- aba Campanhas (igual UTMify) ---------- */
.cp-abas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0;}
.cp-aba{display:flex;align-items:center;gap:8px;background:var(--panel);border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 14px;border-radius:10px 10px 0 0;font-size:13px;font-weight:600;cursor:pointer;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;}
.cp-aba:hover{color:var(--text);}
.cp-aba.on{color:var(--accent-hover);border-bottom-color:var(--accent);background:var(--panel-2);}
.cp-ic{opacity:.8;}
.cp-selo{margin-left:auto;background:var(--accent);color:#fff;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700;flex-shrink:0;}
.cp-selo:hover{background:var(--pessimo);}
.cp-painel{background:var(--panel);border-radius:0 0 10px 10px;box-shadow:var(--sombra);padding:12px 0 0;margin-bottom:10px;}
.cp-barra{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 12px 10px;}
.cp-grupo{display:flex;gap:2px;}
.cp-bt{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);height:32px;min-width:32px;padding:0 9px;font-size:14px;cursor:pointer;border-radius:6px;}
.cp-bt:hover{color:var(--text);border-color:var(--accent);}
.cp-bt-txt{font-size:12px;}
.cp-menu-w{position:relative;}
.cp-menu{position:absolute;top:36px;left:0;z-index:30;background:#101013;border:1px solid var(--line);border-radius:8px;box-shadow:var(--sombra);padding:6px;min-width:220px;display:flex;flex-direction:column;}
.cp-menu[hidden]{display:none;}
.cp-menu button{background:transparent;border:0;color:var(--text);text-align:left;padding:8px 10px;border-radius:6px;font-size:12px;cursor:pointer;}
.cp-menu button:hover{background:var(--panel-2);}
.cp-selo-vendas{background:rgba(40,199,111,.14);color:var(--bom);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;cursor:help;}
.cp-esp{flex:1;}
.cp-atual{font-size:11px;color:var(--muted);}
.cp-filtros{display:flex;gap:12px;flex-wrap:wrap;padding:6px 12px 12px;}
.cp-filtros[hidden]{display:none;}
.cp-filtros label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted);flex:1 1 170px;max-width:300px;}
.cp-filtros input,.cp-filtros select{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:7px 9px;font-size:12px;width:100%;}
.cp-tab-w{overflow:auto;max-height:calc(100vh - 250px);min-height:200px;border-top:1px solid var(--line);}
.cp-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;}
.cp-tab thead th{position:sticky;top:0;z-index:3;background:#202026;text-align:right;white-space:nowrap;max-width:none;padding:10px 10px;border-bottom:1px solid var(--line);}
.cp-tab th.cp-txt,.cp-tab th.cp-nm,.cp-tab th.cp-st,.cp-tab th.cp-ck{text-align:left;}
.cp-tab th.cp-ord{cursor:pointer;user-select:none;}
.cp-tab th.cp-ord:hover{color:var(--text);}
.cp-i{font-style:normal;display:inline-grid;place-items:center;width:13px;height:13px;border:1px solid var(--line);border-radius:50%;font-size:8px;opacity:.7;vertical-align:1px;}
.cp-tab tbody td{padding:9px 10px;border-bottom:1px solid var(--line);border-right:1px solid rgba(42,42,48,.5);vertical-align:middle;}
.cp-tab td.num{text-align:right;font-family:var(--mono);font-weight:600;white-space:nowrap;}
.cp-tab td.cp-txt{white-space:nowrap;color:var(--muted);}
.cp-tab tbody tr:hover td{background:var(--panel-2);}
.cp-tab tbody tr.cp-marc td{background:rgba(0,90,227,.10);}
.cp-tab tfoot td{position:sticky;bottom:0;z-index:3;background:#202026;padding:11px 10px;border-top:1px solid var(--line);font-family:var(--mono);font-weight:700;white-space:nowrap;}
.cp-tab tfoot td.num{text-align:right;}
.cp-tab .cp-ck{width:34px;position:sticky;left:0;z-index:2;background:var(--panel);}
.cp-tab thead .cp-ck,.cp-tab tfoot .cp-ck,.cp-tab tfoot td:first-child{z-index:4;background:#202026;}
.cp-tab .cp-st{width:60px;}
.cp-tab td.cp-nm{min-width:230px;max-width:340px;}
.cp-nome-w{display:flex;gap:9px;align-items:center;}
.cp-thumb{width:38px;height:38px;border-radius:5px;object-fit:cover;flex-shrink:0;background:var(--panel-2);}
.cp-nome{background:none;border:0;color:var(--text);font-weight:600;font-size:12px;text-align:left;padding:0;cursor:pointer;line-height:1.35;font-family:inherit;}
.cp-nome:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline;}
.cp-nome:disabled{cursor:default;}
.cp-sub{display:block;color:var(--muted);font-size:10px;margin-top:2px;}
.cp-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px;}
.cp-tag{font-size:9px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--panel-2);color:var(--muted);}
.cp-tag-a{background:rgba(255,200,92,.14);color:var(--atencao);}
.cp-tag-r{background:rgba(234,84,85,.15);color:var(--pessimo);}
.cp-sw{width:36px;height:20px;border-radius:20px;border:0;background:#3A3A42;position:relative;cursor:pointer;display:inline-block;vertical-align:middle;padding:0;}
.cp-sw::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s;}
.cp-sw.on{background:var(--accent);}
.cp-sw.on::after{left:19px;}
.cp-sw.meio{background:#5B6B8A;}
.cp-sw.dis{opacity:.35;cursor:default;}
.cp-dot{display:inline-block;width:10px;height:10px;border-radius:50%;}
.cp-dot.ok{background:var(--bom);box-shadow:0 0 0 3px rgba(40,199,111,.18);}
.cp-dot.erro{background:var(--pessimo);box-shadow:0 0 0 3px rgba(234,84,85,.18);}
.cp-lapis{background:none;border:0;color:var(--muted);cursor:pointer;font-size:11px;padding:0 4px 0 0;}
.cp-lapis:hover{color:var(--accent-hover);}
.cp-vazio{text-align:center;color:var(--muted);padding:30px !important;}
/* janelas */
.cp-modal-fundo{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:150;display:grid;place-items:center;padding:16px;}
.cp-modal{background:var(--panel);border:1px solid var(--line);border-radius:10px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--sombra);}
.cp-modal.largo{max-width:860px;}
.cp-m-topo{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);}
.cp-m-topo b{font-size:15px;}
.cp-m-topo small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4;}
.cp-x{background:none;border:0;color:var(--muted);font-size:16px;cursor:pointer;align-self:flex-start;}
.cp-m-corpo{padding:14px 16px;overflow:auto;}
.cp-m-pe{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);}
.cp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.cp-lista li{background:var(--panel-2);border-radius:8px;padding:9px 12px;font-size:12px;}
.cp-lista li small{display:block;color:var(--muted);margin-top:3px;line-height:1.4;}
.cp-lista li.grave{border-left:3px solid var(--pessimo);}
.cp-orc{width:140px;margin-top:6px;}
.cp-col-grade{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;}
.cp-col-lista{max-height:56vh;overflow:auto;display:flex;flex-direction:column;gap:2px;}
.cp-col-op{display:flex;gap:9px;align-items:flex-start;padding:6px 4px;font-size:12px;cursor:pointer;border-radius:6px;}
.cp-col-op:hover{background:var(--panel-2);}
.cp-col-op small{display:block;color:var(--muted);font-size:10px;margin-top:2px;line-height:1.35;}
.cp-col-op em{color:var(--muted);font-size:10px;}
.cp-col-ordem{max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:6px;}
.cp-col-fixa,.cp-col-it{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:12px;display:flex;align-items:center;gap:8px;}
.cp-col-fixa{opacity:.6;}
.cp-col-it{cursor:grab;}
.cp-col-it.arr{opacity:.4;}
.cp-arr{color:var(--muted);}
.cp-col-bts{margin-left:auto;display:flex;gap:2px;}
.cp-col-bts button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:0 4px;}
.cp-col-bts button:hover{color:var(--text);}
.cp-hist{font-size:11px;}
.cp-hist td,.cp-hist th{padding:6px;}
.cp-svg{width:100%;height:auto;display:block;}
.cp-svg text{fill:var(--muted);font-size:10px;}
.cp-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin-top:8px;}
.cp-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px;}
@media (max-width:760px){
  .cp-abas{grid-template-columns:repeat(2,1fr);gap:6px;}
  .cp-aba{border-radius:8px;}
  .cp-painel{border-radius:10px;margin-top:8px;}
  .cp-tab-w{max-height:none;}
  .cp-col-grade{grid-template-columns:1fr;}
  .cp-selo-vendas{white-space:normal;}
}
/* ---------- aba Configurar ---------- */
.cfg-grade{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));}
.cfg-largo{grid-column:1/-1;}
.cfg-tab td,.cfg-tab th{padding:6px 6px;}
.cfg-tab select,.cfg-tab input.campo{padding:6px 8px;font-size:12px;}
.cfg-tab tr.cfg-off td{opacity:.45;}
.cfg-mono{font-family:var(--mono);font-size:11px;color:var(--muted);}
.cfg-fin{width:70px;font-family:var(--mono);}
.cfg-h{width:62px;}
.cfg-nomec{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cfg-acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;}
.cfg-acoes select{min-width:150px;}
.cfg-h4{font-size:12px;color:var(--muted);margin:14px 0 4px;font-weight:600;}
.cfg-chips{display:flex;flex-wrap:wrap;gap:6px;}
.cfg-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:5px 6px 5px 12px;font-size:12px;font-weight:600;}
.cfg-chip-av{border-color:var(--atencao);color:var(--atencao);}
.cfg-chip button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:11px;}
.cfg-chip button:hover{color:var(--pessimo);}
.cfg-det{margin-top:12px;font-size:12px;color:var(--muted);}
.cfg-det summary{cursor:pointer;}
.cp-dono{margin-top:5px;font-size:11px;padding:3px 6px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:5px;max-width:220px;}
.cp-dono-vazio{border-color:var(--atencao);color:var(--atencao);}
@media (max-width:760px){ .cfg-grade{grid-template-columns:1fr;} }
.cfg-tab input[type=date]{width:150px;}
.cfg-tab input[data-f=motivo]{width:100%;min-width:160px;}
/* ---------- Ritmo: versão nova (teste) ---------- */
.r2 .lbl{align-items:center;}
.r2 .lbl > span:last-child{display:flex;gap:8px;align-items:center;}
.r2-tab td,.r2-tab th{padding:7px 8px;white-space:nowrap;}
.r2-tab tbody tr:first-child td{background:rgba(40,199,111,.06);}
.r2-tab tr.r2-tot td{font-weight:700;}
.r2-pos{display:inline-grid;place-items:center;min-width:26px;height:22px;border-radius:6px;background:var(--panel-2);font-size:11px;font-weight:700;color:var(--muted);}
.r2-seta{display:block;font-size:9px;font-weight:400;font-family:'Segoe UI',system-ui,sans-serif;}
.r2-ok{color:var(--bom);} .r2-at{color:var(--atencao);} .r2-ruim{color:var(--pessimo);}
.r2-metas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:10px;font-size:12px;color:var(--muted);}
.r2-metas label{display:flex;align-items:center;gap:5px;}
.r2-meta{width:58px;padding:4px 6px;text-align:right;font-family:var(--mono);}
.r2-esp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px;}
.r2-esp-c{background:var(--panel-2);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);border-left:3px solid transparent;}
.r2-esp-c b{color:var(--text);font-size:12px;}
.r2-esp-n{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--text);}
.r2-esp-n small{font-size:12px;color:var(--muted);}
.r2-esp-c.r2-vermelho{border-left-color:var(--pessimo);background:rgba(234,84,85,.08);}
.r2-esp-c.r2-amarelo{border-left-color:var(--atencao);}
.r2-volta{margin-bottom:10px;}
.r2-at-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px;}
.r2-at-c{background:var(--panel-2);border-radius:10px;padding:12px 14px;border-left:4px solid var(--line);}
.r2-at-c p{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--text);}
.r2-at-n{font-size:14px;}
.r2-at-c.r2-vermelho{border-left-color:var(--pessimo);background:rgba(234,84,85,.08);}
.r2-at-c.r2-laranja{border-left-color:var(--ruim);background:rgba(255,159,67,.07);}
.r2-at-c.r2-amarelo{border-left-color:var(--atencao);}
.r2-at-c.r2-verde{border-left-color:var(--bom);}
.r2-at-c.r2-cinza{opacity:.7;}
.r2-det{padding:0;}
.r2-det > summary{cursor:pointer;padding:14px 16px;font-size:13px;font-weight:600;color:var(--muted);}
.r2-det[open] > summary{border-bottom:1px solid var(--line);}
.r2-det > .grade{padding:12px;}
@media (max-width:760px){ .r2-at-grade{grid-template-columns:1fr;} }
/* coluna Orçamento hoje (aba Atendentes) */
.orc-cel{display:flex;flex-direction:column;gap:3px;min-width:150px;}
.orc-sub{font-size:10px;color:var(--muted);white-space:nowrap;}
.orc-sub b{color:var(--atencao);font-weight:600;}
.orc-barra{display:block;height:5px;background:var(--panel-2);border-radius:3px;overflow:hidden;}
.orc-barra i{display:block;height:100%;background:var(--accent);}