/* Cenna v2.8.3: mobile-only geometry; no changes to chat/Memory persistence. */
@media (max-width: 760px) {
  :root {
    --mobile-nav-h: 52px;
  }

  body.admin-ready .wrap {
    padding-bottom: calc(var(--mobile-nav-h) + 28px + var(--mobile-nav-bottom, 0px) + env(safe-area-inset-bottom)) !important;
  }

  .mobileBottomNav {
    box-sizing: border-box !important;
    height: var(--mobile-nav-h) !important;
    min-height: var(--mobile-nav-h) !important;
    padding: 3px 6px !important;
    border-radius: 14px !important;
    align-items: center !important;
  }

  .mobileNavItem,
  .mobileNavItem.aiPrimary {
    box-sizing: border-box !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 1px !important;
    gap: 1px !important;
  }

  .mobileNavItem:not(.aiPrimary) {
    justify-content: center !important;
    padding-top: 0 !important;
  }

  .mobileNavItem:not(.aiPrimary) .mobileNavIcon {
    height: 24px !important;
  }

  .mobileNavItem.aiPrimary::before {
    top: -20px !important;
    width: 56px !important;
    height: 56px !important;
  }

  .mobileNavItem.aiPrimary .mobileNavIcon {
    top: -16px !important;
    width: 48px !important;
    height: 48px !important;
    padding: 2px !important;
    border-width: 3px !important;
  }

  .mobileNavItem.aiPrimary > span:last-child {
    bottom: 3px !important;
  }

  #chatSection .aiChatCard {
    /* Reclaim 20px while keeping a gap above the smaller Cenna pulse ring. */
    height: calc(100dvh - 174px - env(safe-area-inset-bottom)) !important;
  }
}