Index: src/views/partials/shared-styles.ejs
===================================================================
--- src/views/partials/shared-styles.ejs	(revision 1c6d61c61d3c00833d7281c35f27f08ec8ccf6b8)
+++ src/views/partials/shared-styles.ejs	(revision 49f698b9e02e37d002adda999d9328fb7ab3733d)
@@ -56,4 +56,11 @@
    chrome) i.p.v. body-class-CSS → werkt betrouwbaar ook na htmx-navigatie. */
 .vs-agenda.is-active { color: var(--ink); font-weight: 600; }
+
+/* Mobiel: Agenda op een eigen rij bovenaan, en Solo/Cirkel + Tijdlijn/Grid samen
+   op de rij eronder (samen ~330px → past binnen een telefoon, i.p.v. de oude
+   onevenwichtige split Agenda+Solo / Tijdlijn). */
+@media (max-width: 520px) {
+  .view-switcher-wrap .agenda-pill { flex: 0 0 100%; justify-content: center; }
+}
 
 .grid-cols-picker {