fix(dashboard): reserve iOS PWA status-bar inset on mobile modal headers

The black-translucent status bar overlays the page in iOS standalone PWAs,
clipping close buttons in full-screen mobile modals and the QuickChatFAB
panel. Add `padding-top: env(safe-area-inset-top, …)` so headers render
below the status bar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

packages/dashboard/app/components/QuickChatFAB.css

@@ -397,6 +397,9 @@
   .quick-chat-panel-header {
     flex-wrap: wrap;
     row-gap: var(--space-sm);
+    /* iOS PWA: status bar (black-translucent) overlays the panel from top: 0,
+       clipping the close button. Reserve top inset on mobile. */
+    padding-top: calc(10px + env(safe-area-inset-top, 0px));
   }
 
   .quick-chat-panel-header-actions {

packages/dashboard/app/styles.css

@@ -2768,6 +2768,9 @@ input[type="range"]:focus-visible {
     max-height: 100dvh;
     border-radius: 0;
     border: none;
+    /* iOS PWA status bar (black-translucent) overlays content; reserve top
+       inset so headers / close buttons aren't clipped behind it. */
+    padding-top: env(safe-area-inset-top, 0px);
     padding-bottom: env(safe-area-inset-bottom, 0px);
   }