fix(dashboard): mobile overflow — responsive min-widths and grid columns (#3408)

Fixes #3401, #3402, #3403, #3404. ApprovalBanner removed min-w-[90px], NLFilterBar/PipelinesPage sm:min-w-[200px], SessionDetailPage grid-cols-1 sm:grid-cols-3.

Author: OneStepAt4time

dashboard/src/components/session/ApprovalBanner.tsx

@@ -91,7 +91,7 @@ export function ApprovalBanner({
           whileTap={{ scale: 0.95 }}
           type="button"
           onClick={onApprove}
-          className="min-h-[44px] min-w-[90px] rounded-lg border border-[var(--color-success)]/40 bg-[var(--color-success)]/20 px-4 py-2 text-xs font-semibold tracking-wide text-[var(--color-success)] transition-colors hover:bg-[var(--color-success)]/30 hover:border-[var(--color-success)]/60 shadow-[0_0_15px_rgba(34,197,94,0.15)] hover:shadow-[0_0_20px_rgba(34,197,94,0.3)]"
+          className="min-h-[44px] rounded-lg border border-[var(--color-success)]/40 bg-[var(--color-success)]/20 px-4 py-2 text-xs font-semibold tracking-wide text-[var(--color-success)] transition-colors hover:bg-[var(--color-success)]/30 hover:border-[var(--color-success)]/60 shadow-[0_0_15px_rgba(34,197,94,0.15)] hover:shadow-[0_0_20px_rgba(34,197,94,0.3)]"
         >
           APPROVE
         </motion.button>
@@ -100,7 +100,7 @@ export function ApprovalBanner({
           whileTap={{ scale: 0.95 }}
           type="button"
           onClick={onReject}
-          className="min-h-[44px] min-w-[90px] rounded-lg border border-red-500/30 bg-red-500/10 px-4 py-2 text-xs font-semibold tracking-wide text-red-400 transition-colors hover:bg-red-500/20 hover:border-red-500/50"
+          className="min-h-[44px] rounded-lg border border-red-500/30 bg-red-500/10 px-4 py-2 text-xs font-semibold tracking-wide text-red-400 transition-colors hover:bg-red-500/20 hover:border-red-500/50"
         >
           REJECT
         </motion.button>

dashboard/src/components/shared/NLFilterBar.tsx

@@ -230,7 +230,7 @@ export function NLFilterBar({ onFilter, placeholder = 'Filter: "active sessions
         onKeyDown={handleKeyDown}
         onBlur={() => { if (inputValue.trim()) commitInput(); }}
         placeholder={chips.length === 0 ? placeholder : 'Add filter…'}
-        className="min-h-8 min-w-[200px] flex-1 bg-transparent text-sm text-[var(--color-text-primary)] placeholder-[var(--color-text-muted)] focus:outline-none"
+        className="min-h-8 flex-1 sm:min-w-[200px] bg-transparent text-sm text-[var(--color-text-primary)] placeholder-[var(--color-text-muted)] focus:outline-none"
         aria-label={t("aria.naturalLanguageFilter")}
       />
       {(chips.length > 0 || inputValue) && (

dashboard/src/pages/PipelinesPage.tsx

@@ -160,7 +160,7 @@ export default function PipelinesPage() {
           placeholder={t("pipelines.searchPlaceholder")} aria-label={t("aria.searchPipelines")}
           value={searchQuery}
           onChange={(e) => setSearchQuery(e.target.value)}
-          className="min-h-[44px] flex-1 min-w-[200px] px-3 py-2 text-sm rounded border border-[var(--color-void-lighter)] bg-[var(--color-surface)] text-[var(--color-text-primary)] placeholder-[var(--color-text-muted)] focus:outline-none focus:border-[var(--color-accent-cyan)]"
+          className="min-h-[44px] flex-1 sm:min-w-[200px] px-3 py-2 text-sm rounded border border-[var(--color-void-lighter)] bg-[var(--color-surface)] text-[var(--color-text-primary)] placeholder-[var(--color-text-muted)] focus:outline-none focus:border-[var(--color-accent-cyan)]"
         />
         <select aria-label={t("aria.filterByStatus")}
           value={statusFilter}

dashboard/src/pages/SessionDetailPage.tsx

@@ -967,7 +967,7 @@ export default function SessionDetailPage() {
               onKill={handleKillRequest}
             />
           ) : (
-            <div className="grid grid-cols-3 gap-2 rounded-2xl border border-[var(--color-void-lighter)] bg-[var(--color-void)] p-2">
+            <div className="grid grid-cols-1 sm:grid-cols-3 gap-2 rounded-2xl border border-[var(--color-void-lighter)] bg-[var(--color-void)] p-2">
               <button
                 type="button"
                 onClick={handleInterrupt}