/* Shared mobile bottom navigation for inBlop public pages and dashboard. */
.mobile-bottom-nav { display: none; }
@media (max-width: 899px) {
  body:not([data-page="dashboard"]) { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  body[data-page="dashboard"] { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .mobile-bottom-nav {
    position: fixed; inset: auto 0 0; z-index: 1100; display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-height: 64px; padding: 6px 5px calc(6px + env(safe-area-inset-bottom));
    background: #fff; border-top: 1px solid #e2e8f0;
    box-shadow: 0 -3px 14px rgba(15,23,42,.08);
  }
  .mobile-bottom-nav a,
  .mobile-bottom-nav button {
    appearance: none; border: 0; background: transparent; color: #64748b;
    text-decoration: none; display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 4px; min-width: 0; padding: 2px;
    font: inherit; font-size: 10px; line-height: 1.2; cursor: pointer;
  }
  .mobile-bottom-nav .mobile-nav-icon {
    width: 23px; height: 23px; display: grid; place-items: center;
  }
  .mobile-bottom-nav svg {
    width: 22px; height: 22px; fill: none; stroke: currentColor;
    stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
  }
  .mobile-bottom-nav [data-mobile-action].active {
    color: var(--primary, #2563eb); font-weight: 700;
  }
}
@media (min-width: 900px) { .mobile-bottom-nav { display: none !important; } }