/* Fuente principal */
body{
  font-family: 'Poppins', sans-serif;
}

/* Helpers */
.bg-brand-sidebar{ background-color: var(--sidebar-bg); }
.bg-brand-content{ background-color: var(--content-bg); }

.text-brand-dark{ color: var(--text-dark); }
.text-brand-gray-light{ color: var(--text-gray-light); }
.text-brand-blue{ color: var(--brand-blue); }

/* Tailwind CDN no genera estas utilidades si el color no existe en config */
.border-brand-blue{ border-color: var(--brand-blue) !important; }
.hover\:text-brand-blue:hover{ color: var(--brand-blue) !important; }
.focus\:border-brand-blue:focus{ border-color: var(--brand-blue) !important; }
.focus\:ring-brand-blue:focus{
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-blue) 35%, transparent);
}

/* =========================
   MODALES (subventanas)
   Más compactas y horizontales (landscape)
   Evita deformaciones mediante scroll interno
   ========================= */

.sirix-modal-panel{
  width: 100%;
  max-width: 1080px;
  max-height: 82vh;
  display: flex;
  flex-direction: column;
}

.sirix-modal-panel-lg{
  width: 100%;
  max-width: 1240px;
  max-height: 86vh;
  display: flex;
  flex-direction: column;
}

.sirix-modal-panel-sm{
  width: 100%;
  max-width: 760px;
  max-height: 72vh;
  display: flex;
  flex-direction: column;
}

/* Contenido con scroll interno para mantener proporciones */
.sirix-modal-scroll{
  overflow: auto;
}

/* Encabezados de modales: títulos más compactos */
.modal-header h2{ letter-spacing: .2px; }