:root{--azul: #0b2545;--azul-2: #13315c;--magenta: #c2185b;--bg: #f4f6f9;--card: #ffffff;--txt: #1c2733;--txt-mut: #6b7a8d;--linha: #e3e8ef;--verde: #1b9e57;--amarelo: #e6a700;--vermelho: #d23b3b;--sombra: 0 1px 3px rgba(11, 37, 69, .08), 0 1px 2px rgba(11, 37, 69, .06);--raio: 12px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased}.topbar{position:sticky;top:0;z-index:10;background:var(--azul);color:#fff;padding:10px 14px;box-shadow:var(--sombra)}.topbar .marca{font-weight:700;letter-spacing:.3px}.topbar .marca small{font-weight:400;opacity:.7}.topbar select{width:100%;margin-top:8px;padding:8px 10px;border-radius:8px;border:none;font-size:15px;background:#fff;color:var(--txt)}.tabs{display:flex;gap:4px;background:var(--azul-2);position:sticky;top:0;z-index:9;overflow-x:auto}.tabs a{flex:1 0 auto;text-align:center;white-space:nowrap;padding:12px 14px;color:#cdd7e5;text-decoration:none;font-size:14px;font-weight:600;border-bottom:3px solid transparent}.tabs a.ativo{color:#fff;border-bottom-color:var(--magenta)}@media (min-width: 1024px){.tabs{justify-content:center}.tabs a{flex:0 0 auto}.topbar select{max-width:360px}}.container{max-width:1120px;margin:0 auto;padding:14px}.container--wide{max-width:min(96vw,1440px)}.secao-titulo{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--txt-mut);margin:18px 4px 8px;font-weight:700}.card{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:14px;margin-bottom:10px}.card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 720px){.grid4{grid-template-columns:repeat(4,1fr)}}.kpi .rotulo{font-size:12px;color:var(--txt-mut)}.kpi .valor{font-size:20px;font-weight:700;margin-top:2px}.kpi .sub{font-size:12px;color:var(--txt-mut);margin-top:2px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.b-ALTA,.b-EM_RISCO,.b-PERDIDO,.b-PERDIDA{background:#fde7e7;color:var(--vermelho)}.b-MEDIA,.b-ATENCAO,.b-EM_ABERTO{background:#fbf2d9;color:#8a6500}.b-NORMAL,.b-ATIVO,.b-GANHA{background:#e3f5ec;color:var(--verde)}.b-INATIVO,.b-GANHA_PARCIAL{background:#eef0f4;color:var(--txt-mut)}.b-FOLLOWUP_COTACAO{background:#e8eefb;color:#2b50aa}.b-REATIVACAO{background:#fdeaf2;color:var(--magenta)}.b-CROSSSELL{background:#e6f3f0;color:#0a7d63}.b-EPI{background:#e8eefb;color:#2b50aa}.b-MRO{background:#f0eafb;color:#6a3bb5}.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:8px 4px}.seg{display:inline-flex;background:#eef0f4;border-radius:999px;padding:3px}.seg.seg-wrap{flex-wrap:wrap;border-radius:12px}.seg button{border:0;background:transparent;cursor:pointer;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--txt-mut)}.seg button.ativo{background:var(--magenta);color:#fff}.link-acao{border:0;background:transparent;cursor:pointer;color:var(--magenta);font-weight:700;font-size:12px;padding:2px 6px;text-decoration:none}.link-acao:hover{text-decoration:underline}.ok-msg{background:#e3f5ec;color:var(--verde);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.progress{background:#e9edf3;border-radius:999px;height:12px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--magenta);border-radius:999px}.lista-item{padding:12px 0;border-bottom:1px solid #eef1f5}.lista-item:last-child{border-bottom:none}.nome{font-weight:700}.tel{color:var(--magenta);text-decoration:none;font-weight:600}.muted{color:var(--txt-mut);font-size:13px}table.tab{width:100%;border-collapse:collapse;font-size:13px}table.tab th,table.tab td{text-align:left;padding:8px 6px;border-bottom:1px solid #eef1f5}table.tab th{color:var(--txt-mut);font-size:11px;text-transform:uppercase;letter-spacing:.4px}table.tab td.num,table.tab th.num{text-align:right;font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.fat-table tbody tr{background:var(--card)}.fat-table tbody tr:nth-child(2n){background:var(--bg)}.fat-table .fat-cli{position:sticky;left:0;z-index:1;background-color:inherit;font-weight:500;max-width:220px}.fat-table th.fat-cli{z-index:3;background:var(--bg);min-width:220px}.fat-cli-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fat-table .fat-total{position:sticky;right:0;z-index:1;background-color:inherit;font-weight:700}.fat-table th.fat-total{z-index:3;background:var(--bg);min-width:110px}.fat-table td.fat-mes{font-size:12px}.fat-table td.fat-mes.zero{color:var(--txt-mut)}.fat-table tfoot tr{border-top:2px solid var(--linha);font-weight:700;background:var(--bg)}.fat-table tfoot td{background:var(--bg);font-size:12px}.fat-table tfoot .fat-cli{color:var(--txt-mut)}.acao-btn{display:inline-block;margin-top:8px;padding:7px 12px;border-radius:8px;background:var(--magenta);color:#fff;border:none;font-weight:700;font-size:13px;text-decoration:none;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b254573;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0003}@media (min-width: 600px){.modal-backdrop{align-items:center}.modal{border-radius:16px}}.modal-titulo{font-size:17px;font-weight:700}.campo{display:block;font-size:13px;color:var(--txt-mut);margin-bottom:10px}.campo select,.campo input,.campo textarea{display:block;width:100%;margin-top:4px;padding:10px;font-size:15px;border:1px solid #d6dde7;border-radius:8px;color:var(--txt);background:#fff}.modal-acoes{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.btn-sec{padding:9px 14px;border-radius:8px;border:1px solid #d6dde7;background:#fff;color:var(--txt);font-weight:700;cursor:pointer}.btn-reg{background:#fff;border:1px solid var(--magenta);color:var(--magenta)}.card.atendido{opacity:.6}.feito{display:inline-block;background:var(--verde);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.estado{text-align:center;color:var(--txt-mut);padding:30px 10px}.erro{color:var(--vermelho)}a.link-cli{color:var(--azul);font-weight:700;text-decoration:none}.topbar-linha{display:flex;justify-content:space-between;align-items:center;gap:10px}.usuario-box{display:flex;align-items:center;gap:10px}.usuario-nome{font-size:13px;opacity:.9}.btn-logout{background:#ffffff26;color:#fff;border:0;cursor:pointer;padding:5px 12px;border-radius:8px;font-weight:700;font-size:12px}.btn-logout:hover{background:#ffffff47}.vendedor-fixo{margin-top:8px;font-size:14px;font-weight:600;opacity:.92}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--azul);padding:16px}.login-card{background:#fff;width:100%;max-width:360px;border-radius:var(--raio);padding:24px;box-shadow:0 8px 30px #00000040}.login-marca{font-weight:800;font-size:20px;color:var(--azul);margin-bottom:18px}.login-marca small{font-weight:400;color:var(--txt-mut)}.login-erro{color:var(--vermelho);font-size:13px;font-weight:600;margin-bottom:8px}.delta{font-size:12px;font-weight:700}.delta.up{color:var(--verde)}.delta.down{color:var(--vermelho)}.delta.zero{color:var(--txt-mut);font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-acoes{grid-column:1 / -1;display:flex;align-items:center;gap:12px;justify-content:flex-end}.campo.inline{display:inline-flex;flex-direction:column;margin:0}.campo.inline select,.campo.inline input{margin-top:2px}.linha-edit>td{background:#f8fafc}.edit-box{padding:6px 2px 10px}.edit-linha{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:12px}.reset-senha{display:flex;gap:6px}.reset-senha input{margin-top:4px}.perm-grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.perm-grupo{background:#fff;border:1px solid var(--linha);border-radius:8px;padding:10px}.perm-titulo{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--txt-mut);font-weight:700;margin-bottom:6px}.perm-item{display:flex;gap:8px;align-items:center;font-size:13px;padding:3px 0;cursor:pointer}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.acao-btn.whats{background:#25d366;color:#08311c}.acao-btn.whats:hover{background:#1fbb59}.link-acao.whats-link{color:#128c4a}.acao-btn.ativo{background:#e65100}.link-acao.disabled{color:var(--txt-mut);cursor:default;font-weight:400}.smtp-linha{background:#f0f4ff;border:1px solid #d0dcf8;border-radius:8px;padding:8px 12px}.smtp-titulo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#3b5bdb;align-self:center}.smtp-badge{font-size:11px;background:#d3f9d8;color:#1a7a3a;border-radius:4px;padding:1px 6px;align-self:center}.grid-ativ{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}@media (max-width: 600px){.grid-ativ{grid-template-columns:repeat(2,1fr)}}.kpi-ativ{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:12px 14px}.kpi-ativ-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--txt-mut);font-weight:700;margin-bottom:4px}.kpi-ativ-hoje{font-size:22px;font-weight:800;line-height:1.1}.kpi-ativ-mes{font-size:13px;margin-top:2px}.kpi-ativ-meta-dia{font-size:11px;color:var(--txt-mut);margin-top:3px}.kpi-ativ-bar{height:6px;background:#e9edf3;border-radius:999px;overflow:hidden;margin-top:6px}.kpi-ativ-fill{height:100%;border-radius:999px;transition:width .3s}.kpi-ativ-fill.verde{background:var(--verde)}.kpi-ativ-fill.amarelo{background:var(--amarelo)}.kpi-ativ-fill.vermelho{background:var(--vermelho)}.metas-table th,.metas-table td{text-align:center;min-width:80px}.metas-table th:first-child,.metas-table td:first-child{text-align:left;min-width:130px}.meta-input{width:70px;padding:4px 6px;border:1px solid #d6dde7;border-radius:6px;font-size:13px;text-align:center}.pct-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.pct-badge.verde{background:#e3f5ec;color:var(--verde)}.pct-badge.amarelo{background:#fbf2d9;color:#8a6500}.pct-badge.vermelho{background:#fde7e7;color:var(--vermelho)}.pct-badge.sem-meta{background:#eef0f4;color:var(--txt-mut)}.podio{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:16px 0 8px}.podio-card{display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:14px 16px 0;min-width:120px;position:relative;border:2px solid transparent}.podio-card.eu{border-color:var(--magenta)}.podio-medalha{font-size:28px;line-height:1}.podio-nome{font-weight:700;font-size:14px;margin-top:6px;text-align:center}.podio-fat{font-size:13px;font-weight:600;margin-top:2px}.podio-pct{margin-top:6px}.podio-degrau{width:100%;margin-top:10px;border-radius:0 0 8px 8px;background:linear-gradient(to bottom,#e9edf3,#d0d7e3)}.podio-card:nth-child(1) .podio-degrau{background:linear-gradient(to bottom,gold,#e6c000)}.podio-card:nth-child(3) .podio-degrau{background:linear-gradient(to bottom,silver,#a8a8a8)}.rank-table td,.rank-table th{vertical-align:middle}.rank-pos{text-align:center!important;width:40px}.rank-medalha{font-size:18px}.rank-num{font-size:13px;color:var(--txt-mut);font-weight:700}tr.rank-eu{background:#fdf0f6}tr.rank-eu td{border-bottom-color:#f3c2d8}.timeline{padding:4px 0 8px}.tl-item{display:grid;grid-template-columns:36px 2px 1fr;grid-template-rows:auto auto;gap:0 10px;margin-bottom:0}.tl-dot{grid-column:1;grid-row:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--azul-2);color:#fff;align-self:start;margin-top:2px}.tl-linha{grid-column:2;grid-row:1 / 3;width:2px;background:var(--linha);margin:38px 0 0;align-self:stretch;justify-self:center}.tl-item:last-child .tl-linha{display:none}.tl-conteudo{grid-column:3;grid-row:1;background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:10px 12px;margin-bottom:10px}.tl-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.tl-desc{font-size:13px;margin-top:3px}.tl-meta{font-size:12px;color:var(--txt-mut);margin-top:4px}.badge-fiel{display:inline-block;padding:2px 9px;border-radius:10px;background:#e65100;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.secao-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 4px;margin-top:8px;background:none;border:none;border-bottom:2px solid var(--azul);cursor:pointer;font-size:14px;font-weight:700;color:var(--azul);text-align:left}.secao-toggle:hover{color:var(--magenta);border-color:var(--magenta)}.secao-seta{font-size:10px;color:var(--txt-mut);margin-left:8px}.secao-conteudo{padding-top:4px}.card-fiel-borda{border-left:3px solid #e65100}.sugestao-pedido{margin-top:12px;padding-top:12px;border-top:1px solid var(--linha)}.sugestao-titulo{font-size:11px;font-weight:700;color:var(--txt-mut);letter-spacing:.4px;margin-bottom:8px}.sugestao-lista{display:flex;flex-direction:column;gap:6px}.sugestao-item{padding:6px 10px;background:var(--bg);border-radius:8px}.sugestao-desc{font-size:13px;font-weight:600}.mini-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--linha);padding-bottom:10px}.mini-tab{padding:4px 12px;border-radius:20px;border:1px solid var(--linha);background:transparent;color:var(--txt-mut);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.mini-tab:hover{background:var(--azul-2);color:#fff;border-color:var(--azul-2)}.mini-tab.ativo{background:var(--magenta);color:#fff;border-color:var(--magenta);font-weight:600}