
/* ============================================================
   GCH v22 - Mini-grafico do cartao "Fechado / Ganho"
   1) Reposicionado para a faixa direita do proprio cartao,
      ao lado do valor (local indicado pelo usuario)
   2) Correcao da "piscada": nenhuma animacao infinita e o
      grafico nunca e recriado nem reanimado nos re-renders
   SOMENTE CELULAR - tudo dentro de @media (max-width:640px)
   ============================================================ */
@media (max-width:640px){
  /* desliga o grafico antigo (v21) e suas animacoes infinitas */
  #gdmForecastPanel .gdm-fc-card .gch-won21{display:none !important}
  #gdmForecastPanel .gdm-fc-card.gch-won21-host .lbl i{animation:none !important}
  /* cartao hospedeiro: reserva a faixa da direita para o grafico */
  #gdmForecastPanel .gdm-fc-card.gch-won22-host{position:relative;padding-right:172px;min-height:88px}
  #gdmForecastPanel .gdm-fc-card.gch-won22-host .lbl,
  #gdmForecastPanel .gdm-fc-card.gch-won22-host .val,
  #gdmForecastPanel .gdm-fc-card.gch-won22-host .sub{position:relative;z-index:1}
  .gch-won22{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:158px;height:62px;display:flex;align-items:center;gap:8px;pointer-events:none}
  .gch-won22-ring{position:relative;flex:0 0 60px;width:60px;height:60px}
  .gch-won22-ring svg{width:60px;height:60px;display:block;transform:rotate(-90deg)}
  .gch-won22-ring circle{fill:none;stroke-linecap:round}
  .gch-won22-tr{stroke:rgba(163,163,163,.20);stroke-width:7}
  .gch-won22-pg{stroke:#10B981;stroke-width:7;filter:drop-shadow(0 0 4px rgba(16,185,129,.45));transition:stroke-dashoffset 1.1s cubic-bezier(.22,.61,.36,1)}
  .gch-won22-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800;color:#10B981;letter-spacing:-.02em}
  .gch-won22-bars{flex:1 1 auto;min-width:0;display:flex;align-items:flex-end;gap:4px;height:54px}
  .gch-won22-b{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
  .gch-won22-fill{width:100%;height:0;min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#6366F1,#2563EB);transition:height .95s cubic-bezier(.22,.61,.36,1)}
  .gch-won22-b.is-won .gch-won22-fill{background:linear-gradient(180deg,#34D399,#10B981);box-shadow:0 0 6px rgba(16,185,129,.40)}
  /* entrada escalonada das barras (uma vez, sem repeticao) */
  .gch-won22-b:nth-child(1) .gch-won22-fill{transition-delay:.03s}
  .gch-won22-b:nth-child(2) .gch-won22-fill{transition-delay:.09s}
  .gch-won22-b:nth-child(3) .gch-won22-fill{transition-delay:.15s}
  .gch-won22-b:nth-child(4) .gch-won22-fill{transition-delay:.21s}
  .gch-won22-b:nth-child(5) .gch-won22-fill{transition-delay:.27s}
  .gch-won22-b:nth-child(6) .gch-won22-fill{transition-delay:.33s}
  html:not(.dark) .gch-won22-tr{stroke:rgba(105,114,125,.22)}
  html:not(.dark) .gch-won22-pct{color:#047857}
}
