/**
 * MODALES CORPORATIVOS - OCSEVIS
 */

/* Modal se adapta al contenido */
.modal {
  height: auto !important;
  max-height: 95vh !important;
}

.modal .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 10px;
}

.tab-panels {
  overflow: visible;
  max-height: none;
  height: auto;
}

.tab-panel {
  padding-bottom: 8px;
}

/* Etiquetas en NEGRO para que se lean */
.modal label span,
.form-grid label span {
  color: #000000 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

/* Inputs con texto negro */
.modal input,
.modal select,
.modal textarea {
  color: #000000 !important;
}

/* Header azul corporativo */
.modal h2 {
  background: #0ea5e9 !important;
}

/* Modo oscuro - etiquetas blancas */
@media (prefers-color-scheme: dark) {
  .modal label span,
  .form-grid label span {
    color: #ffffff !important;
  }
  
  .modal input,
  .modal select,
  .modal textarea {
    color: #ffffff !important;
  }
}