/* Corrección de fuentes para la vista de estudios */
/* Asegurar consistencia con el resto del proyecto */

/* Contenedor principal de estudios */
#estudios-container {
  font-size: 0.875rem !important; /* Base font size */
}

/* Corregir título principal - debe ser igual a otras vistas */
#estudios-container .estudios-header h1,
#estudios-container .estudios-header p.text-2xl {
  font-size: 1.875rem !important; /* text-3xl - igual que doctores */
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Corregir subtítulo - debe ser igual a otras vistas */
#estudios-container .estudios-header p.text-sm {
  font-size: 1rem !important; /* text-base - igual que doctores */
  line-height: 1.5 !important;
}

/* Corregir iconos del header */
#estudios-container .estudios-header .material-symbols-outlined {
  font-size: 1.875rem !important; /* 30px - igual que doctores */
}

/* Corregir tabla de estudios */
#estudios-container .estudios-table th {
  font-size: 0.875rem !important; /* text-sm */
  font-weight: 600 !important;
  line-height: 1.25rem !important;
}

#estudios-container .estudios-table td {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

#estudios-container .estudios-table td p {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

/* Corregir iconos en la tabla */
#estudios-container .estudios-view .material-symbols-outlined {
  font-size: 1rem !important; /* 16px - tamaño estándar para iconos en tablas */
}

/* Corregir iconos específicos en celdas */
#estudios-container .estudios-table .material-symbols-outlined.text-base {
  font-size: 1rem !important; /* 16px */
}

/* Corregir badges de tipo */
#estudios-container .tipo-badge {
  font-size: 0.75rem !important; /* text-xs */
  font-weight: 600 !important;
  line-height: 1rem !important;
}

/* Corregir formularios y inputs */
#estudios-container .estudios-form input,
#estudios-container .estudios-form select,
#estudios-container .estudios-form textarea {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

/* Corregir placeholders */
#estudios-container .estudios-form input::placeholder,
#estudios-container .estudios-form textarea::placeholder {
  font-size: 0.875rem !important; /* text-sm */
}

/* Corregir botones */
#estudios-container .estudios-buttons button {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

/* Corregir paginación */
#estudios-container .estudios-pagination {
  font-size: 0.875rem !important; /* text-sm */
}

#estudios-container .estudios-pagination a,
#estudios-container .estudios-pagination p {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

/* Corregir iconos de paginación */
#estudios-container .estudios-pagination .material-symbols-outlined {
  font-size: 1rem !important; /* 16px */
}

/* Corregir texto de "no results" */
#estudios-container .estudios-no-results {
  font-size: 0.875rem !important; /* text-sm */
}

#estudios-container .estudios-no-results p {
  font-size: 0.875rem !important; /* text-sm */
}

/* Corregir modales */
.estudios-modal .modal-title {
  font-size: 1.25rem !important; /* text-xl */
  font-weight: 700 !important;
  line-height: 1.75rem !important;
}

.estudios-modal .modal-body {
  font-size: 0.875rem !important; /* text-sm */
}

.estudios-modal .modal-body label {
  font-size: 0.875rem !important; /* text-sm */
  font-weight: 600 !important;
  line-height: 1.25rem !important;
}

.estudios-modal .modal-body input,
.estudios-modal .modal-body select,
.estudios-modal .modal-body textarea {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

.estudios-modal .modal-body p {
  font-size: 0.875rem !important; /* text-sm */
  line-height: 1.25rem !important;
}

/* Corregir iconos en modales */
.estudios-modal .material-symbols-outlined {
  font-size: 1.25rem !important; /* 20px */
}

/* Sobrescribir cualquier clase de Tailwind que pueda estar causando problemas */
#estudios-container .text-3xl {
  font-size: 1.875rem !important; /* Mantener consistencia con otras vistas */
  line-height: 2.25rem !important;
}

#estudios-container .text-2xl {
  font-size: 1.875rem !important; /* Corregir a text-3xl para consistencia */
  line-height: 2.25rem !important;
}

#estudios-container .text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

#estudios-container .text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

#estudios-container .text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

#estudios-container .text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

#estudios-container .text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

/* Asegurar que todos los elementos tengan el tamaño correcto */
#estudios-container * {
  line-height: inherit !important;
}

/* Responsive: mantener tamaños en móviles */
@media (max-width: 768px) {
  #estudios-container .estudios-header h1,
  #estudios-container .estudios-header p.text-2xl {
    font-size: 1.5rem !important; /* text-2xl en móvil */
    line-height: 2rem !important;
  }
  
  #estudios-container .estudios-header p.text-sm {
    font-size: 0.875rem !important; /* text-sm en móvil */
    line-height: 1.25rem !important;
  }
  
  #estudios-container .text-3xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  
  #estudios-container .text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
}

/* Estilos para botones de acción */
#estudios-container .action-buttons {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

#estudios-container .action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  background: transparent;
}

#estudios-container .action-button:hover {
  transform: scale(1.05);
}

#estudios-container .action-button.view {
  color: #007AFF;
}

#estudios-container .action-button.view:hover {
  background-color: rgba(0, 122, 255, 0.1);
}

#estudios-container .action-button.edit {
  color: #F59E0B;
}

#estudios-container .action-button.edit:hover {
  background-color: rgba(245, 158, 11, 0.1);
}

#estudios-container .action-button.delete {
  color: #EF4444;
}

#estudios-container .action-button.delete:hover {
  background-color: rgba(239, 68, 68, 0.1);
}

#estudios-container .action-button .material-symbols-outlined {
  font-size: 1rem !important;
}