/* Navegação inferior compartilhada — scroll horizontal no mobile */
.bottom-nav {
  position: fixed; bottom: 0; left: 0; right: 0;
  height: calc(68px + env(safe-area-inset-bottom));
  background: var(--surface, #1b201c);
  border-top: 1px solid var(--border, #394337);
  display: flex; align-items: flex-start; padding-top: 10px; z-index: 100;
  overflow-x: auto; overflow-y: hidden;
  scrollbar-width: none; -ms-overflow-style: none;
}
.bottom-nav::-webkit-scrollbar { display: none; }

.nav-item {
  flex: 0 0 auto; min-width: 68px;
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 4px 8px; text-decoration: none;
  color: var(--text-2, #adb6aa);
  font-size: 11px; font-weight: 500;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s;
}
.nav-item.active { color: var(--primary, #92c43e); }
.nav-item .material-symbols-outlined { font-size: 26px; }
.nav-item.active .material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}