/* Ajustes UI v0.5.0 - plataformas en columnas.
   Se carga después de styles.css y styles_fix.css para corregir la maquetación
   sin romper los estilos anteriores. */

.platform-edit-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.platform-edit-card {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.platform-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 2px !important;
}

.platform-edit-card label {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #172033;
  font-size: 14px;
  font-weight: 700;
}

.platform-edit-card input,
.platform-edit-card select,
.platform-edit-card textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: 5px !important;
  padding: 9px 10px !important;
  border: 1px solid #d9deea !important;
  border-radius: 10px !important;
  background: #fff !important;
  font: inherit !important;
}

.platform-edit-card input[name$="_asset_name"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important;
  font-size: 13px !important;
}

.platform-edit-card.enabled {
  border-color: #b9ebc8 !important;
  background: #fbfffd !important;
}

.platform-edit-card.disabled {
  border-color: #e6e8ef !important;
  background: #fbfcff !important;
}

@media (max-width: 760px) {
  .platform-edit-grid {
    grid-template-columns: 1fr !important;
  }
}