Kleine Verbesserungen und Teams, Outlook Integration

- Outlook: Kalender-Abo je Konto (eigene Aufgaben, Meilensteine,
  Abwesenheiten als .ics), einzurichten unter Einstellungen
- Teams: Nachricht in einen Kanal bei neuen Aufgaben, mit Link direkt
  auf die Aufgabe; einzurichten unter Admin → Teams
- Sitzungen nach Bedarf laden: beim Start nur die aktuelle und drei
  davor, im Verlauf „Weitere laden“ in Fünferschritten
- Termin aus Mail: Wahl Aufgabe/Meilenstein, Notiz auch bei
  Meilensteinen, nur aktiv mit eingerichteter KI
- Kalender zeigt die KW, auch statt der Browser-Datumsfelder
- Pfeile bei den Abwesenheiten, kleinere Server-Korrekturen

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

public/plan-styles.css

@@ -1786,6 +1786,26 @@ html[data-theme="dark"] { --gantt-phase: #a59ef2; }
 .mail-auswahl-liste { display: flex; flex-direction: column; gap: 4px; max-height: 50vh; overflow-y: auto; margin: 12px 0; }
 .mail-auswahl-zeile {
   display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center;
-  padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer;
+  padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px;
 }
+.mail-auswahl-text { display: grid; gap: 2px; min-width: 0; }
+.mail-auswahl-titel { overflow-wrap: anywhere; }
 .mail-auswahl-datum { color: var(--text-subtle); font-size: .88em; white-space: nowrap; }
+.mail-auswahl-art { flex: none; }
+/* Eigene Flächen statt der .segmented-Vorgabe: deren gewählter Knopf ist
+   var(--surface) — unter Glas fast durchsichtig, gewählt und nicht gewählt
+   sahen gleich aus; dazu trug jeder Knopf einen eigenen Rand. */
+.segmented.mail-auswahl-art button {
+  padding: 4px 12px; font-size: 12px;
+  border: 0; box-shadow: none;
+  background: transparent; color: var(--text-muted);
+}
+.segmented.mail-auswahl-art button:hover { background: var(--seg-hover); color: var(--text); }
+.segmented.mail-auswahl-art button[aria-pressed="true"] {
+  background: var(--accent-soft); color: var(--accent); font-weight: 600;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);
+}
+@media (max-width: 520px) {
+  .mail-auswahl-zeile { grid-template-columns: auto 1fr; }
+  .mail-auswahl-art { grid-column: 2; justify-self: start; }
+}