From 416c79b3a6f55d4ce0d66c76ddee61e92ccf8c12 Mon Sep 17 00:00:00 2001
From: Claude <claude@webklar.local>
Date: Tue, 6 Oct 2026 05:58:04 +0000
Subject: [PATCH] Planboard: Mindestbreite der Tagesspalten mit eigenem
 Scrollen, Kontrast von Keine Termine am Wochenende

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/styles/global.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 5c52950..806dc08 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1011,7 +1011,7 @@ button.link { font-weight: 500; } /* font: inherit setzt sonst das Gewicht von .
 
 /* ===== Planboard (P3) ===== */
 /* Woche ohne Karten: sieben Tagesspalten mit feinen Trennlinien, Wochenende hell abgesetzt, heute als schwarze Datumspille */
-.week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-top: 1px solid var(--line); min-height: 420px; }
+.week { display: grid; grid-template-columns: repeat(7, minmax(128px, 1fr)); border-top: 1px solid var(--line); min-height: 420px; overflow-x: auto; }
 .day { border-left: 1px solid var(--line); padding: 10px 8px 16px; min-width: 0; }
 .day:first-child { border-left: 0; padding-left: 0; }
 .day-head { display: flex; align-items: baseline; gap: 6px; margin-bottom: 12px; padding-left: 4px; flex-wrap: wrap; row-gap: 0; }
@@ -1027,14 +1027,17 @@ button.link { font-weight: 500; } /* font: inherit setzt sonst das Gewicht von .
 .appt .cu { color: var(--text-2); margin-top: 2px; }
 .appt.akquise { background: var(--appt-akquise); }
 .appt.akquise:hover { background: var(--appt-akquise-hover); }
+.appt:focus-visible { outline-offset: -2px; } /* im Scroll-Container .week wuerde der Ring sonst abgeschnitten */
 .day.weekend .appt:not(.akquise) { background: var(--bg); }
 .day.weekend .appt:not(.akquise):hover { background: var(--appt-hover); }
 .day .none { font-size: 12px; color: var(--text-3); padding-left: 4px; }
+.day.weekend .none { color: var(--text-2); }
 @media (max-width: 860px) {
-  .week { grid-template-columns: 1fr; border-top: 0; min-height: 0; }
+  .week { grid-template-columns: 1fr; border-top: 0; min-height: 0; overflow-x: visible; }
   .day { border-left: 0; padding: 12px 0; border-top: 1px solid var(--line); }
   .day.weekend { background: none; }
   .day.weekend .appt:not(.akquise) { background: var(--bg-hover); }
+  .day.weekend .none { color: var(--text-3); }
 }
 /* ===== ENDE Planboard (P3) ===== */