/* SabiHQ v1441 — lower the authenticated mobile navbar without losing safe-area clearance. */

@media (max-width: 767px) {
  :root {
    --sabi-mobile-bottom-nav-height: 80px;
  }

  .sabihq-dashboard-shell .mobile-bottom-nav {
    bottom: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    height: calc(var(--sabi-mobile-bottom-nav-height) + env(safe-area-inset-bottom)) !important;
    min-height: calc(var(--sabi-mobile-bottom-nav-height) + env(safe-area-inset-bottom)) !important;
    max-height: calc(var(--sabi-mobile-bottom-nav-height) + env(safe-area-inset-bottom)) !important;
    padding-top: 0.25rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: max(0.25rem, env(safe-area-inset-bottom)) !important;
    padding-left: 0.5rem !important;
  }

  .sabihq-dashboard-shell .mobile-bottom-nav-scroll {
    min-height: 4.35rem !important;
    padding-bottom: 0 !important;
    align-items: flex-end !important;
  }

  .sabihq-dashboard-shell .mobile-bottom-nav-item-active {
    transform: translateY(0) !important;
  }
}