docs: mark track-view CSS consolidation completed

COMPLETED.md

@@ -97,7 +97,36 @@ Implemented Phase 3 of the WaveformSeeker feature: architectural layout move sep
 
 ## Phase 2 — Product surface: player and theming
 
-**Status:** Track card glass theming landed on 2026-06-05. AudioPlayerBar responsive unification and SpectrumVisualizer fix landed on 2026-06-05.
+**Status:** Track card glass theming landed on 2026-06-05. AudioPlayerBar responsive unification and SpectrumVisualizer fix landed on 2026-06-05. Track view CSS consolidation landed on 2026-06-05.
+
+### Track View CSS Consolidation
+
+**Landed 2026-06-05.**
+
+Implemented CSS consolidation and hierarchy fixes across three components: removed dead layout rules, unified horizontal inset ownership, and resolved the three-green collision in dark mode by demoting artist text and changing the genre chip variant.
+
+**Component changes:**
+- `DeepDrftPublic.Client/Pages/TracksView.razor` — removed dead `tracks-page-wrapper` class and associated inert flex/height/padding rules; `MudContainer` now owns horizontal inset via `MaxWidth.Large`.
+- `DeepDrftShared.Client/Components/TracksGallery.razor.css` — reduced to `box-sizing: border-box`; removed redundant padding and inert height constraint.
+- `DeepDrftShared.Client/Components/TrackCard.razor` — changed genre chip from `Variant.Filled` to `Variant.Outlined` to distinguish it from the play FAB.
+
+**CSS changes (`DeepDrftPublic/wwwroot/styles/deepdrft-styles.css` §8):**
+- Text color rules restructured: base `color: inherit`, both dark and light treatments guarded under `.deepdrft-theme-dark` / `.deepdrft-theme-light` ancestors at `0,2,0` specificity.
+- Artist text demoted from `green-accent` to `rgba(250,250,248,0.65)` in dark mode (leaving green as a purely accent/interactive signal — FAB and chip border).
+- Meta text (album/year) at `rgba(250,250,248,0.45)` in dark mode.
+- Genre chip treatment now supports outlined styling (borders + text only, no filled ground).
+
+**Scope:**
+- CSS in `deepdrft-styles.css` and scoped stylesheets for `TracksView.razor` and `TracksGallery.razor`.
+- Both `DeepDrftPublic.Client` and `DeepDrftShared.Client` components affected.
+- Build clean: 0 errors, 0 new warnings.
+
+**Architecture notes:**
+- Resolved the three-green visual hierarchy collapse (artist + genre chip + play FAB all rendered the same saturated green). Now: title off-white, artist muted, genre = outlined green tag, FAB = solid green action — a clear three-tier hierarchy matching `NowPlayingCard` vocabulary.
+- Consolidated horizontal inset ownership to `MudContainer` (removes duplicate paddings that stacked across three layers).
+- Removed inert flex-grow and height rules that encoded a sticky-footer intent that was not actually achieved; page layout via normal block flow is cleaner.
+
+**Status:** 
 
 ### Track Card Glass Theming
 

product-notes/track-view-css-consolidation.md

@@ -1,6 +1,6 @@
 # Track View CSS Consolidation — audit + consolidated architecture spec
 
-Status: proposed. Author: product-designer. Date: 2026-06-05. Implementer: maintenance-engineer.
+Status: completed. Author: product-designer. Date: 2026-06-05. Implementer: maintenance-engineer. Landed: 2026-06-05.
 
 Predecessors (both landed 2026-06-05):
 - [`track-card-theming.md`](track-card-theming.md) — landed the navy-glass fallback + moss-green