/* ============ TU CSS EXISTENTE (conservo todo) ============ */
#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}

.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;
}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;
}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;
}

/* ===== Formularios en modal más grandes ===== */
:root {
  --modal-ancho: 95vw;  /* ancho casi pantalla */
  --modal-alto: 90vh;   /* alto casi pantalla */
}

#EntityFormModal .modal-dialog,
.entitylist-modal .modal-dialog,
.modal .modal-dialog {
  width: var(--modal-ancho) !important;
  max-width: var(--modal-ancho) !important;
}

#EntityFormModal .modal-content,
.entitylist-modal .modal-content {
  height: var(--modal-alto);
}

#EntityFormModal .modal-body,
.entitylist-modal .modal-body {
  max-height: calc(var(--modal-alto) - 120px);
  overflow-y: auto;
}

#EntityFormModal .modal-footer,
.entitylist-modal .modal-footer {
  position: sticky;
  bottom: 0;
  background: var(--portalThemeColor4, #ffffff);
  z-index: 1;
}

.tooltip-inner {
  max-width: 420px;
  white-space: normal;
  text-align: left;
}

.pp-desc-anchor{display:inline-flex;align-items:center;font-size:14px;padding:0 4px;border-radius:4px}
.pp-desc-anchor:hover{background:rgba(0,0,0,.06)}

/* ============ NUEVO: OCULTAR FILAS COMPLETAS DE CAMPOS DERIVADOS ============ */
/* Ocultamos la fila completa (label + control). Funciona en navegadores con :has(). */
.entity-form .form-group:has(:is(
  #inge_variablerangevoltage,
  #inge_minvoltage,
  #inge_maxvoltage,
  #inge_ratedvoltage,
  #inge_variablerangefrequency,
  #inge_minfrequency,
  #inge_maxfrequency,
  #inge_ratedfrequency,
  #inge_tipo,
  #inge_cantidad
)),
.entity-form .entity-form-control:has(:is(
  #inge_variablerangevoltage,
  #inge_minvoltage,
  #inge_maxvoltage,
  #inge_ratedvoltage,
  #inge_variablerangefrequency,
  #inge_minfrequency,
  #inge_maxfrequency,
  #inge_ratedfrequency,
  #inge_tipo,
  #inge_cantidad
)) {
  display: none !important;
}

/* Oculta cualquier contenedor al que le pongamos esta clase desde JS */
.pp-hide{ display:none !important; }
