Planboard: Wochenansicht ohne Karten (Tagesspalten, heute als Pille, Termine als Links)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/styles/global.css

@@ -557,9 +557,6 @@ a.list-row:hover .cell-title { color: var(--accent-ink); }
 .wrap { flex-wrap: wrap; }
 .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
 .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-/* Planboard (bis P3): die 7-Spalten-Woche scrollt waagerecht im Container, nicht die Seite */
-.planboard-scroll { overflow-x: auto; }
-
 /* Neues Ticket: Datum + Uhrzeit nebeneinander (heller Kalender, kein color-scheme: dark) */
 .datetime-pair { display: flex; gap: 8px; }
 .datetime-pair .form-control, .datetime-pair .input { flex: 1; min-width: 0; }
@@ -1012,6 +1009,35 @@ button.link { font-weight: 500; } /* font: inherit setzt sonst das Gewicht von .
 }
 /* ===== ENDE Tickets (P2) ===== */
 
+/* ===== 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; }
+.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; }
+.day-head .wd { font-size: 12px; color: var(--text-2); font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
+.day-head .dn { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.day.today .wd { color: var(--text); }
+.day.today .dn { background: var(--accent); color: #fff; border-radius: 99px; padding: 0 8px; }
+.day.weekend { background: var(--bg-subtle); }
+.appt { display: block; padding: 8px 10px; border-radius: var(--radius); background: var(--bg-hover); margin-bottom: 6px; font-size: 13px; line-height: 18px; overflow-wrap: anywhere; }
+.appt:hover { background: var(--appt-hover); }
+.appt .tm { font-weight: 600; font-variant-numeric: tabular-nums; }
+.appt .tt { color: var(--text); margin-top: 2px; }
+.appt .cu { color: var(--text-2); margin-top: 2px; }
+.appt.akquise { background: var(--appt-akquise); }
+.appt.akquise:hover { background: var(--appt-akquise-hover); }
+.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; }
+@media (max-width: 860px) {
+  .week { grid-template-columns: 1fr; border-top: 0; min-height: 0; }
+  .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); }
+}
+/* ===== ENDE Planboard (P3) ===== */
+
 /* ===== KOMPAT (bis P10) ===== */
 /* Uebergangsschicht: alte Klassen im neuen Look, damit Seiten und Dialoge, die noch nicht umgebaut sind, weiss, kastenlos */
 /* und lesbar bleiben. Steht am Dateiende und gewinnt dort gegen die Altregeln und gegen die anderen Stylesheets (global.css */
@@ -1122,7 +1148,7 @@ div.row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
 .fin-link:hover, .legal-files a:hover, .credit-cols a:hover, .area-rows a:hover { text-decoration-color: currentColor; }
 
 /* Abschnitte (Card = <section>) als Spalten nebeneinander: der Abstand .page section + section gilt nur fuer untereinander stehende Abschnitte */
-.planboard-scroll section + section, .legal-grid > section + section, .fin-cols > section + section,
+.legal-grid > section + section, .fin-cols > section + section,
 .page div[style*="display: grid"] > section + section { margin-top: 0; }
 
 /* Altformulare mit <Field> (Kunde, Projekt zuweisen, Neuer Lead): Zeilenabstand wie frueher; neue Container bestimmen ihren Abstand selbst */