Dashboard clock: double size, blinking colon tick

- Font size 13px → 26px, bold
- Colon separator blinks on/off each second (opacity 1 ↔ 0.2)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

dashboard/templates/index.html

@@ -201,7 +201,7 @@
     Trading Dashboard
     <span id="status" class="status connecting"><span class="dot"></span><span id="status-text">Connecting...</span></span>
     <span id="session-badge" class="status idle"><span class="dot"></span><span id="session-text">IDLE</span></span>
-    <span id="local-clock" style="font-size:13px; font-weight:normal; color:#555; background:#f0f0f0; padding:3px 10px; border-radius:12px; font-variant-numeric:tabular-nums;"></span>
+    <span id="local-clock" style="font-size:26px; font-weight:bold; color:#333; background:#f0f0f0; padding:3px 12px; border-radius:12px; font-variant-numeric:tabular-nums; letter-spacing:1px;"></span>
     <button id="day-btn" onclick="toggleDay()" class="btn-day btn-start" disabled>Start of Day</button>
     <button id="suspend-btn" onclick="toggleSuspend()" class="btn-day btn-suspend" disabled>Suspend</button>
     <button id="mode-btn" onclick="toggleMode()" class="btn-day btn-automatic">Automatic</button>
@@ -1388,8 +1388,14 @@
     (function tickClock() {
       const el = document.getElementById("local-clock");
       if (el) {
-        const now = new Date();
-        el.textContent = now.toLocaleTimeString([], {hour: "2-digit", minute: "2-digit", second: "2-digit"});
+        const now  = new Date();
+        const h    = now.getHours()  .toString().padStart(2, "0");
+        const m    = now.getMinutes().toString().padStart(2, "0");
+        const s    = now.getSeconds().toString().padStart(2, "0");
+        const sep  = now.getSeconds() % 2 === 0
+          ? '<span style="opacity:1">:</span>'
+          : '<span style="opacity:0.2">:</span>';
+        el.innerHTML = h + sep + m + sep + s;
       }
       setTimeout(tickClock, 1000);
     })();