/* Ergänzungen des Adminbereichs zu mrmoney.css und klickdummy.css (aus dem Klickdummy erzeugt).
 * Keine Klassen mit werbung, anzeige, ad(s), promo, banner, sponsor, advert (Adblocker). */

/* Sprunglink zum Inhalt, nur bei Tastaturfokus sichtbar */
.kd-sprung { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 8px 12px; background: var(--mrm-surface); border-radius: var(--mrm-radius-m); }
.kd-sprung:focus { left: 8px; }

/* Meldung nach dem Speichern oben im Inhalt */
.kd-seitenmeldung { margin-bottom: 16px; }

/* Abmelden ist ein Formular im Personenmenü; der Knopf sieht aus wie die übrigen Menüpunkte */
.kd-personbereich form { margin: 0; }
.kd-navbtn { width: 100%; border: 0; background: transparent; font: inherit; text-align: left; cursor: pointer; }

/* Knöpfe unter der Anmeldekarte volle Breite, auch wenn sie in einem Formular stehen */
.mrm-card .kd-unten > form > .mrm-btn { width: 100%; }

/* „nicht gebucht“ im Menü: passt es nicht neben den Text, rutscht es rechtsbündig in eine zweite Zeile
   (wie der Menühinweis im Klickdummy, .mrm-nav__item:has(.kd-navhinweis)); sonst überdeckt es den Namen */
.mrm-nav__item.kd-gesperrt { flex-wrap: wrap; row-gap: 0; padding-top: 6px; padding-bottom: 6px; }
.mrm-nav__item.kd-gesperrt .kd-navtext { flex: 1 0 auto; }

/* Seiten, die erst in einem späteren Bauabschnitt entstehen */
.kd-folgt { max-width: 720px; }

/* Formularfehler: Text unter dem Feld rot */
.mrm-field--error .mrm-hint { color: var(--mrm-danger); }
.mrm-field--error .mrm-input, .mrm-field--error .mrm-select { border-color: var(--mrm-danger); }

/* Konto: Umstellung auf Code per Mail unter einer Trennlinie */
.kd-mailstatt { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--mrm-border); }
.kd-mailstatt p { margin-bottom: 10px; }

/* Code zum Abtippen (Bestätigung per App) */
.kd-geheimnis { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 15px; letter-spacing: .08em; word-break: break-all; }

/* Schalter als Absende-Knopf (Ui::schalterKnopf, architektur_lauf2.md L5): gleiches Aussehen wie .kd-switch */
.kd-schalterform { display: inline; margin: 0; }
.kd-switchknopf { background: none; border: 0; padding: 0; font: inherit; vertical-align: middle; }
.kd-switchknopf::after { display: none; }
.kd-switchknopf[aria-checked="true"] .kd-switch__bahn { background: var(--mrm-brand); }
.kd-switchknopf[aria-checked="true"] .kd-switch__bahn::after { transform: translateX(16px); }
.kd-switchknopf:focus-visible { outline: none; }
.kd-switchknopf:focus-visible .kd-switch__bahn { box-shadow: var(--mrm-focus); }
.kd-switchknopf:disabled { cursor: not-allowed; }
.kd-switchknopf:disabled .kd-switch__bahn { opacity: .45; }

/* Reiter als Links (Ui::reiter): aktiver Reiter wie im Klickdummy (aria-selected dort, aria-current hier) */
a.kd-tab { text-decoration: none; }
.kd-tab[aria-current="page"], .kd-tab[aria-current="page"]:hover { color: var(--mrm-text); border-bottom-color: var(--mrm-brand); }
.kd-tabpanel > .mrm-grid { margin: 0; }

/* Statistik: „Je Sparte“ aufgeklappt → Pfeil nach unten (Paket 4.3) */
[data-aufklapp] svg { transition: transform .15s; }
[data-aufklapp][aria-expanded="true"] svg { transform: rotate(90deg); }

/* Senkrechte Reiter als Links (Bestätigungsmail, Paket 4.11a): gewählter Eintrag wie .kd-vtab[aria-selected] im Klickdummy */
a.kd-vtab { text-decoration: none; }
a.kd-vtab[aria-current="page"] { background: var(--mrm-surface); border-right-color: var(--mrm-surface); box-shadow: inset 3px 0 0 var(--mrm-brand); color: var(--mrm-text); }
a.kd-vtab[aria-current="page"] .kd-vtab__titel { text-decoration: none; }

/* Webservice-Freischaltung (Verwaltung, Paket 4.9a): Gruppen je Modul ohne Rahmen des Browsers */
.kd-wsgruppe { border: 0; padding: 0; margin: 0; min-width: 0; }
.kd-wsgruppe legend { padding: 0; margin-bottom: 6px; }

/* Tarifauswahl: Sparten-Knöpfe untereinander in einer Spalte, Name mit „ - Kürzel“ (Tobias, 09.11.2026; ersetzt das
   mehrspaltige Raster aus klickdummy.css). Gemessen (Steve, 09.11.2026): 580px fassen samt „neue Tarifgeneration seit …“
   Namen bis etwa „Haus- und Grundbesitzerhaftpflicht - HUG“ (heute längster: „Privathaftpflichtversicherung - PHV“);
   längere werden mit „…“ gekürzt. Schmaler nur, wenn die ganze Fläche schmaler ist. */
.kd-spartenknoepfe { grid-template-columns: min(580px, 100%); }

/* Haupt-ID oben links unter „Rechner-Admin“, gut sichtbar auch in „Ansicht als“ (Tobias, 09.11.2026; E75) */
.kd-partnerkopf { margin: -10px 8px 16px; font-size: 14px; color: var(--mrm-text-subtle); }
.kd-partnerkopf strong { color: var(--mrm-text); font-weight: 600; }

/* Stern je Partner in der Partnerliste der Verwaltung (PartnerSeite, Tobias 09.11.2026): quadratischer Knopf nur mit
   Symbol; gefüllter Stern = Favorit, leerer Stern = kein Favorit (beide stehen im Knopf, aria-pressed wählt) */
.kd-stern { width: 32px; padding: 0; justify-content: center; }
.kd-stern[aria-pressed="true"] .kd-stern__aus, .kd-stern[aria-pressed="false"] .kd-stern__an { display: none; }
.kd-stern__an, .kd-stern__aus { display: inline-flex; }
.kd-stern[aria-pressed="true"] { color: var(--mrm-warning); }
.kd-stern:disabled { opacity: .6; cursor: progress; }
/* Suchfeld der Partnerliste halb so breit wie die Karte; auf schmalen Bildschirmen die ganze Breite */
.kd-feldzeile .kd-feld-halb { flex: 0 1 50%; }
/* Knopf „Suchen“ so hoch wie das Eingabefeld (38px statt 34px aus klickdummy.css), damit beide auf einer Linie stehen */
.kd-feldzeile .kd-feld-halb + .mrm-btn { height: 38px; }
@media (max-width: 700px) { .kd-feldzeile .kd-feld-halb { flex: 1; } }