:focus-visible { outline: 3px solid #ffdc70 !important; outline-offset: 4px; }
fieldset { margin: 16px 0; padding: 12px; border: 1px solid var(--c-border,#aaa); }
legend { font-weight: 700; padding: 0 6px; }
caption { text-align: left; font-weight: 700; padding: 10px; }
label:has(+input), label:has(+select), label:has(+textarea) { display: block; margin-bottom: 6px; }
.chart-data-table { margin-top: 10px; }
.chart-data-table table { width: 100%; }
.management-feedback { margin: 10px 0; }
[data-live-panel] td p { margin-top: 6px; }
[data-live-panel] ol { padding-left: 20px; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

.kr-match { text-decoration: none; color: inherit; }
.kr-match-outcome { grid-column: 1 / -1; font-size: 12px; padding: 4px; }

.management-form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),.management-form select,.management-form textarea { box-sizing:border-box; width:min(100%,44rem); padding:10px; background:var(--c-card2,#242424); color:var(--c-text,#fff); border:1px solid var(--c-border,#aaa); border-radius:6px; }
.management-form input[type="radio"],.management-form input[type="checkbox"] { width:1.1rem; height:1.1rem; margin-right:8px; vertical-align:middle; }

.management-form fieldset { background:rgba(35,22,7,.72); color:#fff3d6; }
.management-form fieldset label { display:flex; align-items:center; min-height:44px; gap:8px; line-height:1.4; }

/* Shared management surfaces: the wood theme frames content, while text stays calm. */
.management-page { --mg-surface:#251e16; --mg-edge:#665239; --mg-muted:#d1c1a8; max-width:1180px; margin:12px auto 48px; color:#faf3e6; line-height:1.55; min-width:0; }
.management-page *, .management-page *::before, .management-page *::after { box-sizing:border-box; }
.management-page .mg-heading { padding:24px 28px; margin-bottom:22px; background:linear-gradient(115deg,#302619,#211c16); border:1px solid var(--mg-edge); border-radius:16px; box-shadow:0 8px 24px #0003; }
.management-page h1 { margin:2px 0 14px; font-size:clamp(24px,3vw,32px); line-height:1.2; color:#ffe39a; letter-spacing:-.025em; }
.management-page h2 { margin:0; font-size:19px; line-height:1.35; color:#fff3d8; }
.management-page .mg-eyebrow { color:#d6bd86; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin:0 0 7px; }
.management-page .mg-intro { color:#e1d4be; margin:0 0 22px; max-width:78ch; font-size:14px; }
.management-page .mg-heading .mg-intro { margin-bottom:0; }
.mg-nav, .mail-area-tabs { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.mg-nav a, .mail-area-tabs .mail-area-tab { display:inline-flex; align-items:center; min-height:40px; padding:8px 14px; color:#eadcc4; border:1px solid transparent; border-radius:8px; text-decoration:none; font-size:13px; font-weight:600; }
.mg-nav a:hover, .mail-area-tabs .mail-area-tab:hover { background:#ffffff0c; color:#ffe39a; border-color:#8f754c; }
.mg-nav a[aria-current="page"], .mail-area-tabs .mail-area-tab[aria-current="page"] { color:#ffe39a; background:#d5a73b20; border-color:#b28b42; }
.mail-area-tabs { background:#251e16; padding:6px; border:1px solid #665239; border-radius:11px; margin:0 0 18px; width:fit-content; max-width:100%; }
.management-page .mg-surface { background:var(--mg-surface); border:1px solid var(--mg-edge); border-radius:14px; padding:24px; box-shadow:0 5px 16px #0002; min-width:0; }
.management-page .mg-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.management-page .mg-muted, .management-page .mg-footnote { color:var(--mg-muted); }
.management-page .mg-muted { font-size:13px; }
.management-page .mg-footnote { font-size:12px; border-top:1px solid #ffffff16; padding-top:16px; margin:20px 0 0; }
.management-page .mg-count { border:1px solid #6b5738; color:#f1dca8; background:#ba923515; padding:4px 9px; border-radius:20px; white-space:nowrap; font-size:12px; }
.mg-section-icon { color:#e8c36b; font-size:26px; }
.management-page .mg-account-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:20px; align-items:start; }
.management-page .mg-choices { border:0; background:none; padding:0; margin:18px 0 0; min-width:0; }
.management-page .mg-account-choice { border:1px solid #68563e; border-radius:10px; margin-bottom:12px; background:#ffffff04; overflow:hidden; }
.management-page .mg-account-choice:has(input:checked) { border-color:#d9af54; background:#c89a2e15; box-shadow:inset 3px 0 #e6bd61; }
.management-page .mg-account-select { display:flex; align-items:center; gap:12px; padding:16px; cursor:pointer; min-height:74px; margin:0; }
.management-page .management-form input:is([type="radio"],[type="checkbox"]) { accent-color:#f3c758; flex:0 0 auto; width:19px; height:19px; margin:0; cursor:pointer; }
.mg-account-copy { display:flex; flex-direction:column; min-width:0; flex:1; gap:3px; }
.mg-account-copy strong { font-size:15px; overflow-wrap:anywhere; }
.mg-account-meta { color:#cfbea3; font-size:12px; overflow-wrap:anywhere; }
.mg-selected { display:none; color:#ffe39a; font-size:11px; font-weight:700; white-space:nowrap; }
.mg-account-select:has(input:checked) .mg-selected { display:inline; }
.management-page .mg-profile-link { display:block; border-top:1px solid #ffffff12; margin:0 16px; padding:9px 0; text-align:right; color:#f4d586; font-size:12px; text-decoration:none; }
.management-page .mg-profile-link:hover { text-decoration:underline; }
.management-page .mg-none-choice { display:flex; align-items:center; gap:12px; font-size:13px; padding:8px 4px; min-height:44px; color:#ddcfb8; cursor:pointer; }
.management-page .mg-reminder { display:flex; gap:14px; padding:16px; border:1px solid #68563e; border-radius:10px; margin:0 0 12px; align-items:center; cursor:pointer; min-height:82px; }
.management-page .mg-reminder:has(input:checked) { border-color:#c6a45a; background:#c89a2e15; }
.mg-reminder > span { display:flex; flex-direction:column; gap:3px; }
.mg-reminder strong { font-size:14px; }
.mg-reminder span span { color:#cfbea3; font-size:12px; }
.management-page .mg-savebar { display:flex; justify-content:space-between; gap:18px; align-items:center; background:#251e16; border:1px solid #665239; border-radius:12px; margin-top:20px; padding:16px 22px; }
.mg-savebar p { color:#d1c1a8; font-size:13px; margin:0; }
.mg-savebar .btn { min-height:44px; white-space:normal; }
.management-page .mg-empty { padding:24px 16px; color:#d1c1a8; }
.management-page .mg-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); padding:0; border:0; white-space:nowrap; }
.management-page .mg-live-note { display:flex; align-items:baseline; gap:9px; color:#ded0b7; font-size:12px; margin:0 0 20px; }
.mg-live-dot { width:7px; height:7px; border-radius:50%; background:#a4dfb1; flex:0 0 auto; }
.management-page .mg-mail-panel { overflow:visible; background:none; border:0; box-shadow:none; }
.mg-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
.mg-stat { display:flex; flex-direction:column; gap:5px; padding:18px 20px; border:1px solid #665239; border-radius:12px; background:#251e16; min-width:0; }
.mg-stat > span { font-size:12px; color:#dfd0b7; }
.mg-stat strong { font-size:30px; line-height:1.2; color:#fff2cf; }
.mg-stat small { font-size:11px; color:#cdbca2; }
.mg-stat-success strong { color:#b3edc6; }
.mg-stat-warning strong { color:#ffcd83; }
.management-page .mg-mail-table { padding:0; overflow:hidden; }
.management-page .mg-mail-table table { margin:0; border-collapse:collapse; width:100%; table-layout:fixed; }
.management-page .mg-mail-table caption { padding:18px 20px; font-size:15px; color:#fff3d8; border-bottom:1px solid #665239; }
.management-page .mg-mail-table table th { background:#19150f; color:#e0cfae; font-size:11px; letter-spacing:.04em; padding:12px 20px; border:0; text-align:left; }
.management-page .mg-mail-table table thead th:first-child { width:30%; }
.management-page .mg-mail-table table thead th:nth-child(2) { width:32%; }
.management-page .mg-mail-table table tbody th, .management-page .mg-mail-table table tbody td { padding:16px 20px; background:transparent; border-bottom:1px solid #ffffff14 !important; vertical-align:middle; color:#f5ecdc; text-shadow:none; }
.management-page .mg-mail-table table tbody th { text-transform:none; letter-spacing:normal; font-size:13px; font-weight:600; overflow-wrap:anywhere; }
.management-page .mg-mail-table table tbody tr:last-child > * { border-bottom:0 !important; }
.management-page .mg-mail-table table tbody tr:hover > * { background:#ffffff04; }
.mg-status { display:inline-flex; gap:6px; align-items:center; padding:4px 9px; border-radius:6px; font-size:12px; font-weight:700; line-height:1.4; }
.mg-status-success { color:#bce9c8; background:#82d39a16; border:1px solid #87cc9c40; }
.mg-status-pending { color:#ffe19c; background:#dfb75417; border:1px solid #dfb75444; }
.mg-status-error { color:#ffc3b0; background:#e8977d17; border:1px solid #e8977d44; }
.mg-status-detail { display:block; font-size:11px; color:#cdbca2; line-height:1.5; margin-top:6px; }
.mg-poll-time span { display:block; font-size:13px; font-variant-numeric:tabular-nums; }
.mg-poll-time small { color:#cdbca2; font-size:11px; }
.admin-hub .hub-section { margin:28px 0; }
.admin-hub .hub-section > h2, .admin-hub .mg-section-head h2 { font-size:16px; margin-bottom:12px; }
.admin-hub .mg-section-head h2 { margin:0; }
.admin-hub .hub-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.admin-hub .hub-grid-featured { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.admin-hub .hub-card { display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto 1fr auto; gap:6px 12px; background:#251e16; border:1px solid #665239; border-radius:12px; padding:22px; text-decoration:none; color:#faf3e6; min-height:166px; box-shadow:0 4px 14px #0002; transition:border-color .15s,background .15s; }
.admin-hub .hub-card:hover { border-color:#d3ad5d; background:#31271b; }
.admin-hub .hub-card-icon { grid-row:1 / 4; display:flex; align-items:center; justify-content:center; align-self:start; width:38px; height:38px; background:#d5a73b18; border:1px solid #a484463b; border-radius:10px; font-size:23px; color:#edcb7c; }
.admin-hub .hub-card-title { font-weight:700; font-size:15px; color:#fff0cf; }
.admin-hub .hub-card-desc { font-size:12px; line-height:1.6; color:#cebea5; }
.admin-hub .hub-card-arrow { font-size:12px; font-weight:700; color:#f3cf79; padding-top:10px; }
.management-page > .table-wrap { background:#251e16; border:1px solid #665239; border-radius:12px; margin-top:16px; }
.management-page > h2 { margin:24px 0 12px; }
.management-page .management-form > p { margin:16px 0; }
.management-page .management-form input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]), .management-page .management-form select, .management-page .management-form textarea { background:#19150f; border-color:#796344; min-height:44px; color:#fff3dc; }
@media(max-width:900px) {
 .mg-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .admin-hub .hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .management-page .mg-mail-table table tbody th, .management-page .mg-mail-table table tbody td, .management-page .mg-mail-table table th { padding-left:12px; padding-right:12px; }
}
@media(max-width:650px) {
 .management-page { margin:4px auto 28px; }
 .management-page .mg-heading { padding:20px 18px; border-radius:12px; }
 .management-page .mg-account-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .management-page .mg-surface { padding:18px; }
 .management-page .mg-mail-table { padding:0; background:transparent; border:0; box-shadow:none; }
 .mg-account-select:has(input:checked) .mg-selected { display:inline; font-size:10px; }
 .management-page .mg-savebar { align-items:stretch; flex-direction:column; padding:18px; gap:12px; }
 .mg-savebar .btn { text-align:center; justify-content:center; width:100%; }
 .mg-stat { padding:14px; }
 .mg-stat strong { font-size:26px; }
 .mg-summary { gap:10px; margin-bottom:16px; }
 .admin-hub .hub-grid, .admin-hub .hub-grid-featured { grid-template-columns:minmax(0,1fr); gap:12px; }
 .admin-hub .hub-card { min-height:140px; padding:20px; }
 .management-page .mg-mail-table table { display:block; }
 .management-page .mg-mail-table caption { display:block; padding:0 0 12px; border:0; }
 .management-page .mg-mail-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .management-page .mg-mail-table tbody { display:grid; gap:12px; }
 .management-page .mg-mail-table tbody tr { display:grid; grid-template-columns:1fr 1fr; padding:16px; gap:14px 12px; background:#251e16; border:1px solid #665239; border-radius:12px; }
 .management-page .mg-mail-table table tbody tr > * { border:0 !important; padding:0; min-width:0; }
 .management-page .mg-mail-table table tbody .mg-mail-account { grid-column:1 / -1; font-size:14px; padding-bottom:12px; border-bottom:1px solid #ffffff16 !important; }
 .management-page .mg-mail-table td[data-label="Verbindung"] { grid-column:1 / -1; }
 .management-page .mg-mail-table td.mg-poll-time::before { content:attr(data-label); display:block; font-size:11px; color:#d4c4ab; margin-bottom:5px; }
 .management-page .mg-mail-table td[colspan] { grid-column:1 / -1; }
 .management-page .mg-section-head { flex-wrap:wrap; }
}

/* Mailbox administration uses the same responsive management surfaces. */
.management-page .mg-admin-tabs { margin:0 0 24px; padding:8px; border-radius:12px; background:#251e16; border:1px solid #665239; }
.mg-tab-count { margin-left:7px; font-size:11px; border-radius:12px; background:#ffffff12; padding:0 7px; }
.mg-mailbox-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
.management-page .mg-mailbox h3 { font-size:17px; color:#fff0cf; margin:14px 0 6px; overflow-wrap:anywhere; }
.mg-mailbox-address, .mg-audit-target { overflow-wrap:anywhere; }
.mg-mailbox-actions { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.mg-mailbox-actions form { margin:0; }
.management-page .mg-button { display:inline-flex; justify-content:center; align-items:center; min-height:42px; border:1px solid #8a7046; border-radius:8px; padding:9px 13px; background:#392c1b; color:#f5dc9e; font-family:inherit; font-size:12px; font-weight:600; line-height:1.4; text-decoration:none; cursor:pointer; }
.management-page .mg-button:hover { border-color:#e3bc68; background:#4b3820; }
.management-page .mg-button-danger { background:#582d22; border-color:#a96c57; color:#ffdbcf; }
.mg-admin-details { border-top:1px solid #ffffff18; padding:14px 0 0; margin-top:14px; }
.mg-admin-details summary, .mg-add-mailbox > summary { color:#f3d082; cursor:pointer; font-size:14px; font-weight:700; min-height:30px; }
.mg-admin-details[open] > summary { margin-bottom:16px; }
.mg-admin-details p { font-size:13px; }
.mg-remove summary { color:#f0bda4; }
.management-page .mg-add-mailbox, .management-page .mg-retained { margin-top:22px; }
.mg-retained li { overflow-wrap:anywhere; margin:8px 0; }
.management-page .mg-inline-link { color:#f4d586; font-size:13px; }
.management-page .mg-admin-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; margin-top:16px; }
.mg-form-wide { grid-column:1 / -1; }
.mg-admin-flash { padding:15px 18px; background:#302819; border:1px solid #a48648; border-radius:10px; margin:18px 0; font-size:13px; }
.mg-admin-flash p { margin:0; }
.mg-admin-flash-success { border-color:#729b69; color:#d1edcb; }
.mg-admin-flash-error { border-color:#be8169; color:#ffcebc; }
.mg-admin-table { width:100%; }
.management-page .mg-admin-table th, .management-page .mg-admin-table td { padding:14px; text-transform:none; overflow-wrap:anywhere; white-space:normal; }
.management-page .mg-filter-form { display:flex; gap:14px; flex-wrap:wrap; align-items:end; margin:16px 0 24px; }
.management-page .mg-filter-form p { flex:1; min-width:160px; margin:0; }
.mg-audit-list { list-style:none; padding:0; margin:18px 0; }
.mg-audit-list > li { padding:18px 0; border-top:1px solid #ffffff18; font-size:13px; overflow-wrap:anywhere; }
.mg-audit-list .mg-section-head { margin-bottom:8px; }
.mg-audit-list p { margin:7px 0; }
.mg-audit-pagination { display:flex; justify-content:space-between; gap:12px; margin-top:18px; }
@media(max-width:760px) { .mg-mailbox-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:650px) { .management-page .mg-admin-form-grid { grid-template-columns:minmax(0,1fr); } .management-page .mg-filter-form { display:block; } .management-page .mg-filter-form p { margin:14px 0; } }

.mg-mailbox-search { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; color:#d1c1a8; font-size:13px; }
.mg-mailbox-search label { font-weight:700; }
.mg-mailbox-search input { flex:1; min-width:160px; max-width:440px; padding:11px 13px; border-radius:8px; border:1px solid #796344; background:#19150f; color:#fff3dc; font:inherit; }
.mg-mailbox[hidden] { display:none; }
@media(max-width:650px) {
 .management-page .mg-admin-table { display:block; width:100%; }
 .management-page .mg-admin-table caption { display:block; padding:12px 0; }
 .management-page .mg-admin-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .management-page .mg-admin-table tbody { display:grid; gap:12px; }
 .management-page .mg-admin-table tbody tr { display:grid; gap:12px; padding:16px; background:#19150f; border:1px solid #665239; border-radius:10px; }
 .management-page .mg-admin-table tbody th, .management-page .mg-admin-table tbody td { display:block; padding:0; border:0 !important; background:none; font-size:13px; }
 .management-page .mg-admin-table td::before { content:attr(data-label); display:block; color:#c5b292; font-weight:700; font-size:11px; margin-bottom:4px; }
 .mg-mailbox-search input { max-width:100%; width:100%; flex-basis:100%; }
}

/* Discord identities: adjacent names remain readable when images are unavailable. */
.dp-person { display:inline-flex; gap:10px; align-items:center; max-width:100%; min-width:0; color:#fff0cf; text-decoration:none; text-align:left; text-transform:none; letter-spacing:normal; font-weight:400; }
a.dp-person:hover .dp-person-copy strong { color:#ffe39a; text-decoration:underline; }
.dp-avatar { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:38px; border-radius:50%; overflow:hidden; border:1px solid #b8944c70; background:#4a3925; color:#ffe3a0; font-size:12px; font-weight:800; }
.dp-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.dp-person-copy { display:flex; min-width:0; flex-direction:column; gap:1px; }
.dp-person-copy strong { font-size:14px; color:#fff1d5; overflow-wrap:anywhere; line-height:1.4; }
.dp-person-copy > span { color:#d2c2a9; font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.dp-person-copy small { color:#bba98e; font-size:10px; font-weight:400; line-height:1.5; overflow-wrap:anywhere; }
.dp-person-compact .dp-avatar { width:32px; height:32px; flex-basis:32px; }
.dp-person-compact .dp-person-copy strong { font-size:12px; }
.mg-grants-section { margin-top:28px; }
.mg-grants-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:16px; }
.mg-grant-card h3 { font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#d8bd87; margin:22px 0 10px; }
.mg-capabilities { display:flex; flex-wrap:wrap; gap:7px; }
.mg-capabilities > span { padding:5px 9px; border-radius:6px; border:1px solid #665239; background:#ffffff05; color:#ecdfc6; font-size:12px; line-height:1.4; }
.mg-grant-card p { overflow-wrap:anywhere; }
.management-page .mg-jobs-panel { overflow:visible; background:none; border:0; box-shadow:none; }
.mg-jobs-surface { border:1px solid #665239; border-radius:14px; overflow:hidden; background:#251e16; }
.mg-jobs-table { width:100%; table-layout:fixed; border-collapse:collapse; color:#f5ecdc; }
.mg-jobs-table caption { padding:18px 20px; color:#fff0cf; font-size:16px; }
.mg-jobs-table caption small { display:block; color:#cbb99c; font-size:11px; margin-top:4px; font-weight:400; }
.mg-jobs-table thead th { background:#19150f; color:#cfbb97; text-align:left; font-size:11px; padding:12px 18px; text-transform:uppercase; letter-spacing:.05em; }
.mg-jobs-table thead th:first-child { width:28%; }
.mg-jobs-table thead th:nth-child(2) { width:23%; }
.mg-jobs-table thead th:nth-child(3) { width:28%; }
.mg-jobs-table tbody th,.mg-jobs-table tbody td { background:transparent; border-bottom:1px solid #ffffff16; padding:20px 18px; text-align:left; vertical-align:top; font-weight:400; text-transform:none; overflow-wrap:anywhere; }
.mg-jobs-table tbody tr:last-child > * { border-bottom:0; }
.mg-job-number { color:#e4be6d; font-size:12px; font-weight:700; margin-right:8px; }
.mg-job-kind { font-size:14px; color:#fff2d6; }
.mg-job-by { display:block; color:#bba98e; font-size:10px; margin:12px 0 7px; }
.mg-job-result { color:#daccb5; font-size:12px; line-height:1.65; margin:10px 0 0; }
.mg-job-target { font-size:12px; }
.management-page [data-live-panel] .mg-job-timeline { list-style:none; margin:0; padding:0 0 0 12px; border-left:1px solid #8b7141; }
.mg-job-timeline li { position:relative; padding:0 0 14px 4px; font-size:11px; }
.mg-job-timeline li:last-child { padding-bottom:0; }
.mg-job-timeline li::before { content:''; width:5px; height:5px; background:#d8b66b; border-radius:50%; position:absolute; left:-15px; top:5px; }
.mg-job-timeline strong,.mg-job-timeline time { display:block; }
.mg-job-timeline time { color:#c6b69c; margin-top:4px; font-size:10px; }
.mg-event-byline { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:12px 0; }
.mg-audit-event-header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.mg-audit-event-header > div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.mg-audit-action { font-weight:700; color:#fff0cf; font-size:14px; }
.mg-audit-event-header time { color:#c6b69c; font-size:11px; white-space:nowrap; }
.mg-source-badge { color:#d5c5a7; border:1px solid #665239; background:#ffffff08; border-radius:5px; padding:3px 8px; font-size:10px; }
.mg-audit-event-target { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; max-width:62%; }
.mg-audit-event-target > span { color:#bba98e; font-size:10px; }
.mg-audit-event-target code { color:#e2d4bd; font-size:11px; background:transparent; white-space:normal; overflow-wrap:anywhere; }
.mg-audit-detail { color:#cbbb9f; font-size:12px; border-left:2px solid #a88744; padding-left:12px; }
@media(max-width:850px) {
 .mg-jobs-table,.mg-jobs-table tbody { display:block; }
 .mg-jobs-table caption { display:block; }
 .mg-jobs-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .mg-jobs-table tbody { padding:0 14px 14px; }
 .mg-jobs-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; padding:18px 0; border-top:1px solid #ffffff16; }
 .mg-jobs-table tbody th,.mg-jobs-table tbody td { display:block; padding:0; border:0; min-width:0; }
 .mg-jobs-table tbody th { grid-column:1 / -1; }
 .mg-jobs-table td::before { content:attr(data-label); display:block; font-size:10px; color:#bba98e; margin-bottom:9px; }
 .mg-jobs-table td[data-label='Verlauf'] { grid-column:1 / -1; }
 .mg-job-timeline { display:flex; flex-wrap:wrap; gap:20px; }
 .mg-audit-event-header { align-items:flex-start; flex-direction:column; gap:8px; }
 .mg-audit-event-target { max-width:100%; flex-basis:100%; }
}
@media(max-width:390px) { .mg-jobs-table tbody tr { grid-template-columns:minmax(0,1fr); } .mg-jobs-table td { grid-column:1 / -1; } }

.management-page .mg-permission-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 22px; }
.management-page .mg-permission-form > p { margin:0; }
.management-page .mg-permission-form > fieldset,.mg-permission-form > p:has(textarea),.mg-permission-form > #grant-help { grid-column:1 / -1; }
.management-page .mg-permission-form > fieldset { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:16px; background:#19150f; border-radius:10px; margin:10px 0; min-width:0; }
.management-page .mg-permission-form fieldset p { margin:0; min-width:0; }
.management-page .mg-permission-form fieldset label { padding:10px; background:#ffffff04; border:1px solid #665239; border-radius:7px; font-size:12px; height:100%; }
.management-page .mg-permission-form > button { justify-self:start; margin-top:10px; }
@media(max-width:900px) { .management-page .mg-permission-form > fieldset { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .management-page .mg-permission-form,.management-page .mg-permission-form > fieldset { grid-template-columns:minmax(0,1fr); } }