/* VALIOM INTELLIGENCE — Experience Layer (25/09/2026). Escopo total em #vi-intel.
   Tokens do DS v2 (--vds-*, conta 4) com fallback do tema clássico. Sem glow, sem gradiente, dourado só
   em marca / ativo / CTA primário / prioridade; números tabulares; cor de status no indicador, não no número. */
#vi-intel {
  --vx-s1: var(--vds-surface-1, var(--bg2)); --vx-s2: var(--vds-surface-2, var(--bg3)); --vx-s3: var(--vds-surface-3, var(--bg4));
  --vx-bd: var(--vds-border-default, var(--border)); --vx-bd-sub: var(--vds-border-subtle, var(--border)); --vx-bd-strong: var(--vds-border-strong, var(--border));
  --vx-t1: var(--vds-text-primary, var(--text)); --vx-t2: var(--vds-text-body, var(--text2)); --vx-t3: var(--vds-text-secondary, var(--text3));
  --vx-lbl: var(--vds-text-label, var(--text3)); --vx-gold: var(--vds-accent, var(--vds-gold-500, var(--accent))); --vx-on-gold: var(--vds-on-accent, var(--vds-text-on-gold, #1A1410));
  --vx-ok: var(--vds-success, var(--green, #2FB67C)); --vx-warn: var(--vds-warning, var(--amber, #E0A43A)); --vx-bad: var(--vds-danger, var(--red, #E0605A));
  --vx-info: var(--vds-info, #5B9BD5); --vx-r: var(--vds-radius-lg, 10px); --vx-r-xl: var(--vds-radius-xl, 12px);
  font-family: var(--vds-font-sans, 'DM Sans', sans-serif); color: var(--vx-t2);
  display: flex; flex-direction: column; gap: 20px;
}
#vi-intel * { box-sizing: border-box; }
#vi-intel .vx-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Cabeçalho executivo */
#vi-intel .vx-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
#vi-intel .vx-eyebrow { display: inline-flex; align-items: center; gap: 8px; font: 600 11px/1 var(--vds-font-sans, inherit); letter-spacing: .14em; text-transform: uppercase; color: var(--vx-lbl); }
#vi-intel .vx-mark { width: 7px; height: 7px; border-radius: 1px; background: var(--vds-brand, var(--vx-gold)); transform: rotate(45deg); }
#vi-intel .vx-title { margin: 10px 0 0; font: 600 30px/1.15 var(--vds-font-sans, inherit); letter-spacing: -.02em; color: var(--vx-t1); }
#vi-intel .vx-sub { margin: 8px 0 0; font-size: 15px; color: var(--vx-t2); max-width: 620px; }
#vi-intel .vx-head-meta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#vi-intel .vx-meta { display: flex; flex-direction: column; gap: 3px; font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-meta b { color: var(--vx-t1); font-weight: 600; font-variant-numeric: tabular-nums; font-size: 13px; }

/* Botões e links */
#vi-intel .vx-btn { display: inline-flex; align-items: center; gap: 8px; height: var(--vds-h-md, 36px); padding: 0 14px; border-radius: 8px; font: 600 13px var(--vds-font-sans, inherit); cursor: pointer; border: 1px solid transparent; }
#vi-intel .vx-btn i { font-size: 11px; }
#vi-intel .vx-btn-primary { background: var(--vx-gold); color: var(--vx-on-gold); }
#vi-intel .vx-btn-primary:hover { filter: brightness(1.05); }
#vi-intel .vx-btn-ghost { background: transparent; color: var(--vx-t1); border-color: var(--vx-bd); }
#vi-intel .vx-btn-ghost:hover { border-color: var(--vx-bd-strong); background: var(--vx-s2); }
#vi-intel .vx-btn[aria-busy="true"] i { animation: vx-spin 1s linear infinite; }
@keyframes vx-spin { to { transform: rotate(360deg); } }
#vi-intel .vx-link { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; background: none; cursor: pointer; font: 600 13px var(--vds-font-sans, inherit); color: var(--vx-t1); }
#vi-intel .vx-link i { font-size: 10px; color: var(--vx-gold); }
#vi-intel .vx-link:hover { text-decoration: underline; text-underline-offset: 3px; }
#vi-intel .vx-why { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 6px; border: 0; background: none; color: var(--vx-t3); cursor: pointer; position: relative; }
#vi-intel .vx-why:hover, #vi-intel .vx-why[aria-expanded="true"] { color: var(--vx-t1); background: var(--vx-s2); }
#vi-intel button:focus-visible, #vi-intel summary:focus-visible { outline: 2px solid var(--vx-gold); outline-offset: 2px; }

/* Abas (fio dourado fino na ativa, sem pill) */
#vi-intel .vx-tabs { display: flex; gap: 26px; border-bottom: 1px solid var(--vx-bd); overflow-x: auto; scrollbar-width: none; }
#vi-intel .vx-tab { position: relative; padding: 10px 0; border: 0; background: none; cursor: pointer; white-space: nowrap; font: 500 14px var(--vds-font-sans, inherit); color: var(--vx-t3); }
#vi-intel .vx-tab:hover { color: var(--vx-t2); }
#vi-intel .vx-tab.is-active { color: var(--vx-t1); }
#vi-intel .vx-tab.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--vx-gold); }
#vi-intel .vx-body { display: flex; flex-direction: column; gap: 22px; }

/* Cartões e seções */
#vi-intel .vx-card { background: var(--vx-s1); border: 1px solid var(--vx-bd); border-radius: var(--vx-r-xl); padding: 20px 22px; min-width: 0; }
#vi-intel .vx-section { display: flex; flex-direction: column; gap: 14px; }
#vi-intel .vx-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
#vi-intel .vx-sec-title { margin: 0; font: 600 17px/1.3 var(--vds-font-sans, inherit); color: var(--vx-t1); }
#vi-intel .vx-sec-sub { margin: 4px 0 0; font-size: 13px; color: var(--vx-t3); }
#vi-intel .vx-grid-2 { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 18px; align-items: stretch; }
#vi-intel .vx-label { font: 600 11px/1.2 var(--vds-font-sans, inherit); letter-spacing: .08em; text-transform: uppercase; color: var(--vx-lbl); margin: 14px 0 6px; }
#vi-intel .vx-note { margin: 10px 0 0; font-size: 12.5px; color: var(--vx-t3); line-height: 1.5; }
#vi-intel .vx-note i { color: var(--vx-t3); margin-right: 4px; }
#vi-intel .vx-center { text-align: center; }
#vi-intel .vx-empty { color: var(--vx-t3); font-size: 13.5px; padding: 14px 0 4px; }
#vi-intel .vx-err { display: flex; gap: 8px; align-items: center; }
#vi-intel .vx-err i { color: var(--vx-warn); }
#vi-intel .vx-foot { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: flex-end; }
#vi-intel .vx-loading { margin: 0; font-size: 13px; color: var(--vx-t3); }
#vi-intel .vx-sk { border-radius: 6px; background: var(--vx-s2); animation: vx-pulse 1.4s ease-in-out infinite; }
@keyframes vx-pulse { 50% { opacity: .5; } }

/* Pulso da empresa */
#vi-intel .vx-pulse { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
#vi-intel .vx-dim { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 12px; }
#vi-intel .vx-dim-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#vi-intel .vx-dim-label { display: inline-flex; align-items: center; gap: 8px; font: 600 12px/1 var(--vds-font-sans, inherit); letter-spacing: .08em; text-transform: uppercase; color: var(--vx-lbl); }
#vi-intel .vx-dim-label i { color: var(--vx-t3); font-size: 12px; }
#vi-intel .vx-state { display: inline-flex; align-items: center; gap: 6px; font: 600 12.5px var(--vds-font-sans, inherit); color: var(--vx-t1); }
#vi-intel .vx-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--vx-t3); }
#vi-intel .vx-state-attention .vx-dot { background: var(--vx-warn); }
#vi-intel .vx-state-opportunity .vx-dot { background: var(--vx-info); }
#vi-intel .vx-state-healthy .vx-dot { background: var(--vx-ok); }
#vi-intel .vx-dim-lines { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: 13.5px; line-height: 1.45; color: var(--vx-t2); font-variant-numeric: tabular-nums; }
#vi-intel .vx-dim-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--vx-bd-sub); padding-top: 8px; }
#vi-intel .vx-why-txt { margin: 0; font-size: 12.5px; color: var(--vx-t3); line-height: 1.5; }

/* Diagnóstico */
#vi-intel .vx-kicker { display: flex; align-items: center; gap: 10px; font: 600 11px/1 var(--vds-font-sans, inherit); letter-spacing: .12em; text-transform: uppercase; color: var(--vx-lbl); }
#vi-intel .vx-prio { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; font: 600 11px var(--vds-font-sans, inherit); letter-spacing: 0; text-transform: none; border: 1px solid var(--vx-bd); color: var(--vx-t2); }
#vi-intel .vx-prio-high { border-color: color-mix(in srgb, var(--vx-gold) 55%, transparent); color: var(--vx-gold); }
#vi-intel .vx-diag-area { margin: 12px 0 0; font: 600 24px/1.2 var(--vds-font-sans, inherit); letter-spacing: -.01em; color: var(--vx-t1); }
#vi-intel .vx-diag-kick { margin: 6px 0 0; font-size: 13px; color: var(--vx-t3); }
#vi-intel .vx-diag-summary { margin: 10px 0 0; font-size: 15px; line-height: 1.55; color: var(--vx-t2); }
#vi-intel .vx-causes { margin: 0; padding-left: 18px; display: grid; gap: 5px; font-size: 13.5px; color: var(--vx-t2); font-variant-numeric: tabular-nums; }
#vi-intel .vx-impact { margin-top: 14px; display: grid; gap: 2px; padding: 12px 14px; border-radius: var(--vx-r); background: var(--vx-s2); border: 1px solid var(--vx-bd-sub); }
#vi-intel .vx-impact span { font: 600 11px var(--vds-font-sans, inherit); letter-spacing: .08em; text-transform: uppercase; color: var(--vx-lbl); }
#vi-intel .vx-impact b { font: 600 22px/1.2 var(--vds-font-sans, inherit); color: var(--vx-t1); font-variant-numeric: tabular-nums; }
#vi-intel .vx-impact small { font-size: 12.5px; color: var(--vx-t3); }
#vi-intel .vx-reco { margin: 0; font-size: 14px; font-weight: 600; color: var(--vx-t1); line-height: 1.5; }
#vi-intel .vx-actions { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 10px; }
#vi-intel .vx-none { display: flex; gap: 8px; align-items: center; margin: 12px 0 0; color: var(--vx-t2); }
#vi-intel .vx-none i { color: var(--vx-ok); }
#vi-intel .vx-steps { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 4px; border-left: 1px solid var(--vx-bd); }
#vi-intel .vx-steps > li { position: relative; padding: 2px 0 12px 18px; }
#vi-intel .vx-steps > li::before { content: ''; position: absolute; left: -4px; top: 16px; width: 7px; height: 7px; border-radius: 50%; background: var(--vx-s1); border: 1px solid var(--vx-bd-strong); }
#vi-intel .vx-steps > li .vx-label { margin-top: 10px; }
#vi-intel .vx-steps p { margin: 0; font-size: 14px; line-height: 1.55; }
#vi-intel .vx-explain { margin-top: 16px; border-top: 1px solid var(--vx-bd-sub); padding-top: 12px; font-size: 13px; }
#vi-intel .vx-explain summary { cursor: pointer; color: var(--vx-t3); list-style: none; display: inline-flex; gap: 6px; align-items: center; }
#vi-intel .vx-explain summary::-webkit-details-marker { display: none; }
#vi-intel .vx-explain[open] summary { color: var(--vx-t1); }
#vi-intel .vx-explain dl, #vi-intel .vx-why-box dl { margin: 8px 0 0; display: grid; gap: 4px; }
#vi-intel .vx-explain dl div, #vi-intel .vx-why-box dl div { display: flex; gap: 8px; font-size: 12.5px; }
#vi-intel .vx-explain dt, #vi-intel .vx-why-box dt { color: var(--vx-t3); flex: 0 0 auto; }
#vi-intel .vx-explain dd, #vi-intel .vx-why-box dd { margin: 0; color: var(--vx-t2); }
#vi-intel .vx-alts ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; }
#vi-intel .vx-alts li { display: inline-flex; gap: 8px; align-items: center; }

/* Oportunidades */
#vi-intel .vx-opps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#vi-intel .vx-opp { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px 10px; }
#vi-intel .vx-opp-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
#vi-intel .vx-cat { display: inline-flex; align-items: center; gap: 7px; font: 600 11px var(--vds-font-sans, inherit); letter-spacing: .08em; text-transform: uppercase; color: var(--vx-lbl); }
#vi-intel .vx-cat i { color: var(--vx-t3); }
#vi-intel .vx-opp-title { margin: 0; font: 600 15px/1.4 var(--vds-font-sans, inherit); color: var(--vx-t1); }
#vi-intel .vx-opp-impact { display: grid; gap: 2px; }
#vi-intel .vx-opp-impact b { font: 600 20px/1.2 var(--vds-font-sans, inherit); color: var(--vx-t1); font-variant-numeric: tabular-nums; }
#vi-intel .vx-opp-impact span { font-size: 12.5px; color: var(--vx-t3); }
#vi-intel .vx-opp-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--vx-bd-sub); padding-top: 6px; }
#vi-intel .vx-why-box { font-size: 12.5px; color: var(--vx-t2); }
#vi-intel .vx-why-box p { margin: 0; line-height: 1.5; }
#vi-intel .vx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
#vi-intel .vx-chips-sub { margin-top: -8px; }
#vi-intel .vx-chip { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--vx-bd); background: transparent; color: var(--vx-t2); font: 500 13px var(--vds-font-sans, inherit); cursor: pointer; }
#vi-intel .vx-chip span { color: var(--vx-t3); font-variant-numeric: tabular-nums; }
#vi-intel .vx-chip:hover { border-color: var(--vx-bd-strong); }
#vi-intel .vx-chip.is-active { background: var(--vx-s3); border-color: var(--vx-bd-strong); color: var(--vx-t1); box-shadow: inset 0 -2px 0 var(--vx-gold); }

/* Ciclo de crescimento */
#vi-intel .vx-flow { margin-top: 16px; display: flex; align-items: stretch; gap: 0; }
#vi-intel .vx-stage { flex: 1 1 0; min-width: 0; padding: 12px 12px; border: 1px solid var(--vx-bd-sub); background: var(--vx-s2); display: flex; flex-direction: column; gap: 4px; }
#vi-intel .vx-stage + .vx-stage, #vi-intel .vx-rate + .vx-stage { border-left: 0; }
#vi-intel .vx-stage:first-child { border-radius: var(--vx-r) 0 0 var(--vx-r); }
#vi-intel .vx-stage:last-child { border-radius: 0 var(--vx-r) var(--vx-r) 0; }
#vi-intel .vx-stage-value { font: 600 18px/1.2 var(--vds-font-sans, inherit); color: var(--vx-t1); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#vi-intel .vx-stage-label { font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-stage.is-result { background: var(--vx-s3); }
#vi-intel .vx-stage.is-bottleneck { box-shadow: inset 0 -2px 0 var(--vx-warn); }
#vi-intel .vx-rate { display: none; }
#vi-intel .vx-cycle:not(.is-compact) .vx-rate { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0 8px; font-size: 11.5px; color: var(--vx-t3); border-top: 1px solid var(--vx-bd-sub); border-bottom: 1px solid var(--vx-bd-sub); background: var(--vx-s2); white-space: nowrap; gap: 4px; }
#vi-intel .vx-rate i { transform: rotate(-90deg); font-size: 10px; }
#vi-intel .vx-rate.is-bottleneck { color: var(--vx-warn); font-weight: 600; }
#vi-intel .vx-bottleneck { margin-top: 14px; padding: 10px 14px; border-left: 2px solid var(--vx-warn); background: var(--vx-s2); border-radius: 0 var(--vx-r) var(--vx-r) 0; }
#vi-intel .vx-bottleneck .vx-label { margin: 0 0 4px; }
#vi-intel .vx-bottleneck p { margin: 0; font-size: 13.5px; color: var(--vx-t1); }
#vi-intel .vx-cycle.is-compact .vx-flow { flex-wrap: wrap; }
#vi-intel .vx-cycle.is-compact .vx-stage { flex: 1 1 30%; border-radius: 0 !important; border-left: 1px solid var(--vx-bd-sub); }

/* O que mudou */
#vi-intel .vx-mover-list { margin: 14px 0 0; padding: 0; list-style: none; display: grid; }
#vi-intel .vx-mover { display: grid; grid-template-columns: minmax(0, 1fr) auto 96px; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--vx-bd-sub); font-size: 13.5px; }
#vi-intel .vx-mover:last-child { border-bottom: 0; }
#vi-intel .vx-mover-label { color: var(--vx-t2); }
#vi-intel .vx-mover-val { color: var(--vx-t1); font-weight: 600; font-variant-numeric: tabular-nums; }
#vi-intel .vx-mover-delta { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--vx-t3); }
#vi-intel .vx-mover-delta.is-up { color: var(--vx-ok); }
#vi-intel .vx-mover-delta.is-down { color: var(--vx-bad); }
#vi-intel .vx-mover-delta i { font-size: 10px; }

/* Serviços */
#vi-intel .vx-srv-list { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 12px; }
#vi-intel .vx-srv-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; }
#vi-intel .vx-srv-name { font-size: 13.5px; color: var(--vx-t1); font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
#vi-intel .vx-srv-name small, #vi-intel .vx-srv-val small { display: block; font-weight: 400; font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-srv-val { text-align: right; font-weight: 600; color: var(--vx-t1); font-variant-numeric: tabular-nums; }
#vi-intel .vx-bar { grid-column: 1 / -1; height: 4px; border-radius: 999px; background: var(--vds-track, var(--vx-s3)); overflow: hidden; }
#vi-intel .vx-bar span { display: block; height: 100%; border-radius: inherit; background: var(--vx-gold); opacity: .75; }
#vi-intel .vx-sectors { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: 13px; }
#vi-intel .vx-sectors li { display: grid; grid-template-columns: minmax(0, 1fr) auto 56px; gap: 10px; }
#vi-intel .vx-sectors b { color: var(--vx-t1); font-variant-numeric: tabular-nums; }
#vi-intel .vx-sectors small { text-align: right; color: var(--vx-t3); font-variant-numeric: tabular-nums; }

/* Aya */
#vi-intel .vx-aya { display: flex; flex-direction: column; gap: 14px; }
#vi-intel .vx-aya-head { display: flex; gap: 12px; align-items: flex-start; }
#vi-intel .vx-aya-mark { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 10px; display: grid; place-items: center; background: var(--vx-gold); color: var(--vx-on-gold); font: 700 15px var(--vds-font-sans, inherit); }
#vi-intel .vx-qs { display: grid; gap: 8px; }
#vi-intel .vx-q { text-align: left; display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: var(--vx-r); border: 1px solid var(--vx-bd); background: var(--vx-s2); color: var(--vx-t1); font: 500 13.5px var(--vds-font-sans, inherit); cursor: pointer; }
#vi-intel .vx-q i { color: var(--vx-t3); }
#vi-intel .vx-q:hover { border-color: var(--vx-bd-strong); }
#vi-intel .vx-aya .vx-btn { align-self: flex-start; }

/* Responsivo: 1280 · 768 · 390 */
@media (max-width: 1280px) { #vi-intel .vx-opps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1100px) {
  #vi-intel .vx-pulse { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #vi-intel .vx-grid-2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  #vi-intel .vx-flow { flex-direction: column; }
  #vi-intel .vx-stage, #vi-intel .vx-cycle.is-compact .vx-stage { border-radius: 0 !important; border-left: 1px solid var(--vx-bd-sub) !important; }
  #vi-intel .vx-stage:first-child { border-radius: var(--vx-r) var(--vx-r) 0 0 !important; }
  #vi-intel .vx-stage:last-child { border-radius: 0 0 var(--vx-r) var(--vx-r) !important; }
  #vi-intel .vx-cycle:not(.is-compact) .vx-rate { justify-content: flex-start; padding: 6px 12px; border: 1px solid var(--vx-bd-sub); border-top: 0; border-bottom: 0; }
  #vi-intel .vx-rate i { transform: none; }
}
@media (max-width: 640px) {
  #vi-intel { gap: 16px; }
  #vi-intel .vx-title { font-size: 24px; }
  #vi-intel .vx-pulse, #vi-intel .vx-opps { grid-template-columns: minmax(0, 1fr); }
  #vi-intel .vx-card { padding: 16px; }
  #vi-intel .vx-head-meta { width: 100%; justify-content: space-between; }
  #vi-intel .vx-tabs { gap: 20px; }
  #vi-intel .vx-mover { grid-template-columns: minmax(0, 1fr) auto; }
  #vi-intel .vx-mover-delta { grid-column: 2; }
  #vi-intel .vx-mover-val { grid-column: 2; grid-row: 1; }
}
@media (prefers-reduced-motion: reduce) { #vi-intel * { animation: none !important; transition: none !important; } }

/* Etapa 3 (26/09/2026): no celular as abas rolam na horizontal — degradê na borda indica que há mais abas */
@media (max-width: 640px) {
  #vi-intel .vx-tabs { -webkit-mask-image: linear-gradient(to right, #000 85%, transparent); mask-image: linear-gradient(to right, #000 85%, transparent); padding-right: 24px; }
}

/* ── Intelligence V2 · Onda 1 (18/10/2026): aviso de transição, Centro fundido na aba Oportunidades, aba Decisões ── */
#vi-intel .vx-transition { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 18px; padding: 12px 16px; border: 1px dashed var(--vx-bd); border-radius: var(--vx-r); font-size: 13px; color: var(--vx-t3); background: var(--vx-s1); }
#vi-intel .vx-transition i { margin-top: 2px; color: var(--vx-t2); }
#vi-intel .vx-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 16px; }
#vi-intel .vx-tile { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; }
#vi-intel .vx-tile span { font-size: 12px; color: var(--vx-lbl); }
#vi-intel .vx-tile b { font: 600 24px/1 var(--vds-font-sans, inherit); color: var(--vx-t1); font-variant-numeric: tabular-nums; }
#vi-intel .vx-partial { margin: 0 0 12px; }
#vi-intel .vx-paused { margin-top: 18px; padding: 12px 16px; border: 1px solid var(--vx-bd-sub); border-radius: var(--vx-r); font-size: 13px; color: var(--vx-t3); }
#vi-intel .vx-paused b { display: block; margin-bottom: 6px; color: var(--vx-t2); }
#vi-intel .vx-paused p { margin: 4px 0 0; }
#vi-intel .vx-decisions { display: flex; gap: 14px; align-items: flex-start; text-align: left; }
#vi-intel .vx-decisions i { font-size: 20px; color: var(--vx-t3); margin-top: 2px; }
#vi-intel .vx-decisions b { color: var(--vx-t1); }
#vi-intel .vx-decisions p { margin: 6px 0 0; color: var(--vx-t3); max-width: 620px; }
@media (max-width: 640px) { #vi-intel .vx-tiles { grid-template-columns: 1fr; } }

/* ── Intelligence V2 · Onda 2 (18/10/2026): Descobertas (achados) — leitura, não dashboard ── */
#vi-intel .vx-narr { margin: 4px 0 22px; }
#vi-intel .vx-narr-scope { margin: 0; font-size: 13px; color: var(--vx-t3); }
#vi-intel .vx-narr-main { margin: 6px 0 0; font: 500 21px/1.35 var(--vds-font-sans, inherit); color: var(--vx-t1); letter-spacing: -.01em; max-width: 760px; }
#vi-intel .vx-narr-main b { font-weight: 650; }
#vi-intel .vx-narr-meta { margin: 6px 0 0; font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-ready { margin: 0 0 22px; padding: 14px 16px; border: 1px dashed var(--vx-bd); border-radius: var(--vx-r); background: var(--vx-s1); }
#vi-intel .vx-ready ul { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
#vi-intel .vx-ready li { display: flex; gap: 12px; align-items: baseline; justify-content: space-between; flex-wrap: wrap; font-size: 13px; color: var(--vx-t2); }
#vi-intel .vx-finds { display: grid; gap: 14px; }
#vi-intel .vx-finds-top { grid-template-columns: 1fr; }
#vi-intel .vx-find { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; }
#vi-intel .vx-find.is-top { border-left: 3px solid var(--vds-text-primary, var(--vx-t1)); }
#vi-intel .vx-find-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
#vi-intel .vx-dom { display: inline-flex; gap: 6px; align-items: center; font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-conf { display: inline-flex; align-items: center; gap: 6px; padding: 2px 9px; border: 1px solid var(--vx-bd); border-radius: 999px; font-size: 11px; font-weight: 600; color: var(--vx-t2); }
#vi-intel .vx-conf::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .55; }
#vi-intel .vx-conf[data-conf="strong"] { color: var(--vx-t1); border-color: var(--vx-t1); }
#vi-intel .vx-conf[data-conf="strong"]::before { opacity: 1; }
#vi-intel .vx-conf[data-conf="insufficient"] { color: var(--vx-t3); }
#vi-intel .vx-find-thesis { margin: 0; font: 600 18px/1.3 var(--vds-font-sans, inherit); color: var(--vx-t1); letter-spacing: -.01em; }
#vi-intel .vx-find-thesis.is-big { font-size: 24px; }
#vi-intel .vx-find-read { margin: 0; font-size: 14px; line-height: 1.55; color: var(--vx-t2); max-width: 820px; }
#vi-intel .vx-fimpact { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
#vi-intel .vx-fimpact b { font: 600 18px/1 var(--vds-font-sans, inherit); color: var(--vx-t1); font-variant-numeric: tabular-nums; }
#vi-intel .vx-fimpact.is-big b { font-size: 24px; }
#vi-intel .vx-fimpact span { font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-find-rec p { margin: 4px 0 0; color: var(--vx-t1); font-weight: 500; line-height: 1.5; }
#vi-intel .vx-find-inv { margin: 0; font-size: 13px; color: var(--vx-t3); }
#vi-intel .vx-find-st { margin: 0; font-size: 12px; font-weight: 600; color: var(--vx-t2); }
#vi-intel .vx-factions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
#vi-intel .vx-fsec { margin-top: 14px; border-top: 1px solid var(--vx-bd-sub); }
#vi-intel .vx-fsec-head { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 14px 2px; background: none; border: 0; cursor: pointer; font: 600 15px/1.2 var(--vds-font-sans, inherit); color: var(--vx-t1); }
#vi-intel .vx-fsec-head b { margin-left: 6px; font-weight: 600; color: var(--vx-t3); }
#vi-intel .vx-fsec-head:focus-visible { outline: 2px solid var(--vds-focus-border, var(--vx-t1)); outline-offset: 2px; }
#vi-intel .vx-ctx { margin: 22px 0 0; font-size: 12px; color: var(--vx-t3); }
#vi-intel .vx-back { margin: 0 0 12px; }
#vi-intel .vx-fdet { display: flex; flex-direction: column; gap: 14px; padding: 24px; }
#vi-intel .vx-fblock { padding-top: 12px; border-top: 1px solid var(--vx-bd-sub); }
#vi-intel .vx-hip { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
#vi-intel .vx-hip li { display: grid; grid-template-columns: 18px 1fr auto; gap: 8px; align-items: baseline; font-size: 14px; color: var(--vx-t2); }
#vi-intel .vx-hip li[data-verdict="supported"] { color: var(--vx-t1); }
#vi-intel .vx-hip li[data-verdict="refuted"] span { text-decoration: line-through; text-decoration-color: var(--vx-t3); }
#vi-intel .vx-hip em { font-style: normal; font-size: 11px; color: var(--vx-t3); white-space: nowrap; }
#vi-intel .vx-ev { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 18px; margin: 8px 0 0; }
#vi-intel .vx-ev dt { font-size: 11px; color: var(--vx-lbl); }
#vi-intel .vx-ev dd { margin: 2px 0 0; font-variant-numeric: tabular-nums; color: var(--vx-t1); font-weight: 600; }
#vi-intel .vx-tl { margin: 8px 0 0; padding-left: 18px; font-size: 13px; color: var(--vx-t2); }
@media (max-width: 640px) {
  #vi-intel .vx-narr-main { font-size: 18px; }
  #vi-intel .vx-find, #vi-intel .vx-fdet { padding: 16px; }
  #vi-intel .vx-find-thesis.is-big { font-size: 20px; }
  #vi-intel .vx-factions .vx-btn { flex: 1 1 100%; justify-content: center; }
}

/* Intelligence V2 · Onda 4 — resultado medido da decisão. Texto em preto/cinza; cor só no ícone do veredito. */
#vi-intel .vx-fout { margin: 0; padding: 10px 12px; border: 1px solid var(--vx-bd-sub); border-radius: 10px; }
#vi-intel .vx-fout p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--vx-t2); }
#vi-intel .vx-fout p + p { margin-top: 6px; }
#vi-intel .vx-fout i { margin-right: 6px; color: var(--vx-t3); }
#vi-intel .vx-fout[data-verdict="success"] i { color: var(--vx-ok); }
#vi-intel .vx-fout[data-verdict="failure"] i { color: var(--vx-bad); }
#vi-intel .vx-fout .vx-label { margin-bottom: 6px; }

/* Intelligence V2 · Onda 9 — memória visível */
#vi-intel .vx-mem-list { list-style: none; margin: 8px 0 12px; padding: 0; display: grid; gap: 8px; }
#vi-intel .vx-mem-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 12px; border: 1px solid var(--vx-bd-sub); border-radius: 10px; font-size: 13px; color: var(--vx-t2); }
#vi-intel .vx-mem-list b { color: var(--vx-t1); font-weight: 600; }

/* ═══ UX V3 (18/10/2026) — Central de decisão. TUDO escopado em #vi-intel; só consome tokens existentes (nenhum global novo/alterado).
   Acentos locais de sinal: risco = --vds-danger · decisão = --vds-info · positivo = --vds-success · oportunidade/AYA = dourado local discreto. */
#vi-intel {
  --vx-sig-risk: var(--vds-danger, #DC2626); --vx-sig-risk-fg: var(--vds-danger-fg, #B91C1C);
  --vx-sig-dec: var(--vds-info, #2563EB); --vx-sig-pos-fg: var(--vds-success-fg, #166534);
  --vx-sig-gold: #C9A227; --vx-sig-neutral: var(--vds-text-secondary, #6B7280);
}
/* resumo executivo */
#vi-intel .vx-xs { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 236px; gap: 8px 24px; align-items: end; padding: 24px 24px 0 28px; border: 1px solid var(--vx-bd); border-radius: var(--vx-r-xl); background: var(--vx-s1); box-shadow: 0 1px 2px rgba(17, 17, 17, .04); overflow: hidden; }
#vi-intel .vx-xs::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, var(--vx-sig-gold), transparent 70%); opacity: .55; }
#vi-intel .vx-xs-main { padding-bottom: 24px; min-width: 0; }
#vi-intel .vx-xs-kicker { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--vx-t1); }
#vi-intel .vx-xs-kicker em { font-style: normal; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--vx-t3); }
#vi-intel .vx-xs-live { width: 8px; height: 8px; border-radius: 50%; background: var(--vx-sig-gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--vx-sig-gold) 18%, transparent); animation: vx-pulse 2.4s ease-in-out infinite; }
#vi-intel .vx-xs-head { margin: 12px 0 6px; font-size: 26px; line-height: 1.2; font-weight: 600; letter-spacing: -.015em; color: var(--vx-t1); }
#vi-intel .vx-xs-sub { margin: 0; font-size: 15px; line-height: 1.5; color: var(--vx-t2); max-width: 62ch; }
#vi-intel .vx-xs-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 20px; }
#vi-intel .vx-xs-stat { padding: 12px 14px; border: 1px solid var(--vx-bd-sub); border-radius: var(--vx-r); background: var(--vx-s1); min-width: 0; }
#vi-intel .vx-xs-stat b { display: block; font-size: 22px; line-height: 1.15; font-weight: 600; color: var(--vx-t1); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#vi-intel .vx-xs-stat span { display: block; margin-top: 4px; font-size: 12.5px; color: var(--vx-t2); }
#vi-intel .vx-xs-stat small { display: block; margin-top: 2px; font-size: 11px; color: var(--vx-t3); line-height: 1.35; }
#vi-intel .vx-xs-aya { margin-top: 16px; }
#vi-intel .vx-xs-fig { align-self: end; justify-self: end; display: block; line-height: 0; }
#vi-intel .vx-xs-fig img { display: block; width: 236px; height: auto; max-height: 230px; object-fit: contain; object-position: bottom right; }
@media (prefers-reduced-motion: reduce) { #vi-intel .vx-xs-live { animation: none; } }
/* cabeçalho de seção com subtítulo na mesma linha */
#vi-intel .vx-sec-row { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; }
#vi-intel .vx-sec-row .vx-sec-title { margin: 0; }
#vi-intel .vx-sec-row .vx-sec-sub { margin: 0; font-size: 13px; color: var(--vx-t3); }
/* prioridades de hoje */
#vi-intel .vx-prio-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--vx-bd); border-radius: var(--vx-r-xl); background: var(--vx-s1); overflow: hidden; }
#vi-intel .vx-prio-list li + li { border-top: 1px solid var(--vx-bd-sub); }
#vi-intel .vx-prio-item { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto auto; align-items: center; gap: 16px; width: 100%; padding: 14px 18px; border: 0; background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
#vi-intel .vx-prio-item:hover { background: var(--vx-s2); }
#vi-intel .vx-prio-item:focus-visible { outline: 2px solid var(--vds-focus-border, var(--vx-t1)); outline-offset: -2px; }
#vi-intel .vx-prio-n { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--vx-bd-strong); font-size: 13px; font-weight: 600; color: var(--vx-t1); }
#vi-intel .vx-prio-txt b { display: block; font-size: 14.5px; font-weight: 600; line-height: 1.35; color: var(--vx-t1); }
#vi-intel .vx-prio-txt small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--vx-t3); }
#vi-intel .vx-prio-imp { font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
#vi-intel .is-pos { color: var(--vx-sig-pos-fg); }
#vi-intel .is-neg { color: var(--vx-sig-risk-fg); }
#vi-intel .vx-prio-cta { font-size: 13px; font-weight: 600; color: var(--vx-t1); white-space: nowrap; }
/* filtros + busca locais */
#vi-intel .vx-fbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
#vi-intel .vx-search { position: relative; display: flex; align-items: center; min-width: 220px; flex: 0 1 300px; }
#vi-intel .vx-search i { position: absolute; left: 12px; font-size: 13px; color: var(--vx-t3); pointer-events: none; }
#vi-intel .vx-search input { width: 100%; height: 36px; padding: 0 12px 0 34px; border: 1px solid var(--vx-bd); border-radius: var(--vx-r); background: var(--vx-s1); font: inherit; font-size: 13.5px; color: var(--vx-t1); }
#vi-intel .vx-search input:focus { outline: none; border-color: var(--vds-focus-border, var(--vx-t1)); box-shadow: var(--vds-focus-ring, none); }
/* linhas de descoberta */
#vi-intel .vx-rows { container-type: inline-size; display: grid; gap: 10px; }
#vi-intel .vx-row { --c: var(--vx-sig-neutral); display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px 18px; border: 1px solid var(--vx-bd); border-left: 3px solid var(--c); border-radius: var(--vx-r); background: var(--vx-s1); }
#vi-intel .vx-row[data-k="risk"] { --c: var(--vx-sig-risk); }
#vi-intel .vx-row[data-k="opp"] { --c: var(--vx-sig-gold); }
#vi-intel .vx-row-type { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
#vi-intel .vx-row-type .vx-conf { margin-left: auto; }
#vi-intel .vx-type { --c: var(--vx-sig-neutral); display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--c) 32%, transparent); background: color-mix(in srgb, var(--c) 9%, transparent); font-size: 11.5px; font-weight: 600; color: var(--vx-t1); }
#vi-intel .vx-type[data-k="risk"] { --c: var(--vx-sig-risk); }
#vi-intel .vx-type[data-k="opp"] { --c: var(--vx-sig-gold); }
#vi-intel .vx-type[data-k="decide"] { --c: var(--vx-sig-dec); }
#vi-intel .vx-type-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c); }
#vi-intel .vx-row-title { margin: 0; font-size: 15.5px; line-height: 1.35; font-weight: 600; color: var(--vx-t1); }
#vi-intel .vx-row-why { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--vx-t2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#vi-intel .vx-row-lbl { margin-bottom: 4px; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--vx-t3); }
#vi-intel .vx-row-ev ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
#vi-intel .vx-row-ev li { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: var(--vx-t2); }
#vi-intel .vx-row-ev li b { font-weight: 600; color: var(--vx-t1); font-variant-numeric: tabular-nums; white-space: nowrap; }
#vi-intel .vx-imp { display: block; font-size: 16px; line-height: 1.3; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#vi-intel .vx-row-imp small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--vx-t3); }
#vi-intel .vx-imp-none { font-size: 12.5px; color: var(--vx-t3); }
#vi-intel .vx-row-rec p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--vx-t1); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
#vi-intel .vx-row-rec p.vx-camp { margin-top: 6px; font-size: 12px; color: var(--vx-t2); -webkit-line-clamp: 3; }
#vi-intel .vx-camp i { color: var(--vx-sig-gold); margin-right: 2px; }
#vi-intel .vx-row-act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#vi-intel .vx-muted { color: var(--vx-t3); }
#vi-intel .vx-empty-line { margin: 0; padding: 18px; border: 1px dashed var(--vx-bd); border-radius: var(--vx-r); font-size: 13.5px; color: var(--vx-t3); text-align: center; }
@container (min-width: 760px) {
  #vi-intel .vx-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) 160px; grid-template-areas: "type type type" "main ev imp" "rec rec act"; column-gap: 20px; }
  #vi-intel .vx-row-type { grid-area: type; } #vi-intel .vx-row-main { grid-area: main; } #vi-intel .vx-row-ev { grid-area: ev; }
  #vi-intel .vx-row-imp { grid-area: imp; } #vi-intel .vx-row-rec { grid-area: rec; } #vi-intel .vx-row-act { grid-area: act; justify-content: flex-end; align-self: end; }
}
@container (min-width: 1180px) {
  #vi-intel .vx-row { grid-template-columns: minmax(0, 1.4fr) minmax(0, .9fr) 156px minmax(0, 1.3fr) 176px; grid-template-areas: "type type type type type" "main ev imp rec act"; }
  #vi-intel .vx-row-act { flex-direction: column; align-items: stretch; align-self: start; }
  #vi-intel .vx-row-act .vx-btn { justify-content: center; }
}
/* qualidade dos dados (accordion discreto) */
#vi-intel .vx-qual { border: 1px solid var(--vx-bd-sub); border-radius: var(--vx-r); background: var(--vx-s1); }
#vi-intel .vx-qual-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 12px 16px; border: 0; background: none; font: inherit; font-size: 13px; color: var(--vx-t2); text-align: left; cursor: pointer; }
#vi-intel .vx-qual-head i.fa-database { margin-right: 8px; color: var(--vx-t3); }
#vi-intel .vx-qual-head b { color: var(--vx-t1); font-weight: 600; margin-right: 4px; }
#vi-intel .vx-qual ul { list-style: none; margin: 0; padding: 0 16px 12px; display: grid; gap: 8px; }
#vi-intel .vx-qual li { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px 16px; padding-top: 8px; border-top: 1px solid var(--vx-bd-sub); font-size: 13px; color: var(--vx-t2); }
/* plano de ação */
#vi-intel .vx-plan-wrap { border: 1px solid var(--vx-bd); border-radius: var(--vx-r-xl); background: var(--vx-s1); overflow-x: auto; }
#vi-intel .vx-plan-t { width: 100%; border-collapse: collapse; font-size: 13px; }
#vi-intel .vx-plan-t th { padding: 10px 14px; text-align: left; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--vx-t3); border-bottom: 1px solid var(--vx-bd); white-space: nowrap; }
#vi-intel .vx-plan-t td { padding: 14px; vertical-align: top; border-bottom: 1px solid var(--vx-bd-sub); color: var(--vx-t2); }
#vi-intel .vx-plan-t tr:last-child td { border-bottom: 0; }
#vi-intel .vx-plan-n { font-weight: 600; color: var(--vx-t1); width: 28px; }
#vi-intel .vx-plan-act { min-width: 240px; }
#vi-intel .vx-plan-act b { display: block; font-weight: 500; color: var(--vx-t1); line-height: 1.45; }
#vi-intel .vx-plan-t .vx-imp { font-size: 15px; white-space: nowrap; }
#vi-intel .vx-plan-act small { display: block; margin-top: 4px; color: var(--vx-t3); font-size: 12px; }
#vi-intel .vx-plan-go { min-width: 196px; }
#vi-intel .vx-plan-btns { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
#vi-intel .vx-plan-btns .vx-btn { justify-content: center; white-space: nowrap; }
#vi-intel .vx-plan-btns .vx-link { align-self: flex-start; }
#vi-intel .vx-pst { --c: var(--vx-sig-neutral); display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; color: var(--vx-t1); white-space: nowrap; border: 1px solid color-mix(in srgb, var(--c) 32%, transparent); background: color-mix(in srgb, var(--c) 9%, transparent); }
#vi-intel .vx-pst[data-s="pending"] { --c: var(--vx-sig-dec); }
#vi-intel .vx-pst[data-s="done"] { --c: var(--vds-success, #16A34A); }
@media (max-width: 900px) {
  #vi-intel .vx-xs { grid-template-columns: minmax(0, 1fr) 132px; padding: 18px 16px 0 18px; }
  #vi-intel .vx-xs-fig img { width: 132px; max-height: 128px; }
  #vi-intel .vx-xs-head { font-size: 21px; }
  #vi-intel .vx-xs-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #vi-intel .vx-prio-item { grid-template-columns: 28px minmax(0, 1fr) auto; }
  #vi-intel .vx-prio-cta { grid-column: 2 / -1; }
  #vi-intel .vx-plan-wrap { border: 0; background: none; overflow: visible; }
  #vi-intel .vx-plan-t thead { display: none; }
  #vi-intel .vx-plan-t, #vi-intel .vx-plan-t tbody, #vi-intel .vx-plan-t tr, #vi-intel .vx-plan-t td { display: block; width: 100%; }
  #vi-intel .vx-plan-t tr { margin-bottom: 10px; padding: 12px 14px; border: 1px solid var(--vx-bd); border-radius: var(--vx-r); background: var(--vx-s1); }
  #vi-intel .vx-plan-t td { padding: 4px 0; border: 0; min-width: 0; }
  #vi-intel .vx-plan-t td[data-l]::before { content: attr(data-l) ': '; font-weight: 600; color: var(--vx-t3); }
  #vi-intel .vx-plan-n { display: none !important; }
  #vi-intel .vx-plan-go { min-width: 0; margin-top: 6px; }
  #vi-intel .vx-plan-btns { flex-direction: row; flex-wrap: wrap; align-items: center; }
}
@media (max-width: 520px) {
  #vi-intel .vx-xs { grid-template-columns: minmax(0, 1fr) 88px; gap: 4px 12px; }
  #vi-intel .vx-xs-main { display: contents; }
  #vi-intel .vx-xs-kicker, #vi-intel .vx-xs-head, #vi-intel .vx-xs-sub { grid-column: 1; }
  #vi-intel .vx-xs-fig { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
  #vi-intel .vx-xs-fig img { width: 88px; max-height: 86px; object-position: top right; }
  #vi-intel .vx-xs-stats, #vi-intel .vx-xs-aya { grid-column: 1 / -1; }
  #vi-intel .vx-xs-aya { margin-bottom: 18px; justify-self: start; }
  #vi-intel .vx-xs-stats { margin-top: 12px; }
  #vi-intel .vx-xs-stats:last-child { margin-bottom: 18px; }
  #vi-intel .vx-xs-head { font-size: 19px; margin-top: 8px; }
  #vi-intel .vx-xs-sub { font-size: 14px; }
  #vi-intel .vx-xs-stat b { font-size: 18px; }
  #vi-intel .vx-search { flex: 1 1 100%; }
  #vi-intel .vx-prio-item { grid-template-columns: 28px minmax(0, 1fr); gap: 6px 12px; padding: 14px; }
  #vi-intel .vx-prio-imp, #vi-intel .vx-prio-cta { grid-column: 2; }
}

/* ═══ HERO DA AYA (19/10/2026) — só #vi-intel; branco dominante; brilho controlado; nada global. */
#vi-intel .vx-hero { display: block; padding: 0; }
#vi-intel .vx-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); align-items: stretch; min-height: 420px; }
#vi-intel .vx-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 30px 12px 26px 30px; min-width: 0; }
#vi-intel .vx-hero-title { margin: 14px 0 10px; max-width: 21ch; font-size: 31px; line-height: 1.14; font-weight: 650; letter-spacing: -.022em; color: var(--vx-t1); text-wrap: balance; }
#vi-intel .vx-hero-sub { margin: 0; max-width: 52ch; font-size: 15.5px; line-height: 1.55; color: var(--vx-t2); }
#vi-intel .vx-hero-act { display: flex; align-items: center; gap: 8px; margin: 14px 0 0; padding: 8px 12px; width: fit-content; max-width: 100%; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--vx-sig-gold) 35%, transparent); background: color-mix(in srgb, var(--vx-sig-gold) 8%, transparent); font-size: 13.5px; font-weight: 600; color: var(--vx-t1); }
#vi-intel .vx-hero-act i { color: var(--vx-sig-gold); }
#vi-intel .vx-hero-caps { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; padding: 0; list-style: none; }
#vi-intel .vx-hero-caps li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid var(--vx-bd-sub); border-radius: 999px; background: var(--vx-s1); font-size: 12px; color: var(--vx-t2); }
#vi-intel .vx-hero-caps i { font-size: 11px; color: var(--vx-t3); }
#vi-intel .vx-hero-caps .fa-meta { color: #0866FF; } #vi-intel .vx-hero-caps .fa-google { color: #4285F4; }
#vi-intel .vx-hero .vx-hero-hoje {   /* não usar 'today' em classe: há regra global [class*="today"] do calendário */
   margin: 20px 0 0; font-size: 15.5px; line-height: 1.45; font-weight: 600; color: var(--vx-t1); }
#vi-intel .vx-hero-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
/* palco */
#vi-intel .vx-hero-stage { container: vxstage / inline-size; position: relative; margin: 14px 14px 14px 0; min-height: 392px; border-radius: 16px; overflow: hidden; border: 1px solid var(--vx-bd-sub);
  background: radial-gradient(55% 50% at 74% 40%, rgba(56, 132, 255, .14), transparent 70%), radial-gradient(40% 36% at 88% 8%, rgba(201, 162, 39, .16), transparent 70%), radial-gradient(50% 45% at 12% 96%, rgba(201, 162, 39, .08), transparent 70%), linear-gradient(180deg, #FCFDFF 0%, #F1F4F9 100%); }
#vi-intel .vx-hero-stage::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(17, 24, 39, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 24, 39, .045) 1px, transparent 1px); background-size: 28px 28px; -webkit-mask-image: radial-gradient(70% 70% at 60% 45%, #000 30%, transparent 85%); mask-image: radial-gradient(70% 70% at 60% 45%, #000 30%, transparent 85%); pointer-events: none; }
#vi-intel .vx-hero-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#vi-intel .vx-hero-lines path { fill: none; stroke: rgba(37, 99, 235, .22); stroke-width: 1; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; }
#vi-intel .vx-hero-lines circle { fill: var(--vx-sig-gold); opacity: .75; }
#vi-intel .vx-hero-glow { position: absolute; width: 260px; height: 260px; right: 4%; top: 18%; border-radius: 50%; background: radial-gradient(circle, rgba(80, 160, 255, .30), rgba(201, 162, 39, .10) 45%, transparent 70%); filter: blur(10px); animation: vx-glow 5s ease-in-out infinite; pointer-events: none; }
#vi-intel .vx-hero-aya { position: absolute; left: 50%; bottom: 0; height: min(94%, 410px); transform: translateX(-40%); line-height: 0; }
#vi-intel .vx-hero-aya img { height: 100%; width: auto; max-width: none; filter: drop-shadow(0 18px 28px rgba(17, 24, 39, .16)); }
/* micro-cards (achados reais) */
#vi-intel .vx-hero-cards { position: absolute; inset: 0; pointer-events: none; }
#vi-intel .vx-hc { --c: var(--vx-sig-neutral); position: absolute; display: flex; flex-direction: column; gap: 4px; width: 214px; padding: 10px 12px; border: 1px solid rgba(17, 24, 39, .08); border-radius: 12px; background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: 0 10px 28px rgba(17, 24, 39, .10), 0 1px 2px rgba(17, 24, 39, .06); text-align: left; font: inherit; color: inherit; cursor: pointer; pointer-events: auto; animation: vx-float 6s ease-in-out infinite; }
#vi-intel .vx-hc:hover { border-color: rgba(17, 24, 39, .18); box-shadow: 0 12px 30px rgba(17, 24, 39, .14); }
#vi-intel .vx-hc:focus-visible { outline: 2px solid var(--vds-focus-border, var(--vx-t1)); outline-offset: 2px; }
#vi-intel .vx-hc[data-k="risk"] { --c: var(--vx-sig-risk); } #vi-intel .vx-hc[data-k="opp"] { --c: var(--vx-sig-gold); }
#vi-intel .vx-hc-kick { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--vx-t3); }
#vi-intel .vx-hc .vx-type-dot { background: var(--c); }
#vi-intel .vx-hc-txt { font-size: 12.5px; line-height: 1.38; font-weight: 600; color: var(--vx-t1); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#vi-intel .vx-hc-imp { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
#vi-intel .vx-hc-1 { top: 16px; left: 14px; }
#vi-intel .vx-hc-2 { bottom: 122px; left: 12px; animation-delay: -2s; }
#vi-intel .vx-hc-3 { top: 16px; right: 14px; animation-delay: -4s; }
#vi-intel .vx-hc-act { left: 14px; bottom: 16px; width: 236px; border-color: color-mix(in srgb, var(--vx-sig-gold) 45%, transparent); animation-delay: -3s; }
#vi-intel .vx-hc-act .vx-hc-kick i { color: var(--vx-sig-gold); }
#vi-intel .vx-hc-act .vx-hc-txt { -webkit-line-clamp: 3; }
#vi-intel .vx-hero .vx-xs-stats { margin: 0; padding: 16px 24px 22px 30px; border-top: 1px solid var(--vx-bd-sub); }
@keyframes vx-float { 50% { transform: translateY(-4px); } }
@keyframes vx-glow { 50% { opacity: .75; transform: scale(1.04); } }
@media (prefers-reduced-motion: reduce) { #vi-intel .vx-hc, #vi-intel .vx-hero-glow { animation: none; } }
/* tema escuro (se o usuário usar): palco escuro suave, cards escuros */
body:not(.light-theme) #vi-intel .vx-hero-stage { background: radial-gradient(55% 50% at 74% 40%, rgba(56, 132, 255, .18), transparent 70%), radial-gradient(40% 36% at 88% 8%, rgba(201, 162, 39, .14), transparent 70%), linear-gradient(180deg, var(--vx-s2), var(--vx-s1)); }
body:not(.light-theme) #vi-intel .vx-hc { background: color-mix(in srgb, var(--vx-s1) 88%, transparent); border-color: var(--vx-bd); }
/* notebook estreito / tablet: copy em cima, palco embaixo */
@media (max-width: 1180px) {
  #vi-intel .vx-hero-grid { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  #vi-intel .vx-hero-copy { padding: 26px 24px 8px; }
  #vi-intel .vx-hero-title { max-width: 26ch; }
  #vi-intel .vx-hero-stage { margin: 12px 14px 14px; min-height: 360px; }
}
@media (max-width: 640px) {
  #vi-intel .vx-hero-copy { padding: 20px 16px 4px; }
  #vi-intel .vx-hero-title { font-size: 23px; }
  #vi-intel .vx-hero-sub { font-size: 14.5px; }
  #vi-intel .vx-hero-stage { margin: 10px 10px 12px; min-height: 300px; }
  #vi-intel .vx-hero-aya { height: 96%; transform: translateX(-28%); }
  #vi-intel .vx-hc { width: 172px; padding: 8px 10px; }
  #vi-intel .vx-hc-txt { font-size: 11.5px; }
  #vi-intel .vx-hc-1, #vi-intel .vx-hc-2, #vi-intel .vx-hc-3 { display: none; }   /* no celular, só o próximo passo: os achados estão logo abaixo */
  #vi-intel .vx-hc-act .vx-hc-txt { -webkit-line-clamp: 4; }
  #vi-intel .vx-hc-1 { top: 10px; left: 10px; } #vi-intel .vx-hc-act { left: 10px; bottom: 10px; width: 184px; }
  #vi-intel .vx-hero .vx-xs-stats { padding: 14px 16px 18px; }
}

/* quantos micro-cards cabem depende da largura do PALCO (o menu lateral muda tudo): nunca cobrir o rosto da AYA */
@container vxstage (max-width: 600px) {
  #vi-intel .vx-hc-2, #vi-intel .vx-hc-3 { display: none; }
  #vi-intel .vx-hc-1 { width: 176px; }
  #vi-intel .vx-hero-aya { transform: translateX(-26%); }
}
@container vxstage (max-width: 470px) {
  #vi-intel .vx-hc-1 { display: none; }
  #vi-intel .vx-hc-act { width: 188px; }
  #vi-intel .vx-hc-act .vx-hc-txt { -webkit-line-clamp: 4; }
  #vi-intel .vx-hero-aya { transform: translateX(-34%); }
}