/* ==========================================
   FIX PARA CALENDARIO CORTADO EN ELECTRON
   ========================================== */

/* Este archivo corrige el problema del calendario cortado en el ejecutable */

/* Sobrescribir las variables del calendario para usar valores fijos */
#habitTrackerModal .tab-habits .calendar-section {
  --ht-cal-gap: 8px !important;
  --ht-cal-padding: 7px !important;
  /* Altura fija calculada para caber en 6 filas + headers sin cortarse */
  --ht-cal-day-height: 72px !important;
  --ht-cal-day-padding: 7px !important;
  --ht-cal-indicator-size: 20px !important;
  --ht-cal-indicator-font: 10px !important;
  --ht-cal-day-header-font: 12px !important;
  --ht-cal-day-header-pad: 6px !important;
  
  /* Importante: permitir que el calendario use todo el espacio disponible */
  min-height: 0 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
}

/* Asegurar que la grilla del calendario no se corte */
#habitTrackerModal .tab-habits .calendar-grid {
  overflow: visible !important;
  min-height: 0 !important;
}

/* Asegurar que los días del calendario no se corten */
#habitTrackerModal .tab-habits .calendar-day {
  min-height: 72px !important;
  height: auto !important;
  overflow: visible !important;
}

/* Para pantallas más pequeñas, ajustar proporcionalmente */
@media (max-height: 800px) {
  #habitTrackerModal .tab-habits .calendar-section {
    --ht-cal-day-height: 65px !important;
  }
  
  #habitTrackerModal .tab-habits .calendar-day {
    min-height: 65px !important;
  }
}

@media (max-height: 700px) {
  #habitTrackerModal .tab-habits .calendar-section {
    --ht-cal-day-height: 58px !important;
  }
  
  #habitTrackerModal .tab-habits .calendar-day {
    min-height: 58px !important;
  }
}