/* ═══════════════════════════════════════════════════════════════════
   ink-ls · BottomBar
   Mobile bottom-nav strip — sibling of `.ink-page`, injected by
   Sidebar. Hidden on desktop (the sidebar takes over); revealed
   in the mobile media query below.
   ═══════════════════════════════════════════════════════════════════ */

.ink-bottom-nav { display: none; }
.ink-bottom-nav a,
.ink-bottom-nav button {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 6px 4px;
  background: transparent;
  border: none;
  color: var(--fg-muted);
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
}
.ink-bottom-nav a svg,
.ink-bottom-nav button svg { width: 18px; height: 18px; }
.ink-bottom-nav a.active { color: var(--accent-light); }
.ink-bottom-nav .danger  { color: var(--red); }

@media (max-width: 900px) {
  .ink-bottom-nav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 56px;
    z-index: 90;
    background: var(--bg-elev);
    border-top: 1px solid var(--border-strong);
  }
}

@media (max-width: 480px) {
  .ink-bottom-nav a,
  .ink-bottom-nav button { font-size: 9.5px; }
}