/* ============================================================
   MOBILE BOTTOM NAV — Persistent navigation for mobile devices
   Replaces sidebar hamburger menu on screens ≤ 991px
   ============================================================ */.mobile-bottom-nav{align-items:center;background:var(--bg-surface,#fff);border-top:1px solid var(--border-subtle,#e4e4e7);bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.06);display:flex;height:64px;justify-content:space-around;left:0;padding:4px 0 max(4px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:1050 /* Above content, below modals */}

/* Dark mode */[data-bs-theme=dark] .mobile-bottom-nav{background:var(--bg-surface,#18181b);border-top-color:var(--border-subtle,#1f1f23);box-shadow:0 -2px 8px rgba(0,0,0,.3)}

/* Nav item */.mobile-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;color:var(--text-muted,#71717a);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans,"Inter",system-ui,sans-serif);font-size:10px;font-weight:500;gap:2px;justify-content:center;min-height:48px;min-width:56px;padding:4px 8px;text-decoration:none;touch-action:manipulation;transition:color .12s ease}.mobile-nav-item:focus,.mobile-nav-item:hover{color:var(--text-secondary,#52525b);text-decoration:none}

/* Active state */.mobile-nav-item.active{color:var(--wc-orange,#3b82f6)}

/* Icon sizing */.mobile-nav-item svg{flex-shrink:0;height:22px;width:22px}

/* "New" button (center, emphasized) */.mobile-nav-item.nav-create{position:relative}.mobile-nav-item.nav-create .nav-create-icon{align-items:center;background:var(--wc-orange,#3b82f6);border-radius:50%;box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.mobile-nav-item.nav-create .nav-create-icon svg{height:20px;width:20px}[data-bs-theme=dark] .mobile-nav-item.nav-create .nav-create-icon{background:var(--wc-orange,#60a5fa);box-shadow:0 2px 8px rgba(96,165,250,.3)}

/* Badge on nav items (e.g., unread count) */.mobile-nav-badge{align-items:center;background:#ef4444;border-radius:8px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:4px;top:0}

/* Landscape orientation: horizontal layout */@media (max-width:991.98px) and (orientation:landscape){.mobile-bottom-nav{height:52px}.mobile-nav-item{flex-direction:row;font-size:11px;gap:4px}.mobile-nav-item svg{height:18px;width:18px}}