feat(org-detail): Org-Status als prominenter Umschalter in der Kopfzeile

Statt des kleinen Auswahlfelds neben dem Namen jetzt ein deutlich
sichtbarer Zwei-Knopf-Umschalter (Aktiv grün mit Haken, Deaktiviert rot
mit Sperr-Symbol), der aktive Zustand ist farbig gefüllt, Klick
speichert sofort wie bisher.

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

src/static/css/style.css

@@ -1434,3 +1434,35 @@ details.adv-section .adv-hint { grid-column: 1 / -1; font-size: 12px; color: var
 /* === Klickbare Eintraege in der Ablauf-Liste === */
 .expiring-item-link { cursor: pointer; border-radius: var(--radius); transition: background 0.15s ease; }
 .expiring-item-link:hover, .expiring-item-link:focus-visible { background: var(--bg-hover); }
+
+/* === Prominenter Org-Status-Umschalter in der Kopfzeile === */
+.org-status-toggle {
+  display: inline-flex;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  overflow: hidden;
+}
+.ost-btn {
+  padding: 8px 18px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: var(--font-body);
+  background: var(--bg-secondary);
+  color: var(--text-muted);
+  border: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  transition: background 0.15s ease, color 0.15s ease;
+}
+.ost-btn + .ost-btn { border-left: 1px solid var(--border); }
+.ost-btn:hover { color: var(--text-primary); background: var(--bg-hover); }
+.ost-btn.on.ost-aktiv {
+  background: rgba(16, 185, 129, 0.16);
+  color: var(--success);
+}
+.ost-btn.on.ost-inaktiv {
+  background: rgba(239, 68, 68, 0.16);
+  color: var(--danger);
+}