/* GROWTH CENTER — Tráfego IA (25/09/2026). Escopo #gc-root, .gc-cr, .gc-crv, .gc-rl-*. Tokens DS v2 com fallback do Tráfego IA.
   Dark premium empresarial: sem glow, sem neon, sem gradiente; dourado só em destaque/ativo/CTA/ROAS. */
#gc-root { --gc-s1: var(--vds-surface-1, var(--s1)); --gc-s2: var(--vds-surface-2, var(--s2)); --gc-bd: var(--vds-border-default, var(--b1));
  --gc-t1: var(--vds-text-primary, var(--t1)); --gc-t2: var(--vds-text-secondary, var(--t2)); --gc-t3: var(--vds-text-tertiary, var(--t3));
  --gc-gold: var(--vds-gold-500, var(--gold)); --gc-up: var(--vds-success, #1DCEA8); --gc-down: var(--vds-danger, #F05577);
  font-family: var(--vds-font-sans, 'Inter', sans-serif); color: var(--gc-t1); }
#panel-dashboard.gc-on .gc-legacy, #panel-dashboard.gc-on #dv-loading { display: none !important; }
#panel-dashboard .gc-sub { font-weight: 400; color: var(--vds-text-secondary, var(--t3)); font-size: 11px; margin-left: 8px; }
#gc-root .gc { padding: 14px 18px 4px; display: flex; flex-direction: column; gap: 14px; }
#gc-root .gc-loading, #gc-root .gc-empty { color: var(--gc-t3); font-size: 12px; padding: 10px 0; }
#gc-root .gc-empty-lg { padding: 4px 0 0; }
#gc-root .gc-actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
#gc-root .gc-btn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--gc-gold); background: var(--gc-gold); color: var(--vds-text-on-gold, #111);
  font: 600 12px/1 var(--vds-font-sans, 'Inter', sans-serif); padding: 8px 12px; border-radius: var(--vds-radius-md, 8px); cursor: pointer; }
#gc-root .gc-btn.is-ghost { background: transparent; color: var(--gc-t1); border-color: var(--gc-bd); }
#gc-root .gc-btn:focus-visible, #gc-root .gc-tbl th button:focus-visible { outline: 2px solid var(--gc-gold); outline-offset: 2px; }

/* faixa executiva: UM bloco contínuo, divisórias discretas */
#gc-root .gc-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: var(--gc-s1); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); overflow: hidden; }
#gc-root .gc-asof { margin: 6px 2px 0; font-size: 11.5px; color: var(--gc-t3); text-align: right; }
#gc-root .gc-st { padding: 14px 16px; min-width: 0; border-left: 1px solid var(--gc-bd); }
#gc-root .gc-st:first-child { border-left: 0; }
#gc-root .gc-st-l { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--gc-t2); font-weight: 600; }
#gc-root .gc-st-v { font-size: 26px; font-weight: 600; line-height: 1.15; margin-top: 6px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gc-root .gc-st.is-key .gc-st-v { color: var(--gc-gold); }
#gc-root .gc-st-s { font-size: 11px; color: var(--gc-t3); margin-top: 2px; }
#gc-root .gc-d { display: block; font-size: 11px; margin-top: 6px; font-variant-numeric: tabular-nums; }
#gc-root .gc-d span { color: var(--gc-t3); }
#gc-root .gc-d.is-up { color: var(--gc-up); } #gc-root .gc-d.is-down { color: var(--gc-down); } #gc-root .gc-d.is-flat { color: var(--gc-t3); }

#gc-root .gc-sec { background: var(--gc-s1); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); padding: 14px 16px; min-width: 0; }
#gc-root .gc-sec h3 { margin: 0 0 10px; font-size: 13px; font-weight: 600; color: var(--gc-t1); }
#gc-root .gc-sec h3 small { font-weight: 400; color: var(--gc-t3); font-size: 11px; margin-left: 6px; }
#gc-root .gc-label { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--gc-t2); font-weight: 600; }
#gc-root .gc-brow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; }
#gc-root .gc-brow.is-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
#gc-root .gc-b { padding: 2px 14px; border-left: 1px solid var(--gc-bd); min-width: 0; }
#gc-root .gc-b:first-child { border-left: 0; padding-left: 0; }
#gc-root .gc-b span { display: block; font-size: 11px; color: var(--gc-t3); }
#gc-root .gc-b b { display: block; font-size: 17px; font-weight: 600; margin-top: 3px; font-variant-numeric: tabular-nums; }
#gc-root .gc-conf { margin-top: 10px; font-size: 11.5px; color: var(--vds-warning, #d9a441); }

#gc-root .gc-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; }
#gc-root .gc-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
#gc-root .gc-flow { display: flex; align-items: stretch; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
#gc-root .gc-step { flex: 1 1 0; min-width: 92px; background: var(--gc-s2); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-md, 8px); padding: 10px; }
#gc-root .gc-step.is-bn { border-color: var(--gc-gold); }
#gc-root .gc-step-l { font-size: 10.5px; color: var(--gc-t3); text-transform: uppercase; letter-spacing: .06em; }
#gc-root .gc-step-v { font-size: 17px; font-weight: 600; margin-top: 4px; white-space: nowrap; font-variant-numeric: tabular-nums; }
#gc-root .gc-step.is-key .gc-step-v { color: var(--gc-gold); }
#gc-root .gc-rate { font-size: 10.5px; color: var(--gc-t2); margin-top: 4px; }
#gc-root .gc-rate.is-bn { color: var(--gc-gold); font-weight: 600; }
#gc-root .gc-arrow { display: flex; align-items: center; color: var(--gc-t3); font-size: 10px; }
#gc-root .gc-arrow.is-bn { color: var(--gc-gold); }
#gc-root .gc-bn { margin-top: 12px; border-top: 1px solid var(--gc-bd); padding-top: 12px; }
#gc-root .gc-bn-h { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
#gc-root .gc-bn-h b { font-size: 15px; }
#gc-root .gc-bn-v { font-size: 28px; font-weight: 600; color: var(--gc-gold); margin-top: 4px; font-variant-numeric: tabular-nums; }
#gc-root .gc-bn p { margin: 4px 0 0; font-size: 12.5px; color: var(--gc-t2); line-height: 1.5; }
#gc-root .gc-bn small { display: block; margin-top: 4px; color: var(--gc-t3); font-size: 10.5px; }

#gc-root .gc-card { background: var(--gc-s1); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); padding: 14px 16px; min-width: 0; }
#gc-root .gc-card h4 { margin: 0 0 8px; font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--gc-t2); font-weight: 600; }
#gc-root .gc-card.is-attn { border-left: 3px solid var(--vds-warning, #d9a441); }
#gc-root .gc-rule { font-size: 11px; color: var(--gc-gold); font-weight: 600; }
#gc-root .gc-cname { font-size: 13.5px; font-weight: 600; margin-top: 3px; line-height: 1.35; overflow-wrap: anywhere; }
#gc-root .gc-attn { margin: 4px 0 0; font-size: 12px; color: var(--gc-t2); line-height: 1.45; }
#gc-root .gc-mini { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
#gc-root .gc-mini span { font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gc-root .gc-mini em { display: block; font-style: normal; font-size: 10px; color: var(--gc-t3); font-weight: 400; }
#gc-root .gc-mini .is-key { color: var(--gc-gold); }
#gc-root .gc-open-n { font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; }
#gc-root .gc-open p { margin: 2px 0 10px; font-size: 12px; color: var(--gc-t2); line-height: 1.45; }

#gc-root .gc-rev-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 18px; align-items: start; }
.gc-rev-v { font-size: 30px; font-weight: 600; color: var(--vds-gold-500, var(--gold)); font-variant-numeric: tabular-nums; }
.gc-rev-l { font-size: 12px; color: var(--vds-text-secondary, var(--t2)); }
.gc-rev-d { font-size: 12px; color: var(--vds-text-primary, var(--t1)); margin-top: 8px; }
#gc-root .gc-unattr { display: block; margin-top: 8px; font-size: 10.5px; color: var(--gc-t3); }
#gc-root .gc-chain { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
#gc-root .gc-ch { background: var(--gc-s2); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-md, 8px); padding: 8px 10px; min-width: 76px; }
#gc-root .gc-ch span { display: block; font-size: 10px; color: var(--gc-t3); text-transform: uppercase; letter-spacing: .06em; }
#gc-root .gc-ch b { display: block; font-size: 15px; font-variant-numeric: tabular-nums; }
#gc-root .gc-ch small { display: block; font-size: 11px; color: var(--gc-t2); }
#gc-root .gc-ch-a { color: var(--gc-t3); font-size: 10px; }

#gc-root .gc-tbl-wrap { overflow-x: auto; }
#gc-root .gc-tbl { width: 100%; border-collapse: collapse; font-size: 12px; }
#gc-root .gc-tbl th { text-align: left; font-weight: 600; color: var(--gc-t3); font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; padding: 6px 8px; border-bottom: 1px solid var(--gc-bd); white-space: nowrap; }
#gc-root .gc-tbl th button { background: none; border: 0; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; padding: 0; }
#gc-root .gc-tbl th button.is-on { color: var(--gc-gold); }
#gc-root .gc-tbl td { padding: 9px 8px; border-bottom: 1px solid var(--gc-bd); vertical-align: top; font-variant-numeric: tabular-nums; }
#gc-root .gc-tbl .n { text-align: right; white-space: nowrap; }
#gc-root .gc-tbl td.is-key { color: var(--gc-gold); font-weight: 600; }
#gc-root .gc-cn { font-weight: 600; max-width: 360px; overflow-wrap: anywhere; }
#gc-root .gc-cm { font-size: 10.5px; color: var(--gc-t3); margin-top: 3px; }
.gc-pill { display: inline-block; font-size: 10px; font-weight: 600; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--vds-border-default, var(--b1)); color: var(--vds-text-secondary, var(--t2)); }
.gc-pill.is-active { color: var(--vds-success, #1DCEA8); border-color: currentColor; }
.gc-pill.is-review { color: var(--vds-warning, #d9a441); border-color: currentColor; }
.gc-pill.is-error { color: var(--vds-danger, #F05577); border-color: currentColor; }
.gc-lv { color: var(--vds-text-tertiary, var(--t3)); font-style: italic; }

/* Campanhas: linha de resultado no topo do card */
.gc-cr { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; font-size: 11.5px; color: var(--vds-text-secondary, var(--t2)); padding: 7px 0 8px; margin: 2px 0 4px; border-bottom: 1px solid var(--vds-border-default, var(--b1)); }
.gc-cr b { color: var(--vds-text-primary, var(--t1)); font-variant-numeric: tabular-nums; }
.gc-cr .is-key b { color: var(--vds-gold-500, var(--gold)); }
.gc-cr-l { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; color: var(--vds-text-tertiary, var(--t3)); }

/* Criativos: resultado antes da mídia */
.gc-crv { border-top: 1px solid var(--vds-border-default, var(--b1)); padding: 8px 10px 0; }
.gc-crv-l, .gc-crv-m { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; color: var(--vds-text-tertiary, var(--t3)); }
.gc-crv-m { margin-top: 8px; }
.gc-crv-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 4px; margin-top: 4px; }
.gc-crv-g span { font-size: 12px; font-weight: 600; color: var(--vds-text-primary, var(--t1)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.gc-crv-g em { display: block; font-style: normal; font-weight: 400; font-size: 9.5px; color: var(--vds-text-tertiary, var(--t3)); }
.gc-crv-g .is-key { color: var(--vds-gold-500, var(--gold)); }
.gc-crv-ns { margin-top: 6px; font-size: 11px; color: var(--vds-text-secondary, var(--t2)); }
.gc-crv-ns small { display: block; color: var(--vds-text-tertiary, var(--t3)); font-size: 10.5px; }

/* Relatório: navegação por seção */
.gc-rl-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.gc-rl-nav a { font-size: 11.5px; color: var(--vds-text-secondary, var(--t2)); border: 1px solid var(--vds-border-default, var(--b1)); border-radius: 999px; padding: 4px 10px; text-decoration: none; }
.gc-rl-nav a:hover { color: var(--vds-gold-500, var(--gold)); border-color: var(--vds-gold-500, var(--gold)); }

@media (max-width: 1100px) {
  #gc-root .gc-grid, #gc-root .gc-rev-grid { grid-template-columns: minmax(0, 1fr); }
  #gc-root .gc-brow.is-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; }
}
@media (max-width: 760px) {
  #gc-root .gc { padding: 12px 12px 4px; }
  #gc-root .gc-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #gc-root .gc-st { border-left: 0; border-top: 1px solid var(--gc-bd); }
  #gc-root .gc-st:nth-child(-n+2) { border-top: 0; }
  #gc-root .gc-st:nth-child(even) { border-left: 1px solid var(--gc-bd); }
  #gc-root .gc-st.is-key { grid-column: 1 / -1; border-left: 0; }
  #gc-root .gc-st-v { font-size: 22px; }
  #gc-root .gc-brow, #gc-root .gc-brow.is-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 10px; }
  #gc-root .gc-b:nth-child(odd) { border-left: 0; padding-left: 0; }
  #gc-root .gc-mini { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #gc-root .gc-tbl { min-width: 640px; }
  #gc-root .gc-tbl td:first-child { min-width: 170px; }
  #gc-root .gc-flow { flex-wrap: wrap; }
  #gc-root .gc-step { flex: 1 1 40%; }
  #gc-root .gc-arrow { display: none; }
  #panel-dashboard .gc-sub { display: block; margin: 2px 0 0; }
}

/* ═══ 29/09 RESULTADOS — visão executiva (mockup aprovado; tokens DS v2; sem glow/neon/gradiente chamativo) ═══ */
#panel-dashboard.gc-on .dv-bar { flex-wrap: wrap; row-gap: 8px; }
#panel-dashboard .gc-ttl { display: block; font: 700 20px/1.2 var(--vds-font-display, 'Rajdhani', 'Inter', sans-serif); letter-spacing: .01em; color: var(--vds-text-primary, var(--t1)); }
#panel-dashboard.gc-on .gc-sub { display: block; margin: 2px 0 0; font-size: 11.5px; }
#gc-bar-actions { display: inline-flex; gap: 8px; flex-wrap: wrap; }
#gc-bar-actions .gc-btn { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--vds-gold-500, var(--gold)); background: var(--vds-gold-500, var(--gold)); color: var(--vds-text-on-gold, #111);
  font: 600 12px/1 var(--vds-font-sans, 'Inter', sans-serif); padding: 8px 12px; border-radius: var(--vds-radius-md, 8px); cursor: pointer; white-space: nowrap; }
#gc-bar-actions .gc-btn.is-ghost { background: transparent; color: var(--vds-gold-500, var(--gold)); }
#gc-bar-actions .gc-btn:focus-visible { outline: 2px solid var(--vds-gold-500, var(--gold)); outline-offset: 2px; }
#gc-root #gc-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
#gc-root .gc-sh { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
#gc-root .gc-sh h3 { margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#gc-root .gc-sh h3 .fa-bolt { color: var(--gc-gold); }
#gc-root .gc-link { background: none; border: 0; padding: 0; color: var(--gc-gold); font: 600 11.5px/1.3 var(--vds-font-sans, 'Inter', sans-serif); cursor: pointer; white-space: nowrap; }
#gc-root .gc-link:hover { text-decoration: underline; }
#gc-root .gc-badge { font-size: 10.5px; font-weight: 600; color: var(--gc-t2); background: var(--gc-s2); border: 1px solid var(--gc-bd); border-radius: 999px; padding: 2px 8px; }
/* 2. KPIs */
#gc-root .gc-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); gap: 10px; }
#gc-root .gc-kpi { display: flex; gap: 12px; align-items: flex-start; background: var(--gc-s1); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); padding: 14px; min-width: 0; }
#gc-root .gc-kpi-ic, #gc-root .gc-acard-ic, #gc-root .gc-op-ic { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--gc-s2); border: 1px solid var(--gc-bd); color: var(--gc-t2); font-size: 15px; }
#gc-root .gc-kpi.is-key .gc-kpi-ic { color: var(--gc-gold); }
#gc-root .gc-kpi-b { min-width: 0; }
#gc-root .gc-kpi-l { font-size: 11px; color: var(--gc-t2); font-weight: 600; }
#gc-root .gc-kpi-v { font-size: 22px; font-weight: 700; line-height: 1.2; margin-top: 2px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gc-root .gc-kpi.is-key .gc-kpi-v { color: var(--gc-gold); }
#gc-root .gc-kpi .gc-d { margin-top: 4px; }
/* 3. atenção agora */
#gc-root .gc-acards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }
#gc-root .gc-acard { display: flex; gap: 12px; border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); padding: 14px; background: var(--gc-s2); min-width: 0; }
#gc-root .gc-acard.is-bn { border-color: color-mix(in srgb, var(--gc-down) 45%, var(--gc-bd)); background: color-mix(in srgb, var(--gc-down) 7%, var(--gc-s1)); }
#gc-root .gc-acard.is-bn .gc-acard-ic, #gc-root .gc-acard.is-bn .gc-acard-l { color: var(--gc-down); }
#gc-root .gc-acard.is-opp, #gc-root .gc-acard.is-ok { border-color: color-mix(in srgb, var(--gc-up) 40%, var(--gc-bd)); background: color-mix(in srgb, var(--gc-up) 6%, var(--gc-s1)); }
#gc-root .gc-acard.is-opp .gc-acard-ic, #gc-root .gc-acard.is-opp .gc-acard-l, #gc-root .gc-acard.is-ok .gc-acard-ic, #gc-root .gc-acard.is-ok .gc-acard-l { color: var(--gc-up); }
#gc-root .gc-acard.is-act { border-color: color-mix(in srgb, var(--gc-gold) 40%, var(--gc-bd)); background: color-mix(in srgb, var(--gc-gold) 6%, var(--gc-s1)); }
#gc-root .gc-acard.is-act .gc-acard-ic, #gc-root .gc-acard.is-act .gc-acard-l { color: var(--gc-gold); }
#gc-root .gc-acard-b { min-width: 0; display: flex; flex-direction: column; }
#gc-root .gc-acard-l { font-size: 11.5px; font-weight: 700; }
#gc-root .gc-acard-b b { font-size: 13.5px; margin-top: 4px; overflow-wrap: anywhere; }
#gc-root .gc-acard-b p { margin: 4px 0 0; font-size: 12px; color: var(--gc-t2); line-height: 1.45; }
#gc-root .gc-cta { align-self: flex-start; margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; background: transparent; color: var(--gc-t1); border: 1px solid var(--gc-bd);
  border-radius: var(--vds-radius-md, 8px); padding: 6px 10px; font: 600 11.5px/1 var(--vds-font-sans, 'Inter', sans-serif); cursor: pointer; }
#gc-root .gc-cta:hover { border-color: var(--gc-gold); }
/* 4. funil em etapas encadeadas */
#gc-root .gc-fsteps { display: flex; gap: 4px; min-width: 0; }
#gc-root .gc-fs { flex: 1 1 0; min-width: 0; position: relative; padding: 10px 14px 10px 22px; background: color-mix(in srgb, var(--gc-up) calc(4% + var(--i) * 2%), var(--gc-s2));
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%); }
#gc-root .gc-fs:first-child { padding-left: 14px; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); }
#gc-root .gc-fs.is-last { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%); background: color-mix(in srgb, var(--gc-gold) 12%, var(--gc-s2)); }
#gc-root .gc-fs span { display: block; font-size: 11px; color: var(--gc-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gc-root .gc-fs b { display: block; font-size: 17px; font-weight: 700; margin-top: 2px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gc-root .gc-fs em { display: block; font-style: normal; font-size: 11px; color: var(--gc-t3); margin-top: 1px; }
#gc-root .gc-fs.is-leak em { color: var(--gc-down); font-weight: 600; }
#gc-root .gc-leak { margin: 8px 0 0; font-size: 11.5px; color: var(--gc-t2); }
#gc-root .gc-leak i { color: var(--gc-down); }
/* 5/6. campanhas + criativos */
#gc-root .gc-two { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 14px; }
#gc-root .gc-top td, #gc-root .gc-top th { padding-top: 7px; padding-bottom: 7px; }
#gc-root .gc-rk { display: inline-block; min-width: 16px; color: var(--gc-t3); font-weight: 600; margin-right: 6px; }
#gc-root .gc-crcs { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
#gc-root .gc-crc { border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); padding: 12px; background: var(--gc-s2); min-width: 0; display: flex; flex-direction: column; gap: 8px; }
#gc-root .gc-crc-h { font-size: 11.5px; font-weight: 700; }
#gc-root .gc-crc.is-best .gc-crc-h { color: var(--gc-up); } #gc-root .gc-crc.is-watch .gc-crc-h { color: var(--gc-gold); } #gc-root .gc-crc.is-problem .gc-crc-h { color: var(--gc-down); }
#gc-root .gc-crc-n { font-size: 12.5px; font-weight: 600; overflow-wrap: anywhere; }
#gc-root .gc-crm { display: flex; flex-wrap: wrap; gap: 6px 12px; }
#gc-root .gc-crm span { font-size: 12px; font-variant-numeric: tabular-nums; } #gc-root .gc-crm em { display: block; font-style: normal; font-size: 10.5px; color: var(--gc-t3); }
#gc-root .gc-crc-v { align-self: flex-start; font-size: 10.5px; font-weight: 600; border: 1px solid var(--gc-bd); border-radius: 999px; padding: 3px 8px; color: var(--gc-t2); }
/* 7/8. operação comercial + métricas avançadas */
#gc-root .gc-bottom { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 14px; align-items: start; }
#gc-root .gc-opsg { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
#gc-root .gc-op { display: flex; gap: 10px; background: var(--gc-s2); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); padding: 12px; min-width: 0; }
#gc-root .gc-op-l { font-size: 11px; color: var(--gc-t2); font-weight: 600; }
#gc-root .gc-op-v { font-size: 20px; font-weight: 700; margin-top: 2px; font-variant-numeric: tabular-nums; }
#gc-root .gc-op-s { font-size: 11px; color: var(--gc-t3); }
#gc-root .gc-adv { background: var(--gc-s1); border: 1px solid var(--gc-bd); border-radius: var(--vds-radius-lg, 10px); min-width: 0; }
#gc-root .gc-adv[open] { grid-column: 1 / -1; }
#gc-root .gc-adv > summary { list-style: none; display: flex; align-items: center; gap: 12px; padding: 16px; cursor: pointer; }
#gc-root .gc-adv > summary::-webkit-details-marker { display: none; }
#gc-root .gc-adv-ic { width: 38px; height: 38px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--gc-s2); border: 1px solid var(--gc-bd); color: var(--gc-t2); }
#gc-root .gc-adv-t { flex: 1; min-width: 0; } #gc-root .gc-adv-t b { display: block; font-size: 13.5px; } #gc-root .gc-adv-t small { display: block; font-size: 11.5px; color: var(--gc-t3); margin-top: 2px; }
#gc-root .gc-adv-chev { color: var(--gc-t3); transition: transform .15s; } #gc-root .gc-adv[open] .gc-adv-chev { transform: rotate(90deg); }
#gc-root .gc-adv-body { border-top: 1px solid var(--gc-bd); padding: 14px; display: flex; flex-direction: column; gap: 14px; }
#gc-root #gc-adv-dyn { display: flex; flex-direction: column; gap: 14px; }
/* responsivo: notebook e telas menores — sem overflow horizontal */
@media (max-width: 1180px) { #gc-root .gc-two, #gc-root .gc-bottom { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1100px) {
  #gc-root .gc-fsteps { flex-wrap: wrap; }
  #gc-root .gc-fs, #gc-root .gc-fs:first-child, #gc-root .gc-fs.is-last { flex: 1 1 calc(33% - 4px); clip-path: none; border-radius: 8px; padding-left: 12px; }
  #gc-root .gc-kpi-v { font-size: 19px; }
}
@media (max-width: 560px) { #gc-root .gc-fs, #gc-root .gc-fs:first-child, #gc-root .gc-fs.is-last { flex-basis: calc(50% - 4px); } #gc-bar-actions { width: 100%; } }

/* ═══ 29/09 (2ª passada) Resultados — aproximação fiel ao modelo aprovado ═══ */
#panel-dashboard.gc-on .dv-bar { flex-wrap: wrap; align-items: center; row-gap: 12px; padding-top: 16px; padding-bottom: 14px; }
#panel-dashboard.gc-on .dv-bar > div:first-child { flex: 1 1 100%; }
#panel-dashboard.gc-on .dv-bar > div:last-child { margin-left: 0 !important; flex: 1 1 100%; justify-content: flex-start; }
#panel-dashboard.gc-on #gc-bar-actions { margin-left: auto; }
#panel-dashboard .gc-help { font-size: 13px; color: var(--vds-text-tertiary, var(--t3)); margin-left: 4px; cursor: help; vertical-align: middle; }
#panel-dashboard.gc-on .gc-acct { font-size: 12px !important; color: var(--vds-text-primary, var(--t1)) !important; background: var(--vds-surface-2, var(--s2)); border: 1px solid var(--vds-border-default, var(--b2));
  border-radius: 8px; padding: 7px 12px; max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#panel-dashboard.gc-on .dv-bar .dv-sel { background: var(--vds-surface-2, var(--s2)); border: 1px solid var(--vds-border-default, var(--b2)); border-radius: 8px; padding: 7px 10px; color: var(--vds-text-primary, var(--t1)); font-size: 12px; }
#panel-dashboard.gc-on .dv-bar .dv-btn, #panel-dashboard.gc-on .dv-bar .dv-cmp-toggle { background: transparent !important; border: 1px solid var(--vds-border-default, var(--b2)) !important; color: var(--vds-text-secondary, var(--t2)) !important;
  border-radius: 8px !important; font-weight: 500 !important; }
#panel-dashboard.gc-on #dv-status-seg { background: var(--vds-surface-2, var(--s2)) !important; border-radius: 8px !important; }
#panel-dashboard.gc-on #dv-status-seg .dv-st-btn { color: var(--vds-text-secondary, var(--t2)) !important; background: transparent !important; font-weight: 500 !important; }
#panel-dashboard.gc-on #dv-status-seg .dv-st-btn.dv-st-on { background: var(--vds-surface-1, var(--s1)) !important; color: var(--vds-text-primary, var(--t1)) !important; box-shadow: inset 0 0 0 1px var(--vds-border-default, var(--b2)); }
#gc-root .gc-kpi-ic, #gc-root .gc-acard-ic, #gc-root .gc-op-ic, #gc-root .gc-adv-ic { border-radius: 50%; }
#gc-root .gc-kpi { --hue: var(--gc-t2); align-items: center; }
#gc-root .gc-kpi.is-spend { --hue: #3B82F6; } #gc-root .gc-kpi.is-leads { --hue: #6366F1; } #gc-root .gc-kpi.is-sales { --hue: #14B8A6; } #gc-root .gc-kpi.is-revenue { --hue: var(--gc-up); } #gc-root .gc-kpi.is-roas { --hue: #94A3B8; }
#gc-root .gc-kpi .gc-kpi-ic { width: 44px; height: 44px; font-size: 17px; color: var(--hue); background: color-mix(in srgb, var(--hue) 16%, var(--gc-s1)); border-color: color-mix(in srgb, var(--hue) 35%, var(--gc-bd)); }
#gc-root .gc-kpi-row { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: 2px; }
#gc-root .gc-kpi-row .gc-kpi-v { margin: 0; color: var(--gc-t1); }
#gc-root .gc-kd { font-size: 12px; font-weight: 600; white-space: nowrap; } #gc-root .gc-kd i { font-size: 10px; }
#gc-root .gc-kd.is-up { color: var(--gc-up); } #gc-root .gc-kd.is-down { color: var(--gc-down); } #gc-root .gc-kd.is-flat { color: var(--gc-t3); }
#gc-root .gc-kpi-s { font-size: 11px; color: var(--gc-t3); margin-top: 2px; }
#gc-root .gc-acard { min-height: 150px; } #gc-root .gc-acard-b { flex: 1; } #gc-root .gc-acard-b .gc-cta { margin-top: auto; } #gc-root .gc-acard-b p + .gc-cta, #gc-root .gc-acard-b .gc-conf + .gc-cta { margin-top: auto; }
#gc-root .gc-acard-b p { margin-bottom: 12px; }
#gc-root .gc-fs { display: flex; align-items: center; gap: 10px;
  background: color-mix(in srgb, var(--gc-up) calc(5% + var(--i) * 4%), color-mix(in srgb, #2563EB calc(26% - var(--i) * 3.5%), var(--gc-s1))); }
#gc-root .gc-fs-t { min-width: 0; }
#gc-root .gc-fs.is-last { background: color-mix(in srgb, var(--gc-gold) 16%, var(--gc-s1)); }
#gc-root .gc-fs-ic { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--gc-gold); background: color-mix(in srgb, var(--gc-gold) 18%, var(--gc-s1)); }
#gc-root .gc-top td.is-good { color: var(--gc-up); font-weight: 600; } #gc-root .gc-top td.is-bad { color: var(--gc-down); font-weight: 600; }
#gc-root .gc-top thead th { text-transform: none; letter-spacing: 0; font-size: 11.5px; }
#gc-root .gc-crc.is-best { border-color: color-mix(in srgb, var(--gc-up) 40%, var(--gc-bd)); background: color-mix(in srgb, var(--gc-up) 5%, var(--gc-s1)); }
#gc-root .gc-crc.is-watch { border-color: color-mix(in srgb, var(--gc-gold) 40%, var(--gc-bd)); background: color-mix(in srgb, var(--gc-gold) 5%, var(--gc-s1)); }
#gc-root .gc-crc.is-problem { border-color: color-mix(in srgb, var(--gc-down) 40%, var(--gc-bd)); background: color-mix(in srgb, var(--gc-down) 5%, var(--gc-s1)); }
#gc-root .gc-crc-v { margin-top: auto; }
#gc-root .gc-crc.is-best .gc-crc-v { color: var(--gc-up); border-color: color-mix(in srgb, var(--gc-up) 55%, transparent); background: color-mix(in srgb, var(--gc-up) 12%, transparent); }
#gc-root .gc-crc.is-watch .gc-crc-v { color: var(--gc-gold); border-color: color-mix(in srgb, var(--gc-gold) 55%, transparent); background: color-mix(in srgb, var(--gc-gold) 12%, transparent); }
#gc-root .gc-crc.is-problem .gc-crc-v { color: var(--gc-down); border-color: color-mix(in srgb, var(--gc-down) 55%, transparent); background: color-mix(in srgb, var(--gc-down) 12%, transparent); }
#gc-root .gc-crm { justify-content: space-between; } 
#gc-root .gc-op { align-items: center; } #gc-root .gc-op .gc-op-ic { width: 44px; height: 44px; font-size: 16px; }
#gc-root .gc-opsg .gc-op:nth-child(1) .gc-op-ic { color: #818CF8; background: color-mix(in srgb, #6366F1 18%, var(--gc-s1)); }
#gc-root .gc-opsg .gc-op:nth-child(2) .gc-op-ic { color: #60A5FA; background: color-mix(in srgb, #3B82F6 18%, var(--gc-s1)); }
#gc-root .gc-opsg .gc-op:nth-child(3) .gc-op-ic { color: var(--gc-up); background: color-mix(in srgb, var(--gc-up) 16%, var(--gc-s1)); }
#gc-root .gc-fs b { font-size: clamp(14px, 1.2vw, 17px); }
@media (max-width: 1440px) { #gc-root .gc-fs-ic { display: none; } }
/* 29/09 funil real: unidade do KPI "Agendou" menor que o número ("38 agendamentos" não corta em 820–1366px) */
#gc-root .gc-kpi-v small { font-size: .62em; font-weight: 600; color: var(--gc-t2); }
/* 29/09 ajuste fino: "R$ a realizar" é dinheiro agendado (previsto), não erro — dourado discreto mesmo na etapa do gargalo (a taxa segue vermelha) */
#gc-root .gc-fs em.gc-fs-x, #gc-root .gc-fs.is-leak em.gc-fs-x { color: var(--gc-gold); font-weight: 600; }