/**
 * WhatsMini — Menu Improvements v3.0
 * Complementa o sidebar com estilos específicos para páginas Bootstrap.
 * Carregado por páginas que usam Bootstrap + menu-config.js.
 */

/* ── Navbar Bootstrap → removida (menu é sidebar) ───────────────────────── */
/* Esta seção intencional: o menu-config.js substitui .navbar por .sidebar */
.navbar { display: none !important; }

/* ── Ajuste de layout para páginas Bootstrap ─────────────────────────────── */
#mainNavbar:empty,
#mainNavbar:not(.sidebar) {
  display: none !important;
}

/* ── Topbar padrão para páginas que não usam .topbar do app.css ───────────── */
.content-wrapper > .d-flex:first-child,
.container-fluid > .row:first-child .d-flex {
  /* Garante que o topo do conteúdo não sobreponha sidebar */
}

/* ── Ensure sidebar funciona em Bootstrap containers ─────────────────────── */
.container-fluid,
.container {
  padding-left: 20px !important;
}

/* ── Badge de instância na topbar ─────────────────────────────────────────── */
#currentInstance.badge {
  background: rgba(37, 211, 102, 0.12) !important;
  color: #effff4 !important;
  border: 1px solid rgba(188, 255, 214, 0.14) !important;
  padding: 5px 10px !important;
  border-radius: 99px !important;
  font-size: 11px !important;
  font-family: 'IBM Plex Mono', monospace;
}

/* ── Fundo das páginas Bootstrap alinhado ao tema dark ───────────────────── */
body {
  background-color: #07110D !important;
  color: #F4FFF8 !important;
}

/* ── Transições de entrada ────────────────────────────────────────────────── */
.wm-shell-reveal {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.wm-shell-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}