{
  "version": 3,
  "sources": ["src/app/features/profile/components/tab-community/player-profile-form/player-profile-form.component.css"],
  "sourcesContent": ["/* Formulario del perfil de jugador (J2). Mobile-first; la vista previa pasa a una columna\n   lateral en escritorio. Radio 0 y variables semánticas, como el resto de la casa. */\n\n.ppf__layout {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-8);\n}\n\n.ppf__fields {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  min-width: 0;\n}\n\n.ppf__field,\n.ppf__fieldset {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.ppf__fieldset {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.ppf__row {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: var(--space-4);\n}\n\n.ppf__label {\n  padding: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n}\n\n.ppf__label--sub {\n  margin-top: var(--space-2);\n}\n\n.ppf__input {\n  width: 100%;\n  min-height: 44px;\n  padding: var(--space-2) var(--space-3);\n  background: var(--color-surface-primary);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-primary);\n}\n\n.ppf__input[aria-invalid='true'] {\n  border-color: var(--color-state-error);\n}\n\n.ppf__textarea {\n  min-height: 6rem;\n  resize: vertical;\n}\n\n.ppf__input:focus-visible,\n.ppf__pill:focus-visible,\n.ppf__save:focus-visible,\n.ppf__radio input:focus-visible,\n.ppf__switch input:focus-visible,\n.ppf__consent input:focus-visible,\n.ppf__consent a:focus-visible {\n  outline: 2px solid var(--color-action-secondary);\n  outline-offset: 2px;\n}\n\n.ppf__help,\n.ppf__note,\n.ppf__consented {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  color: var(--color-text-secondary);\n}\n\n.ppf__note {\n  padding: var(--space-3);\n  background: var(--color-surface-secondary);\n  border-left: 3px solid var(--color-brand-secondary);\n}\n\n.ppf__help-row {\n  display: flex;\n  justify-content: space-between;\n  gap: var(--space-3);\n}\n\n.ppf__counter {\n  flex-shrink: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-xs);\n  font-variant-numeric: tabular-nums;\n  color: var(--color-text-secondary);\n}\n\n.ppf__error {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-state-error);\n}\n\n.ppf__pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n}\n\n/* Texto primario siempre: los colores de juego vienen de la API (E4 de J1). */\n.ppf__pill {\n  min-height: 40px;\n  padding: var(--space-2) var(--space-4);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-primary);\n  background: color-mix(in srgb, var(--pill-color, var(--color-brand-neutral)) 10%, transparent);\n  border: 1px solid var(--color-border-primary);\n  border-radius: 0;\n  cursor: pointer;\n}\n\n.ppf__pill.is-active {\n  background: color-mix(in srgb, var(--pill-color, var(--color-brand-neutral)) 24%, transparent);\n  border-color: var(--pill-color, var(--color-brand-neutral));\n  box-shadow: inset 0 -3px 0 var(--pill-color, var(--color-brand-neutral));\n}\n\n.ppf__radios {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2) var(--space-5);\n}\n\n.ppf__radio,\n.ppf__switch,\n.ppf__consent {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--space-2);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  color: var(--color-text-primary);\n  cursor: pointer;\n}\n\n.ppf__radio,\n.ppf__switch {\n  align-items: center;\n  min-height: 44px;\n}\n\n.ppf__radio input,\n.ppf__consent input {\n  width: 18px;\n  height: 18px;\n  margin: 2px 0 0;\n  accent-color: var(--color-action-secondary);\n}\n\n/* Interruptor: checkbox nativo con role=switch, dibujado como pista y botón. */\n.ppf__switch input {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  flex-shrink: 0;\n  width: 44px;\n  height: 24px;\n  margin: 0;\n  background: var(--color-border-strong);\n  border-radius: var(--radius-full);\n  cursor: pointer;\n  transition: background-color var(--transition-fast);\n}\n\n.ppf__switch input::after {\n  content: '';\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 18px;\n  height: 18px;\n  background: var(--color-surface-primary);\n  border-radius: var(--radius-full);\n  transition: transform var(--transition-fast);\n}\n\n.ppf__switch input:checked {\n  background: var(--color-action-secondary);\n}\n\n.ppf__switch input:checked::after {\n  transform: translateX(20px);\n}\n\n.ppf__switch.is-disabled {\n  cursor: not-allowed;\n  color: var(--color-text-secondary);\n}\n\n.ppf__switch input:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ppf__unverified {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-3);\n  padding: var(--space-4);\n  background: color-mix(in srgb, var(--color-state-warning) 10%, transparent);\n  border-left: 3px solid var(--color-state-warning);\n}\n\n.ppf__unverified-text {\n  margin: 0;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  color: var(--color-text-primary);\n}\n\n.ppf__consent {\n  padding: var(--space-4);\n  font-size: var(--text-size-sm);\n  line-height: var(--leading-normal);\n  background: var(--color-surface-secondary);\n  border: 1px solid var(--color-border-primary);\n}\n\n.ppf__consent a {\n  color: var(--color-text-link);\n  text-decoration: underline;\n}\n\n.ppf__alert,\n.ppf__notice {\n  margin: 0;\n  padding: var(--space-3) var(--space-4);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n}\n\n.ppf__alert {\n  color: var(--color-state-error);\n  background: color-mix(in srgb, var(--color-state-error) 8%, transparent);\n  border-left: 3px solid var(--color-state-error);\n}\n\n.ppf__notice {\n  color: var(--color-text-primary);\n  background: color-mix(in srgb, var(--color-state-success) 10%, transparent);\n  border-left: 3px solid var(--color-state-success);\n}\n\n.ppf__actions {\n  display: flex;\n}\n\n.ppf__save {\n  min-height: 44px;\n  padding: var(--space-2) var(--space-6);\n  background: var(--color-action-primary);\n  color: var(--color-text-inverse);\n  border: 0;\n  border-radius: var(--radius-button);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-base);\n  font-weight: var(--font-weight-body-medium);\n  cursor: pointer;\n  transition: background-color var(--transition-fast);\n}\n\n.ppf__save:hover:not(:disabled) {\n  background: var(--color-action-primary-hover);\n}\n\n.ppf__save:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ppf__preview {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n}\n\n.ppf__preview-title {\n  margin: 0;\n  font-family: var(--font-family-heading);\n  font-weight: var(--font-weight-heading);\n  font-size: var(--text-size-base);\n  color: var(--color-text-secondary);\n}\n\n@media (min-width: 641px) {\n  .ppf__row {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (min-width: 1025px) {\n  .ppf__layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 320px;\n    align-items: start;\n  }\n\n  .ppf__preview {\n    position: sticky;\n    top: var(--space-20);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ppf__switch input,\n  .ppf__switch input::after,\n  .ppf__save {\n    transition: none;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}