/* update_036 smaller bottom navigation + more room for messages */
:root {
  --nm-bottom-bar-h: 62px;
}

@media (max-width: 980px) {
  .nm-bottom-bar {
    left: 14px !important;
    right: 14px !important;
    bottom: calc(env(safe-area-inset-bottom) + 6px) !important;
    padding: 6px !important;
    gap: 6px !important;
    border-radius: 18px !important;
    min-height: 0 !important;
    pointer-events: auto !important;
    z-index: 1001 !important;
  }

  .nm-bottom-btn {
    min-height: 42px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }

  body.nm-mobile #chatPanel.chat {
    bottom: calc(var(--nm-bottom-bar-h) + env(safe-area-inset-bottom) + 8px) !important;
  }

  body.nm-mobile .composer {
    padding: 6px !important;
  }

  body.nm-mobile .composer textarea {
    min-height: 72px !important;
    max-height: 120px !important;
  }

  body.nm-mobile .messages {
    padding-bottom: 6px !important;
  }

  body.nm-mobile .nm-scroll-down {
    bottom: calc(var(--nm-bottom-bar-h) + env(safe-area-inset-bottom) + 42px) !important;
  }
}