/* ================================================================
   vendedor-carteira.css — "Minha carteira" (visão geral da área VENDEDOR)
   ----------------------------------------------------------------
   Visual do protótipo "portal-biomedical-prototipo" (30/09/2026) sobre os
   tokens do Layout v3 (--bm3-*, portal-v3.css). Tudo com prefixo `vc-`:
   o portal já tem .btn, .chip, .pill, .grid… e uma colisão aqui mudaria
   outras 130 páginas. Larguras de barra vão por variável (--w), nunca por
   style="width": o portal-motion.js trata width inline como barra de
   progresso e aplica o efeito dele por cima.
   ================================================================ */

.vc { --vc-ease: var(--bm3-ease-out, cubic-bezier(.22,1,.36,1)); display: flex; flex-direction: column; gap: 18px; padding: 4px 0 40px;
  color: var(--bm3-ink, #0B1B30); font-family: var(--bm3-font-text, 'Manrope', system-ui, sans-serif); }
.vc h2, .vc h3, .vc-dr h2 { font-family: var(--bm3-font-display, 'Outfit', system-ui, sans-serif); margin: 0; letter-spacing: -.02em; color: var(--bm3-ink, #0B1B30); }
.vc p, .vc-dr p { margin: 0; }
/* reset com peso ZERO (:where) — senão ele vence o .vc-btn e o botão perde padding e tamanho */
.vc :where(button), .vc-dr :where(button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.vc a, .vc-dr a { text-decoration: none; }
.vc-ic { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.vc-ic--sm { width: 16px; height: 16px; }
.vc-ic--lg { width: 24px; height: 24px; }
.vc .mono, .vc-dr .mono { font-family: var(--bm3-font-mono, monospace); font-size: 12px; }
#vb-banner:empty { display: none !important; }

/* ── hero: saudação + "Vendo como" (no .area-header do portal) ── */
body.dept.dshell .area-header p b { color: #fff; font-weight: 700; }

.vc-as { margin-left: auto; flex: 0 0 auto; }
.area-header .vc-as .vb-who {
  height: 40px; padding: 0 12px; gap: 8px; border-radius: 12px; font-size: 13.5px; font-weight: 600;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); color: #fff;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color .2s;
}
.area-header .vc-as .vb-who:hover { background: rgba(255,255,255,.16); }
.area-header .vc-as .vb-who::before { content: 'Vendo como'; font-weight: 600; opacity: .8; white-space: nowrap; }
.area-header .vc-as .vb-who svg { color: rgba(255,255,255,.8); }
.area-header .vc-as .vb-who--auto { background: rgba(61,220,132,.14); border-color: rgba(61,220,132,.42); }
.area-header .vc-as .vb-who--geral::before { content: none; }
.area-header .vc-as .vb-who select { color: #fff; font-size: 13.5px; font-weight: 800; max-width: 230px; }
.area-header .vc-as .vb-who select option { color: #0B1B30; background: #fff; }

/* ── botões e peças ── */
.vc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 12px;
  font-weight: 700 !important; font-size: 14px; white-space: nowrap; transition: transform .18s var(--vc-ease), background-color .2s, box-shadow .25s, color .2s, border-color .2s; }
.vc-btn:active { transform: scale(.97); }
.vc-btn--primary { background: var(--bm3-blue-600, #1A66D2) !important; color: #fff !important; box-shadow: 0 8px 20px -10px rgba(26,102,210,.8); }
.vc-btn--primary:hover { background: var(--bm3-blue-700, #1554B0) !important; box-shadow: 0 12px 26px -10px rgba(26,102,210,.9); }
.vc-btn--ghost { border: 1px solid var(--bm3-line-2, #D3DCE9) !important; background: #fff !important; color: var(--bm3-ink-2, #3A4A60) !important; }
.vc-btn--ghost:hover { border-color: var(--bm3-blue-300, #8DBBF5) !important; color: var(--bm3-blue-700, #1554B0) !important; background: var(--bm3-blue-50, #EEF4FE) !important; }
.vc-btn--sm { height: 34px; padding: 0 12px; font-size: 13px; border-radius: 10px; }
.vc-btn .vc-ic { transition: transform .3s var(--vc-ease); }
.vc-btn:hover .vc-ic--go { transform: translateX(3px); }
.vc-iconbtn { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--bm3-line, #E3E9F2) !important;
  color: var(--bm3-ink-2, #3A4A60); background: #fff; transition: background-color .2s, color .2s, transform .18s; }
.vc-iconbtn:hover { background: var(--bm3-surface-2, #F7F9FC); color: var(--bm3-ink, #0B1B30); }
.vc-iconbtn:active { transform: scale(.94); }
.vc-dr__head .vc-iconbtn { width: 40px; height: 40px; border-color: transparent !important; }
.vc-linkbtn { font-size: 12.5px; font-weight: 700; color: var(--bm3-blue-600, #1A66D2) !important; padding: 2px 4px !important; border-radius: 6px; }
.vc-linkbtn:hover { text-decoration: underline; text-underline-offset: 3px; }
.vc-pill { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.vc-pill--f-qualif { background: var(--bm3-violet-100, #EEE8FD); color: var(--bm3-violet-600, #5A3BC4); }
.vc-pill--f-proposta { background: var(--bm3-blue-100, #E1EDFD); color: var(--bm3-blue-700, #1554B0); }
.vc-pill--f-negoc { background: var(--bm3-amber-100, #FEF1DA); color: var(--bm3-amber-800, #8A4B00); }
.vc-pill--f-faturar { background: var(--bm3-green-100, #DDF5E7); color: var(--bm3-green-700, #0F7A43); }
.vc-pill--f-outra { background: var(--bm3-surface-2, #F7F9FC); color: var(--bm3-muted, #56657A); border: 1px solid var(--bm3-line, #E3E9F2); }
.vc-tint { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px; }
.vc-tint--blue { background: var(--bm3-blue-100, #E1EDFD); color: var(--bm3-blue-700, #1554B0); }
.vc-tint--green { background: var(--bm3-green-100, #DDF5E7); color: var(--bm3-green-700, #0F7A43); }
.vc-tint--orange { background: var(--bm3-amber-100, #FEF1DA); color: var(--bm3-amber-800, #8A4B00); }
.vc-tint--violet { background: var(--bm3-violet-100, #EEE8FD); color: var(--bm3-violet-600, #5A3BC4); }
.vc-tint--red { background: var(--bm3-red-100, #FDE7E7); color: var(--bm3-red-700, #A82424); }
.vc-note { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px !important; font-size: 13px; color: var(--bm3-muted, #56657A); line-height: 1.45; }
.vc-note .vc-ic { margin-top: 1px; }
.vc-note--in { margin-top: 8px !important; }

/* ── painel da meta ── */
.vc-pulse { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: auto minmax(0,1fr) 250px; gap: 28px; align-items: center;
  padding: 26px 28px; border-radius: 26px; color: #fff; box-shadow: var(--bm3-shadow-2);
  background: radial-gradient(500px 260px at 100% 0%, rgba(47,127,230,.45), transparent 70%), linear-gradient(135deg, #0A2447, #0E3263 55%, #13407D); }
.vc-pulse::after { content: ""; position: absolute; z-index: -1; right: -80px; bottom: -120px; width: 320px; height: 320px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); }
.vc-pulse--erro { grid-template-columns: 1fr; }
.vc-pulse--erro a { color: #FFD08A; text-decoration: underline; text-underline-offset: 3px; }
.vc-pulse__ring { position: relative; width: 132px; height: 132px; }
.vc-pulse__ring svg { width: 132px; height: 132px; transform: rotate(-90deg); display: block; }
.vc-pulse__ring circle { fill: none; stroke-width: 11; }
.vc-pulse__ring .trk { stroke: rgba(255,255,255,.14); }
.vc-pulse__ring .val { stroke: url(#vc-ring-g); stroke-linecap: round; transition: stroke-dashoffset 1.6s var(--vc-ease) .2s; }
.vc-pulse__ringtxt { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.vc-pulse__ringtxt b { font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: 28px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; }
.vc-pulse__ringtxt small { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.vc-pulse__eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.72); display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.vc-tag-ex { font-size: 10.5px; letter-spacing: .06em; padding: 3px 8px; border-radius: 999px; background: rgba(244,166,42,.18); color: #FFD08A; border: 1px solid rgba(244,166,42,.35); cursor: help; }
.vc-pulse__frase { margin-top: 8px !important; font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: clamp(18px, 1.7vw, 23px); line-height: 1.35; letter-spacing: -.01em; color: rgba(255,255,255,.92); max-width: 62ch; }
.vc-pulse__frase b { color: #fff; font-weight: 600; }
.vc-meter { position: relative; margin-top: 22px; padding-top: 4px; }
.vc-meter__bar { display: flex; gap: 2px; height: 18px; border-radius: 9px; background: rgba(255,255,255,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.25); overflow: hidden; }
.vc-seg { display: block; flex: none; width: var(--w, 0); height: 100%; transform-origin: left; animation: vc-grow 1.2s var(--vc-ease) both; cursor: default; }
.vc-seg:first-child { border-radius: 9px 0 0 9px; }
.vc-seg--fat { background: linear-gradient(180deg, #9CC8FF, #5B9CF0 45%, #2F7FE6); }
.vc-seg--ped { background: linear-gradient(180deg, #8FD8F5, #58B7F0 50%, #3A9FE0); animation-delay: .15s; }
.vc-seg--af { background: repeating-linear-gradient(135deg, rgba(143,230,241,.75) 0 3px, rgba(143,230,241,.25) 3px 7px); animation-delay: .3s; }
@keyframes vc-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.vc-meter__meta { position: absolute; top: -6px; bottom: -6px; width: 0; pointer-events: none; }
.vc-meter__meta i { position: absolute; left: -1.5px; top: 0; bottom: 0; width: 3px; border-radius: 2px; background: #FFD08A; box-shadow: 0 0 0 2px rgba(10,36,71,.6); }
.vc-meter__meta em { position: absolute; left: 6px; top: -16px; font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #FFD08A; white-space: nowrap; }
.vc-meter__leg { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 14px 0 0; padding: 0; list-style: none; font-size: 13px; color: rgba(255,255,255,.78); }
.vc-meter__leg li { display: flex; align-items: center; gap: 8px; }
.vc-meter__leg i { width: 12px; height: 12px; border-radius: 4px; flex: none; }
.vc-meter__leg b { color: #fff; font-weight: 800; }
.vc-pulse__side { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.vc-pulse__side li { padding: 10px 14px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); min-width: 0; }
.vc-pulse__side span { display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.62); }
.vc-pulse__side b { display: block; font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: 20px; font-weight: 600; margin-top: 2px; color: #fff; }
.vc-pulse__side b.sm { font-family: var(--bm3-font-text, 'Manrope', sans-serif); font-size: 14px; font-weight: 700; line-height: 1.35; }
.vc-pulse__side b.neg { color: #FFB199; }
.vc-pulse__side b.pos { color: #8EF0B8; }
.vc-pulse__side small { display: block; margin-top: 2px; font-size: 12px; color: rgba(255,255,255,.66); }
/* esqueleto enquanto o BI responde */
.vc-skel { height: 14px; width: var(--sw, 100%); border-radius: 8px; background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.18), rgba(255,255,255,.08)); background-size: 200% 100%; animation: vc-shim 1.4s linear infinite; margin: 6px 0; }
.vc-skel--lg { height: 26px; margin: 12px 0; }
.vc-skel--bar { height: 18px; margin-top: 18px; }
.vc-skel--ring { width: 132px; height: 132px; border-radius: 50%; margin: 0; }
@keyframes vc-shim { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* ── abas (lentes) ── */
.vc-lens-slot { position: sticky; top: calc(var(--bm3-header-h, 72px) + 10px); z-index: 25; }
.vc-lens { position: relative; display: flex; gap: 4px; padding: 6px; border-radius: 18px; background: rgba(255,255,255,.92);
  -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5); border: 1px solid var(--bm3-line, #E3E9F2); box-shadow: var(--bm3-shadow-1); overflow-x: auto; scrollbar-width: none; }
.vc-lens::-webkit-scrollbar { display: none; }
.vc .vc-lens button { position: relative; z-index: 1; flex: 1 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 16px;
  border-radius: 13px; font-weight: 700; font-size: 14.5px; color: var(--bm3-muted, #56657A); white-space: nowrap; transition: color .25s; }
.vc .vc-lens button:hover { color: var(--bm3-ink, #0B1B30); }
.vc .vc-lens button[aria-selected="true"] { color: #fff; }
.vc-lens button em { font-style: normal; }
.vc-lens button span { font-size: 11.5px; font-weight: 800; padding: 2px 7px; border-radius: 7px; background: rgba(11,27,48,.07); color: inherit; }
.vc-lens button[aria-selected="true"] span { background: rgba(255,255,255,.18); }
.vc-lens__thumb { position: absolute; z-index: 0; left: var(--x, 6px); top: var(--y, 6px); width: var(--tw, 0); height: var(--th, 44px); border-radius: 13px;
  background: linear-gradient(135deg, #0A2447, #13407D); box-shadow: 0 10px 20px -10px rgba(10,36,71,.8); transition: left .5s var(--vc-ease), width .5s var(--vc-ease), top .5s var(--vc-ease); }
.vc-panel { outline: none; min-height: 240px; }
.vc-panel.vc-enter > * { animation: vc-up .45s var(--vc-ease) both; }
.vc-panel.vc-enter > *:nth-child(2) { animation-delay: .04s; } .vc-panel.vc-enter > *:nth-child(3) { animation-delay: .08s; } .vc-panel.vc-enter > *:nth-child(4) { animation-delay: .12s; }
@keyframes vc-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.vc-phead, .vc-sech { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 14px; }
.vc-phead h2, .vc-sech h2 { font-size: 22px; }
.vc-phead p, .vc-sech p { color: var(--bm3-muted, #56657A); font-size: 14px; margin-top: 4px !important; }
.vc-sec { margin-top: 22px; }
.vc-sech { margin-bottom: 12px; gap: 6px 16px; }

/* ── Agir hoje ── */
.vc-qprog { min-width: 220px; }
.vc-qprog span { font-size: 13px; color: var(--bm3-muted, #56657A); font-weight: 600; }
.vc-qprog b { color: var(--bm3-ink, #0B1B30); }
.vc-qprog__bar { height: 8px; margin-top: 6px; border-radius: 8px; background: var(--bm3-blue-100, #E1EDFD); overflow: hidden; }
.vc-qprog__bar i { display: block; height: 100%; width: var(--w, 0); border-radius: 8px; background: linear-gradient(90deg, #2F7FE6, #138A4B); transition: width .6s var(--vc-ease); }
.vc-queue { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.vc-qi { display: grid; grid-template-columns: auto auto auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 18px;
  background: #fff; border: 1px solid var(--bm3-line, #E3E9F2); box-shadow: var(--bm3-shadow-1); transition: border-color .2s, box-shadow .25s, transform .25s var(--vc-ease), opacity .3s; }
.vc-qi:hover { border-color: var(--bm3-blue-300, #8DBBF5); box-shadow: var(--bm3-shadow-2); transform: translateY(-1px); }
.vc-qi.is-leaving { opacity: 0; transform: translateX(24px); }
.vc .vc-qi__check { width: 30px; height: 30px; border-radius: 10px; border: 2px solid var(--bm3-line-2, #D3DCE9); display: grid; place-items: center; color: transparent;
  transition: background-color .2s, border-color .2s, color .2s, transform .18s; }
.vc .vc-qi__check:hover { border-color: var(--bm3-green-600, #138A4B); color: var(--bm3-green-600, #138A4B); }
.vc .vc-qi__check:active { transform: scale(.9); }
.vc .vc-qi__check[aria-pressed="true"] { background: var(--bm3-green-600, #138A4B); border-color: var(--bm3-green-600, #138A4B); color: #fff; }
.vc-qi__n { font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-weight: 600; font-size: 18px; color: var(--bm3-muted, #56657A); min-width: 1.2ch; text-align: center; }
.vc-qi__txt { min-width: 0; }
.vc-qi__area { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--bm3-muted, #56657A); }
.vc-qi__t { font-size: 15.5px; font-weight: 600; line-height: 1.35; margin-top: 1px !important; color: var(--bm3-ink, #0B1B30); }
.vc-qi__t b { font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-weight: 600; color: var(--bm3-navy-900, #0A2447); }
.vc-qi__m { font-size: 13.5px; color: var(--bm3-muted, #56657A); margin-top: 2px !important; }
.vc-qi.is-done { opacity: .6; }
.vc-qi.is-done .vc-qi__t { text-decoration: line-through; text-decoration-color: rgba(11,27,48,.35); }
.vc-qi.is-done .vc-qi__go { display: none; }
.vc-qdone { margin-top: 14px; }
.vc-qdone summary { cursor: pointer; font-weight: 700; font-size: 14px; color: var(--bm3-muted, #56657A); padding: 6px 2px; list-style: none; }
.vc-qdone summary::-webkit-details-marker { display: none; }
.vc-qdone summary::before { content: "▸ "; }
.vc-qdone[open] summary::before { content: "▾ "; }
.vc-queue--done { margin-top: 8px; }
.vc-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 36px 20px; text-align: center; color: var(--bm3-green-700, #0F7A43);
  background: #fff; border: 1px dashed var(--bm3-line-2, #D3DCE9); border-radius: 20px; }
.vc-empty p { color: var(--bm3-ink-2, #3A4A60); }
.vc-empty--load { color: var(--bm3-blue-600, #1A66D2); }
.vc-empty--load .vc-ic { animation: vc-pulse-ic 1.4s ease-in-out infinite; }
.vc-empty--warn { color: var(--bm3-amber-800, #8A4B00); }
@keyframes vc-pulse-ic { 50% { opacity: .35; } }

/* ── cartões de número ── */
.vc-kpis { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.vc-ktile { padding: 18px 20px; border-radius: 22px; background: #fff; border: 1px solid var(--bm3-line, #E3E9F2); box-shadow: var(--bm3-shadow-1); min-width: 0; }
.vc-ktile span { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--bm3-muted, #56657A); }
.vc-ktile b { display: block; margin-top: 10px; font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: clamp(22px, 1.75vw, 30px); font-weight: 600; letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vc-ktile small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--bm3-muted, #56657A); }
.vc-ktile--dark { background: linear-gradient(140deg, #0A2447, #13407D); color: #fff; border-color: transparent; }
.vc-ktile--dark span { color: rgba(255,255,255,.66); }
.vc-ktile--dark b { color: #fff; }
.vc-ktile--dark small { color: rgba(255,255,255,.72); }
.vc-ktile small.neg { color: #D9660F; } .vc-ktile--dark small.neg { color: #FFB199; }
.vc-ktile small.pos { color: var(--bm3-green-700, #0F7A43); } .vc-ktile--dark small.pos { color: #8EF0B8; }

/* ── funil (fases) ── */
.vc-flow { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0,1fr)); gap: 22px; }
.vc .vc-flow__st { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 18px 18px 16px; border-radius: 20px; background: #fff;
  border: 1px solid var(--bm3-line, #E3E9F2); box-shadow: var(--bm3-shadow-1); text-align: left; transition: border-color .2s, box-shadow .25s, transform .25s var(--vc-ease); min-width: 0; }
.vc .vc-flow__st + .vc-flow__st::before { content: "›"; position: absolute; left: -17px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 700; color: var(--bm3-line-2, #D3DCE9); }
.vc .vc-flow__st:hover { border-color: var(--bm3-blue-300, #8DBBF5); transform: translateY(-2px); box-shadow: var(--bm3-shadow-2); }
.vc .vc-flow__st.is-on { border-color: var(--bm3-navy-900, #0A2447); box-shadow: 0 0 0 3px rgba(10,36,71,.12), var(--bm3-shadow-2); }
.vc-flow__n { position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800;
  color: var(--bm3-muted, #56657A); background: var(--bm3-surface-2, #F7F9FC); border: 1px solid var(--bm3-line, #E3E9F2); }
.vc-flow__st.is-on .vc-flow__n { background: var(--bm3-navy-900, #0A2447); color: #fff; border-color: transparent; }
.vc-flow__nome { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--bm3-muted, #56657A); padding-right: 34px; }
.vc-flow__v { font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: 28px; font-weight: 600; letter-spacing: -.02em; color: var(--bm3-ink, #0B1B30); }
.vc-flow__c { font-size: 13px; color: var(--bm3-muted, #56657A); }
.vc-flow__bar { width: 100%; height: 8px; margin-top: 6px; border-radius: 8px; background: var(--bm3-blue-100, #E1EDFD); overflow: hidden; }
.vc-flow__bar i { display: block; height: 100%; width: var(--w, 0); border-radius: 8px; background: linear-gradient(180deg, #6AAAF5, #1F63CF); }
.vc-flow__al { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12.5px; font-weight: 700; color: var(--bm3-amber-800, #8A4B00); }
.vc-flow__al.is-ok { color: var(--bm3-green-700, #0F7A43); }

/* ── cartões de gráfico ── */
.vc-cgrid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 18px; }
.vc-c12 { grid-column: span 12; } .vc-c6 { grid-column: span 6; }
.vc-panel > * + .vc-cgrid { margin-top: 18px; }
.vc-ccard { padding: 22px 24px 20px; border-radius: 24px; background: #fff; border: 1px solid var(--bm3-line, #E3E9F2); box-shadow: var(--bm3-shadow-1); min-width: 0; }
.vc-ccard__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; margin-bottom: 14px; }
.vc-ccard__head h2 { font-size: 17px; }
.vc-ccard__head p { font-size: 13px; color: var(--bm3-muted, #56657A); margin-top: 3px !important; }
.vc-ccard__tools { display: flex; align-items: center; gap: 8px; }
.vc-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 8px; font-size: 12.5px; color: var(--bm3-ink-2, #3A4A60); font-weight: 600; }
.vc-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 4px; margin-right: 6px; vertical-align: -1px; }
.vc-legend .l-hit { background: linear-gradient(90deg, #6AAAF5, #2F7FE6 45%, #1A5EC2); box-shadow: 3px -2px 0 #134A96; }
.vc-legend .l-miss { background: linear-gradient(90deg, #F7A45F, #E4741E 45%, #C75A09); box-shadow: 3px -2px 0 #9A4606; }
.vc-legend .l-part { background: repeating-linear-gradient(135deg, #D9660F 0 2px, #FBE3D1 2px 5px); }
.vc-legend .l-meta { width: 18px; height: 2px; border-radius: 2px; background: var(--bm3-navy-900, #0A2447); vertical-align: 3px; }
.vc .vc-tbtn { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--bm3-line, #E3E9F2); font-size: 12.5px; font-weight: 700;
  color: var(--bm3-ink-2, #3A4A60); transition: background-color .2s, border-color .2s; }
.vc .vc-tbtn:hover { background: var(--bm3-surface-2, #F7F9FC); border-color: var(--bm3-line-2, #D3DCE9); }
.vc .vc-tbtn[aria-pressed="true"] { background: var(--bm3-navy-900, #0A2447); border-color: var(--bm3-navy-900, #0A2447); color: #fff; }
.vc-chart { position: relative; width: 100%; }
.vc-chart[hidden], .vc-chart-table[hidden], .vc-tl-wrap[hidden] { display: none; }
.vc-chart svg { overflow: visible; display: block; max-width: none; }
.vc-chart text { font-family: var(--bm3-font-text, 'Manrope', sans-serif); font-size: 12px; fill: var(--bm3-muted, #56657A); }
.vc-chart .vc-tick { font-variant-numeric: tabular-nums; }
.vc-chart .vc-xl { font-weight: 600; }
.vc-chart .vc-g { stroke: #E6EBF2; stroke-width: 1; shape-rendering: crispEdges; }
.vc-chart .vc-g.base { stroke: #C5CFDD; }
.vc-chart .vc-hit { fill: transparent; cursor: pointer; transition: fill .2s; }
.vc-chart .vc-hit:hover, .vc-chart .vc-hit.is-active { fill: rgba(26,102,210,.06); }
.vc-chart .vc-bar { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0); transition: transform .9s var(--vc-ease) calc(var(--i,0) * 45ms); }
.vc-chart.is-in .vc-bar { transform: scaleY(1); }
.vc-b3-shadow { fill: rgba(11,27,48,.14); }
.vc-b3-shine { fill: rgba(255,255,255,.38); }
.k-hit .vc-b3-front { fill: url(#vc-g-hit); } .k-hit .vc-b3-side { fill: #134A96; } .k-hit .vc-b3-top { fill: #9CC8FF; }
.k-miss .vc-b3-front { fill: url(#vc-g-miss); } .k-miss .vc-b3-side { fill: #9A4606; } .k-miss .vc-b3-top { fill: #FBC08C; }
.k-part .vc-b3-front { fill: url(#vc-hatch-miss); stroke: #E4741E; stroke-width: 1; } .k-part .vc-b3-side { fill: #C9681C; } .k-part .vc-b3-top { fill: #FBD2AE; } .k-part .vc-b3-shine { display: none; }
.vc-chart .vc-meta-halo { fill: none; stroke: #fff; stroke-width: 6; stroke-linejoin: round; opacity: .85; }
.vc-chart .vc-meta-line { fill: none; stroke: var(--bm3-navy-900, #0A2447); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s var(--bm3-ease-io, ease) .35s; }
.vc-chart.is-in .vc-meta-line { stroke-dashoffset: 0; }
.vc-chart .vc-meta-dot { fill: var(--bm3-navy-900, #0A2447); stroke: #fff; stroke-width: 2; opacity: 0; transition: opacity .4s ease calc(.6s + var(--i,0) * 60ms); }
.vc-chart.is-in .vc-meta-dot { opacity: 1; }
.vc-chart .vc-dl { font-size: 12.5px; font-weight: 800; fill: var(--bm3-ink, #0B1B30); }
.vc-chart .vc-dl-sub { font-size: 11.5px; font-weight: 600; fill: var(--bm3-muted, #56657A); }
.vc-tl-wrap { overflow-x: auto; margin: 0 -6px; padding: 0 6px 4px; }
.vc-chart .vc-tl-lane { font-size: 12.5px; font-weight: 700; fill: var(--bm3-ink-2, #3A4A60); }
.vc-chart .vc-tl-zone { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; fill: #B8612A; }
.vc-chart .vc-tl-zone--ahead { fill: var(--bm3-muted, #56657A); }
.vc-chart .vc-tl-today { font-size: 12px; font-weight: 800; fill: var(--bm3-navy-900, #0A2447); }
.vc-tl-dot { cursor: pointer; transition: transform .25s var(--vc-ease), filter .2s; transform-box: fill-box; transform-origin: center; }
.vc-tl-dot:hover, .vc-tl-dot:focus-visible { transform: scale(1.18); filter: drop-shadow(0 4px 8px rgba(10,36,71,.35)); outline: none; }
/* ranking em barras horizontais (HTML) */
.vc-hb { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.vc-hb li { display: flex; flex-direction: column; gap: 6px; padding: 2px 0; border-radius: 8px; cursor: default; }
.vc-hb__top { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }
.vc-hb__rank { flex: none; width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; font-size: 11.5px; font-weight: 800; color: var(--bm3-muted, #56657A);
  background: var(--bm3-surface-2, #F7F9FC); border: 1px solid var(--bm3-line, #E3E9F2); }
.vc-hb__rank.is-top { color: #fff; background: linear-gradient(145deg, #1A66D2, #0A2447); border-color: transparent; box-shadow: 0 4px 10px -4px rgba(10,36,71,.6); }
.vc-hb__label { flex: 1; min-width: 0; color: var(--bm3-ink-2, #3A4A60); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vc-hb__val { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.vc-hb__track { position: relative; height: 18px; padding: 3px 8px 3px 3px; border-radius: 9px; background: linear-gradient(180deg, #E6ECF4, #F5F8FC); box-shadow: inset 0 2px 4px rgba(11,27,48,.10), inset 0 -1px 0 #fff; }
.vc-hb__fill { position: relative; height: 12px; width: var(--w); border-radius: 6px 3px 3px 6px;
  background: linear-gradient(180deg, #9CC8FF 0%, #4A92EE 30%, #1F6FD6 62%, #1554B0 100%); box-shadow: 0 6px 10px -6px rgba(21,84,176,.8), inset 0 -1.5px 0 rgba(6,22,49,.22);
  transform-origin: left; transform: scaleX(0); transition: transform 1.1s var(--vc-ease) calc(var(--i,0) * 70ms), filter .25s; }
.vc-hb__fill::before { content: ""; position: absolute; left: 6px; right: 10px; top: 2px; height: 3px; border-radius: 4px; background: linear-gradient(90deg, rgba(255,255,255,.75), rgba(255,255,255,.15)); }
.vc-hb__fill::after { content: ""; position: absolute; top: 0; right: -4px; width: 9px; height: 12px; border-radius: 50%; background: radial-gradient(ellipse at 35% 35%, #CFE3FF 0%, #5B9CF0 40%, #1554B0 80%); box-shadow: inset -1px 0 0 rgba(6,22,49,.25); }
.vc-chart.is-in .vc-hb__fill { transform: scaleX(1); }
.vc-hb li:hover .vc-hb__fill, .vc-hb li:focus-visible .vc-hb__fill { filter: brightness(1.08) saturate(1.15); }
.vc-hb li:hover .vc-hb__label { color: var(--bm3-ink, #0B1B30); }
.vc-hb li:first-child .vc-hb__fill { background: linear-gradient(180deg, #8DBBF5 0%, #2F7FE6 30%, #1554B0 62%, #0E3F86 100%); }
.vc-hb__zero { position: absolute; left: 10px; top: 1px; font-size: 11.5px; font-weight: 700; color: var(--bm3-muted, #56657A); }
.vc-ctable { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.vc-ctable th { text-align: left; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--bm3-muted, #56657A); font-weight: 800; padding: 8px 10px; border-bottom: 1px solid var(--bm3-line, #E3E9F2); }
.vc-ctable td { padding: 8px 10px; border-bottom: 1px solid var(--bm3-line, #E3E9F2); }
.vc-ctable td.r, .vc-ctable th.r { text-align: right; font-variant-numeric: tabular-nums; }
.vc-chart-table { max-height: 320px; overflow: auto; }

/* ── lista de oportunidades ── */
.vc-lbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.vc-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.vc .vc-chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 11px; border: 1px solid var(--bm3-line-2, #D3DCE9); background: #fff;
  font-size: 13.5px; font-weight: 700; color: var(--bm3-ink-2, #3A4A60); transition: background-color .2s, color .2s, border-color .2s, transform .18s; }
.vc .vc-chip:hover { border-color: var(--bm3-blue-300, #8DBBF5); color: var(--bm3-blue-700, #1554B0); }
.vc .vc-chip:active { transform: scale(.96); }
.vc .vc-chip[aria-pressed="true"] { background: var(--bm3-navy-900, #0A2447); border-color: var(--bm3-navy-900, #0A2447); color: #fff; }
.vc-chip span { font-size: 11.5px; opacity: .7; }
.vc-sort { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--bm3-muted, #56657A); }
.vc-sort select { height: 34px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--bm3-line-2, #D3DCE9); background: #fff; font: inherit; font-weight: 700; color: var(--bm3-ink, #0B1B30); }
.vc-lcount { margin: 14px 0 10px !important; font-size: 13.5px; color: var(--bm3-muted, #56657A); }
.vc-lcount b { color: var(--bm3-ink, #0B1B30); }
.vc-opps { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr)); gap: 14px; }
.vc-opp { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 20px; background: #fff; border: 1px solid var(--bm3-line, #E3E9F2); box-shadow: var(--bm3-shadow-1);
  border-top: 4px solid var(--bm3-line-2, #D3DCE9); min-width: 0; transition: box-shadow .25s, transform .25s var(--vc-ease); }
.vc-opp--alta { border-top-color: #D9660F; } .vc-opp--media { border-top-color: #2F7FE6; } .vc-opp--baixa { border-top-color: #C5CFDD; }
.vc-opp:hover { box-shadow: var(--bm3-shadow-2); transform: translateY(-2px); }
.vc-opp__top { display: flex; align-items: center; gap: 8px; }
.vc-lvl { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--bm3-muted, #56657A); white-space: nowrap; }
.vc-lvl i { width: 8px; height: 8px; border-radius: 50%; background: #C5CFDD; }
.vc-lvl--alta { color: #A34A08; } .vc-lvl--alta i { background: #D9660F; }
.vc-lvl--media { color: var(--bm3-blue-700, #1554B0); } .vc-lvl--media i { background: #2F7FE6; }
.vc-opp__v { margin-left: auto; font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: 22px; font-weight: 600; letter-spacing: -.02em; white-space: nowrap; }
.vc .vc-opp__title { text-align: left; border-radius: 10px; min-width: 0; }
.vc-opp__title h3 { font-family: var(--bm3-font-text, 'Manrope', sans-serif) !important; font-size: 16px; font-weight: 800; letter-spacing: 0 !important; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vc .vc-opp__title:hover h3 { color: var(--bm3-blue-700, #1554B0); text-decoration: underline; text-underline-offset: 3px; }
.vc-opp__title p { font-size: 13px; color: var(--bm3-muted, #56657A); margin-top: 2px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vc-why { display: flex; align-items: flex-start; gap: 8px; padding: 9px 11px; border-radius: 12px; font-size: 13.5px; font-weight: 600; line-height: 1.4; background: var(--bm3-surface-2, #F7F9FC); color: var(--bm3-ink-2, #3A4A60); }
.vc-why .vc-ic { margin-top: 2px; }
.vc-why--passou { background: #FDEDE3; color: #8A3A05; }
.vc-why--breve { background: var(--bm3-blue-50, #EEF4FE); color: var(--bm3-blue-700, #1554B0); }
.vc-why--parada { background: var(--bm3-amber-100, #FEF1DA); color: var(--bm3-amber-800, #8A4B00); }
.vc-why--ok { background: var(--bm3-green-100, #DDF5E7); color: var(--bm3-green-700, #0F7A43); }
.vc-opp__meta { display: flex; flex-wrap: wrap; gap: 6px; }
.vc-cz { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 9px; border-radius: 8px; font-size: 12px; font-weight: 700; background: var(--bm3-surface-2, #F7F9FC);
  border: 1px solid var(--bm3-line, #E3E9F2); color: var(--bm3-ink-2, #3A4A60); white-space: nowrap; }
.vc-cz--late { background: #FDEDE3; border-color: #F6C7A8; color: #8A3A05; }
.vc-cz--soon { background: var(--bm3-blue-50, #EEF4FE); border-color: #C8DCF8; color: var(--bm3-blue-700, #1554B0); }
.vc-cz--warn { color: var(--bm3-amber-800, #8A4B00); }
.vc-cz--none { color: var(--bm3-muted, #56657A); }
.vc-opp__act { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--bm3-line, #E3E9F2); }
.vc-opp__act .vc-iconbtn { margin-left: auto; }
.vc-more { display: flex; justify-content: center; margin-top: 16px; }
.vc-insight { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; border-radius: 20px; background: linear-gradient(135deg, #EEE8FD, #E1EDFD); border: 1px solid #D9D0F7; color: var(--bm3-violet-600, #5A3BC4); }
.vc-insight div { flex: 1; color: var(--bm3-ink-2, #3A4A60); font-size: 14px; }
.vc-insight b { color: var(--bm3-ink, #0B1B30); }

/* ── gaveta da oportunidade (mora no <body>) ── */
.vc-dr { position: fixed; inset: 0; z-index: 9500; display: flex; justify-content: flex-end; background: rgba(5,19,41,.45); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: vc-fade .25s ease;
  font-family: var(--bm3-font-text, 'Manrope', system-ui, sans-serif); color: var(--bm3-ink, #0B1B30); }
.vc-dr[hidden] { display: none; }
.vc-dr__panel { width: min(480px, 100%); height: 100%; overflow-y: auto; background: #fff; padding: 22px 24px 28px; display: flex; flex-direction: column; gap: 14px; box-shadow: var(--bm3-shadow-3); animation: vc-slide .4s var(--vc-ease, ease); }
.vc-dr__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.vc-dr__head .vc-pill { height: 26px; }
.vc-dr h2 { font-size: 24px; }
.vc-dr__sub { color: var(--bm3-muted, #56657A); margin-top: -8px !important; }
.vc-dr__big { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding: 14px 16px; border-radius: 16px; background: var(--bm3-surface-2, #F7F9FC); border: 1px solid var(--bm3-line, #E3E9F2); }
.vc-dr__big b { font-family: var(--bm3-font-display, 'Outfit', sans-serif); font-size: 30px; font-weight: 600; letter-spacing: -.02em; }
.vc-dr__big span { font-size: 13.5px; color: var(--bm3-muted, #56657A); font-weight: 600; }
.vc-dr__next { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--bm3-ink-2, #3A4A60); line-height: 1.45; }
.vc-dr__next .vc-ic { margin-top: 2px; color: var(--bm3-blue-600, #1A66D2); }
.vc-dr__dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: 13.5px; margin: 0; }
.vc-dr__dl dt { color: var(--bm3-muted, #56657A); font-weight: 700; }
.vc-dr__dl dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.vc-dr__acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.vc-dr__acts .vc-btn { height: 42px; }
.vc-dr__acts .vc-btn--primary { grid-column: 1 / -1; }
.vc-dr__ex { display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; color: var(--bm3-muted, #56657A); margin-top: auto !important; line-height: 1.45; }
@keyframes vc-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes vc-slide { from { transform: translateX(40px); opacity: .4; } to { transform: none; opacity: 1; } }

/* ── toast e tooltip (moram no <body>) ── */
.vc-toast { position: fixed; left: 50%; bottom: 28px; z-index: 9600; transform: translate(-50%, 24px); opacity: 0; pointer-events: none; display: flex; align-items: center; gap: 12px;
  max-width: calc(100% - 32px); padding: 10px 10px 10px 16px; border-radius: 14px; background: var(--bm3-navy-950, #051329); color: #fff; font: 600 14px var(--bm3-font-text, 'Manrope', sans-serif);
  box-shadow: var(--bm3-shadow-3); transition: transform .45s var(--vc-ease, ease), opacity .3s; }
.vc-toast.show { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; }
.vc-toast .vc-ic { color: #8EF0B8; }
.vc-toast button { height: 32px; padding: 0 12px; border-radius: 9px; background: rgba(255,255,255,.12); color: #fff; font-weight: 800; font-size: 13px; border: 0; cursor: pointer; }
.vc-toast button:hover { background: rgba(255,255,255,.2); }
.vc-tip { position: fixed; z-index: 9700; pointer-events: none; min-width: 150px; max-width: 260px; padding: 10px 12px; border-radius: 12px; background: var(--bm3-navy-950, #051329); color: #fff;
  font: 500 12.5px/1.45 var(--bm3-font-text, 'Manrope', sans-serif); box-shadow: 0 14px 30px -12px rgba(0,0,0,.5); transform: translate(-50%, calc(-100% - 12px)); }
.vc-tip[hidden] { display: none; }
.vc-tip b { font-weight: 800; }
.vc-tip .t-title { font-weight: 800; margin-bottom: 4px; }
.vc-tip .t-row { display: flex; justify-content: space-between; gap: 14px; }
.vc-tip .t-row span { color: rgba(255,255,255,.72); }
.vc-tip .t-note { margin-top: 4px; color: rgba(255,255,255,.62); font-size: 11.5px; }

/* ── responsivo ── */
@media (max-width: 1180px) {
  .vc-pulse { grid-template-columns: auto minmax(0,1fr); }
  .vc-pulse__side { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0,1fr)); }
  .vc-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .vc-flow { grid-template-columns: 1fr; gap: 10px; }
  .vc .vc-flow__st + .vc-flow__st::before { display: none; }
  .vc-pulse__side { grid-template-columns: 1fr 1fr; }
  .vc-cgrid { grid-template-columns: 1fr; }
  .vc-c6, .vc-c12 { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
  body.dept.dshell .area-header-top { flex-wrap: wrap; }
  body.dept .dv-hero-pills.vc-as { display: flex; margin-left: 0; flex-basis: 100%; min-width: 0; }
  .area-header .vc-as .vb-who { width: 100%; max-width: 100%; min-width: 0; }
  .area-header .vc-as .vb-who select { flex: 1 1 auto; min-width: 0; max-width: none; text-overflow: ellipsis; }
}
@media (max-width: 640px) {
  .vc { gap: 14px; }
  .vc-pulse { grid-template-columns: 1fr; padding: 22px 20px; gap: 18px; justify-items: start; }
  .vc-pulse__main, .vc-pulse__side { width: 100%; }
  .vc-pulse__ring, .vc-pulse__ring svg { width: 100px; height: 100px; }
  .vc-skel--ring { width: 100px; height: 100px; }
  .vc-pulse__ringtxt b { font-size: 22px; }
  .vc-lens-slot { top: calc(var(--bm3-header-h, 64px) + 4px); }
  .vc-lens { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; padding: 5px; }
  .vc .vc-lens button { flex-direction: column; gap: 3px; height: 56px; padding: 0 1px; font-size: 10.5px; letter-spacing: -.02em; border-radius: 12px; min-width: 0; }
  .vc-lens button em { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  .vc-lens button span { position: absolute; top: 4px; right: 6px; font-size: 10px; padding: 1px 5px; }
  .vc-lens__thumb { border-radius: 12px; }
  .vc .vc-flow__st { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 2px 10px; padding: 12px 14px; border-radius: 16px; }
  .vc-flow__n { display: none; }
  .vc-flow__nome { grid-column: 1 / -1; padding-right: 0; font-size: 11px; }
  .vc-flow__v { font-size: 22px; }
  .vc-flow__c { justify-self: end; font-size: 12px; }
  .vc-flow__bar { grid-column: 1 / -1; margin-top: 4px; height: 6px; }
  .vc-flow__al { grid-column: 1 / -1; margin-top: 2px; }
  .vc-qi { grid-template-columns: auto auto minmax(0,1fr); gap: 10px 12px; padding: 14px; }
  .vc-qi .vc-tint { display: none; }
  .vc-qi__go { grid-column: 2 / -1; justify-self: start; }
  .vc-kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .vc-ktile { padding: 14px 16px; border-radius: 18px; }
  .vc-ktile b { font-size: 22px; }
  .vc-opp__v { font-size: 20px; }
  .vc-insight { flex-direction: column; }
  .vc-dr__panel { padding: 18px 16px 24px; }
  .vc-dr__acts { grid-template-columns: 1fr; }
  .vc-ccard { padding: 18px 16px; border-radius: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .vc *, .vc-dr *, .vc-toast { animation-duration: .001ms !important; transition-duration: .001ms !important; transition-delay: 0s !important; }
}
html.bm3-reduce .vc *, html.bm3-reduce .vc-dr * { animation-duration: .001ms !important; transition-duration: .001ms !important; transition-delay: 0s !important; }