Dashboard: Claude API Status-Bar

- Zeigt Anthropic API Status aus status.claude.com an
- Nur sichtbar bei aktiven Incidents (minor/major/critical)
- Farbcodierte Indikatoren (gelb=warning, rot=danger)
- Stille Fehlerbehandlung bei nicht erreichbarem Status-Endpoint

wwwroot/css/dashboard.css

@@ -1,3 +1,49 @@
+/* Status Bar */
+
+.status-bar {
+  display: flex;
+  align-items: center;
+  gap: var(--badge-spacing);
+  padding: var(--box-padding);
+  margin-block: var(--badge-spacing) var(--box-spacing);
+  border-radius: var(--border-radius);
+}
+
+.status-bar[hidden] {
+  display: none;
+}
+
+.status-indicator {
+  width: 0.5em;
+  height: 0.5em;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.status-bar.status-none .status-indicator {
+  background: var(--secondary);
+}
+
+.status-bar.status-minor .status-indicator {
+  background: var(--warning);
+}
+
+.status-bar.status-major .status-indicator,
+.status-bar.status-critical .status-indicator {
+  background: var(--dangerous);
+}
+
+.status-bar.status-minor,
+.status-bar.status-major,
+.status-bar.status-critical {
+  background: rgb(from var(--warning) r g b / .1);
+}
+
+.status-bar.status-major,
+.status-bar.status-critical {
+  background: rgb(from var(--dangerous) r g b / .1);
+}
+
 .dashboard .page-content {
   padding: var(--page-padding);
 }