From 883b00b92b3acbb431288658018535781e8d5687 Mon Sep 17 00:00:00 2001
From: Lucas Berger <me@lucasberger.ca>
Date: Wed, 10 Jun 2026 11:41:01 -0400
Subject: [PATCH] feat(06-06): distinct all-day event pill styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add .sx__all-day-event override to Schedule-X section of index.css
- Full-width rounded pill: border-radius 4px, white (#FFFFFF) label, font-weight 600,
  font-size var(--text-label-size) — UI-SPEC Surface 3 contract
- Color source: calendarId color config (buildCalendarConfig) — no per-event override
- Timed event chip styling unchanged; existing .sx__* layout rules intact
---
 apps/pwa/src/styles/index.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/apps/pwa/src/styles/index.css b/apps/pwa/src/styles/index.css
index 53b716c..18fef0e 100644
--- a/apps/pwa/src/styles/index.css
+++ b/apps/pwa/src/styles/index.css
@@ -53,3 +53,26 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+/* ── Schedule-X overrides ──────────────────────────────────────────────────── */
+
+/*
+ * 999.6 / D-12: All-day event visual distinction.
+ *
+ * All-day events render as full-width filled rounded pills so they are immediately
+ * distinct from timed event chips (partial-fill with colored left border accent).
+ *
+ * Contract (Surface 3 — UI-SPEC):
+ *   all-day = solid filled pill  → this override
+ *   timed   = partial-fill chip with colored border accent (Schedule-X default)
+ *
+ * Color source: the member's `_familySync.color` propagates via `calendarId` color
+ * config in buildCalendarConfig() — no per-event inline override needed.
+ * Override selector confirmed from @schedule-x/theme-default@4.6.0.
+ */
+.sx__all-day-event {
+  border-radius: 4px;
+  color: #FFFFFF;
+  font-weight: 600;
+  font-size: var(--text-label-size);
+}