/* FIT100 Running — profile edit card light/premium */

#profile-edit-card {
  background: #ffffff !important;
  border: 1px solid #dce7f2 !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(7,20,38,.06) !important;
  color: #071426 !important;
}

#profile-edit-card h2 {
  color: #071426 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

#profile-edit-card p {
  color: #617087 !important;
}

#profile-edit-card label {
  color: #173654 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

#profile-edit-card input,
#profile-edit-card select,
#profile-edit-card textarea,
#profile-edit-card button[role="combobox"] {
  min-height: 48px !important;
  border: 1px solid #cfe0ee !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #071426 !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

#profile-edit-card input::placeholder,
#profile-edit-card textarea::placeholder {
  color: #9aaabd !important;
  opacity: 1 !important;
}

#profile-edit-card input:focus,
#profile-edit-card select:focus,
#profile-edit-card textarea:focus,
#profile-edit-card button[role="combobox"]:focus {
  border-color: #168cff !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(22,140,255,.10) !important;
}

#profile-edit-card select {
  appearance: auto !important;
}

#profile-edit-card input[type="date"] {
  color-scheme: light !important;
}

#profile-edit-card input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: .72 !important;
  filter: none !important;
}

#profile-edit-card .text-\[9px\],
#profile-edit-card span[class*="text-[9px]"] {
  color: #7d91aa !important;
}

#profile-edit-card button:not([role="combobox"]) {
  border-radius: 15px !important;
}

#profile-edit-card button.bg-\[\#168cff\],
#profile-edit-card button[class*="bg-[#168cff]"] {
  background: #168cff !important;
  color: #ffffff !important;
  border-color: #168cff !important;
}

#profile-edit-card button[class*="border"]:not([class*="bg-[#168cff]"]):not([role="combobox"]) {
  background: #ffffff !important;
  color: #173654 !important;
  border-color: #d5e2ed !important;
}

/* Perfil — resumo de km, corridas e melhor pace em versão clara. */
html body #root [data-fit100-premium-app] section[class*="grid-cols-3"][class*="overflow-hidden"][class*="rounded-[22px]"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #d9e5f1 !important;
  box-shadow: 0 8px 22px rgba(7,20,38,.05) !important;
}

html body #root [data-fit100-premium-app] section[class*="grid-cols-3"][class*="overflow-hidden"][class*="rounded-[22px]"] > div {
  background: #ffffff !important;
  color: #071426 !important;
}

html body #root [data-fit100-premium-app] section[class*="grid-cols-3"][class*="overflow-hidden"][class*="rounded-[22px]"] > div + div {
  border-color: #d9e5f1 !important;
}

html body #root [data-fit100-premium-app] section[class*="grid-cols-3"][class*="overflow-hidden"][class*="rounded-[22px]"] strong {
  color: #071426 !important;
  -webkit-text-fill-color: #071426 !important;
}

html body #root [data-fit100-premium-app] section[class*="grid-cols-3"][class*="overflow-hidden"][class*="rounded-[22px]"] span {
  color: #6f7f92 !important;
  -webkit-text-fill-color: #6f7f92 !important;
}

html body #root [data-fit100-premium-app] section[class*="grid-cols-3"][class*="overflow-hidden"][class*="rounded-[22px]"] svg {
  color: #168cff !important;
}

/* Perfil — modais de Ajuda e Lembretes no padrão claro. */
body:has([data-fit100-premium-app]) div[role="dialog"].max-w-md.rounded-\[24px\] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #071426 !important;
  border-color: #dce6f0 !important;
  box-shadow: 0 18px 44px rgba(7,20,38,.14) !important;
}

body:has([data-fit100-premium-app]) div[role="dialog"].max-w-md.rounded-\[24px\] h2,
body:has([data-fit100-premium-app]) div[role="dialog"].max-w-md.rounded-\[24px\] [data-dialog-title] {
  color: #071426 !important;
  -webkit-text-fill-color: #071426 !important;
}

body:has([data-fit100-premium-app]) div[role="dialog"].max-w-md.rounded-\[24px\] p {
  color: #617087 !important;
  -webkit-text-fill-color: #617087 !important;
}

body:has([data-fit100-premium-app]) div[role="dialog"].max-w-md.rounded-\[24px\] > button {
  color: #617087 !important;
}

@media (max-width: 390px) {
  #profile-edit-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  #profile-edit-card input,
  #profile-edit-card select,
  #profile-edit-card textarea,
  #profile-edit-card button[role="combobox"] {
    min-height: 46px !important;
    border-radius: 14px !important;
  }
}


/* Perfil — resumo de desempenho em azul-marinho FIT100. */
html body #root [data-fit100-premium-app] #profile-performance-summary {
  background: #061a35 !important;
  background-color: #061a35 !important;
  background-image: none !important;
  border-color: #0f4c82 !important;
  box-shadow: 0 10px 26px rgba(6,26,53,.14) !important;
}

html body #root [data-fit100-premium-app] #profile-performance-summary > div {
  background: transparent !important;
  color: #ffffff !important;
}

html body #root [data-fit100-premium-app] #profile-performance-summary > div + div {
  border-color: rgba(255,255,255,.28) !important;
}

html body #root [data-fit100-premium-app] #profile-performance-summary strong {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #root [data-fit100-premium-app] #profile-performance-summary span {
  background: transparent !important;
  color: rgba(255,255,255,.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,.72) !important;
}

html body #root [data-fit100-premium-app] #profile-performance-summary svg {
  color: #69b7ff !important;
}
