.support-view-tabs{display:flex;gap:8px;margin-bottom:14px}.support-view-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:9px 13px;border-radius:8px;font-weight:700;cursor:pointer}.support-view-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.support-ban-panel{display:none}.show-bans .support-view-support{display:none}.show-bans .support-ban-panel{display:block}.support-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:16px}.support-players{display:grid;gap:7px;max-height:360px;overflow:auto}.support-player{border:1px solid var(--line);background:#fff;padding:10px 12px;text-align:left;cursor:pointer;border-radius:9px;display:flex;align-items:center;gap:10px}.support-player:hover,.support-player.selected{border-color:var(--green);background:#edf9f1}.support-player small{display:block;color:var(--muted);margin-top:2px}.support-player-info{min-width:0}.support-avatar{width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);display:grid;place-items:center;overflow:hidden;background:#dceadf;color:var(--green-dark);font-size:10px;font-weight:800}.support-avatar img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.support-avatar-fallback[hidden]{display:none}.support-form{display:grid;gap:12px}.support-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.support-form input,.support-form select,.support-enforce input,.support-enforce select{min-width:0;border:1px solid var(--line);background:#fff;padding:10px;border-radius:8px}.support-cases,.support-bans{display:grid;gap:10px}.support-case,.support-ban{border:1px solid var(--line);border-left:4px solid #d49a43;background:#fff;padding:14px;border-radius:11px}.support-case h4,.support-case p,.support-ban h4,.support-ban p{margin:0}.support-case p+p,.support-ban p+p{margin-top:6px}.support-case.resolved{border-left-color:#41a56c}.support-case.banned,.support-ban{border-left-color:#c84d55}.support-case.expired{border-left-color:#87968e}.support-case.revoked{border-left-color:#87968e}.support-enforce{display:grid;grid-template-columns:130px minmax(0,1fr) auto auto;gap:7px;margin-top:12px}.support-enforce button{white-space:nowrap;padding:9px 10px}.support-ban-head,.support-ban-identity{display:flex;gap:12px;align-items:center}.support-ban-head{justify-content:space-between}.danger-btn{border:1px solid #d8676d;background:#fff5f5;color:#af2f37;padding:8px 10px;border-radius:8px;font-weight:700;white-space:nowrap;cursor:pointer}.danger-btn:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.support-grid{grid-template-columns:1fr}.support-enforce{grid-template-columns:1fr 1fr}.support-enforce input{grid-column:1/-1}.support-enforce button{min-height:42px}.support-players{max-height:230px}.support-ban-head{align-items:flex-start;flex-direction:column}.danger-btn{width:100%;min-height:42px}}
#supportPlayerSearch{width:100%;margin:0 0 8px;padding:10px;border:1px solid var(--line);border-radius:8px}.support-record{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-quiet)}.support-record h5{margin:0 0 5px;font-size:14px}.support-record .muted{font-size:11px}
.support-points-form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:8px;margin-top:11px}.support-points-form select,.support-points-form textarea{min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--surface);color:var(--ink)}.support-points-form textarea{min-height:42px;resize:vertical}.support-points-form button{white-space:nowrap}.support-record-history{display:grid;gap:5px;margin-top:12px;font-size:12px}.support-record-history p{padding-top:7px;border-top:1px solid var(--line);line-height:1.45}
@media(max-width:760px){.support-points-form{grid-template-columns:1fr}.support-points-form button{min-height:42px}}

#supportCenter nav { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
#supportCenter form,.support-editor form { display:grid; gap:1rem; }
#supportCenter label,.support-editor label { display:grid; gap:.35rem; }
.support-editor { width:min(92vw,640px); max-height:90vh; overflow:auto; border:1px solid #506070; border-radius:16px; padding:24px; }
.support-editor input,.support-editor select { box-sizing:border-box; max-width:100%; padding:.6rem; }
#supportCenter article { margin:1rem 0; overflow-wrap:anywhere; }


/* Ticket- und Moderationszentrale */
#support { display:grid; gap:18px; }
#supportCenter.support-center { padding:0; overflow:hidden; border-radius:18px; box-shadow:0 8px 28px rgba(13,57,32,.08); }
.support-center-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:25px 26px 21px; background:linear-gradient(115deg,#f8fcf9,#e9f7ee); border-bottom:1px solid var(--line); }
.support-center-head .eyebrow { margin:0 0 5px; }.support-center-head h3 { margin:0 0 6px; }.support-center-head .muted { margin:0; max-width:640px; }
.support-center-badge { display:inline-flex; flex:none; align-items:center; border:1px solid #bce2c9; border-radius:999px; padding:6px 10px; color:var(--green); background:#fff; font-size:11px; font-weight:800; }
#supportCenter .support-center-tabs { display:flex; gap:6px; overflow:auto; padding:12px 18px; border-bottom:1px solid var(--line); background:var(--surface); scrollbar-width:thin; }
#supportCenter .support-center-tabs button { flex:none; margin:0; border:1px solid transparent; border-radius:9px; padding:9px 12px; color:var(--muted); background:transparent; font-size:13px; font-weight:750; white-space:nowrap; cursor:pointer; }
#supportCenter .support-center-tabs button:hover { color:var(--green); background:#eef9f2; }
#supportCenter .support-center-tabs button:focus-visible,#supportCenter button:focus-visible { outline:3px solid #0e7a4f33; outline-offset:2px; }
#supportCenter .support-center-tabs button[aria-selected="true"],#supportCenter .support-center-tabs button.active { color:#fff; background:linear-gradient(135deg,#0c8555,#096841); box-shadow:0 4px 10px #0d70472a; }
.support-center-content { display:grid; gap:16px; padding:20px; background:var(--surface-quiet); min-height:180px; }
.support-center-content > form { display:grid; grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) minmax(130px,.7fr) auto; align-items:end; gap:10px; padding:14px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }
.support-center-content > form label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.support-center-content input,.support-center-content select,.support-editor input,.support-editor select { width:100%; min-width:0; border:1px solid var(--line); border-radius:9px; padding:10px 11px; color:var(--ink); background:var(--surface); outline:none; }
.support-center-content input:focus,.support-center-content select:focus,.support-editor input:focus,.support-editor select:focus { border-color:var(--green); box-shadow:0 0 0 3px #0e7a4f15; }
.support-center-content > form > button { min-height:40px; margin:0; padding:10px 14px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,#0c8555,#096841); font-weight:800; cursor:pointer; }
.support-result { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:7px 16px; margin:0 !important; padding:17px 18px !important; border-radius:13px !important; box-shadow:none !important; transition:border-color .15s,box-shadow .15s,transform .15s; }
.support-result:hover { border-color:#b6d9c3; box-shadow:0 7px 18px #0d392012 !important; transform:translateY(-1px); }
.support-result h4 { margin:0; font:800 15px/1.3 Inter,ui-sans-serif,system-ui; overflow-wrap:anywhere; }.support-result p { margin:0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }.support-result p:first-of-type { grid-column:1/-1; color:#91a097; font:11px ui-monospace,monospace; }
.support-result .text-btn { grid-column:2; grid-row:1 / span 2; align-self:center; margin:0; border:1px solid #cfe7d7; border-radius:8px; padding:8px 10px; background:#f1faf4; color:var(--green); }
.support-detail-actions { display:flex; flex-wrap:wrap; gap:7px; margin:2px 0 6px; padding:13px 0; border-block:1px solid var(--line); }.support-detail-actions .text-btn { margin:0; border:1px solid var(--line); border-radius:8px; padding:8px 10px; background:var(--surface); }.support-detail-actions .text-btn:hover { background:#eef9f2; border-color:#b8dcc5; }
.support-center-content > h3 { margin:0; font:800 19px Inter,ui-sans-serif,system-ui; letter-spacing:-.02em; }.support-center-content > h4 { margin:6px 0 0; font-size:13px; color:var(--muted); }.support-center-content > p { margin:0; padding:10px 12px; border-left:3px solid #b7dbc3; border-radius:0 8px 8px 0; background:#fff; color:var(--muted); overflow-wrap:anywhere; }
.support-center-content > .text-btn { justify-self:start; margin:0; border:1px solid var(--line); border-radius:9px; padding:8px 11px; background:var(--surface); }
.support-editor { width:min(620px,calc(100% - 28px)); max-height:calc(100dvh - 28px); border:1px solid var(--line); border-radius:18px; padding:0; color:var(--ink); background:var(--surface); box-shadow:0 24px 80px #11251b40; }.support-editor::backdrop { background:#11251b88; backdrop-filter:blur(3px); }.support-editor-form { display:grid; gap:13px; padding:24px; }.support-editor-form h3 { margin:0 0 3px; font:800 20px Inter,ui-sans-serif,system-ui; }.support-editor-form label { display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.support-editor-form button { justify-self:start; margin:0; }.support-editor-form button.primary { min-width:112px; }.support-editor-form button.text-btn { grid-row:auto; border:1px solid var(--line); border-radius:9px; padding:10px 12px; color:var(--ink); background:var(--surface); }
/* Bestehende Supportraum-Funktionen bleiben verfügbar, aber deutlich getrennt. */
#support > .panel:not(#supportCenter) { border-radius:16px; box-shadow:0 3px 12px #0d392008; }.support-view-tabs { padding-bottom:8px; border-bottom:1px solid var(--line); }.support-view-tabs button { border-radius:8px; }.support-grid { gap:20px; }.support-players { padding-right:4px; }.support-case,.support-ban { border-radius:12px; }.support-case h4,.support-ban h4 { font:800 15px Inter,ui-sans-serif,system-ui; }
html[data-theme="dark"] .support-center-head,html[data-theme="dark"] .support-center-content { background:var(--surface); } html[data-theme="dark"] .support-center-content > form,html[data-theme="dark"] .support-center-content > p,html[data-theme="dark"] .support-center-content input,html[data-theme="dark"] .support-center-content select,html[data-theme="dark"] .support-editor,html[data-theme="dark"] .support-editor input,html[data-theme="dark"] .support-editor select,html[data-theme="dark"] .support-result .text-btn { background:var(--surface); color:var(--ink); border-color:var(--line); }
@media(max-width:760px) { #support { gap:12px; } .support-center-head { padding:20px 18px; flex-direction:column; gap:10px; }.support-center-head h3 { font-size:19px; }.support-center-badge { align-self:flex-start; }.support-center-content { padding:14px; gap:12px; }.support-center-content > form { grid-template-columns:1fr; padding:12px; }.support-center-content > form > button { width:100%; min-height:43px; }.support-result { grid-template-columns:minmax(0,1fr); padding:15px !important; }.support-result .text-btn { grid-column:1; grid-row:auto; justify-self:start; margin-top:4px; }.support-detail-actions { display:grid; grid-template-columns:1fr 1fr; }.support-detail-actions .text-btn { width:100%; min-height:39px; }.support-editor-form { padding:20px; }.support-editor-form .primary,.support-editor-form .text-btn { width:100%; min-height:42px; } }

/* Support actions inherit the dashboard's blue palette. */
#supportCenter .support-center-head{background:linear-gradient(115deg,#f8faff,#e9f2ff)}
#supportCenter .support-center-badge{border-color:#b6d4fe;color:var(--green);background:var(--surface)}
#supportCenter .support-center-tabs button:hover{color:var(--green);background:var(--mint)}
#supportCenter .support-center-tabs button:focus-visible,#supportCenter button:focus-visible{outline-color:color-mix(in srgb,var(--green) 32%,transparent)}
#supportCenter .support-center-tabs button[aria-selected="true"],#supportCenter .support-center-tabs button.active,#supportCenter .support-center-content>form>button{background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 4px 10px color-mix(in srgb,var(--green) 24%,transparent)}
#supportCenter .support-center-content input:focus,#supportCenter .support-center-content select:focus,#supportCenter .support-editor input:focus,#supportCenter .support-editor select:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 16%,transparent)}
#supportCenter .support-result:hover{border-color:#b6d4fe;box-shadow:0 7px 18px rgba(13,110,253,.09)!important}
#supportCenter .support-result .text-btn{border-color:#cfe2ff;background:var(--mint);color:var(--green)}
#supportCenter .support-detail-actions .text-btn:hover{background:var(--mint);border-color:#b6d4fe}
#supportCenter .support-center-content>p{border-left-color:#9ec5fe}
.support-player:hover,.support-player.selected{background:var(--mint)}
html[data-theme="dark"] #supportCenter .support-center-head{background:linear-gradient(115deg,#1d2e4a,#192740)}
html[data-theme="dark"] #supportCenter .support-center-badge{border-color:#3c629d;background:var(--surface)}
html[data-theme="dark"] #supportCenter .support-result .text-btn,html[data-theme="dark"] #supportCenter .support-detail-actions .text-btn:hover{background:var(--mint);border-color:#3c629d;color:#b9d3ff}


/* Inbox indicators and notification controls follow the support header layout. */
.support-center-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.support-notification-toggle{border:1px solid #b6d4fe!important;border-radius:999px!important;padding:7px 10px!important;background:var(--surface)!important;color:var(--green)!important;font-size:11px!important;font-weight:800!important}.support-notification-toggle:hover{background:var(--mint)!important;border-color:var(--green)!important}@media(max-width:680px){.support-center-head-actions{justify-content:flex-start}.support-center-head-actions .support-center-badge{font-size:10px}}
html[data-theme="dark"] .support-notification-toggle{border-color:#3c629d!important;background:var(--surface)!important;color:#b9d3ff!important}


/* The support dashboard belongs exclusively to the Support page. */
#support.page:not(.active){display:none!important}#support.page.active{display:grid;gap:18px}
#supportCenter .support-center-tabs button{position:relative;display:inline-flex;align-items:center;gap:7px}.support-tab-bubble{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fff;color:var(--green-dark);font-size:10px;font-weight:900;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.16)}
#supportCenter .support-center-tabs button:not(.active) .support-tab-bubble{background:var(--green);color:#fff}.support-inbox-list{display:grid;gap:10px;max-height:min(58dvh,620px);padding-right:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--green) 52%,var(--line)) transparent;scrollbar-width:thin}.support-inbox-list .support-result{margin:0!important}
html[data-theme="dark"] #supportCenter .support-center-tabs button.active .support-tab-bubble{background:#dbeafe;color:#18365f}html[data-theme="dark"] #supportCenter .support-center-tabs button:not(.active) .support-tab-bubble{background:var(--green-dark);color:#dbeafe}
@media(max-width:760px){#support.page.active{gap:12px}.support-inbox-list{max-height:52dvh;padding-right:2px}.support-tab-bubble{min-width:17px;height:17px}}


/* One support workspace: inbox first, moderation second, configuration last. */
#support.page.active{max-width:1280px;margin-inline:auto}.support-center-tabs{background:linear-gradient(90deg,var(--surface),var(--surface-quiet))}.support-center-tabs button:nth-child(3){margin-left:12px}.support-center-tabs button:nth-child(5){margin-left:12px;border-left:1px solid var(--line)}.support-center-content>form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;align-self:center;text-transform:none;letter-spacing:0}.support-center-content>form label:has(input[type=checkbox]) input{width:auto}.support-detail-actions{background:var(--surface);border-radius:10px;padding:10px}.support-center-content .support-inbox-list{border-top:1px solid var(--line);padding-top:10px}@media(max-width:760px){#supportCenter .support-center-tabs button:nth-child(3),#supportCenter .support-center-tabs button:nth-child(5){margin-left:0}.support-center-content>form label:has(input[type=checkbox]){min-height:38px}}