Elevate OpsNormal cockpit visual polish

src/App.tsx

@@ -244,7 +244,9 @@ function App() {
                 <div className="relative min-w-0">
                   <span className="ops-hero-rail-mobile" aria-hidden="true" />
                   <div className="ops-coordinate-strip ops-hero-coordinate-strip">
-                    <span>OPSN / LOCAL</span>
+                    <span className="ops-hero-callsign-plate">
+                      OPSN / LOCAL
+                    </span>
                     <span>READINESS</span>
                     <span>30D</span>
                     <span>5SEC</span>

src/components/HeaderTelemetry.tsx

@@ -196,6 +196,7 @@ function TelemetryChip({
         <span
           className={[
             'ops-telemetry-value ops-numeric ops-tracking-caption leading-none font-semibold uppercase whitespace-nowrap',
+            'ops-display-value',
             isPrimary
               ? 'ops-telemetry-value-primary'
               : 'ops-telemetry-value-secondary',
@@ -232,6 +233,7 @@ function TelemetryHorizon({ children }: { children: ReactNode }) {
           <p className="ops-tracking-grid mt-1 text-[10px] leading-4 text-ops-text-muted uppercase">
             30-day local picture
           </p>
+          <span className="ops-telemetry-register">STA-30D</span>
         </div>
         <div className="ops-telemetry-grid grid grid-cols-2 lg:grid-cols-[1.55fr_repeat(3,minmax(0,1fr))]">
           {children}

src/features/checkin/TodayPanel.tsx

@@ -75,7 +75,7 @@ function DayCompletionRollup({
       ].join(' ')}
     >
       <div className="ops-rollup-count-plate clip-notched ops-notch-chip min-w-[8rem]">
-        <p className="ops-numeric flex items-baseline gap-1.5 text-2xl leading-none font-semibold text-ops-text-primary">
+        <p className="ops-display-value ops-numeric flex items-baseline gap-1.5 text-2xl leading-none font-semibold text-ops-text-primary">
           <span>{markedCount}</span>
           <span className="text-base text-ops-text-muted">/ {totalCount}</span>
         </p>
@@ -202,7 +202,7 @@ export function TodayPanel({
       emphasis="primary"
       meta={
         <div className="ops-today-meta text-ops-text-primary">
-          <div className="ops-tracking-display text-sm leading-5 font-semibold uppercase sm:text-base">
+          <div className="ops-display-value ops-tracking-display text-sm leading-5 font-semibold uppercase sm:text-base">
             {formatLongDate(todayKey)}
           </div>
           <span

src/features/history/HistoryDetailBrief.tsx

@@ -85,7 +85,7 @@ export function HistoryDetailBrief({
           </div>
           <StatusBadge status={selectedStatus} size="lg" />
         </div>
-        <h3 className="ops-history-detail-date ops-numeric ops-tracking-caption text-2xl leading-none font-semibold text-ops-text-primary uppercase">
+        <h3 className="ops-history-detail-date ops-display-value ops-numeric ops-tracking-caption text-2xl leading-none font-semibold text-ops-text-primary uppercase">
           {selectedDateLabel}
         </h3>
       </div>

src/features/history/MobileHistoryGrid.tsx

@@ -143,7 +143,7 @@ export function MobileHistoryGrid({ model }: MobileHistoryGridProps) {
               </span>
               <h3
                 id={visibleWeekHeadingId}
-                className="mt-1 text-xs text-ops-text-primary"
+                className="ops-display-value mt-1 text-xs text-ops-text-primary"
               >
                 <span className="block">W{visibleWeekIndex + 1}</span>
                 <span className="mt-0.5 block whitespace-nowrap">
@@ -287,7 +287,7 @@ export function MobileHistoryGrid({ model }: MobileHistoryGridProps) {
                         <span className="block text-[9px] leading-none tracking-[0.08em] text-ops-text-muted uppercase">
                           {formatWeekday(dateKey).slice(0, 1)}
                         </span>
-                        <span className="ops-numeric mt-1.5 block text-base leading-none font-semibold">
+                        <span className="ops-display-value ops-numeric mt-1.5 block text-base leading-none font-semibold">
                           {dayNumber}
                         </span>
                       </button>

src/features/history/useHistoryGridModel.ts

@@ -346,8 +346,26 @@ export function useHistoryGridModel({
       }
 
       weekRefs.current.set(weekIndex, element);
+
+      if (
+        isDesktopHistory ||
+        !hasEntries ||
+        hasAlignedInitialMobileWeekRef.current ||
+        weekIndex !== initialSelectedWeekIndex
+      ) {
+        return;
+      }
+
+      const scrollNode = mobileScrollRef.current;
+
+      if (!scrollNode) {
+        return;
+      }
+
+      hasAlignedInitialMobileWeekRef.current = true;
+      scrollWeekIntoContainer(scrollNode, element);
     },
-    [],
+    [hasEntries, initialSelectedWeekIndex, isDesktopHistory],
   );
 
   const focusSelectedCell = useCallback((nextSelection: SelectedCell) => {