Tauschanfragen für Teammitglieder ergänzen

Betrachter klicken ihren Tag an, wählen ihren Namen, optional Wunschperson
und Wunschtag, und schreiben eine Notiz; keine Anmeldung nötig, zehn
Anfragen je Stunde und Adresse. Offene Anfragen markieren den Tag im
Kalender. Bearbeiter sehen sie unter „Anfragen" mit Zähler und führen den
Tausch aus (über Kreuz oder Übernahme), öffnen den Tag oder lehnen ab.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/style.css

@@ -67,6 +67,15 @@ svg.icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-w
 .topbar nav a:hover { color: var(--white); }
 .topbar nav a[aria-current="page"] { color: var(--white); border-bottom-color: var(--white); }
 .topbar nav a:focus-visible { outline: 2px solid var(--white); outline-offset: -4px; }
+.topbar nav .count { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 6px; border-radius: 9px; background: var(--white); color: var(--tradeo-blue); font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.req-mark { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--tradeo-blue); box-shadow: 0 0 0 2px var(--white), 0 0 0 3px var(--tradeo-blue); }
+.day .num .req-mark { margin-left: auto; margin-right: 2px; }
+.day .num .lock + .req-mark, .day .num .req-mark + .lock { margin-left: 8px; }
+.request-meta { color: var(--text-2); font-size: 13px; }
+.request-note { margin-top: 4px; font-size: 14px; }
+.request-actions { display: flex; gap: 8px; flex-wrap: wrap; }
+.viewer .day.requestable { cursor: pointer; }
+.viewer .day.requestable:hover:not(.outside) { background: var(--tint-1); }
 .topbar-action { margin-left: auto; background: transparent; color: var(--white); border-color: rgba(255, 255, 255, .4); min-height: 34px; padding: 0 12px; font-size: 13px; }
 .topbar-action:hover { background: rgba(255, 255, 255, .1); }
 .topbar-action:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }