fix(studio): Kopfzeile und Fall-Auswahl an die klassische Ansicht angeglichen

Portierung aus dem Lokal-Fork (AegisSight-Monitor-Local, Commit 9613610).
Vier Angleichungen an das klassische Dashboard.

1. "Klassische Ansicht" ist jetzt derselbe Knopf wie "Studio-Ansicht" im
   Dashboard, mit Symbol, an erster Stelle im rechten Kopfzeilen-Block.
2. Oben rechts fehlten Barrierefreiheit, Konto-Menü und Abmelden. Der
   A11yManager liegt jetzt in js/a11y.js und wird von beiden Oberflächen
   eingebunden, denn das Studio lädt app.js nicht. Konto-Menü (Organisation,
   Lizenz, Credits, Über KI-Inhalte) und Abmelden nachgezogen, der
   Theme-Schalter ist derselbe Schiebeschalter wie im Dashboard.
3. Die Fall-Liste hat jetzt die Umschaltung "Alle" / "Eigene" in der
   Knopf-Optik der klassischen Seitenleiste, der Reiter-Zähler zieht mit.
4. Der Hinweis "Wähle links einen Fall aus" endet vor der Bausteine-Spalte
   statt am Fensterrand, im gestapelten Layout nimmt er die volle Breite.

Das info@-Gating des Studios bleibt unverändert bestehen.
Versionsmarker der angefassten Dateien auf 20260725a angehoben.

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

src/static/css/studio.css

@@ -114,21 +114,10 @@
     align-items: center;
     gap: var(--sp-md);
 }
-.studio-top-right a { color: var(--text-secondary); font-size: 12px; text-decoration: none; }
-.studio-top-right a:hover { color: var(--accent); }
-
-.studio-theme-toggle {
-    background: transparent;
-    border: 1px solid var(--border);
-    color: var(--text-secondary);
-    border-radius: var(--radius);
-    width: 32px; height: 32px;
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-.studio-theme-toggle:hover { color: var(--accent); border-color: var(--accent); }
+/* Reine Textlinks in der Kopfzeile. Links, die als Knopf auftreten (.btn),
+   bleiben ausgenommen, sonst ueberschreibt die Farbe hier die Knopf-Optik. */
+.studio-top-right a:not(.btn) { color: var(--text-secondary); font-size: 12px; text-decoration: none; }
+.studio-top-right a:not(.btn):hover { color: var(--accent); }
 
 /* === 3 Spalten === */
 .studio-cols {
@@ -196,6 +185,15 @@
 }
 .left-pane[hidden] { display: none; }
 
+/* "Alle" / "Eigene" ueber der Fall-Liste. Nutzt die Knopf-Optik der klassischen
+   Seitenleiste (.sidebar-filter-btn aus style.css), braucht hier aber den
+   Innenabstand der Studio-Spalte statt des Seitenleisten-Abstands. */
+.case-scope {
+    padding: var(--sp-md) var(--sp-xl) 0;
+    margin-bottom: 0;
+    flex-shrink: 0;
+}
+
 /* Fall-Liste (ersetzt das Dropdown in der Kopfzeile) */
 .case-group {
     display: flex;
@@ -1330,7 +1328,8 @@
     top: 0;
     bottom: 0;
     left: 301px;                /* rechts neben der Fall-Liste (300px + 1px Fuge) */
-    right: 0;
+    right: 321px;               /* und links neben der Bausteine-Spalte (320px + 1px Fuge),
+                                   sonst sitzt der Hinweis sichtbar zu weit rechts */
     z-index: 5;
     display: flex;
     align-items: center;
@@ -1360,6 +1359,8 @@
 @media (max-width: 1100px) {
     .studio-cols { grid-template-columns: 1fr; grid-auto-rows: minmax(0, 1fr); }
     .studio-col { max-height: 60vh; }
+    /* Gestapelte Spalten: der Hinweis nimmt die volle Breite */
+    .studio-empty { left: 0; right: 0; }
 }
 
 /* Fall-Chat: Recherche-Angebot des Analysten (Phase 3) */