:root{
  /* tema escuro com destaque ciano (referência Ardentis) */
  --bg:#06090C; --panel:#0D1217; --panel-2:#12181E; --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12);
  --text:#E6EDF2; --muted:#7F8B97; --accent:#5DD5F2; --accent-2:#1E6F8C; --accent-dim:rgba(93,213,242,.14); --accent-hover:#86E2F7;
  --pessimo:#F2616B; --ruim:#F2994A; --atencao:#F2C94C; --bom:#4ED8A4; --excelente:#5DD5F2;
  --sombra:0 20px 50px -20px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
  --raio:18px; --raio-s:12px;
  --font:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:'Manrope','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased;}
body{background:
  radial-gradient(900px 500px at 85% -10%, rgba(93,213,242,.10), transparent 60%),
  radial-gradient(700px 400px at -10% 100%, rgba(93,213,242,.05), transparent 60%),
  var(--bg);min-height:100vh;}
button,input,select{font-family:inherit;}
.val,.val-num,.inv-ef,tfoot td,.resumo-mini .c .v,.donut-info b,.bh .v,.fat-nota b,input.faixa{font-variant-numeric:tabular-nums;letter-spacing:-.01em;}

/* ---------- layout ---------- */
.layout{display:flex;min-height:100vh;}
.sidebar{width:228px;flex-shrink:0;background:linear-gradient(180deg,#0B1015,#080C10);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh;}
.marca{display:flex;gap:11px;align-items:center;padding:2px 8px 20px;border-bottom:1px solid var(--line);margin-bottom:16px;}
.marca-icone{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8CE8FA,#2FB6DB);color:#06161C;display:grid;place-items:center;font-weight:800;font-size:14px;box-shadow:0 8px 20px -8px rgba(93,213,242,.8);}
.marca b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em;} .marca small{color:var(--muted);font-size:11px;}
.menu-item{width:100%;display:flex;gap:12px;align-items:center;background:transparent;border:1px solid transparent;color:var(--muted);padding:9px 12px 9px 9px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;margin-bottom:6px;transition:.15s;}
.menu-item:hover{background:rgba(255,255,255,.04);color:var(--text);}
.menu-item.ativo{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-color:var(--line-2);color:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.8);}
.mi{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);flex-shrink:0;}
.menu-item.ativo .mi{background:var(--accent);color:#06161C;border-color:transparent;box-shadow:0 0 14px rgba(93,213,242,.5);}
.sidebar-rodape{margin-top:auto;font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:14px;}
.sidebar-rodape .linha{display:flex;align-items:center;gap:6px;}
.sidebar-rodape a{color:var(--accent);text-decoration:none;}

.conteudo{flex:1;min-width:0;padding:26px 30px 90px;}
.topo{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.topo h1{margin:0;font-size:26px;font-weight:700;color:#fff;letter-spacing:-.02em;}
.sub{color:var(--muted);font-size:12.5px;margin-top:5px;}
.topo-acoes{display:flex;align-items:center;gap:12px;}
.atualizado{font-size:12px;color:var(--muted);}
button.primario{background:var(--accent);color:#06161C;border:0;border-radius:999px;padding:10px 20px;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 10px 24px -10px rgba(93,213,242,.7);transition:.15s;}
button.primario:hover{background:var(--accent-hover);transform:translateY(-1px);}
button.primario:disabled{opacity:.6;cursor:wait;transform:none;}
.girando{display:inline-block;animation:gira .8s linear infinite;}
@keyframes gira{to{transform:rotate(360deg);}}

.panel{background:linear-gradient(180deg,#10161C,#0B1015);border:1px solid var(--line);box-shadow:var(--sombra);border-radius:var(--raio);padding:18px 20px;margin-bottom:16px;}
.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);margin:0 0 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;}

.filtros{display:flex;gap:14px;flex-wrap:wrap;padding:14px 20px;}
.filtros label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);min-width:170px;font-weight:600;letter-spacing:.3px;}
select,input.campo,textarea.campo{background:#0A0E12;border:1px solid var(--line-2);color:var(--text);padding:9px 12px;border-radius:999px;font-size:13px;transition:.15s;}
select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237F8B97' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
select:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);}
select option{background:#0D1217;color:var(--text);}

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

.aviso{border-radius:var(--raio-s);padding:11px 15px;font-size:12.5px;margin-bottom:12px;border:1px solid;}
.aviso.amarelo{background:rgba(242,201,76,.07);border-color:rgba(242,201,76,.35);color:#F5D77A;}
.aviso.vermelho{background:rgba(242,97,107,.07);border-color:rgba(242,97,107,.4);color:#F79AA0;}
.aviso b{color:var(--text);}

/* ---------- resumo ---------- */
.grade{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.4fr;gap:14px;}
.card{background:linear-gradient(180deg,#10161C,#0B1015);border:1px solid var(--line);box-shadow:var(--sombra);border-radius:var(--raio);padding:16px 18px;min-height:92px;position:relative;transition:border-color .15s;}
.card:hover{border-color:var(--line-2);}
.card .lbl{font-size:12.5px;color:var(--muted);font-weight:600;display:flex;justify-content:space-between;gap:6px;}
.card .lbl i{font-style:normal;opacity:.7;cursor:help;border:1px solid var(--line-2);border-radius:50%;width:16px;height:16px;display:inline-grid;place-items:center;font-size:10px;color:var(--muted);}
.card .val{font-weight:700;font-size:26px;margin-top:8px;white-space:nowrap;color:#fff;letter-spacing:-.02em;}
.card .det{font-size:11.5px;color:var(--muted);margin-top:5px;}
.card.grande .val{font-size:34px;}
.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:10px;margin-top:12px;}
.bh{display:grid;grid-template-columns:86px 1fr 92px;gap:10px;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:rgba(255,255,255,.04);border-radius:999px;overflow:hidden;display:flex;}
.bh .trilho i{display:block;height:100%;border-radius:999px;}
.bh .v{text-align:right;white-space:nowrap;font-weight:600;}
.legenda-mini{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:12px;flex-wrap:wrap;}
.legenda-mini span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c);vertical-align:-1px;}

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

.horario{width:100%;height:220px;display:block;}
.horario text{fill:var(--muted);font-size:10px;font-family:var(--font);}
.horario rect[fill="var(--accent)"]{filter:drop-shadow(0 0 6px rgba(93,213,242,.35));}
.toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;overflow:hidden;background:#0A0E12;padding:2px;}
.toggle button{background:transparent;border:0;color:var(--muted);padding:5px 12px;font-size:11px;cursor:pointer;text-transform:none;letter-spacing:0;border-radius:999px;font-weight:600;}
.toggle button.on{background:var(--accent);color:#06161C;}
#tip{position:fixed;pointer-events:none;background:#0A0E12;border:1px solid var(--line-2);border-radius:10px;padding:7px 10px;font-size:11px;z-index:50;display:none;white-space:nowrap;box-shadow:0 12px 30px -10px rgba(0,0,0,.8);}

/* ---------- tabela atendentes ---------- */
.resumo-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;}
.resumo-mini .c{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--raio-s);padding:11px 14px;}
.resumo-mini .c .l{font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:600;}
.resumo-mini .c .v{font-weight:700;font-size:16px;color:#fff;}
.toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center;}
.toolbar .espaco{flex:1;}
.custos-bar{font-size:12px;color:var(--muted);background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--raio-s);padding:9px 14px;margin-bottom:12px;line-height:1.9;}
.custos-bar b{color:var(--text);}

.table-wrap{overflow-x:auto;border-radius:var(--raio-s);}
table{width:100%;border-collapse:collapse;font-size:12.5px;}
thead th{text-align:left;color:var(--muted);font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.5px;padding:10px 6px;border-bottom:1px solid var(--line-2);line-height:1.25;vertical-align:bottom;max-width:96px;}
thead th.calc{color:var(--accent);}
tbody td{padding:9px 6px;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:#0D1318;}
tbody tr:hover td{background:rgba(255,255,255,.025);}
tfoot td{padding:14px 6px;border-top:1px solid var(--line-2);font-weight:700;white-space:nowrap;color:#fff;}
tfoot td:first-child{font-family:inherit;}

.nome-at{display:inline-block;background:rgba(255,255,255,.04);border:1px solid var(--line-2);border-radius:999px;padding:7px 12px;font-weight:700;white-space:nowrap;min-width:92px;}
.cel{position:relative;display:inline-block;}
input.celula{width:78px;background:#0A0E12;border:1px solid var(--line-2);color:var(--text);padding:7px 8px;border-radius:999px;font-size:12px;text-align:right;}
input.celula.editado{border-color:var(--atencao);background:rgba(242,201,76,.08);}
.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);display:block;}

.val-row{display:flex;flex-direction:column;gap:3px;align-items:flex-start;}
.val-num{font-weight:700;white-space:nowrap;}
.inv-ef{font-weight:700;white-space:nowrap;}
.inv-ef small{display:block;color:var(--muted);font-weight:400;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:3px 9px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent;}
.badge.PESSIMO{background:rgba(242,97,107,.12);color:var(--pessimo);border-color:rgba(242,97,107,.25);}
.badge.RUIM{background:rgba(242,153,74,.12);color:var(--ruim);border-color:rgba(242,153,74,.25);}
.badge.ATENCAO{background:rgba(242,201,76,.12);color:var(--atencao);border-color:rgba(242,201,76,.25);}
.badge.BOM{background:rgba(78,216,164,.12);color:var(--bom);border-color:rgba(78,216,164,.25);}
.badge.EXCELENTE{background:rgba(93,213,242,.12);color:var(--excelente);border-color:rgba(93,213,242,.3);}
.badge.RET_EXCELENTE{background:rgba(78,216,164,.12);color:var(--bom);border-color:rgba(78,216,164,.25);}
.badge.RET_BOM{background:rgba(242,201,76,.12);color:var(--atencao);border-color:rgba(242,201,76,.25);}
.badge.EMPATADO{background:rgba(242,153,74,.12);color:var(--ruim);border-color:rgba(242,153,74,.25);}
.badge.LUCRO{background:rgba(78,216,164,.12);color:var(--bom);border-color:rgba(78,216,164,.25);}
.badge.PREJUIZO{background:rgba(242,97,107,.12);color:var(--pessimo);border-color:rgba(242,97,107,.25);}

button.copy{background:var(--accent-dim);border:1px solid rgba(93,213,242,.35);color:var(--accent);padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;}
button.copy:hover{background:rgba(93,213,242,.24);}
button.copy.mini{padding:5px 10px;font-size:11px;}
button.sec{background:transparent;border:1px solid var(--line-2);color:var(--muted);padding:7px 14px;border-radius:999px;font-size:12px;cursor:pointer;font-weight:600;transition:.15s;}
button.sec:hover{border-color:var(--accent);color:var(--accent);}

details.faixas{margin-bottom:16px;border:1px solid var(--line);border-radius:var(--raio-s);background:rgba(255,255,255,.025);}
details.faixas summary{cursor:pointer;padding:11px 16px;font-size:13px;font-weight:700;color:var(--muted);}
.faixas-corpo{padding:12px 16px 16px;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:#0A0E12;border:1px solid var(--line-2);color:var(--text);padding:3px 7px;border-radius:999px;font-size:12px;text-align:right;}
.legend{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
.legend b{color:var(--text);}

.geral-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--raio);padding:18px 20px;max-width:560px;}
.linha-r{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:12.5px;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:22px;color:#fff;}

/* ---------- integrações ---------- */
.int-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;}
.int-card h3{margin:0 0 4px;font-size:16px;display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.01em;}
.int-card p{margin:4px 0 14px;color:var(--muted);font-size:12.5px;line-height:1.55;}
.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(78,216,164,.18),0 0 10px rgba(78,216,164,.5);}
.dot.d-aviso{background:var(--atencao);box-shadow:0 0 0 3px rgba(242,201,76,.18);}
.dot.d-erro{background:var(--pessimo);box-shadow:0 0 0 3px rgba(242,97,107,.18);}
.kv{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:7px 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:9px;margin-top:12px;}
.form-l input{width:100%;}
.nota{font-size:11.5px;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:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--accent);color:#06161C;padding:11px 22px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:100;box-shadow:0 14px 30px -10px rgba(93,213,242,.7);}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

::-webkit-scrollbar{height:8px;width:8px;} ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:999px;} ::-webkit-scrollbar-track{background:transparent;}

@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:12px 14px;border-right:0;border-bottom:1px solid var(--line);}
  .marca{border:0;margin:0;padding:0 8px 0 0;}
  #menu{display:flex;gap:4px;} .menu-item{margin:0;padding:7px 12px 7px 7px;}
  .sidebar-rodape{display:none;}
  .conteudo{padding:16px 16px 70px;}
  .topo h1{font-size:22px;}
  .grade{grid-template-columns:1fr;} .span2c{grid-column:auto;}
  .card.grande .val{font-size:28px;}
  .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:380px;background:linear-gradient(180deg,#10161C,#0B1015);border:1px solid var(--line-2);box-shadow:var(--sombra);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px;}
.login-card .marca{border:0;margin:0 0 6px;padding:0;}
.login-card input{width:100%;}

/* ---------- card de destaque (Lucro real) ---------- */
.card.destaque{
  background:
    radial-gradient(110% 130% at 0% 0%, rgba(78,216,164,.85), transparent 58%),
    radial-gradient(100% 130% at 100% 100%, rgba(93,213,242,.85), transparent 58%),
    linear-gradient(135deg,#0E4F48 0%,#0B3A55 55%,#0C2340 100%);
  border-color:rgba(120,245,215,.8);
  box-shadow:0 0 0 1px rgba(120,245,215,.25), 0 0 70px -4px rgba(78,216,164,.7), 0 0 28px rgba(93,213,242,.35), 0 24px 50px -24px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.card.destaque::before{content:'';position:absolute;inset:-40% auto auto -20%;width:70%;height:180%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:rotate(8deg);pointer-events:none;}
.card.destaque::after{content:'';position:absolute;right:-30px;bottom:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(93,213,242,.6),transparent 65%);filter:blur(14px);pointer-events:none;}
.card.destaque .lbl{color:#EAFFF7;font-weight:700;letter-spacing:.2px;}
.card.destaque .lbl i{border-color:rgba(201,251,234,.4);color:#C9FBEA;opacity:.9;}
.card.destaque .val{font-size:44px;color:#fff;text-shadow:0 0 30px rgba(120,245,215,.8),0 2px 0 rgba(0,0,0,.25);position:relative;z-index:1;}
.card.destaque .det{color:#DDFFF4;position:relative;z-index:1;}
.card.destaque .badge.LUCRO{background:#7CFFD0;color:#06161C;border-color:transparent;box-shadow:0 0 18px rgba(124,255,208,.9);}
.card.destaque:hover{border-color:rgba(93,230,200,.8);}
/* prejuízo: mesma força, em vermelho */
.card.destaque.alerta{
  background:
    radial-gradient(110% 130% at 0% 0%, rgba(242,97,107,.8), transparent 58%),
    radial-gradient(100% 130% at 100% 100%, rgba(242,153,74,.6), transparent 58%),
    linear-gradient(135deg,#4A1020 0%,#3A1428 55%,#1E0D18 100%);
  border-color:rgba(255,140,150,.8);
  box-shadow:0 0 0 1px rgba(255,140,150,.25), 0 0 70px -4px rgba(242,97,107,.7), 0 0 28px rgba(242,153,74,.3), 0 24px 50px -24px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.1);
}
.card.destaque.alerta::after{background:radial-gradient(circle,rgba(242,153,74,.3),transparent 65%);}
.card.destaque.alerta .lbl,.card.destaque.alerta .lbl i{color:#FFD3D6;border-color:rgba(255,211,214,.4);}
.card.destaque.alerta .val{text-shadow:0 0 24px rgba(242,97,107,.55);}
.card.destaque.alerta .det{color:#F3BFC3;}
.card.destaque.alerta .badge.PREJUIZO{background:#F2616B;color:#fff;border-color:transparent;box-shadow:0 0 14px rgba(242,97,107,.6);}
@media (max-width:760px){ .card.destaque .val{font-size:32px;} }

/* ---------- notificações ---------- */
.notif-topo{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;}
.notif-linha{display:flex;align-items:center;gap:8px;}
.tab-regras{width:100%;font-size:12px;min-width:1100px;}
.tab-regras th{white-space:nowrap;}
.tab-regras td{padding:6px 4px;vertical-align:top;}
.tab-regras select{padding:7px 26px 7px 10px;font-size:12px;}
.tab-regras input.campo{padding:7px 9px;font-size:12px;}
.tab-regras textarea.campo{width:100%;min-width:230px;border-radius:12px;resize:vertical;font-family:inherit;line-height:1.4;}
.tab-regras input[type=checkbox],.notif-linha input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;}
.nota code{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:11px;color:var(--accent);}
.notif-canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:12px;}
.notif-canal{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--raio-s);padding:14px 16px;}
.notif-canal.on{border-color:rgba(93,213,242,.35);}
.notif-canal-cab{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;}
.notif-canal input.campo{width:100%;}

/* ---------- aba Time ---------- */
.time-legenda{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px;margin-bottom:14px;font-weight:600;}
.tl.bom{color:var(--bom);} .tl.atencao{color:var(--accent);} .tl.ruim{color:var(--pessimo);}
.time-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.tcard{position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#10161C,#0B1015);border:1px solid var(--line);border-radius:var(--raio);padding:18px 18px 22px;box-shadow:var(--sombra);transition:transform .15s,border-color .15s;}
.tcard:hover{transform:translateY(-2px);border-color:var(--line-2);}
.tcard.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim),var(--sombra);}
.tcard-glow{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,transparent,var(--tc-glow));}
.tcard::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tc);opacity:.9;box-shadow:0 0 18px var(--tc);}
.tcard.bom{--tc:var(--bom);--tc-glow:rgba(78,216,164,.22);}
.tcard.atencao{--tc:var(--accent);--tc-glow:rgba(93,213,242,.22);}
.tcard.ruim{--tc:var(--pessimo);--tc-glow:rgba(242,97,107,.24);}
.tcard.semdados{--tc:var(--muted);--tc-glow:rgba(127,139,151,.12);}
.tcard>*:not(.tcard-glow){position:relative;z-index:1;}
.tcard-cab{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.tcard-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:var(--tc);flex-shrink:0;}
.tcard-nome{flex:1;min-width:0;} .tcard-nome b{display:block;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tcard-nome small{color:var(--muted);font-size:11.5px;}
.tcard-badge{font-size:10px;font-weight:800;letter-spacing:.4px;padding:4px 10px;border-radius:999px;background:var(--tc);color:#06161C;white-space:nowrap;box-shadow:0 0 14px var(--tc-glow);}
.tcard.ruim .tcard-badge{color:#fff;}
.tcard-big{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:12px;line-height:1.1;}
.tcard-big small{display:block;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.3px;margin-top:3px;}
.tcard-metricas{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;}
.tm{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:5px 0;border-top:1px solid var(--line);}
.tm span{color:var(--muted);} .tm b{font-weight:700;white-space:nowrap;}
.hora-leads{height:240px;margin-top:6px;}
.hora-leads text.eixo{fill:var(--muted);font-size:9px;}
.tab-horas{font-size:12px;} .tab-horas td,.tab-horas th{padding:7px 8px;}
@media (max-width:760px){ .time-grade{grid-template-columns:1fr;} }

/* ---------- aba Morais ---------- */
.tab-morais{font-size:12.5px;}
.tab-morais thead th{padding:10px 8px;}
.tab-morais tbody td{padding:9px 8px;}
.tab-morais tfoot td{padding:14px 8px;}
.tab-morais .val-row{align-items:flex-start;}