/* Admin: Mitarbeiter-Tabelle, Zugangsdaten, Dialog. Karten, Rahmen und Schatten gibt es nicht mehr; Abstände zwischen den */
/* Abschnitten liefert .page section + section (global.css). AdminPage.css lädt vor global.css, darum haben Regeln, die eine */
/* Global-Klasse überstimmen, die Spezifität 0,2,0. Zugangsdaten (.credential*) und .sr-only stehen in global.css. */
.page.admin-page { max-width: 1480px; }
.admin-notice { margin-bottom: 16px; }
.admin-lead { margin: 0 0 8px; }
.admin-shortcode { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; letter-spacing: .04em; }
.admin-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 16px; }
.credential-list { display: flex; flex-wrap: wrap; gap: 8px 32px; margin-top: 8px; }

/* Admin-Haken im Dialog: Titel und Erklärung untereinander, der Haken oben links */
.check.admin-check { align-items: flex-start; }
.admin-check small { display: block; margin-top: 2px; font-size: 13px; line-height: 18px; color: var(--text-2); }
.admin-check.is-disabled { cursor: not-allowed; opacity: .55; }

/* 403 */
.admin-access-denied { max-width: 540px; margin: 12vh auto 0; }
.admin-access-denied > span { font-size: 12px; font-weight: 500; color: var(--red-fg); }
.admin-access-denied h1 { margin: 4px 0 8px; font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -.02em; }
.admin-access-denied p { color: var(--text-2); }