/* Portal do parceiro — Infinity Design System (IDS) com as cores da AGT (09/11/2026).

   ids.css (copia do CRM Infinity) traz tokens e componentes inf-*; aqui:
   1. fontes do IDS (Urbanist titulos/numeros, Manrope texto, JetBrains Mono codigos);
   2. primitivos de marca trocados pelos da AGT: a escala "aqua" do IDS vira o azul AGT
      (#0292D8), "navy" vira a tinta AGT, "ocean" o violeta do backlight. Os tokens
      semanticos do IDS apontam para esses primitivos, entao todo componente muda junto;
   3. acento do PARCEIRO (--partner / --partner-ink, vindos do env da instancia, no <html>):
      so nas pecas de assinatura (faixa do topo, selo, KPI do parceiro, tela de entrada);
   4. estrutura (menu lateral de icones que abre com o mouse, topo, barra de baixo no celular),
      no mesmo desenho do CRM Infinity;
   5. composicao das telas.
   Moeda: html[data-moeda="brl"] mostra .brl e esconde .usd. Tema escuro: data-theme="dark". */

@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/manrope-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/manrope-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Urbanist";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/urbanist-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Urbanist";font-style:normal;font-weight:400 800;font-display:swap;src:url("fonts/urbanist-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url("fonts/jetbrains-mono-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url("fonts/jetbrains-mono-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}

/* ===================================================================== 2. AGT no lugar da Infinity */
:root{
  --partner:#0292D8; --partner-ink:#0B1B2E;          /* sobrepostos no <html> pelo env */
  --agt-blue:#0292D8; --agt-cyan:#22C3E6; --agt-violet:#6E5BE0;
  --brand-gradient:linear-gradient(120deg,#22C3E6 0%,#0292D8 46%,#6E5BE0 100%);
  --aqua-25:#F2FAFE; --aqua-50:#E5F4FC; --aqua-100:#C5E7F8; --aqua-200:#93D3F1; --aqua-300:#57BCE9; --aqua-400:#22A6E0;
  --aqua-500:#0292D8; --aqua-600:#0278B5; --aqua-700:#036296; --aqua-800:#064F79; --aqua-900:#083F60; --aqua-950:#072A40;
  --navy-950:#060F1C; --navy-900:#0B1B2E; --navy-800:#142A42; --navy-700:#243B55; --navy-600:#3A5069;
  --ocean-100:#E7E4FD; --ocean-300:#A99FF6; --ocean-500:#6E5BE0; --ocean-700:#4B3BB0;
  --lime-100:#DDF6FC; --lime-300:#8FE1F3; --lime-500:#22C3E6; --lime-700:#0C7C93; --leaf-500:#22C3E6; --leaf-600:#0C9CB8;
  --viz-1:#0292D8; --viz-2:#0B1B2E; --viz-3:#57BCE9; --viz-4:#6E5BE0; --viz-5:#E8930C; --viz-6:#E0577B; --viz-7:#3AA14A; --viz-8:#97A2AB;
  --hover-overlay:rgba(11,27,46,.04); --press-overlay:rgba(11,27,46,.08);
  --focus-ring-color:rgba(2,146,216,.40);
  --surface-scrim:rgba(6,15,28,.46);
  --shadow-xs:0 1px 2px rgba(11,27,46,.05);
  --shadow-sm:0 1px 2px rgba(11,27,46,.05),0 1px 3px rgba(11,27,46,.07);
  --shadow-md:0 6px 16px -4px rgba(11,27,46,.12),0 2px 4px -2px rgba(11,27,46,.06);
  --shadow-lg:0 16px 40px -12px rgba(11,27,46,.22),0 4px 10px -4px rgba(11,27,46,.08);
  --shadow-xl:0 28px 72px -16px rgba(11,27,46,.32);
  --shadow-focus:0 0 0 3px var(--focus-ring-color);
  --lateral:248px; --lateral-recolhida:64px; --topo-h:60px; --baixo-h:64px;
  --pag-x:32px; --pag-y:28px; --conteudo-max:1440px;
  color-scheme:light;
}
[data-theme="dark"]{
  color-scheme:dark;
  --accent-subtle:rgba(34,166,224,.15); --accent-subtle-hover:rgba(34,166,224,.24); --accent-fg:var(--aqua-300);
  --surface-brand-subtle:rgba(34,166,224,.14); --surface-brand-muted:rgba(34,166,224,.24);
  --selected-bg:rgba(34,166,224,.16); --selected-fg:var(--aqua-200);
  --focus-ring-color:rgba(87,188,233,.5);
  --ai-bg:rgba(34,166,224,.08); --ai-border:rgba(34,166,224,.32);
  --viz-1:#22A6E0; --viz-2:#E2EAF2; --viz-3:#93D3F1; --viz-4:#9A8CFF;
  --shadow-xs:none; --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 8px 20px -6px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);
  --shadow-lg:0 20px 48px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05);
  --shadow-xl:0 32px 80px -16px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06);
}
/* as poucas regras do ids.css com o verde-agua da Infinity escrito direto */
.inf-kpi--ink .inf-kpi__pattern[data-p="strokes"],.inf-notch--ink .inf-kpi__pattern[data-p="strokes"]{color:rgba(2,146,216,.5)}
[data-theme="dark"] .inf-kpi--tint{background:rgba(2,146,216,.12);border-color:rgba(2,146,216,.26)}
[data-theme="dark"] .inf-kpi--ink,[data-theme="dark"] .inf-notch--ink .inf-notch__bg path{background:#0E2238;border-color:#16304C;fill:#0E2238;stroke:#16304C}
[data-theme="dark"] .inf-notch--tint .inf-notch__bg path{fill:rgba(2,146,216,.12);stroke:rgba(2,146,216,.26)}
[data-theme="dark"] .inf-kpi__pattern,[data-theme="dark"] .inf-notch .inf-kpi__pattern{color:rgba(34,166,224,.22)}

/* ===================================================================== base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0}
body{font:400 14px/1.5 var(--font-sans);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}
:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}
h1,h2,h3{margin:0}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono);font-size:12.5px}
html:not([data-moeda="brl"]) .brl{display:none!important}
html[data-moeda="brl"] .usd{display:none!important}
.inf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ids-balao{position:fixed;z-index:1400;pointer-events:none;display:flex;flex-direction:column;gap:3px;max-width:280px;padding:8px 10px;
  border-radius:var(--radius-md);background:var(--surface-inverse);color:#fff;font:400 12px/1.45 var(--font-sans);box-shadow:var(--shadow-lg)}
.ids-balao[hidden]{display:none}
.ids-balao span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.ids-balao i{width:8px;height:8px;border-radius:2px;flex:none}
[data-theme="dark"] .ids-balao{background:var(--surface-overlay);color:var(--text-primary);border:1px solid var(--border-default)}
.pular{position:absolute;left:12px;top:-60px;z-index:400;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-md)}
.pular:focus{top:12px}
.so-claro{display:block}.so-escuro{display:none!important}
[data-theme="dark"] .so-claro{display:none!important}[data-theme="dark"] .so-escuro{display:block!important}

/* ===================================================================== 4. estrutura */
.lateral{position:fixed;inset:0 auto 0 0;z-index:300;width:var(--lateral);display:flex;flex-direction:column;gap:4px;
  padding:14px 12px 12px;background:var(--surface-1);border-right:1px solid var(--border-default);
  transition:width var(--dur-slow,260ms) var(--ease-emph,cubic-bezier(.3,0,0,1)),transform var(--dur-slow,260ms) var(--ease-emph,cubic-bezier(.3,0,0,1))}
.lat-topo{display:flex;align-items:center;gap:10px;height:40px;margin-bottom:14px;flex:none;padding-left:2px}
/* selo do parceiro: a sigla no quadrado com a cor dele (o "espaco do parceiro") */
.selo{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden;
  font:700 13px/1 var(--font-display);letter-spacing:.02em;color:#fff;text-decoration:none;
  background:linear-gradient(140deg,var(--partner) 0%,var(--partner-ink) 100%);box-shadow:0 6px 14px -6px var(--partner)}
.selo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-52deg,rgba(255,255,255,.14) 0 2px,transparent 2px 7px);
  -webkit-mask-image:linear-gradient(200deg,#000 0,transparent 60%);mask-image:linear-gradient(200deg,#000 0,transparent 60%)}
.selo:hover{text-decoration:none;color:#fff}
.lat-titulo{display:flex;flex-direction:column;min-width:0;white-space:nowrap}
.lat-titulo b{font:700 14px/18px var(--font-display);color:var(--text-strong)}
.lat-titulo span{font:500 11px/14px var(--font-sans);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}
.lat-fechar{margin-left:auto;flex:none;width:28px;height:28px;display:none;place-items:center;padding:0;cursor:pointer;
  border:1px solid var(--border-default);border-radius:7px;background:var(--surface-1);color:var(--text-tertiary)}
.lat-fechar svg{width:16px;height:16px}
.lat-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.lat-grupo{display:flex;flex-direction:column;gap:2px;padding-top:16px}
.lat-grupo:first-child{padding-top:0}
.lat-rotulo{height:24px;display:flex;align-items:center;padding:0 11px;font:600 11px/16px var(--font-sans);letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}
.lat-item{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 11px;border-radius:var(--radius-md);
  font:500 14px/1 var(--font-sans);color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:var(--motion-hover)}
.lat-item svg{flex:none;width:18px;height:18px;color:var(--text-tertiary)}
.lat-item:hover{background:var(--surface-3);color:var(--text-primary);text-decoration:none}
.lat-item.on{background:var(--selected-bg);color:var(--selected-fg);font-weight:600}
.lat-item.on svg{color:var(--accent)}
[data-theme="dark"] .lat-item.on svg{color:var(--aqua-300)}
.lat-item.on::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.lat-item .rot{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.lat-pe{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--border-subtle);flex:none}
.lat-versao{padding:6px 11px 0;font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app{margin-left:var(--lateral);min-width:0;min-height:100vh;display:flex;flex-direction:column}
@media (min-width:1024px){
  .lateral{width:var(--lateral-recolhida);overflow:hidden}
  .lateral.aberta{width:var(--lateral);box-shadow:var(--shadow-xl)}
  .app{margin-left:var(--lateral-recolhida)}
  .lat-rotulo,.lat-item .rot,.lat-versao,.lat-titulo{transition:opacity var(--dur-slow,260ms) var(--ease-emph,cubic-bezier(.3,0,0,1))}
  .lateral:not(.aberta) .lat-rotulo,.lateral:not(.aberta) .lat-item .rot,.lateral:not(.aberta) .lat-versao,.lateral:not(.aberta) .lat-titulo{opacity:0}
  .lateral:not(.aberta) .lat-nav{scrollbar-width:none}
}
.barra-topo{position:sticky;top:0;z-index:200;height:var(--topo-h);display:flex;align-items:center;gap:14px;
  padding:0 var(--pag-x);background:color-mix(in srgb,var(--surface-1) 88%,transparent);border-bottom:1px solid var(--border-default);
  backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px)}
.barra-topo .menu-btn{display:none}
.duo{display:flex;align-items:center;gap:12px;flex:none;text-decoration:none}
.duo:hover{text-decoration:none}
.duo img{display:block;height:24px;width:auto}
.duo .agt{height:28px}
.duo .x{width:1px;height:22px;background:var(--border-strong)}
.busca-topo{position:relative;display:flex;align-items:center;flex:1;max-width:420px;margin:0 0 0 12px}
.busca-topo > svg{position:absolute;left:11px;width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}
.busca-topo input{width:100%;height:36px;padding:0 12px 0 34px;border-radius:var(--radius-md);border:1px solid var(--border-default);
  background:var(--surface-2);font:400 14px/20px var(--font-sans);color:var(--text-primary)}
.busca-topo input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);background:var(--surface-1)}
.eu{display:flex;align-items:center;gap:6px;margin-left:auto}
.icone-btn,.tema{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:0;border-radius:var(--radius-md);
  background:none;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:var(--motion-hover)}
.icone-btn:hover,.tema:hover{background:var(--surface-3);color:var(--text-strong);text-decoration:none}
.icone-btn svg,.tema svg{width:20px;height:20px}
.tema .lua{display:none}
[data-theme="dark"] .tema .sol{display:none}
[data-theme="dark"] .tema .lua{display:block}
.tema-solto{position:fixed;top:14px;right:16px;z-index:30;border:1px solid var(--border-default);background:var(--surface-1)}
.conta{position:relative}
.conta-btn{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;font:inherit;font-size:13px;
  color:var(--text-secondary);padding:4px 6px 4px 10px;margin-left:4px;border-radius:var(--radius-full);transition:var(--motion-hover)}
.conta-btn:hover,.conta.aberta .conta-btn{background:var(--surface-3)}
.conta-btn > svg{width:14px;height:14px;opacity:.7}
.conta-btn b{color:var(--text-strong);font-weight:600}
.conta-menu{display:none;position:absolute;top:100%;right:0;z-index:1000;min-width:248px;padding:6px;margin-top:8px;
  border-radius:var(--radius-lg);background:var(--surface-overlay);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}
.conta.aberta .conta-menu{display:block}
.conta-quem{display:grid;gap:2px;padding:8px 12px 10px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}
.conta-quem b{color:var(--text-strong)}
.conta-quem span{font-size:12px;color:var(--text-tertiary);overflow-wrap:anywhere}
.conta-menu a{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-primary);font-weight:500}
.conta-menu a svg{width:16px;height:16px;color:var(--text-tertiary)}
.conta-menu a:hover{text-decoration:none;background:var(--surface-3);color:var(--text-strong)}
.conta-menu a.sair{color:var(--danger-fg);border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:4px}
.conta-menu a.sair svg{color:var(--danger-fg)}
.lat-fundo{position:fixed;inset:0;z-index:290;background:var(--surface-scrim);opacity:0;pointer-events:none;transition:opacity 260ms}
main{position:relative;flex:1;width:100%;max-width:var(--conteudo-max);margin:0 auto;padding:var(--pag-y) var(--pag-x) 48px}
.rodape{width:100%;max-width:var(--conteudo-max);margin:0 auto;padding:0 var(--pag-x) 28px;color:var(--text-tertiary);font-size:12px;
  display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.nav-baixo{display:none}
@media (max-width:1023px){
  .lateral{transform:translateX(-100%);box-shadow:var(--shadow-xl)}
  .lateral.aberta{transform:none}
  .lateral.aberta ~ .lat-fundo{opacity:1;pointer-events:auto}
  .lat-fechar{display:grid}
  .app{margin-left:0}
  .barra-topo .menu-btn{display:inline-grid}
  .busca-topo{display:none}
}
@media (max-width:767px){
  :root{--pag-x:16px;--pag-y:18px}
  .barra-topo{gap:8px}
  .duo img{height:20px}.duo .agt{height:22px}
  .duo .x,.duo .agt{display:none}
  .conta-btn b,.conta-btn > svg{display:none}
  .conta-btn{padding:2px;margin:0}
  .nav-baixo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:250}
  .app{padding-bottom:var(--baixo-h)}
  .nav-baixo a{text-decoration:none}
}

/* ===================================================================== 5. telas */
.inf-alert{margin-bottom:16px}
.pag-topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:0 0 22px}
.pag-topo h1{font:var(--type-h1);letter-spacing:-.02em;color:var(--text-strong)}
.pag-topo p{margin:4px 0 0;color:var(--text-secondary);max-width:760px}
.sobre-linha{font:var(--type-overline);letter-spacing:var(--tracking-caps,.06em);text-transform:uppercase;color:var(--text-brand);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.sobre-linha a{color:inherit}
.pag-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.status-carga{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface-1);
  border:1px solid var(--border-default);font:500 12px/1 var(--font-sans);color:var(--text-secondary);white-space:nowrap}
.status-carga i{width:8px;height:8px;border-radius:2px;background:var(--success-solid);box-shadow:0 0 0 3px var(--success-bg)}
.status-carga.alerta i{background:var(--warning-solid);box-shadow:0 0 0 3px var(--warning-bg)}
.grade{display:grid;gap:16px}
.g-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-2{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.g-2b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mt{margin-top:16px}
@media (max-width:1200px){.g-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.g-2,.g-2b,.g-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.g-kpis{grid-template-columns:minmax(0,1fr)}}

/* faixa do parceiro (assinatura): cor do parceiro, traco de 52 graus do IDS, logo branca */
.faixa{position:relative;overflow:hidden;border-radius:var(--radius-2xl,20px);padding:26px 28px;margin-bottom:16px;color:#fff;
  background:linear-gradient(115deg,var(--partner-ink) 0%,color-mix(in srgb,var(--partner-ink) 55%,var(--partner)) 52%,var(--partner) 100%)}
.faixa::before{content:"";position:absolute;right:-40px;top:-60px;width:520px;height:340px;pointer-events:none;
  background:repeating-linear-gradient(-52deg,rgba(255,255,255,.10) 0 2px,transparent 2px 12px);
  -webkit-mask-image:radial-gradient(ellipse at 75% 30%,#000 0,transparent 68%);mask-image:radial-gradient(ellipse at 75% 30%,#000 0,transparent 68%)}
.faixa::after{content:"";position:absolute;right:28px;bottom:24px;width:12px;height:12px;border-radius:3px;background:var(--agt-cyan);
  box-shadow:-20px 0 0 rgba(255,255,255,.35),-40px 0 0 rgba(255,255,255,.18)}
.faixa > *{position:relative;z-index:1}
.faixa-topo{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.faixa-topo img{height:26px;width:auto;display:block}
.faixa-topo .x{color:rgba(255,255,255,.5);font:500 14px/1 var(--font-sans)}
.faixa-topo .rot{margin-left:auto;font:600 11px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.faixa-corpo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px}
.faixa h1{font:600 30px/36px var(--font-display);letter-spacing:-.02em;color:#fff}
.faixa p{margin:6px 0 0;color:rgba(255,255,255,.78);max-width:640px}
.faixa-num{text-align:right}
.faixa-num small{display:block;font:600 11px/16px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:4px}
.faixa-num b{font:600 44px/48px var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.faixa-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.faixa-chips span{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font:500 12px/1 var(--font-sans);color:#fff}
.faixa-chips i{width:7px;height:7px;border-radius:2px;background:#5FE0A0}
.faixa-chips .alerta i{background:#F5B54A}
@media (max-width:640px){.faixa{padding:22px 18px}.faixa h1{font-size:24px;line-height:30px}.faixa-num{text-align:left}.faixa-num b{font-size:34px;line-height:38px}.faixa-topo .rot{display:none}}

/* KPI do parceiro (um por linha, como o "brand" do IDS) */
.inf-kpi--parceiro{background:var(--partner-ink);border-color:var(--partner-ink);color:#fff}
.inf-kpi--parceiro .inf-kpi__value{color:#fff}
.inf-kpi--parceiro .inf-kpi__head{color:rgba(255,255,255,.78)}
.inf-kpi--parceiro .inf-kpi__foot{color:rgba(255,255,255,.68)}
.inf-kpi--parceiro .inf-kpi__icon{background:rgba(255,255,255,.14);color:#fff}
.inf-kpi--parceiro .inf-kpi__pattern{color:color-mix(in srgb,var(--partner) 70%,transparent)}
.inf-kpi__value small{font-size:.5em}
.kpi-anel{display:flex;align-items:center;gap:14px}

/* funil por etapa (inf-funnel com a barra proporcional) */
.inf-funnel__row{grid-template-columns:minmax(120px,190px) minmax(0,1fr) auto}
.inf-funnel__label{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf-funnel__label small{display:block;font:500 12px/16px var(--font-sans);color:var(--text-tertiary)}
.inf-funnel__track{height:30px;background:var(--surface-3);overflow:hidden}
.inf-funnel__track > span{background:linear-gradient(90deg,var(--aqua-500),var(--aqua-300));color:#fff;min-width:6px}
.inf-funnel__row:nth-child(n+4) .inf-funnel__track > span{background:linear-gradient(90deg,var(--ocean-500),var(--ocean-300))}
.inf-funnel__row a{color:inherit}
.inf-funnel__val{min-width:84px}
@media (max-width:620px){.inf-funnel__row{grid-template-columns:minmax(0,1fr) auto}.inf-funnel__track{grid-column:1/-1;order:3}}

/* barras de fonte com a cor da serie */
.inf-srcbars__row>i{width:4px}
.barra-fina{height:6px;border-radius:3px;background:var(--surface-3);margin-top:6px;overflow:hidden}
.barra-fina span{display:block;height:100%;border-radius:3px}
.inf-leader__val small{display:block;font:500 11px/14px var(--font-sans);color:var(--text-tertiary);text-align:right}
.rosca-linha{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rosca-leg{flex:1;min-width:160px;display:flex;flex-direction:column;gap:10px}
.rosca-leg div{display:flex;align-items:center;gap:8px;font:500 13px/18px var(--font-sans);color:var(--text-primary)}
.rosca-leg i{width:10px;height:10px;border-radius:3px;flex:none}
.rosca-leg b{margin-left:auto;color:var(--text-strong);font-variant-numeric:tabular-nums}
.vazio{padding:22px 8px;text-align:center;color:var(--text-tertiary);font-size:13px}
.inf-list__item a{color:inherit}
.data-ic{width:40px;height:40px;flex:none;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--accent-subtle);color:var(--accent-fg);font:700 15px/1 var(--font-display)}
.data-ic small{font:600 9.5px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.data-ic.atrasada{background:var(--danger-bg);color:var(--danger-fg)}
.inf-tl__mark svg{width:15px;height:15px}
.inf-tl__time a{color:var(--text-tertiary)}
.val-dupla{display:flex;flex-direction:column;align-items:flex-end;font:600 13px/18px var(--font-sans);color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap}
.val-dupla small{font:500 11.5px/16px var(--font-sans);color:var(--text-tertiary)}
.legenda-grafico{display:flex;gap:14px;margin-top:10px}
.card-link{font:600 13px/18px var(--font-sans);display:inline-flex;align-items:center;gap:4px}
.card-link svg{width:14px;height:14px}

/* pipeline */
.inf-board{gap:12px;padding-bottom:12px;scroll-snap-type:x proximity}
.inf-col{flex:0 0 288px;scroll-snap-align:start}
.inf-col__total{font-size:12.5px}
.inf-col--ganha{background:color-mix(in srgb,var(--success-bg) 70%,var(--surface-sunken));border-color:var(--success-border)}
.col-barra{height:4px;border-radius:2px;background:var(--surface-3);margin:0 6px 4px;overflow:hidden}
.col-barra span{display:block;height:100%;background:var(--accent);border-radius:2px}
.inf-col--ganha .col-barra span{background:var(--success-solid)}
a.inf-kcard{color:inherit;text-decoration:none;cursor:pointer}
a.inf-kcard:hover{text-decoration:none}
.inf-kcard__prods{font:500 11.5px/16px var(--font-mono);color:var(--text-brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inf-kcard__foot{justify-content:space-between}
.inf-kcard__foot .quem{display:inline-flex;align-items:center;gap:6px;min-width:0}
.inf-kcard__foot .atrasada{color:var(--danger-fg);font-weight:600}

/* tabelas */
.inf-table-card__head{justify-content:space-between}
.inf-table-card__head .tot{font:500 13px/18px var(--font-sans);color:var(--text-secondary)}
.inf-table-card__head .tot b{color:var(--text-strong);font-weight:700}
.inf-table td{height:58px}
.inf-table td .inf-cell-strong a{color:var(--text-strong)}
.cel-cli{display:flex;align-items:center;gap:10px;min-width:220px}
.cel-cli > span:last-child{min-width:0}
.cel-prods{max-width:220px;font:500 11.5px/16px var(--font-mono);color:var(--text-brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-etapas{display:flex;gap:2px;margin-top:6px}
.mini-etapas i{width:12px;height:4px;border-radius:2px;background:var(--surface-3)}
.mini-etapas i.on{background:var(--accent)}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-2)}
.filtros .inf-field{min-width:130px}
.filtros .busca{flex:1;min-width:220px}
.filtros .inf-field__label{font:600 11px/16px var(--font-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}
.inf-control--select{position:relative}
.inf-control--select select{width:100%}
.inf-pager{padding:2px 0}

/* oportunidade */
.op-topo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.op-topo h1{font:var(--type-h1);letter-spacing:-.02em;color:var(--text-strong)}
.op-topo p{margin:2px 0 0;color:var(--text-secondary)}
.op-topo .lado{margin-left:auto;display:flex;align-items:center;gap:10px}
.op-valor{display:flex;flex-direction:column;align-items:flex-end}
.op-valor small{font:600 11px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.op-valor b{font:600 30px/34px var(--font-display);letter-spacing:-.02em;color:var(--text-strong);font-variant-numeric:tabular-nums}
.inf-stagebar{overflow-x:auto;padding:4px 2px 2px}
.fatos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
.fatos > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.fatos .inf-deal__v{overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.fatos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nota{font:400 12.5px/18px var(--font-sans);color:var(--text-tertiary);margin:12px 0 0}

/* tela de entrada: painel do parceiro + formulario */
.entrada{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.entrada-marca{position:relative;overflow:hidden;color:#fff;padding:44px clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(150deg,var(--partner-ink) 0%,color-mix(in srgb,var(--partner-ink) 50%,var(--partner)) 55%,var(--partner) 100%)}
.entrada-marca::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-52deg,rgba(255,255,255,.07) 0 2px,transparent 2px 14px);
  -webkit-mask-image:radial-gradient(ellipse at 80% 20%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 80% 20%,#000 0,transparent 70%)}
.entrada-marca > *{position:relative}
.entrada-logos{display:flex;align-items:center;gap:16px}
.entrada-logos img{height:32px;width:auto;display:block}
.entrada-logos .x{width:1px;height:28px;background:rgba(255,255,255,.35)}
.entrada-marca h2{font:600 clamp(28px,3.2vw,40px)/1.15 var(--font-display);letter-spacing:-.02em;margin:0 0 12px;max-width:520px}
.entrada-marca p{color:rgba(255,255,255,.78);max-width:480px;margin:0}
.entrada-itens{display:grid;gap:12px;margin-top:26px;max-width:460px}
.entrada-itens div{display:flex;gap:12px;align-items:flex-start;font:500 14px/20px var(--font-sans);color:rgba(255,255,255,.88)}
.entrada-itens svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--agt-cyan)}
.entrada-pe{font:500 12px/16px var(--font-sans);color:rgba(255,255,255,.6)}
.entrada-form{display:grid;place-items:center;padding:40px 20px;background:var(--bg-app)}
.entrada-caixa{width:100%;max-width:400px}
.entrada-caixa.largo{max-width:480px}
.entrada-caixa h1{font:var(--type-h2);color:var(--text-strong);margin:0 0 6px}
.entrada-caixa > p{color:var(--text-secondary);margin:0 0 22px}
.entrada-caixa .inf-field{margin-bottom:14px}
.entrada-caixa .ajuda{margin-top:16px;font-size:13px;color:var(--text-tertiary);text-align:center}
.codigo-6 .inf-control__input{font:600 22px/1 var(--font-mono);letter-spacing:.3em;text-align:center}
.confiar{display:flex;align-items:center;gap:8px;font:500 13px/18px var(--font-sans);color:var(--text-primary);margin:2px 0 16px}
.sem-celular{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-secondary)}
.sem-celular button{background:none;border:0;padding:0;color:var(--text-link);font:inherit;font-weight:600;cursor:pointer}
.passos{margin:0 0 14px;padding-left:20px;color:var(--text-secondary)}
.passos li{margin-bottom:6px}
.qr{display:flex;justify-content:center;margin:6px 0 10px}
.qr svg{border-radius:12px;border:1px solid var(--border-default)}
.segredo{text-align:center;font:500 12px/18px var(--font-mono);color:var(--text-tertiary);margin:0 0 16px;word-break:break-all}
.codigos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0;font:600 15px/1 var(--font-mono);color:var(--text-strong)}
.codigos div{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:10px;text-align:center}
@media (max-width:900px){.entrada{grid-template-columns:minmax(0,1fr)}.entrada-marca{padding:28px 20px}.entrada-itens,.entrada-pe{display:none}.entrada-marca h2{font-size:24px}}

/* conta, admin, sobre */
.form-pilha .inf-field{margin-bottom:14px}
.form-linha{display:grid;grid-template-columns:1.2fr 1.4fr 1fr .9fr auto;gap:12px;align-items:end}
@media (max-width:1000px){.form-linha{grid-template-columns:minmax(0,1fr)}}
.acoes{display:flex;flex-wrap:wrap;gap:6px}
.acoes form{margin:0}
.senha-nova{font:600 17px/1 var(--font-mono);color:var(--text-strong);background:var(--surface-1);padding:4px 10px;border-radius:6px;user-select:all}
.prosa{max-width:860px}
.prosa h2{font:var(--type-h3);color:var(--text-strong);margin:24px 0 8px}
.prosa h2:first-child{margin-top:0}
.prosa p,.prosa li{color:var(--text-secondary);line-height:1.6}
.prosa ol,.prosa ul{padding-left:20px}
.prosa b{color:var(--text-strong)}
.erro-caixa{max-width:460px;margin:60px auto}
@media print{.lateral,.barra-topo,.nav-baixo,.lat-fundo,.rodape,.filtros{display:none!important}.app{margin:0}}
.inf-notch--parceiro{color:#fff}
.inf-notch--parceiro .inf-notch__bg path{fill:var(--partner-ink);stroke:var(--partner-ink)}
.inf-notch--parceiro .inf-kpi__pattern{color:color-mix(in srgb,var(--partner) 70%,transparent)}
.inf-notch--parceiro .inf-kpi__value{color:#fff}
.inf-notch--parceiro .inf-kpi__head{color:rgba(255,255,255,.78)}
.inf-notch--parceiro .inf-kpi__foot{color:rgba(255,255,255,.68)}
.inf-notch--parceiro .inf-kpi__icon{background:rgba(255,255,255,.14);color:#fff}
.busca-tabela{margin:0;min-width:220px}
.inf-list__meta .inf-tag{margin-top:2px}
.inf-control__input:focus-visible,.inf-control select:focus-visible{box-shadow:none;outline:none}
/* quadro do funil (09/11/2026): barra de rolagem lateral visivel, arrastar para os lados,
   e no computador o quadro cabe na janela (cada coluna rola por dentro), entao a barra fica sempre a vista */
.quadro{cursor:grab;scrollbar-width:auto;scrollbar-color:var(--border-strong) var(--surface-3);padding-bottom:10px;overscroll-behavior-x:contain}
.quadro.arrastando{cursor:grabbing;user-select:none;scroll-snap-type:none}
.quadro.arrastando .inf-kcard{pointer-events:none}
.quadro::-webkit-scrollbar{height:12px}
.quadro::-webkit-scrollbar-track{background:var(--surface-3);border-radius:999px}
.quadro::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--surface-3)}
.quadro::-webkit-scrollbar-thumb:hover{background:var(--accent)}
.quadro:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-lg)}
@media (min-width:768px){
  .quadro{height:calc(100vh - var(--topo-h) - 190px);min-height:440px;align-items:stretch}
  .quadro .inf-col{max-height:100%;min-height:0}
  .quadro .inf-col__cards{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:2px}
}
/* instancia de demonstracao */
.demo-fita{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;margin-right:6px;white-space:nowrap;
  font:700 11px/1 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--warning-fg);background:var(--warning-bg);
  box-shadow:inset 0 0 0 1px var(--warning-border)}
.entrada-pe .demo-fita{color:#fff;background:rgba(232,147,12,.85);box-shadow:none;margin-right:10px}
@media (max-width:767px){.barra-topo .demo-fita{font-size:9.5px;padding:0 7px;height:22px}}

/* ===================================================================== interacoes e mensagens (2026-11-09) */
.vivas .inf-card__body{padding-top:8px}
.viva-lista{display:flex;flex-direction:column}
.viva{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(150px,.75fr) minmax(170px,.85fr) minmax(280px,2.2fr) auto;
  gap:14px 18px;align-items:start;padding:16px 0;border-top:1px solid var(--border-subtle)}
.viva:first-child{border-top:0}
.viva-cli,.viva-quem{display:flex;gap:10px;align-items:flex-start;min-width:0}
.viva-cli > div,.viva-quem > div{min-width:0;display:flex;flex-direction:column}
.viva-nome{font:700 15px/20px var(--font-sans);color:var(--text-strong)}
.viva-cli span,.viva-quem span{font:400 12.5px/17px var(--font-sans);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis}
.viva-quem b{font:600 13.5px/18px var(--font-sans);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viva-etapa{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.viva-etapa .val{font:700 14px/18px var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums}
.viva-rot{font:600 10.5px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;display:block}
.viva-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.viva-hist li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px}
.viva-hist .ic{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-secondary)}
.viva-hist .ic svg{width:13px;height:13px}
.viva-hist li:first-child .ic{background:var(--accent-subtle);color:var(--accent-fg)}
.viva-hist .quando{font:600 12px/16px var(--font-sans);color:var(--text-secondary)}
.viva-hist .quando small{font-weight:400;color:var(--text-tertiary)}
.viva-acoes{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.int-titulo{margin:2px 0 0;font:600 13px/18px var(--font-sans);color:var(--text-strong)}
.int-texto{margin:2px 0 0;font:400 13px/19px var(--font-sans);color:var(--text-primary);white-space:pre-line;overflow-wrap:anywhere}
.viva-hist .int-texto{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.int-interna{color:var(--text-tertiary);font-style:italic}
.int-prox{margin:4px 0 0;font:400 12.5px/17px var(--font-sans);color:var(--text-secondary)}
.int-prox b{color:var(--text-strong);font-weight:600}
@media (max-width:1280px){.viva{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.9fr)}.viva-hist{grid-column:1/-1}.viva-acoes{grid-column:1/-1;flex-direction:row}}
@media (max-width:640px){.viva{grid-template-columns:minmax(0,1fr)}.viva-acoes .inf-btn{flex:1}}
/* feed de atividade */
.feed-dia{font:600 11px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:14px 0 6px}
.feed-dia:first-child{padding-top:0}
.feed-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:12px 0;border-top:1px solid var(--border-subtle)}
.feed-item .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-secondary)}
.feed-item .ic svg{width:16px;height:16px}
.feed-topo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:500 13px/18px var(--font-sans);color:var(--text-secondary)}
.feed-topo .cli{font:700 14px/20px var(--font-sans);color:var(--text-strong)}
.feed-topo .quem{display:inline-flex;align-items:center;gap:6px}
.feed-lado{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
@media (max-width:640px){.feed-item{grid-template-columns:34px minmax(0,1fr)}.feed-lado{grid-column:2;align-items:flex-start;flex-direction:row}}
/* porta: mensagem para a AGT */
.porta{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:start}
@media (max-width:980px){.porta{grid-template-columns:minmax(0,1fr)}}
.porta textarea{min-height:180px}
.temas{display:grid;gap:8px;margin-bottom:16px}
.tema-op{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;
  font:500 13.5px/18px var(--font-sans);color:var(--text-primary);background:var(--surface-1)}
.tema-op:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-subtle)}
.tema-op input{accent-color:var(--accent)}
.porta-faixa{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-lg);margin-bottom:16px;color:#fff;
  background:linear-gradient(115deg,var(--partner-ink),var(--partner))}
.porta-faixa svg{width:22px;height:22px;flex:none;margin-top:2px}
.porta-faixa b{display:block;font:700 15px/20px var(--font-sans)}
.porta-faixa span{font:400 13px/18px var(--font-sans);color:rgba(255,255,255,.82)}
.msg{padding:16px 0;border-top:1px solid var(--border-subtle)}
.msg:first-child{border-top:0;padding-top:0}
.msg-topo{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font:500 12.5px/18px var(--font-sans);color:var(--text-tertiary)}
.msg-topo b{color:var(--text-strong);font-size:14px}
.msg-corpo{margin:8px 0 0;white-space:pre-line;color:var(--text-primary);overflow-wrap:anywhere}
.msg-oferta{margin:8px 0 0;padding:8px 12px;border-radius:var(--radius-md);background:var(--success-bg);color:var(--success-fg);font:600 13px/18px var(--font-sans)}
.msg-resposta{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:13px}
.msg-tratar{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.msg-tratar .inf-control{flex:1;min-width:220px}
.lat-item .contagem{margin-left:auto}

/* abas do painel (2026-11-09) */
.painel-abas{margin:0 0 16px;width:max-content;max-width:100%;overflow-x:auto}
.painel-abas .inf-tab svg{width:16px;height:16px}
.aba-painel[hidden]{display:none}

/* interacao estruturada (2026-11-09) */
.int-etq{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 2px}
.int-prods{font:500 11.5px/16px var(--font-mono);color:var(--text-brand)}
.objecoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px;margin-bottom:12px;border-radius:var(--radius-lg);
  background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-fg);font:500 13px/18px var(--font-sans)}
.objecoes > svg{width:18px;height:18px}
.objecoes a.inf-tag:hover{text-decoration:none;filter:brightness(.95)}
.objecoes .card-link{margin-left:auto}