/* FIX 23: configuración segura sin mover nodos React */
.fixture-page .fixture-selector-card.fixture-selector-safe{
  margin: 0 0 14px !important;
  padding: 14px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(125, 181, 255, .30) !important;
  background: linear-gradient(135deg, rgba(245, 250, 255, .96), rgba(239, 253, 250, .88)) !important;
  box-shadow: 0 14px 34px rgba(31, 65, 120, .07) !important;
}
.fixture-page .fixture-selector-card.fixture-selector-safe .fixture-selector-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
  gap: 12px !important;
}
.fixture-page .fixture-selector-card.fixture-selector-safe .form-group,
.fixture-page .fixture-config-card .form-group{
  margin: 0 !important;
}
.fixture-page .fixture-selector-card.fixture-selector-safe .form-label,
.fixture-page .fixture-config-card .form-label{
  font-size: .78rem !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  color: #53657d !important;
  text-transform: none !important;
}
.fixture-page .fixture-config-card .fixture-card-title p{
  max-width: 820px;
}
.fixture-page .fixture-config-card .form-group.fixture-hide-base,
.fixture-page .fixture-config-card .fixture-hide-base{
  display: none !important;
}
.fixture-page .fixture-config-card.fixture-config-safe .form-grid::after{
  content: "Recinto y cancha se toman desde la configuración de cada categoría/cancha. Luego puedes cambiarlos partido a partido en la programación fina.";
  grid-column: 1 / -1;
  display: block;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(45, 212, 191, .24);
  background: rgba(236, 253, 245, .66);
  color: #4e637d;
  font-size: .86rem;
  line-height: 1.35;
}
.fixture-page .fixture-config-card .form-grid{
  gap: 12px 16px !important;
}
.fixture-page .fixture-config-card .form-control,
.fixture-page .fixture-selector-card.fixture-selector-safe .form-control{
  min-height: 42px !important;
  font-size: .94rem !important;
}
.fixture-page .fixture-config-card .fixture-actions{
  margin-top: 16px !important;
}
.fixture-page .fixture-summary{
  margin-top: 18px !important;
}
.elite360-generate-safe-status{
  margin: 12px 0 !important;
}
@media (max-width: 1180px){
  .fixture-page .fixture-selector-card.fixture-selector-safe .fixture-selector-grid{
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}
@media (max-width: 680px){
  .fixture-page .fixture-selector-card.fixture-selector-safe{
    padding: 12px !important;
    border-radius: 18px !important;
  }
  .fixture-page .fixture-selector-card.fixture-selector-safe .fixture-selector-grid{
    grid-template-columns: 1fr !important;
  }
}