/* ============================================
   Estilos adicionales para páginas específicas
   ============================================ */

/* Clases de utilidad para texto */
.text-primary {
  color: var(--color-text-primary);
}

.text-primary-muted {
  color: var(--color-text-primary);
  opacity: 0.7;
}

.text-primary-subtle {
  color: var(--color-text-primary);
  opacity: 0.8;
}

.text-primary-faint {
  color: var(--color-text-primary);
  opacity: 0.9;
}

/* Iconos circulares con background transparente */
.icon-circle {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Info box con estilo actualizado */
.info-box-primary {
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-secondary);
  border-radius: 0.75rem;
  padding: 1rem;
}

/* Estado activo (verde suave) */
.text-status-active {
  color: var(--color-success);
}

/* Estilo para el código de error en mensajes */
.error-text {
  color: var(--color-warning);
}

/* Botones especiales para cerrar sesión con botón de texto */
.btn-text-logout {
  color: var(--color-warning);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}

.btn-text-logout:hover {
  background-color: rgba(212, 165, 116, 0.1);
  color: var(--color-accent-primary);
}

/* Estilos para border inline específico */
.border-student {
  border-color: var(--color-border-secondary);
}

.border-accent-inline {
  border-color: var(--color-accent-secondary);
}