/* FIT100 — próxima prova: card claro + CTA do plano */
html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card,
[data-races-panel] .fit100-next-race-card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #d8e5f2 !important;
  box-shadow: 0 10px 28px rgba(6, 26, 53, .07) !important;
  color: #071426 !important;
}

html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card h2,
html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card strong,
[data-races-panel] .fit100-next-race-card h2,
[data-races-panel] .fit100-next-race-card strong {
  color: #071426 !important;
  -webkit-text-fill-color: #071426 !important;
}

html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card p,
html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card span,
[data-races-panel] .fit100-next-race-card p,
[data-races-panel] .fit100-next-race-card span {
  color: #617087 !important;
  -webkit-text-fill-color: #617087 !important;
}

html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card svg,
[data-races-panel] .fit100-next-race-card svg {
  color: #168cff !important;
}

html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card > div:nth-of-type(2) > div,
[data-races-panel] .fit100-next-race-card > div:nth-of-type(2) > div {
  background: #f7fbff !important;
  background-image: none !important;
  border: 1px solid #e1ebf5 !important;
}

html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card > div:nth-of-type(3),
[data-races-panel] .fit100-next-race-card > div:nth-of-type(3) {
  background: #eef6ff !important;
  color: #168cff !important;
  border: 1px solid #cfe3f8 !important;
}

html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card > div:nth-of-type(3) *,
[data-races-panel] .fit100-next-race-card > div:nth-of-type(3) * {
  color: #168cff !important;
  -webkit-text-fill-color: #168cff !important;
}

[data-races-panel] .fit100-next-race-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

[data-races-panel] .fit100-next-race-actions > button,
[data-races-panel] .fit100-next-race-actions > a {
  min-width: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cbdced !important;
  color: #52657c !important;
}

[data-races-panel] .fit100-next-race-actions > button:first-child {
  order: 2 !important;
  color: #168cff !important;
}

[data-races-panel] .fit100-next-race-actions > button:not(:first-child):not(.fit100-race-plan-button) {
  order: 3 !important;
}

[data-races-panel] .fit100-next-race-actions .fit100-race-plan-button {
  order: 1 !important;
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: #168cff !important;
  border: 1px solid #168cff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(22, 140, 255, .16) !important;
}

[data-races-panel] .fit100-next-race-actions .fit100-race-plan-button *,
[data-races-panel] .fit100-next-race-actions .fit100-race-plan-button svg {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Mantém texto e ícone do CTA brancos mesmo com as regras gerais do card. */
html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card .fit100-next-race-actions .fit100-race-plan-button,
html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card .fit100-next-race-actions .fit100-race-plan-button *,
html body #root [data-fit100-premium-app] .fit-social-shell [data-races-panel] .fit100-next-race-card .fit100-next-race-actions .fit100-race-plan-button svg,
[data-races-panel] .fit100-next-race-card .fit100-next-race-actions .fit100-race-plan-button,
[data-races-panel] .fit100-next-race-card .fit100-next-race-actions .fit100-race-plan-button *,
[data-races-panel] .fit100-next-race-card .fit100-next-race-actions .fit100-race-plan-button svg {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: currentColor !important;
}

[data-races-panel] .fit100-next-race-actions .fit100-race-plan-button:active {
  transform: translateY(1px);
}

@media (max-width: 390px) {
  [data-races-panel] .fit100-next-race-actions {
    grid-template-columns: 1fr 1fr !important;
  }
}