.fx-fd {
  --fd-bg:#ffffff;--fd-fundo:#f7f8fa;--fd-cartao:#ffffff;--fd-linha:#e9edef;--fd-linha-forte:#d1d7db;--fd-tinta:#111b21;--fd-suave:#667781;--fd-apagado:#8696a0;--fd-campo:#f0f2f5;--fd-marca-a:#FA0069;--fd-marca-b:#FF4400;--fd-marca-tinta:#d1005a;--fd-marca-fundo:#fff0f6;--fd-ok:#008069;--fd-ok-fundo:#e7f8f1;--fd-perigo:#d92d4f;--fd-perigo-fundo:#fdecef;--fd-alerta-fundo:#fff6e5;--fd-alerta-tinta:#8a5a00;--fd-sombra:0 1px 2px rgba(11,20,26,.06),0 2px 8px rgba(11,20,26,.06);--fd-gradiente:linear-gradient(100deg,var(--fd-marca-a),var(--fd-marca-b));--fd-curva:cubic-bezier(.2,0,0,1);
  position:absolute;inset:0;display:flex;flex-direction:column;background:var(--fd-fundo);color:var(--fd-tinta);font:14px/1.45 "Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;border-left:1px solid var(--fd-linha);transition:background-color .4s,color .4s,border-color .4s;
}
.fx-fd.escuro{--fd-bg:#111b21;--fd-fundo:#0b141a;--fd-cartao:#1a252c;--fd-linha:#222e35;--fd-linha-forte:#2f3d45;--fd-tinta:#e9edef;--fd-suave:#aebac1;--fd-apagado:#8696a0;--fd-campo:#202c33;--fd-marca-tinta:#ff5c9a;--fd-marca-fundo:rgba(250,0,105,.14);--fd-ok:#21c063;--fd-ok-fundo:rgba(33,192,99,.12);--fd-perigo:#f15c6d;--fd-perigo-fundo:rgba(241,92,109,.12);--fd-alerta-fundo:rgba(255,176,32,.12);--fd-alerta-tinta:#ffc35c;--fd-sombra:0 1px 2px rgba(0,0,0,.3)}
.fx-fd *,.fx-fd *::before,.fx-fd *::after{box-sizing:border-box}
.fx-fd button{font:inherit;color:inherit;background:none;border:0;padding:0}
.fx-fd svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.fx-fd-topo{height:59px;flex:none;display:flex;align-items:center;gap:6px;padding:0 10px 0 14px;background:var(--fd-bg);border-bottom:1px solid var(--fd-linha);transition:background-color .4s,border-color .4s}
.fx-fd-logo{height:18px;width:auto;display:block;margin-right:auto}
.fx-fd-vendedor{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 4px;border-radius:17px;background:var(--fd-campo)!important;font-size:13px!important;font-weight:600!important;max-width:150px}
.fx-fd-ini{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--fd-gradiente)}
.fx-fd-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--fd-suave)!important}
.fx-fd-corpo{flex:1 1 auto;min-height:0;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}
.fx-fd-cartao{background:var(--fd-cartao);border-radius:12px;box-shadow:var(--fd-sombra);padding:14px;transition:background-color .4s}
.fx-fd-pessoa{display:flex;gap:12px;align-items:center}
.fx-fd-avatar{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--fd-marca-tinta);background:var(--fd-marca-fundo)}
.fx-fd-pessoa-main{min-width:0;flex:1}
.fx-fd-nome{font-size:16px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-fd-tel{font-size:13px;color:var(--fd-suave);font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}
.fx-fd-selo{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:11px;font-size:11.5px;font-weight:600;white-space:nowrap}
.fx-fd-selo i{width:6px;height:6px;border-radius:50%;background:currentColor}
.fx-fd-selo.ok{background:var(--fd-ok-fundo);color:var(--fd-ok)}
.fx-fd-selo.novo{background:var(--fd-marca-fundo);color:var(--fd-marca-tinta)}
.fx-fd-campos{margin-top:12px;border-top:1px solid var(--fd-linha);padding-top:4px}
.fx-fd-campo-linha{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:8px;min-height:36px;padding:0 6px;margin:0 -6px;border-radius:8px}
.fx-fd-campo-linha .k{font-size:12.5px;color:var(--fd-suave)}
.fx-fd-campo-linha .v{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-fd-op-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.fx-fd-op-titulo{font-size:13px;color:var(--fd-suave)}
.fx-fd-op-titulo b{color:var(--fd-tinta);font-weight:600}
.fx-fd-trilha{list-style:none;margin:0;padding:0;position:relative}
.fx-fd-etapa{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 8px 0 4px;border-radius:9px;font-size:13.5px;color:var(--fd-suave);white-space:nowrap}
.fx-fd-etapa::before{content:"";position:absolute;left:14px;top:-10px;height:20px;width:2px;background:var(--fd-linha-forte)}
.fx-fd-etapa:first-child::before{display:none}
.fx-fd-bola{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--fd-cartao);box-shadow:inset 0 0 0 2px var(--fd-linha-forte)}
.fx-fd-bola svg{width:13px;height:13px;stroke-width:2.5}
.fx-fd-etapa.feita{color:var(--fd-tinta)}
.fx-fd-etapa.feita .fx-fd-bola{background:var(--fd-tinta);box-shadow:none;color:var(--fd-cartao)}
.fx-fd-etapa.feita::before,.fx-fd-etapa.atual::before{background:var(--fd-tinta)}
.fx-fd-etapa.atual{color:var(--fd-tinta);font-weight:600;background:var(--fd-marca-fundo)}
.fx-fd-etapa.atual .fx-fd-bola{background:var(--fd-gradiente);box-shadow:0 0 0 3px var(--fd-marca-fundo)}
.fx-fd-etapa.atual .fx-fd-bola::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.fx-fd-tag{margin-left:auto;font-size:11px;font-weight:600;color:var(--fd-ok)}
.fx-fd-confirma{margin:4px 0 6px 32px;padding:8px 12px;border-radius:10px;background:var(--fd-campo);font-size:13px;white-space:normal}
.fx-fd-confirm-actions{display:flex;gap:8px;margin:0 0 6px 32px}
.fx-fd-op-pe{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--fd-linha);align-items:center}
.fx-fd-valor{flex:1;display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:9px;background:var(--fd-campo);font-variant-numeric:tabular-nums;font-weight:600;font-size:14px}
.fx-fd-valor small{font-weight:400;color:var(--fd-apagado);font-size:12px}
.fx-fd-btn{height:36px;padding:0 14px!important;border-radius:9px!important;font-weight:600!important;font-size:13.5px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.fx-fd-btn.prim{background:var(--fd-gradiente)!important;color:#fff!important;box-shadow:0 1px 2px rgba(250,0,105,.25),0 4px 12px rgba(255,68,0,.18)}
.fx-fd-btn.sec{background:var(--fd-campo)!important;color:var(--fd-tinta)!important}
.fx-fd-btn.ganhou{background:var(--fd-ok-fundo)!important;color:var(--fd-ok)!important}
.fx-fd-btn.perdeu{background:var(--fd-perigo-fundo)!important;color:var(--fd-perigo)!important}
.fx-fd-btn.cheio{width:100%;height:42px;font-size:14.5px!important;border-radius:11px!important}
.fx-fd-btn.mini{height:30px;padding:0 11px!important;font-size:12.5px!important;border-radius:8px!important}
.fx-fd-form{display:flex;flex-direction:column;gap:12px}
.fx-fd-fld label{display:block;font-size:12px;color:var(--fd-suave);margin:0 0 5px}
.fx-fd-in{width:100%;height:40px;padding:0 12px;border-radius:9px;border:0;background:var(--fd-campo);color:var(--fd-tinta);font:inherit;font-size:14px;outline:none}
.fx-fd-sel{position:relative}
.fx-fd-sel::after{content:"";position:absolute;right:13px;top:15px;width:7px;height:7px;border-right:1.75px solid var(--fd-suave);border-bottom:1.75px solid var(--fd-suave);transform:rotate(45deg)}
.fx-fd-chips{display:flex;flex-wrap:wrap;gap:6px}
.fx-fd-chip{height:30px;padding:0 11px!important;border-radius:15px!important;font-size:12.5px!important;background:var(--fd-campo)!important;color:var(--fd-suave)!important}
.fx-fd-chip.on{background:var(--fd-marca-fundo)!important;color:var(--fd-marca-tinta)!important;font-weight:600!important;box-shadow:inset 0 0 0 1.5px var(--fd-marca-a)}
.fx-fd-link{color:var(--fd-marca-tinta)!important;font-size:13px!important;font-weight:600!important;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}
.fx-fd-link svg{width:15px;height:15px}
.fx-fd-hint{margin:2px 6px;font-size:12px;color:var(--fd-apagado);text-align:center}
.fx-fd-nota{flex:none;padding:8px 10px 10px;background:var(--fd-bg);border-top:1px solid var(--fd-linha)}
.fx-fd-nota-caixa{display:flex;align-items:flex-end;gap:6px;background:var(--fd-campo);border-radius:12px;padding:4px 4px 4px 12px;min-height:42px}
.fx-fd-nota-text{flex:1;color:var(--fd-tinta);font-size:14px;padding:7px 0;line-height:1.4;min-width:0}
.fx-fd-nota-text.vazio{color:var(--fd-apagado)}
.fx-fd-enviar{width:34px;height:34px;border-radius:9px!important;display:grid;place-items:center;color:#fff!important;background:var(--fd-gradiente)!important}
.fx-fd-enviar.off{background:var(--fd-linha-forte)!important;color:var(--fd-apagado)!important}
.fx-fd-toast{position:absolute;left:12px;right:12px;bottom:76px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:#111b21;color:#fff;font-size:13px;box-shadow:0 6px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.fx-fd-toast.on{opacity:1;transform:translateY(0)}
.fx-fd.escuro .fx-fd-toast{background:#e9edef;color:#111b21}
.fx-fd-toast svg{color:#21c063}
.fx-fd-esq{border-radius:7px;background:var(--fd-campo)}
.fx-fd-esq.pulse{animation:fx-fd-pulse 1.2s ease-in-out infinite}
@keyframes fx-fd-pulse{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.fx-fd,.fx-fd *{animation:none!important;transition:none!important}}
