Refine overview panel and compact overlay header

src/styles.css

@@ -450,6 +450,37 @@ select:focus {
   justify-content: flex-end;
 }
 
+.dashboard-live-stack {
+  display: grid;
+  gap: 14px;
+}
+
+.dashboard-live-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 12px;
+}
+
+.dashboard-live-card {
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  padding: 14px 16px;
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.dashboard-live-card span,
+.dashboard-live-card small {
+  display: block;
+  color: var(--muted);
+}
+
+.dashboard-live-card strong {
+  display: block;
+  margin: 8px 0 4px;
+  font-family: Orbitron, sans-serif;
+  font-size: 1.1rem;
+}
+
 .quick-add-spacer {
   display: flex;
   align-items: center;
@@ -628,14 +659,34 @@ select:focus {
   display: flex;
   justify-content: space-between;
   gap: 16px;
-  align-items: flex-end;
-  margin-bottom: 18px;
+  align-items: center;
+  margin-bottom: 14px;
+}
+
+.overlay-header-main {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  min-width: 0;
+}
+
+.overlay-header-copy {
+  min-width: 0;
+}
+
+.overlay-kicker-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  margin-bottom: 4px;
 }
 
 .overlay-header h1 {
-  margin: 4px 0;
+  margin: 0;
   font-family: Orbitron, sans-serif;
-  font-size: clamp(2rem, 4vw, 3.8rem);
+  font-size: clamp(1.35rem, 2.4vw, 2.3rem);
+  line-height: 1.05;
 }
 
 .overlay-kicker {
@@ -643,18 +694,25 @@ select:focus {
   color: var(--muted);
   text-transform: uppercase;
   letter-spacing: 0.1em;
+  font-size: 0.72rem;
+}
+
+.overlay-header-sub {
+  margin: 6px 0 0;
+  color: var(--muted);
+  font-size: 0.9rem;
 }
 
 .overlay-meta {
   text-align: right;
   display: grid;
   justify-items: end;
-  gap: 10px;
+  gap: 6px;
 }
 
 .overlay-clock {
   font-family: Orbitron, sans-serif;
-  font-size: clamp(2.6rem, 5vw, 4.8rem);
+  font-size: clamp(1.8rem, 3vw, 3rem);
   font-weight: 800;
 }
 
@@ -666,6 +724,7 @@ select:focus {
   color: var(--muted);
   text-transform: uppercase;
   letter-spacing: 0.08em;
+  font-size: 0.74rem;
 }
 
 .overlay-board {
@@ -1091,6 +1150,10 @@ select:focus {
     flex-direction: column;
   }
 
+  .overlay-header-main {
+    align-items: flex-start;
+  }
+
   .modal-overlay {
     padding: 12px;
   }