/*
  workspace-bento-agent-liste.css — „Mein Agent“ im Menü-Modus: Bereichsliste rechts über den Baustein BentoSpalte (workspace-bento-agent-spalte.js).

  Kurzbeschreibung (für Laien): Die Seite „Mein Agent“ (Einstellungen › Mein Agent) zeigte E-Mail, Chat, Wissensdatenbank … als Reihe runder Reiter
  oben. Jetzt steht der Wechsel wie überall im Workspace als schmale Liste rechts: Trennlinie links davon, der markierte Eintrag leicht
  hinterlegt, kein eigener Kasten. Inhalt und Umschalten bleiben gleich (workspace-haupt.js); nur das Aussehen ändert sich.
  Greift nur mit html.wb-menue-modus (Menü-Modus). Handy (< 700 px): Liste steht oben als umbrechende Reihe, der Inhalt darunter.
  Farben nur aus der Marke / Bento-Werten (hell und dunkel); keine farbigen Seitenstreifen, kein eigenes Suchfeld.
*/
:root.wb-menue-modus #agentEditBody .agent-edit-form { display: flex; flex-direction: row; align-items: stretch; gap: 0; }
:root.wb-menue-modus #agentEditBody .agent-edit-form > .aef-seite { flex: 1 1 0; min-width: 0; padding-right: var(--wbm-luft, 16px); }
/* Die bisherigen Reiter bleiben für die Umschaltung im Hintergrund (unsichtbar); sichtbar ist die Baustein-Spalte (workspace-bento-agent-spalte.js) */
:root.wb-menue-modus #agentEditBody #aefReiter { display: none; }
/* Raster wie Aufgaben (Ralph 08.11.2026): Mitte ab x = 319 / y = 152, Spalte von x = 1196 bis zum Kartenrand (1420) und von oben bis unten, keine Linie am Kartenrand */
:root.wb-menue-modus .sidebar-secondary-body:has(> #agentEditBody) { padding: 0; overflow: hidden; }
:root.wb-menue-modus .sidebar-secondary:has(> .sidebar-secondary-body > #agentEditBody) { border-right: 0; }
:root.wb-menue-modus #agentEditBody { height: 100%; }
:root.wb-menue-modus #agentEditBody .agent-edit-form { height: 100%; }
:root.wb-menue-modus #agentEditBody .agent-edit-form > .aef-seite { overflow-y: auto; }
:root.wb-menue-modus #agentEditBody .wag-spalte { order: 2; flex: 0 0 224px; width: 224px; margin: 0; }
@media (max-width: 699px) {
  :root.wb-menue-modus #agentEditBody .agent-edit-form { flex-direction: column; }
  :root.wb-menue-modus #agentEditBody .agent-edit-form > .aef-seite { padding-right: 0; }
  :root.wb-menue-modus #agentEditBody .wag-spalte { order: 0; flex: none; width: 100%; height: auto; border-left: 0; border-bottom: 1px solid var(--wb-linie, var(--marke-linie)); margin: 0 0 12px; padding-bottom: 8px; }
}