/* ---------- aba Início (dashboard geral) */
.iw{flex:1;min-height:0;overflow-y:auto;padding:22px 28px 28px;display:flex;flex-direction:column;gap:16px}
.ih{display:flex;align-items:flex-end;gap:18px;flex:none}
.ih h1{font-size:clamp(30px,2.5vw,40px);line-height:.9;font-weight:400;white-space:nowrap;margin-top:8px}
.ih h1 em{font-style:normal;color:var(--am)}
.ih p{margin-left:auto;color:var(--mut);font-size:12.5px;padding-bottom:2px}
.ih p b{color:var(--txt);font-weight:600}
.igrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.ic{border:1px solid var(--linha);background:rgba(255,255,255,.018);border-radius:16px;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ic.c7{grid-column:span 7}.ic.c5{grid-column:span 5}.ic.c4{grid-column:span 4}
.ic .ch{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--linha)}
.ic .ch small{font-size:10.5px;letter-spacing:.16em;color:var(--fra);font-weight:600}
.ic .ch small b{color:var(--txt);font-weight:600;letter-spacing:.16em}
.ic .ch button{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--mut);font-size:11.5px;font-weight:500}
.ic .ch button svg{width:13px;height:13px}
.ic .ch button:hover{color:var(--am)}
.ic .cb{padding:6px 8px 8px;display:flex;flex-direction:column}

/* linha de lista: data · texto · etiqueta */
.il{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;cursor:pointer}
.il:hover{background:rgba(255,255,255,.035)}
.il .d{display:flex;flex-direction:column;align-items:center;line-height:1;gap:3px}
.il .d small{font-size:9.5px;letter-spacing:.14em;color:var(--fra);font-weight:600}
.il .d b{font-size:18px;font-weight:800;font-stretch:125%;font-variant-numeric:tabular-nums}
.il.hj .d small{color:var(--am)}
.il .t{min-width:0;display:flex;flex-direction:column;gap:3px}
.il .t b{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.il .t span{color:var(--mut);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.et{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mut);white-space:nowrap}
.et i{width:7px;height:7px;border-radius:50%;background:var(--c)}
.il .q{font-size:11px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.il .q.atr{color:var(--verm);font-weight:600}
.il .q.hj{color:var(--am);font-weight:600}
.il .ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto;border:1px solid var(--linha2);background:var(--vidro,rgba(255,255,255,.05));color:var(--mut)}
.il .ico svg{width:15px;height:15px}

/* barra segmentada (jobs por etapa) */
.seg2{display:flex;gap:2px;height:12px;margin:14px 8px 4px}
.seg2 i{height:100%;background:var(--c);min-width:4px}
.seg2 i:first-child{border-radius:4px 0 0 4px}.seg2 i:last-child{border-radius:0 4px 4px 0}
.leg{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;padding:10px 8px 4px}
.leg div{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;color:var(--mut)}
.leg div i{width:8px;height:8px;border-radius:2px;background:var(--c);flex:none}
.leg div b{margin-left:auto;color:var(--txt);font-weight:600;font-variant-numeric:tabular-nums}

/* barras horizontais (funil de leads) */
.hb{display:grid;grid-template-columns:96px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:6px 8px;font-size:12px;color:var(--mut)}
.hb .tr{height:8px;border-radius:4px;background:rgba(255,255,255,.05);overflow:hidden}
.hb .tr i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--txt);opacity:.55;min-width:4px}
.hb.fim .tr i{background:var(--am);opacity:1}
.hb b{color:var(--txt);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.ic .rod{margin-top:auto;padding:10px 16px;border-top:1px solid var(--linha);color:var(--mut);font-size:11.5px}
.ic .rod b{color:var(--txt);font-weight:600}

/* financeiro do mês */
.fm{display:flex;flex-direction:column;gap:2px;padding:6px 8px}
.fm div{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12.5px;color:var(--mut)}
.fm div i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.fm div b{margin-left:auto;color:var(--txt);font-weight:600;font-variant-numeric:tabular-nums}
.fm .res{border-top:1px solid var(--linha);margin-top:4px;padding-top:12px}
.fm .res b{font-size:20px;font-weight:800;font-stretch:125%;color:var(--am)}

@media (max-width:1100px){.ic.c7,.ic.c5,.ic.c4{grid-column:span 12}}

/* celular: o inline do JS (colunas dos KPIs e span dos cards) cede pro empilhado */
@media (max-width:1000px){
  .iw{padding:14px 16px 20px;gap:12px}
  .ih{flex-direction:column;align-items:flex-start;gap:6px}
  .ih h1{white-space:normal;font-size:28px}
  .ih p{margin-left:0}
  .iw .ckpi{grid-template-columns:1fr 1fr!important}
  .igrid>.ic{grid-column:span 12!important}
}
@media (max-width:640px){
  .top .btn.nl span{display:none}
  .top .btn.nl{padding-left:10px;padding-right:10px}
}