/* Der Bereich „Erweiterungen" (B3).
 *
 * Eigene Datei aus demselben Grund, aus dem es `katalog.css`, `gwg.css` und
 * `verwahrung.css` gibt: an `notarflow.css` arbeiten in dieser Welle mehrere
 * Sessions gleichzeitig, und ein Merge-Konflikt in einer Stildatei ist reine
 * Reibungsverschwendung. Die Variablen (`--blau`, `--ink-soft`, `--line`)
 * kommen von dort — sie werden benutzt, nicht kopiert.
 *
 * Die Reiterleiste ist bewusst `verwaltung-reiter` aus `benutzer-hilfe.css`
 * und keine zweite Machart: es ist dieselbe Bedienung an derselben Stelle im
 * Dialog, und zwei Reiterleisten, die sich um zwei Pixel unterscheiden, sind
 * eine Ungenauigkeit, die man erst sieht, wenn man sie nicht mehr los wird.
 */

/* ------------------------------------------------------ Die Schalttabelle */

.erw-tabelle {
  width: 100%; border-collapse: collapse; margin-top: 12px;
  /* `table-layout: auto`: die Namensspalte trägt Fließtext, die Rollenspalten
     tragen ein Kästchen. Feste Breiten wären hier die schlechtere Wahl —
     „Notariatsverwalter:in" ist doppelt so lang wie „Notarin". */
}
.erw-tabelle th, .erw-tabelle td {
  text-align: left; vertical-align: top; padding: 8px 6px;
  border-bottom: 1px solid var(--line);
}
.erw-spalte-name { width: auto; }
.erw-spalte-rolle {
  /* Der Rollenname steht senkrecht zu lesen wäre schick und unlesbar. Er bleibt
     waagerecht und die Spalte so schmal wie ihr längstes Wort. */
  white-space: nowrap; font-size: 11px; color: var(--ink-soft);
  font-weight: 600; text-align: center;
}
.erw-gruppe th {
  font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.05em;
  color: var(--ink-soft); padding-top: 16px; border-bottom-color: var(--line-stark);
}
.erw-zeile .erw-name { padding-right: 18px; font-weight: normal; }
.erw-titel { font-size: 13px; font-weight: 600; }
.erw-unter { display: flex; gap: 6px; align-items: baseline; margin-top: 2px;
             flex-wrap: wrap; }
.erw-kennung { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
               font-size: 11px; color: var(--ink-soft); }
.erw-titel-klein { font-size: 11.5px; }
.erw-text { font-size: 11.5px; line-height: 1.5; margin: 4px 0 0;
            color: var(--ink-soft); max-width: 56ch; }

/* Eine abgeschaltete Zeile wird gedämpft, nicht ausgegraut: sie ist kein
   Fehler, sondern eine Entscheidung der Kanzlei, und man muss sie weiter
   lesen können, um sie zurücknehmen zu können. */
.erw-zeile[data-aus="true"] .erw-titel { color: var(--ink-soft); }

.erw-zelle { text-align: center; }
.erw-zelle[data-gesperrt="true"] { opacity: 0.45; }
.erw-schalter { width: 16px; height: 16px; }

/* ------------------------------------------------------------- Die Marken */

.erw-marken { display: flex; gap: 5px; flex-wrap: wrap; justify-content: flex-end; }
.erw-marke {
  font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase;
  border: 1px solid var(--line-stark); color: var(--ink-soft); padding: 1px 6px;
  white-space: nowrap;
}
/* Nur zwei Marken sind gefärbt, und beide bedeuten „hier passiert etwas":
   `schreibend` (der Skill legt einen Vorschlag an) und `an` (der Server läuft).
   Alles andere bleibt grau — eine Maske, in der jede Marke leuchtet, hat keine
   Marke, die auffällt. */
.erw-marke--schreibend { border-color: var(--blau); color: var(--blau); }
.erw-marke--an { border-color: var(--blau); background: var(--blau); color: #fff; }
/* Eine Art, die der Vertrag nicht kennt, ist ein Tippfehler in der Allowlist
   und wird als solcher sichtbar — nicht als harmloses „lesend". */
.erw-marke--unklar { border-style: dashed; }

/* -------------------------------------------- Was der Server über sich sagt */

/* Getrennt gesetzt und etikettiert: dieser Text erreicht den System-Prompt nie
   (Regel R-5 des MCP-Konzepts). Er steht eingerückt hinter einer Kante, damit
   auf einen Blick zu sehen ist, dass er aus einer anderen Quelle kommt als die
   Zeile darüber. */
.erw-gemeldet {
  margin-top: 6px; padding-left: 9px; border-left: 2px solid var(--line-stark);
  font-size: 11px; color: var(--ink-soft);
}
.erw-etikett {
  display: block; font-size: 9.5px; text-transform: uppercase;
  letter-spacing: 0.05em; color: var(--ink-soft); margin-bottom: 1px;
}
.erw-gemeldet-text { font-style: italic; }

/* ---------------------------------------------------------- Werkzeug-Server */

.erw-pfad { font-size: 11.5px; margin: 8px 0; }
.erw-pfad code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px;
  background: var(--panel); border: 1px solid var(--line);
  padding: 1px 5px; word-break: break-all;
}
.erw-server {
  border: 1px solid var(--line-stark); background: var(--panel);
  padding: 12px 14px; margin-top: 12px;
}
.erw-server-kopf {
  display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center;
}
.erw-server-name { font-size: 13px; font-weight: 600; }
/* „verbunden seit …" steht UNTER dem Namen und nicht neben den Marken: es ist
   die Erlaeuterung zu einer Marke und keine zweite. */
.erw-seit { grid-column: 1 / -1; font-size: 11px; color: var(--ink-soft); }
.erw-werkzeuge { list-style: none; margin: 10px 0 0; padding: 0; }
.erw-werkzeuge li {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline;
  padding: 7px 0; border-top: 1px solid var(--line);
}
.erw-werkzeuge li .erw-text,
.erw-werkzeuge li .erw-gemeldet { flex-basis: 100%; }