Bearbeitung hinter ein Passwort legen, Ansehen für das Team freigeben

Mit EDIT_PASSWORD sehen Besucher nur den Kalender: keine E-Mails, Notizen,
Abwesenheiten oder Nextcloud-Details, keine schreibenden Aktionen. Anmelden
in der Kopfzeile setzt ein signiertes Cookie für 30 Tage; nach fünf
Fehlversuchen wartet der Server eine Minute. Ohne EDIT_PASSWORD bleibt
alles offen wie bisher.

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

public/style.css

@@ -59,12 +59,19 @@ 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-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; }
+/* Betrachtermodus: Kalender ansehen, nichts bearbeiten */
+.viewer .day { cursor: default; }
+.viewer .day:hover:not(.outside) { background: var(--white); }
 @media (max-width: 560px) {
   .topbar { padding: 0 16px; gap: 0 16px; }
   .topbar h1 { padding: 12px 0; }
   .topbar nav { flex-wrap: nowrap; overflow-x: auto; width: 100%; margin: 0 -16px; padding: 0 8px; scrollbar-width: none; }
   .topbar nav::-webkit-scrollbar { display: none; }
   .topbar nav a { min-height: 44px; padding: 0 10px; font-size: 13px; white-space: nowrap; }
+  .topbar-action { margin-left: auto; margin-block: 8px; }
 }
 button:focus-visible, input:focus-visible, select:focus-visible, .button:focus-visible, .day:focus-visible, .avatar[tabindex]:focus-visible {
   outline: 2px solid var(--tradeo-blue); outline-offset: 2px;