Hide the centered clock on small screens to prevent overlap

Hide the absolutely positioned HeaderClock on mobile viewports to prevent it from overlapping with the header title and action buttons, restoring it on larger screens.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 425e9ff3-23ed-48ac-9baa-e63cfcba6efa
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/m92e9kU
Replit-Helium-Checkpoint-Created: true

artifacts/tx-os/src/pages/executive-meetings.tsx

@@ -1072,7 +1072,14 @@ function ExecutiveMeetingsPageInner() {
 
           <div className="flex-1" />
 
-          <div className="flex pointer-events-none absolute inset-x-0 top-0 bottom-0 items-center justify-center print:hidden">
+          {/* The absolutely-centered weekday+date+analog clock collides
+              with the title and action buttons on phones/small tablets
+              (it spans the full row width and sits on top of wrapped
+              content). Hide it below `sm` — the date is already shown
+              in the schedule heading directly below the header — and
+              keep the centered overlay from `sm` upward where there's
+              real horizontal room. */}
+          <div className="hidden sm:flex pointer-events-none absolute inset-x-0 top-0 bottom-0 items-center justify-center print:hidden">
             <div className="pointer-events-auto">
               <HeaderClock lang={lang} date={date} />
             </div>