/**
 * ========================================
 * ESTILOS GLOBAIS - Base do Sistema
 * Sistema de Gestão Hospitalar SAFE
 * ========================================
 * 
 * Este arquivo contém estilos globais e resets.
 * As variáveis estão definidas em: variables.css
 * 
 * ⚠️ NÃO definir :root aqui - use variables.css
 */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* ============================== */
/* 🎛 Botão tema */
/* ============================== */

.theme-toggle-btn {
  background: none;
  border: none;
  font-size: var(--font-size-xl);
  color: var(--color-fontes-menu);
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.theme-toggle-btn:hover {
  background-color: color-mix(in srgb, black 5%, transparent);
}

/* ============================== */
/* 🛠️ Fix para Bootstrap Modal Backdrop */
/* ============================== */
/* Remove backdrops órfãos que ficam bloqueando a tela */
.modal-backdrop {
  display: none !important;
}

/* Mostrar backdrop apenas quando modal estiver ativo */
.modal.show ~ .modal-backdrop.show {
  display: block !important;
}

/* ✅ FIX CRÍTICO: Modal BOOTSTRAP deve estar oculto quando não tem classe .show */
/* Usa seletor mais específico para afetar apenas modals Bootstrap */
.modal.fade:not(.show) {
  display: none !important;
}

.modal.fade.show {
  display: block !important;
}

/* Garantir que body não fique com overflow:hidden após fechar modal */
body.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}