:root{--bg:#0f1117;--panel:#181b24;--panel2:#222633;--text:#f7f3fb;--muted:#aaa4b5;--accent:#d89ae8;--discord:#5865f2;--border:rgba(255,255,255,.09)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(216,154,232,.15),transparent 30%),var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100vh}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--border);background:rgba(15,17,23,.86);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.brand,.topbar a{color:var(--text);text-decoration:none}.brand{font-weight:800;font-size:19px}.topbar nav{display:flex;gap:15px;align-items:center}.topbar nav span{background:var(--panel2);padding:8px 12px;border-radius:99px}.page{width:min(1160px,calc(100% - 28px));margin:auto;padding:48px 0 80px}.hero{min-height:550px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--accent);margin-bottom:12px}.hero h1,.heading h1,.guild-head h1{font-size:clamp(38px,6vw,70px);line-height:1.03;margin:0 0 18px;letter-spacing:-.045em}.heading h1,.guild-head h1{font-size:clamp(32px,4vw,50px)}.hero p,.heading p,.guild-head p,.settings>p{color:var(--muted);font-size:17px;line-height:1.6}.steps,.install,.settings,.preview,.cards article,.server-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:21px}.steps{padding:20px}.steps div{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--border)}.steps div:last-child{border:0}.steps b{width:35px;height:35px;border-radius:12px;background:rgba(216,154,232,.16);color:var(--accent);display:grid;place-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text);font-weight:750;text-decoration:none;cursor:pointer}.button.primary{background:linear-gradient(135deg,#b86dce,#eaaaf2);border:0;color:#211225}.button.discord{background:var(--discord);border:0}.button:disabled{opacity:.45}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article{padding:23px}.cards article>span{font-size:30px}.cards p{color:var(--muted);line-height:1.5}.bot-card,.module-card{display:grid;grid-template-columns:auto 1fr;gap:17px;align-items:center}.bot-card .button,.module-card .button{grid-column:1/-1}.icon{width:58px;height:58px;border-radius:18px;background:rgba(216,154,232,.14);display:grid;place-items:center;font-size:29px}.heading{margin-bottom:30px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);margin-bottom:28px}.breadcrumbs a{color:var(--muted);text-decoration:none}.server-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.server-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;padding:17px;color:var(--text);text-decoration:none;transition:.2s}.server-card:hover{transform:translateY(-2px);border-color:rgba(216,154,232,.55)}.server-card img,.fallback{width:58px;height:58px;border-radius:17px}.fallback{display:grid;place-items:center;background:#11141c;font-size:24px;font-weight:800}.server-card h3,.server-card p{margin:0}.server-card p{color:var(--muted);margin-top:4px}.guild-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.status{padding:10px 14px;border-radius:99px;font-weight:750}.status.ok{color:#7ee0a1;background:rgba(70,200,115,.13)}.status.bad{color:#ffc36c;background:rgba(255,185,75,.13)}.install{padding:22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.install h2,.install p{margin:0}.install p{color:var(--muted);margin-top:6px}.disabled{opacity:.55}.layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:27px;align-items:start}.form-head{display:flex;justify-content:space-between;align-items:center}.settings{padding:23px;margin-bottom:17px}.settings h2{margin:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:700}.field input[type=text],.field input[type=url],.field textarea,.field select{width:100%;background:#10131a;border:1px solid var(--border);border-radius:11px;padding:12px;color:var(--text);font:inherit}.field textarea{resize:vertical}.field small{color:var(--muted)}.toggle{grid-column:1/-1;background:#10131a;border:1px solid var(--border);border-radius:13px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle input{display:none}.toggle i{width:48px;height:27px;border-radius:99px;background:#373b49;position:relative}.toggle i:after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:white;transition:.2s}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translateX(21px)}.color{display:flex;align-items:center;gap:11px}.color input{width:54px;height:42px;background:none;border:0}.full{width:100%}.preview{position:sticky;top:90px;padding:18px}.discord{background:#313338;border-radius:13px;padding:17px}.discord small{font-size:9px;background:#5865f2;padding:2px 4px;border-radius:3px}.discord>p{color:#c9cdfb}.embed{display:grid;grid-template-columns:1fr 58px;gap:11px;border-left:4px solid var(--accent);background:#2b2d31;border-radius:4px;padding:13px}.embed h3{margin:0}.embed p{white-space:pre-wrap;color:#ddd;line-height:1.4}.avatar{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#1d1f24;font-size:25px}.preview>p{color:var(--muted);font-size:13px;line-height:1.5}.flash{padding:13px 15px;border-radius:11px;margin-bottom:17px}.flash.success{color:#7ee0a1;background:rgba(70,200,115,.13)}.flash.error{color:#ff96a5;background:rgba(255,80,110,.13)}.flash.warning{color:#ffc36c;background:rgba(255,185,75,.13)}.empty{text-align:center;padding:70px 20px}footer{text-align:center;color:var(--muted);padding:28px;border-top:1px solid var(--border)}
@media(max-width:900px){.hero,.layout{grid-template-columns:1fr}.cards.three,.cards{grid-template-columns:1fr}.preview{position:static}.server-grid{grid-template-columns:1fr}.guild-head,.install{align-items:flex-start;flex-direction:column;gap:16px}.fields{grid-template-columns:1fr}}
@media(max-width:600px){.topbar{padding:0 14px}.topbar nav span,.topbar nav a:first-child{display:none}.hero h1{font-size:44px}.button{width:100%}.bot-card,.module-card{grid-template-columns:1fr}.form-head{align-items:flex-start;flex-direction:column}.server-card{grid-template-columns:50px 1fr auto}}

.announcement-embed{grid-template-columns:1fr}.announcement-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:8px;margin:12px 0}.announcement-embed small{display:block;color:#aeb1b8;margin-top:10px}

.reaction-role-preview{grid-template-columns:1fr}.reaction-preview-pill{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:5px 10px;border:1px solid #4e5058;border-radius:9px;background:#2b2d31;color:#dbdee1}.rr-thumbnail-preview{width:88px!important;height:88px!important;object-fit:cover!important;margin-left:auto!important}

.emoji-picker{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr));
  gap:10px;
  max-height:390px;
  overflow:auto;
  padding:10px;
  border:1px solid var(--border);
  border-radius:13px;
  background:#10131a;
}
.emoji-choice{
  min-width:0;
  min-height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 7px;
  border:1px solid transparent;
  border-radius:12px;
  background:#1a1e28;
  cursor:pointer;
  transition:.16s ease;
}
.emoji-choice:hover{
  transform:translateY(-2px);
  border-color:rgba(216,154,232,.45);
  background:#222735;
}
.emoji-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.emoji-choice:has(input:checked){
  border-color:var(--accent);
  background:rgba(216,154,232,.15);
  box-shadow:0 0 0 2px rgba(216,154,232,.12);
}
.emoji-choice-visual{
  height:38px;
  display:grid;
  place-items:center;
  font-size:31px;
  line-height:1;
}
.emoji-choice-visual img{
  width:36px;
  height:36px;
  object-fit:contain;
}
.emoji-choice small{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  color:var(--muted);
}
.rr-preview-emoji-image{
  width:24px;
  height:24px;
  object-fit:contain;
}

.health-card{
  padding:20px;
  margin-bottom:18px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(145deg,var(--panel2),var(--panel));
}
.health-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.health-head h2,.health-head p{margin:0}
.health-head p{color:var(--muted);margin-top:5px;line-height:1.5}
.health-count{
  flex:none;
  padding:8px 11px;
  border-radius:99px;
  font-weight:800;
  font-size:13px;
}
.health-ok{border-color:rgba(70,200,115,.4)}
.health-ok .health-count{color:#7ee0a1;background:rgba(70,200,115,.13)}
.health-warning{border-color:rgba(255,185,75,.42)}
.health-warning .health-count{color:#ffc36c;background:rgba(255,185,75,.13)}
.health-error{border-color:rgba(255,80,110,.48)}
.health-error .health-count{color:#ff96a5;background:rgba(255,80,110,.13)}
.health-disabled{opacity:.78}
.issue-group{margin-top:18px}
.issue-group h3{margin:0 0 10px}
.issue{
  padding:13px 14px;
  margin-top:9px;
  border-radius:12px;
}
.issue p{margin:6px 0 0;line-height:1.45}
.issue small{display:block;margin-top:7px}
.issue-error{background:rgba(255,80,110,.12);border:1px solid rgba(255,80,110,.25)}
.issue-warning{background:rgba(255,185,75,.11);border:1px solid rgba(255,185,75,.24)}
.field-shell{
  min-width:0;
  border:1px solid transparent;
  border-radius:14px;
  padding:2px;
}
.field-wide{grid-column:1/-1}
.field-invalid{
  padding:11px;
  border-color:rgba(255,80,110,.45);
  background:rgba(255,80,110,.055);
}
.field-warning{
  padding:11px;
  border-color:rgba(255,185,75,.38);
  background:rgba(255,185,75,.045);
}
.field-feedback{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:9px;
  padding:10px 11px;
  border-radius:9px;
  font-size:13px;
  line-height:1.45;
}
.feedback-error{color:#ffb0bc;background:rgba(255,80,110,.11)}
.feedback-warning{color:#ffd28f;background:rgba(255,185,75,.10)}
.field select option:disabled{color:#777}
.risk-confirm{
  margin:18px 0;
  padding:16px;
  border:1px solid rgba(255,185,75,.5);
  border-radius:14px;
  background:rgba(255,185,75,.11);
}
.risk-confirm label{
  display:flex;
  gap:12px;
  align-items:flex-start;
  cursor:pointer;
}
.risk-confirm input{
  width:20px;
  height:20px;
  flex:none;
}
.risk-confirm span{
  display:flex;
  flex-direction:column;
  gap:4px;
  line-height:1.45;
}
.module-health{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-top:12px;
  padding:9px 10px;
  border-radius:10px;
  font-size:13px;
}
.module-health-ok{color:#7ee0a1;background:rgba(70,200,115,.11)}
.module-health-warning{color:#ffc36c;background:rgba(255,185,75,.11)}
.module-health-error{color:#ff96a5;background:rgba(255,80,110,.11)}
.module-health-disabled{color:var(--muted);background:rgba(255,255,255,.04)}
.danger-button{
  background:linear-gradient(135deg,#cf4f6b,#ff8198);
  border:0;
  color:white;
}
[hidden]{display:none!important}

.platform-warning{
  margin-bottom:16px;
  padding:16px 18px;
  border:1px solid rgba(255,185,75,.48);
  border-radius:14px;
  background:rgba(255,185,75,.12);
  color:#ffd18a;
}
.platform-warning b{display:block;font-size:16px}
.platform-warning p{margin:7px 0;color:#fff;line-height:1.5}
.platform-warning small{color:#d4bf9c}
.feedback-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:20px;
  align-items:start;
}
.feedback-form{margin:0}
.field-span{grid-column:1/-1}
.feedback-safety{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:16px 0;
  padding:13px 14px;
  border:1px solid rgba(216,154,232,.28);
  border-radius:12px;
  background:rgba(216,154,232,.08);
}
.feedback-safety span{color:var(--muted);line-height:1.45}
.feedback-history{
  position:sticky;
  top:92px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--panel);
}
.feedback-history h2{margin:5px 0 14px}
.feedback-report{
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:12px 0;
  border-bottom:1px solid var(--border);
}
.feedback-report:last-child{border-bottom:0}
.feedback-report div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.feedback-report small{color:var(--muted)}
.report-status{
  width:max-content;
  padding:5px 8px;
  border-radius:8px;
  font-size:12px;
  font-weight:800;
}
.status-pending,.status-retry{
  color:#ffc36c;
  background:rgba(255,185,75,.12);
}
.status-sent{
  color:#9ebeff;
  background:rgba(95,135,255,.12);
}
.status-closed{
  color:#7ee0a1;
  background:rgba(70,200,115,.12);
}
.blocked-page{
  max-width:760px;
  margin:50px auto;
  padding:34px;
  text-align:center;
  border:1px solid rgba(255,80,110,.4);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(70,20,32,.42),var(--panel));
}
.blocked-icon{font-size:58px}
.blocked-page h1{margin:10px 0}
.blocked-reason{
  padding:15px;
  border-radius:12px;
  background:rgba(255,80,110,.10);
  color:#ffbdc7;
  font-size:17px;
  line-height:1.55;
}
.blocked-info{
  margin:18px 0;
  padding:15px;
  border:1px solid var(--border);
  border-radius:12px;
  text-align:left;
}
.blocked-info p{margin:6px 0 0;color:var(--muted);line-height:1.5}
.blocked-page>.button{margin-top:20px}
@media(max-width:900px){
  .feedback-layout{grid-template-columns:1fr}
  .feedback-history{position:static}
}

.fun-message-preview{
  margin-top:10px;
  padding:13px 14px;
  border-radius:10px;
  background:#2b2d31;
  color:#dbdee1;
  line-height:1.5;
  border-left:4px solid #d89ae8;
}
.fun-preview-meta{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:10px;
  color:#aeb1b8;
  font-size:13px;
}
.field input[type=number]{
  width:100%;
  box-sizing:border-box;
}

.heading-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ticket-builder{border:1px solid var(--border);border-radius:16px;padding:14px;background:#11151d}
.ticket-builder-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.ticket-builder-head>div{display:flex;flex-direction:column;gap:4px}.ticket-builder-head small{color:var(--muted)}
.ticket-builder-list{display:flex;flex-direction:column;gap:14px}
.ticket-category-card{border:1px solid #343946;border-radius:15px;padding:15px;background:linear-gradient(145deg,#1b1f29,#161922)}
.ticket-category-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.ticket-category-title{display:flex;align-items:center;gap:10px}.ticket-category-title>span{font-size:28px}.ticket-category-title>div{display:flex;flex-direction:column;gap:3px}.ticket-category-title small{color:var(--muted)}
.ticket-card-actions{display:flex;gap:6px}.mini-button{border:1px solid var(--border);border-radius:8px;padding:7px 9px;background:#252a35;color:#fff;cursor:pointer}.mini-button:hover{background:#303644}.mini-button.danger{color:#ff9cab}
.ticket-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ticket-category-grid .field-span{grid-column:1/-1}
.toggle.compact{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#151923}.ticket-builder-empty{margin:0}
.ticket-preview{grid-template-columns:1fr}.ticket-preview-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.ticket-preview-buttons button{border:0;border-radius:5px;padding:8px 11px;color:#fff;background:#5865f2}.ticket-preview-buttons .ticket-button-secondary{background:#4e5058}.ticket-preview-buttons .ticket-button-success{background:#248046}.ticket-preview-buttons .ticket-button-danger{background:#da373c}
.archive-info{margin-bottom:18px;padding:15px 17px;border:1px solid rgba(216,154,232,.28);border-radius:13px;background:rgba(216,154,232,.08)}.archive-info p{margin:6px 0 0;color:var(--muted)}
.archive-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px}.archive-table{width:100%;min-width:900px;border-collapse:collapse;background:var(--panel)}.archive-table th,.archive-table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.archive-table th{color:#d89ae8;background:#171b24}.archive-table small{color:var(--muted)}
@media(max-width:820px){.ticket-category-grid{grid-template-columns:1fr}.ticket-category-grid .field-span{grid-column:auto}.ticket-builder-head,.ticket-category-top{align-items:stretch;flex-direction:column}}

/* =========================================================
   Ticket-Center V2 – übersichtliche, große Einstellungsseite
   ========================================================= */

.ticket-module-layout{
  width:min(1480px,calc(100vw - 32px));
  position:relative;
  left:50%;
  transform:translateX(-50%);
  grid-template-columns:minmax(0,1fr) 330px;
  gap:20px;
}
.ticket-module-layout>form{
  min-width:0;
}
.ticket-module-layout .heading h1{
  font-size:clamp(34px,4vw,54px);
}
.ticket-section-nav{
  position:sticky;
  top:78px;
  z-index:8;
  display:flex;
  gap:8px;
  overflow-x:auto;
  margin:0 0 17px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:15px;
  background:rgba(18,21,29,.94);
  backdrop-filter:blur(15px);
  scrollbar-width:thin;
}
.ticket-section-nav a{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:10px;
  color:var(--muted);
  text-decoration:none;
  font-size:13px;
  font-weight:750;
}
.ticket-section-nav a:hover{
  color:var(--text);
  border-color:rgba(216,154,232,.35);
  background:rgba(216,154,232,.08);
}
.ticket-section-nav a span{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(216,154,232,.14);
  color:var(--accent);
  font-size:11px;
}

.ticket-settings-section{
  padding:0;
  overflow:clip;
  scroll-margin-top:145px;
}
.ticket-settings-section>summary{
  list-style:none;
}
.ticket-settings-section>summary::-webkit-details-marker{
  display:none;
}
.ticket-section-summary{
  min-height:92px;
  display:grid;
  grid-template-columns:34px 38px minmax(0,1fr) auto 24px;
  gap:12px;
  align-items:center;
  padding:17px 20px;
  cursor:pointer;
  user-select:none;
}
.ticket-section-summary:hover{
  background:rgba(255,255,255,.025);
}
.ticket-section-number{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(216,154,232,.13);
  color:var(--accent);
  font-weight:900;
}
.ticket-section-icon{
  font-size:26px;
}
.ticket-section-heading{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.ticket-section-heading b{
  font-size:18px;
}
.ticket-section-heading small{
  color:var(--muted);
  line-height:1.45;
  font-size:13px;
}
.ticket-section-problem{
  padding:6px 9px;
  border-radius:99px;
  color:#ffc36c;
  background:rgba(255,185,75,.12);
  font-size:12px;
  font-weight:800;
}
.ticket-section-chevron{
  color:var(--muted);
  font-size:22px;
  transition:.18s ease;
}
.ticket-settings-section[open] .ticket-section-chevron{
  transform:rotate(180deg);
}
.ticket-section-content{
  padding:0 22px 22px;
  border-top:1px solid var(--border);
}
.ticket-section-content>.fields{
  margin-top:20px;
}
.ticket-module-layout .fields{
  gap:18px;
}
.ticket-module-layout .field input[type=text],
.ticket-module-layout .field input[type=url],
.ticket-module-layout .field input[type=number],
.ticket-module-layout .field textarea,
.ticket-module-layout .field select{
  min-height:47px;
}
.ticket-module-layout .field textarea{
  min-height:130px;
}
.ticket-module-layout .field select[multiple]{
  min-height:180px;
}

.ticket-builder{
  padding:18px;
  border-radius:18px;
}
.ticket-builder-head{
  align-items:flex-start;
}
.ticket-builder-head>div{
  max-width:720px;
}
.ticket-builder-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto auto;
  gap:9px;
  align-items:center;
  margin-bottom:16px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:13px;
  background:#151923;
}
.ticket-builder-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#0f1219;
}
.ticket-builder-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:inherit;
}
.ticket-builder-count{
  color:var(--muted);
  font-size:13px;
  white-space:nowrap;
}
.compact-button{
  min-height:40px;
  padding:0 12px;
  font-size:13px;
}

.ticket-category-card{
  padding:0;
  overflow:hidden;
  background:linear-gradient(145deg,#1c202a,#151922);
}
.ticket-category-card>summary{
  list-style:none;
}
.ticket-category-card>summary::-webkit-details-marker{
  display:none;
}
.ticket-category-summary{
  min-height:76px;
  display:grid;
  grid-template-columns:45px minmax(0,1fr) auto 24px;
  gap:12px;
  align-items:center;
  padding:13px 16px;
  cursor:pointer;
  user-select:none;
}
.ticket-category-summary:hover{
  background:rgba(216,154,232,.045);
}
.ticket-category-summary-emoji{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:rgba(216,154,232,.12);
  font-size:25px;
}
.ticket-category-summary-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.ticket-category-summary-text>b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
}
.ticket-category-summary-text small{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
}
.ticket-state-badge{
  color:#7ee0a1;
}
.ticket-state-badge.ticket-badge-off{
  color:#ff9cab;
}
.ticket-category-summary-id{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#797f8e;
  font-family:Consolas,monospace;
  font-size:11px;
}
.ticket-category-summary-chevron{
  color:var(--muted);
  font-size:21px;
  transition:.18s ease;
}
.ticket-category-card[open] .ticket-category-summary-chevron{
  transform:rotate(180deg);
}
.ticket-category-body{
  padding:16px;
  border-top:1px solid var(--border);
}
.ticket-card-actions{
  justify-content:flex-end;
  margin-bottom:13px;
}
.ticket-card-section{
  margin-top:13px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(9,12,17,.38);
}
.ticket-card-section-head{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:15px;
}
.ticket-card-section-head>span{
  width:29px;
  height:29px;
  flex:none;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(216,154,232,.13);
  color:var(--accent);
  font-weight:900;
}
.ticket-card-section-head>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.ticket-card-section-head small{
  color:var(--muted);
  line-height:1.4;
}
.ticket-category-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}
.ticket-category-grid .toggle.compact{
  min-height:76px;
}
.ticket-category-advanced{
  margin-top:13px;
  border:1px dashed rgba(216,154,232,.34);
  border-radius:14px;
  background:rgba(216,154,232,.035);
}
.ticket-category-advanced>summary{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:15px 16px;
  cursor:pointer;
}
.ticket-category-advanced>summary::-webkit-details-marker{
  display:none;
}
.ticket-category-advanced>summary span{
  font-weight:800;
  color:#e8c4ee;
}
.ticket-category-advanced>summary small{
  color:var(--muted);
  line-height:1.4;
}
.ticket-category-advanced-grid{
  padding:0 16px 16px;
}
.ticket-technical-field{
  opacity:.72;
}
.ticket-technical-field input[readonly]{
  cursor:not-allowed;
  color:#9197a5;
}
.ticket-builder-empty{
  padding:45px 20px;
  border:1px dashed var(--border);
  border-radius:13px;
  color:var(--muted);
}

.ticket-preview-sidebar{
  padding:0;
  overflow:hidden;
}
.ticket-preview-sidebar>details>summary{
  list-style:none;
  padding:16px 17px;
  cursor:pointer;
  font-weight:800;
}
.ticket-preview-sidebar>details>summary::-webkit-details-marker{
  display:none;
}
.ticket-preview-sidebar-content{
  padding:0 16px 16px;
}
.ticket-preview-sidebar-content>p{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}
.ticket-sticky-save{
  position:sticky;
  bottom:12px;
  z-index:7;
  min-height:52px;
  box-shadow:0 12px 38px rgba(0,0,0,.48);
}

@media(max-width:1180px){
  .ticket-module-layout{
    width:100%;
    left:auto;
    transform:none;
    grid-template-columns:minmax(0,1fr);
  }
  .ticket-preview-sidebar{
    position:static;
  }
}
@media(max-width:820px){
  .ticket-builder-toolbar{
    grid-template-columns:1fr 1fr;
  }
  .ticket-builder-search{
    grid-column:1/-1;
  }
  .ticket-category-summary{
    grid-template-columns:42px minmax(0,1fr) 22px;
  }
  .ticket-category-summary-id{
    display:none;
  }
  .ticket-category-grid{
    grid-template-columns:1fr;
  }
  .ticket-category-grid .field-span{
    grid-column:auto;
  }
}
@media(max-width:560px){
  .ticket-section-summary{
    grid-template-columns:31px 31px minmax(0,1fr) 20px;
    padding:14px;
  }
  .ticket-section-problem{
    display:none;
  }
  .ticket-section-heading small{
    display:none;
  }
  .ticket-builder-toolbar{
    grid-template-columns:1fr;
  }
  .ticket-builder-count{
    text-align:center;
  }
  .ticket-card-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .ticket-card-actions .danger{
    grid-column:1/-1;
  }
}

.ticket-draft-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-bottom:16px;
  padding:17px 18px;
  border:1px solid rgba(91,151,255,.42);
  border-radius:15px;
  background:rgba(91,151,255,.10);
}
.ticket-draft-banner b{
  display:block;
  color:#b9ceff;
  font-size:16px;
}
.ticket-draft-banner p{
  margin:6px 0;
  color:#e4e9f5;
  line-height:1.5;
}
.ticket-draft-banner small{color:#9da9bd}
.ticket-draft-banner .button{flex:none}
.ticket-autosync-info{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:15px;
  padding:13px 14px;
  border:1px solid rgba(70,200,115,.28);
  border-radius:12px;
  background:rgba(70,200,115,.075);
}
.ticket-autosync-info>span{font-size:23px}
.ticket-autosync-info>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ticket-autosync-info b{color:#8ce4aa}
.ticket-autosync-info small{
  color:var(--muted);
  line-height:1.45;
}
@media(max-width:700px){
  .ticket-draft-banner{
    align-items:stretch;
    flex-direction:column;
  }
}

/* =========================================================
   Ticket-Center V3.2 – Einfach & stabile Discord-IDs
   ========================================================= */

.ticket-module-layout{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  left:auto;
  transform:none;
}

.ticket-repair-banner{
  display:flex;
  gap:13px;
  align-items:flex-start;
  margin-bottom:16px;
  padding:15px 17px;
  border:1px solid rgba(70,200,115,.38);
  border-radius:15px;
  background:rgba(70,200,115,.09);
}
.ticket-repair-banner>span{
  font-size:24px;
}
.ticket-repair-banner b{
  color:#8ce4aa;
}
.ticket-repair-banner p{
  margin:5px 0 0;
  color:var(--muted);
  line-height:1.5;
}

.ticket-simple-setup{
  margin-bottom:15px;
  padding:16px;
  border:1px solid rgba(216,154,232,.28);
  border-radius:15px;
  background:rgba(216,154,232,.055);
}
.ticket-simple-title{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:13px;
}
.ticket-simple-title>span{
  font-size:25px;
}
.ticket-simple-title>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ticket-simple-title small{
  color:var(--muted);
}
.ticket-simple-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.ticket-simple-steps>div{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  position:relative;
  min-height:100px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#12161e;
}
.ticket-simple-steps>div>span{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#272c38;
  color:var(--muted);
  font-weight:900;
}
.ticket-simple-steps>div>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ticket-simple-steps small{
  color:var(--muted);
  line-height:1.35;
}
.ticket-simple-steps i{
  grid-column:1/-1;
  justify-self:start;
  padding:4px 8px;
  border-radius:99px;
  background:rgba(255,185,75,.11);
  color:#ffc36c;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.ticket-simple-steps>div.ticket-step-ready{
  border-color:rgba(70,200,115,.34);
  background:rgba(70,200,115,.055);
}
.ticket-simple-steps>div.ticket-step-ready>span{
  background:rgba(70,200,115,.15);
  color:#8ce4aa;
}
.ticket-simple-steps>div.ticket-step-ready i{
  background:rgba(70,200,115,.13);
  color:#8ce4aa;
}

.ticket-role-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#10131a;
}
.ticket-role-search input{
  width:100%;
  border:0!important;
  outline:0;
  padding:0!important;
  background:transparent!important;
}
.ticket-role-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:310px;
  overflow:auto;
  padding:9px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#0e1117;
}
.ticket-role-choice{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:9px;
  background:#171b24;
  cursor:pointer;
}
.ticket-role-choice:hover{
  border-color:rgba(216,154,232,.34);
}
.ticket-role-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ticket-role-check{
  width:23px;
  height:23px;
  flex:none;
  display:grid;
  place-items:center;
  border:1px solid #4a5060;
  border-radius:7px;
  color:transparent;
  background:#10131a;
  font-weight:900;
}
.ticket-role-choice:has(input:checked){
  border-color:rgba(216,154,232,.55);
  background:rgba(216,154,232,.10);
}
.ticket-role-choice:has(input:checked) .ticket-role-check{
  border-color:var(--accent);
  background:var(--accent);
  color:#211225;
}
.ticket-role-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:900px){
  .ticket-simple-steps{
    grid-template-columns:1fr;
  }
  .ticket-role-checklist{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   Statistik-Channels
   ============================================================ */

.stat-builder {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(216, 154, 232, .28);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(32, 18, 9, .78), rgba(54, 27, 15, .72));
}

.stat-builder-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

.stat-builder-head > div {
  display: grid;
  gap: 5px;
}

.stat-builder-head b {
  font-size: 1.08rem;
}

.stat-builder-head small,
.stat-builder-footer small,
.stat-safety-note small {
  color: var(--muted);
  line-height: 1.5;
}

.stat-safety-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid rgba(87, 242, 135, .3);
  border-radius: 14px;
  background: rgba(87, 242, 135, .07);
}

.stat-safety-note > span {
  font-size: 1.35rem;
}

.stat-safety-note > div {
  display: grid;
  gap: 3px;
}

.stat-builder-list {
  display: grid;
  gap: 13px;
}

.stat-channel-card {
  overflow: hidden;
  border: 1px solid rgba(216, 180, 95, .24);
  border-radius: 16px;
  background: rgba(13, 8, 5, .42);
}

.stat-channel-card[open] {
  border-color: rgba(216, 154, 232, .48);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .22);
}

.stat-channel-card > summary {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 66px;
  padding: 12px 15px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.stat-channel-card > summary::-webkit-details-marker {
  display: none;
}

.stat-card-number {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(216, 154, 232, .4);
  border-radius: 50%;
  background: rgba(216, 154, 232, .12);
  font-weight: 800;
}

.stat-card-summary {
  display: grid;
  flex: 1;
  gap: 3px;
}

.stat-card-summary small {
  color: var(--muted);
}

.stat-card-chevron {
  font-size: 1.35rem;
  transition: transform .2s ease;
}

.stat-channel-card[open] .stat-card-chevron {
  transform: rotate(180deg);
}

.stat-card-content {
  display: grid;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid rgba(216, 180, 95, .15);
}

.stat-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.stat-field {
  display: grid;
  align-content: start;
  gap: 7px;
}

.stat-field > span {
  font-weight: 700;
}

.stat-field > small {
  color: var(--muted);
  line-height: 1.45;
}

.stat-field-wide {
  grid-column: 1 / -1;
}

.stat-toggle-field {
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 12px 13px;
  border: 1px solid rgba(216, 180, 95, .18);
  border-radius: 13px;
  background: rgba(255, 255, 255, .025);
}

.stat-toggle-field > small {
  grid-column: 1 / -1;
}

.stat-toggle-field input[type="checkbox"] {
  width: 22px;
  height: 22px;
}

.stat-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 2px;
}

.stat-card-actions small {
  color: var(--muted);
}

.stat-builder-empty {
  padding: 22px;
  text-align: center;
}

.stat-builder-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-top: 4px;
}

.stat-builder-footer > span {
  font-weight: 800;
}

@media (max-width: 760px) {
  .stat-builder-head,
  .stat-builder-footer,
  .stat-card-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .stat-card-grid {
    grid-template-columns: 1fr;
  }

  .stat-field-wide {
    grid-column: auto;
  }
}

/* Dashboard vollständig mit Discord synchronisieren */
.dashboard-sync-form {
  display: inline-flex;
  margin: 0;
}

.dashboard-sync-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(216, 154, 232, .38);
  border-radius: 11px;
  background: rgba(216, 154, 232, .11);
  color: var(--text);
  font: inherit;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
  transition:
    border-color .18s ease,
    background .18s ease,
    opacity .18s ease;
}

.dashboard-sync-button:hover {
  border-color: rgba(216, 154, 232, .72);
  background: rgba(216, 154, 232, .18);
}

.dashboard-sync-button:disabled {
  cursor: wait;
  opacity: .65;
}

/* ============================================================
   Systemprüfung & Hilfe
   ============================================================ */

.health-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
  padding: 24px;
  border: 1px solid rgba(216, 180, 95, .25);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(32, 18, 9, .96), rgba(70, 35, 18, .9));
}

.health-hero-ok {
  border-color: rgba(87, 242, 135, .4);
}

.health-hero-warning {
  border-color: rgba(254, 231, 92, .45);
}

.health-hero-error {
  border-color: rgba(237, 66, 69, .5);
}

.health-hero h1 {
  margin: 5px 0 8px;
}

.health-hero p,
.health-hero small {
  color: var(--muted);
}

.health-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 1fr));
  gap: 10px;
}

.health-summary-grid > div {
  display: grid;
  min-width: 110px;
  padding: 14px;
  border: 1px solid rgba(216, 180, 95, .18);
  border-radius: 14px;
  background: rgba(0, 0, 0, .22);
  text-align: center;
}

.health-summary-grid b {
  font-size: 1.45rem;
}

.health-summary-grid span {
  color: var(--muted);
  font-size: .84rem;
}

.health-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.health-actions form {
  margin: 0;
}

.health-settings {
  margin-bottom: 18px;
  border: 1px solid rgba(216, 154, 232, .24);
  border-radius: 17px;
  background: rgba(13, 8, 5, .38);
}

.health-settings summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 17px;
  cursor: pointer;
  list-style: none;
}

.health-settings summary::-webkit-details-marker {
  display: none;
}

.health-settings summary > div {
  display: grid;
  gap: 4px;
}

.health-settings summary small {
  color: var(--muted);
}

.health-settings-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 17px;
  border-top: 1px solid rgba(216, 154, 232, .15);
}

.health-settings-form label {
  display: grid;
  gap: 7px;
}

.health-toggle {
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(216, 180, 95, .18);
  border-radius: 13px;
}

.health-toggle span {
  display: grid;
  gap: 3px;
}

.health-toggle small {
  color: var(--muted);
}

.health-toggle input {
  width: 22px;
  height: 22px;
}

.health-check-list {
  display: grid;
  gap: 14px;
}

.health-check {
  overflow: hidden;
  border: 1px solid rgba(216, 180, 95, .2);
  border-radius: 18px;
  background: rgba(13, 8, 5, .38);
}

.health-check-ok {
  border-left: 4px solid rgba(87, 242, 135, .85);
}

.health-check-warning {
  border-left: 4px solid rgba(254, 231, 92, .9);
}

.health-check-error {
  border-left: 4px solid rgba(237, 66, 69, .9);
}

.health-check-disabled {
  border-left: 4px solid rgba(160, 160, 160, .7);
}

.health-check > header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px;
}

.health-check > header > div:nth-child(2) {
  flex: 1;
}

.health-check h2 {
  margin: 0 0 4px;
}

.health-check p {
  margin: 5px 0 0;
  color: var(--muted);
}

.health-check-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border: 1px solid rgba(216, 180, 95, .25);
  border-radius: 15px;
  background: rgba(216, 180, 95, .08);
  font-size: 1.5rem;
}

.health-issues {
  display: grid;
  gap: 9px;
  padding: 0 17px 17px;
}

.health-issue {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 15px;
  padding: 13px;
  border-radius: 13px;
}

.health-issue-error {
  border: 1px solid rgba(237, 66, 69, .26);
  background: rgba(237, 66, 69, .07);
}

.health-issue-warning {
  border: 1px solid rgba(254, 231, 92, .22);
  background: rgba(254, 231, 92, .055);
}

.health-issue p {
  margin: 5px 0 0;
}

.health-solution {
  padding-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.health-no-issues {
  padding: 0 17px 17px;
  color: rgba(87, 242, 135, .95);
}

.health-safety {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(87, 242, 135, .25);
  border-radius: 15px;
  background: rgba(87, 242, 135, .06);
}

.health-safety p {
  margin-bottom: 0;
  color: var(--muted);
}

@media (max-width: 900px) {
  .health-hero,
  .health-check > header {
    align-items: stretch;
    flex-direction: column;
  }

  .health-summary-grid,
  .health-settings-form,
  .health-issue {
    grid-template-columns: 1fr;
  }

  .health-solution {
    padding-top: 12px;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-left: 0;
  }
}

/* ============================================================
   Sakari Discord auf der Startseite
   ============================================================ */

.community-invite {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 24px;
  padding: 28px;
  border: 1px solid rgba(88, 101, 242, .45);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(88, 101, 242, .25),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(34, 38, 51, .98),
      rgba(24, 27, 36, .98)
    );
  box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.community-invite::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -110px;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: rgba(216, 154, 232, .08);
  pointer-events: none;
}

.community-invite-content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.community-invite-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  border: 1px solid rgba(216, 154, 232, .28);
  border-radius: 22px;
  background: rgba(216, 154, 232, .12);
  font-size: 36px;
  box-shadow: inset 0 0 25px rgba(216, 154, 232, .08);
}

.community-invite h2 {
  margin: 0 0 8px;
  font-size: clamp(25px, 3vw, 36px);
}

.community-invite p {
  max-width: 690px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.community-invite-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

.community-invite-tags span {
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 99px;
  background: rgba(0, 0, 0, .16);
  color: #ddd9e7;
  font-size: 13px;
  font-weight: 700;
}

.community-invite-button {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  min-width: 205px;
  gap: 8px;
  box-shadow: 0 10px 28px rgba(88, 101, 242, .26);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

.community-invite-button:hover {
  transform: translateY(-2px);
  filter: brightness(1.07);
  box-shadow: 0 14px 34px rgba(88, 101, 242, .36);
}

@media (max-width: 800px) {
  .community-invite {
    align-items: stretch;
    flex-direction: column;
  }

  .community-invite-button {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .community-invite {
    padding: 21px;
  }

  .community-invite-content {
    align-items: flex-start;
    flex-direction: column;
  }

  .community-invite-icon {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
    border-radius: 18px;
    font-size: 30px;
  }
}

/* ============================================================
   Hinweis auf den Synchronisieren-Button
   ============================================================ */

.dashboard-sync-notification {
  position: absolute;
  top: -4px;
  right: -4px;
  display: none;
  width: 11px;
  height: 11px;
  border: 2px solid #1b1110;
  border-radius: 50%;
  background: #ff6685;
  box-shadow: 0 0 13px rgba(255, 102, 133, .8);
}

.dashboard-sync-button.sync-attention {
  border-color: rgba(255, 102, 133, .88);
  background: rgba(255, 102, 133, .16);
  box-shadow:
    0 0 0 0 rgba(255, 102, 133, .42),
    0 0 20px rgba(255, 102, 133, .18);
  animation: sakari-sync-attention 2.2s ease-in-out infinite;
}

.dashboard-sync-button.sync-attention
.dashboard-sync-notification {
  display: block;
}

@keyframes sakari-sync-attention {
  0%,
  100% {
    box-shadow:
      0 0 0 0 rgba(255, 102, 133, .34),
      0 0 18px rgba(255, 102, 133, .14);
  }

  50% {
    box-shadow:
      0 0 0 7px rgba(255, 102, 133, 0),
      0 0 26px rgba(255, 102, 133, .28);
  }
}

.dashboard-sync-hint {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  margin-bottom: 17px;
  padding: 14px 15px;
  border: 1px solid rgba(255, 102, 133, .42);
  border-radius: 15px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 102, 133, .12),
      rgba(216, 154, 232, .08)
    ),
    rgba(24, 14, 15, .96);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

.dashboard-sync-hint-icon {
  display: grid;
  place-items: center;
  width: 41px;
  height: 41px;
  border: 1px solid rgba(255, 102, 133, .3);
  border-radius: 13px;
  background: rgba(255, 102, 133, .1);
  font-size: 20px;
}

.dashboard-sync-hint b {
  display: block;
  margin-bottom: 3px;
}

.dashboard-sync-hint p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.dashboard-sync-hint-close {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  background: rgba(0, 0, 0, .14);
  color: var(--muted);
  font: inherit;
  font-size: 22px;
  cursor: pointer;
}

.dashboard-sync-hint-close:hover {
  border-color: rgba(255, 102, 133, .48);
  color: var(--text);
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-sync-button.sync-attention {
    animation: none;
  }
}

@media (max-width: 620px) {
  .dashboard-sync-hint {
    align-items: start;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dashboard-sync-hint-close {
    position: absolute;
    right: 14px;
  }
}

/* ============================================================
   Öffentliche Startseite: Live-Status, Systeme und Warum Sakari
   ============================================================ */

.public-status-bar {
  display: grid;
  grid-template-columns:
    minmax(210px, 1.35fr)
    repeat(3, minmax(150px, .9fr));
  align-items: stretch;
  margin: -34px 0 28px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      rgba(34, 38, 51, .98),
      rgba(24, 27, 36, .98)
    );
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

.public-status-main,
.public-status-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid var(--border);
}

.public-status-stat:last-child {
  border-right: 0;
}

.public-status-main b,
.public-status-stat b {
  display: block;
  line-height: 1.25;
}

.public-status-main small,
.public-status-stat small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.public-status-stat > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid rgba(216, 154, 232, .18);
  border-radius: 12px;
  background: rgba(216, 154, 232, .08);
  font-size: 18px;
}

.public-status-dot {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border-radius: 50%;
  background: #8b8f9b;
  box-shadow: 0 0 0 5px rgba(139, 143, 155, .11);
}

.public-status-bar.status-online {
  border-color: rgba(87, 242, 135, .3);
}

.status-online .public-status-dot {
  background: #57f287;
  box-shadow:
    0 0 0 5px rgba(87, 242, 135, .12),
    0 0 16px rgba(87, 242, 135, .5);
}

.status-offline .public-status-dot {
  background: #ed4245;
  box-shadow:
    0 0 0 5px rgba(237, 66, 69, .11),
    0 0 15px rgba(237, 66, 69, .38);
}

.status-unknown .public-status-dot {
  background: #fee75c;
  box-shadow:
    0 0 0 5px rgba(254, 231, 92, .1),
    0 0 15px rgba(254, 231, 92, .3);
}

.home-showcase {
  margin-top: 56px;
}

.home-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 20px;
}

.home-section-heading h2,
.why-sakari h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 45px);
  letter-spacing: -.035em;
}

.home-section-heading p {
  max-width: 680px;
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.6;
}

.popular-systems-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.popular-system-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 15px;
  min-height: 150px;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(216, 154, 232, .1),
      transparent 42%
    ),
    linear-gradient(145deg, var(--panel2), var(--panel));
}

.popular-system-card h3 {
  margin: 2px 0 7px;
  font-size: 19px;
}

.popular-system-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.popular-system-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(216, 154, 232, .22);
  border-radius: 16px;
  background: rgba(216, 154, 232, .1);
  font-size: 25px;
}

.popular-system-ready {
  grid-column: 2;
  width: max-content;
  align-self: end;
  padding: 5px 9px;
  border-radius: 99px;
  color: #aef4c2;
  background: rgba(87, 242, 135, .1);
  font-size: 12px;
  font-weight: 800;
}

.why-sakari {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
  gap: 35px;
  align-items: center;
  margin-top: 70px;
  padding: 28px;
  border: 1px solid rgba(216, 154, 232, .24);
  border-radius: 24px;
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(88, 101, 242, .17),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(31, 34, 46, .98),
      rgba(20, 22, 30, .98)
    );
}

.why-sakari-visual {
  min-width: 0;
}

.code-window {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 18px;
  background: #0f1115;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
  transform: rotate(-1deg);
  transition: transform .2s ease;
}

.code-window:hover {
  transform: rotate(0deg) translateY(-2px);
}

.code-window-top {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 13px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  background: #181b22;
}

.code-window-top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ed6a5e;
}

.code-window-top span:nth-child(2) {
  background: #f4bf4f;
}

.code-window-top span:nth-child(3) {
  background: #61c554;
}

.code-window-top b {
  margin-left: 8px;
  color: #b6b0c0;
  font-size: 12px;
}

.code-window a {
  display: block;
}

.code-window img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1009 / 754;
  object-fit: cover;
}

.why-sakari-visual > small {
  display: block;
  margin: 12px 4px 0;
  color: var(--muted);
  text-align: center;
}

.why-sakari-lead {
  margin: 13px 0 20px;
  color: #d5cfdb;
  font-size: 17px;
  line-height: 1.65;
}

.why-sakari-points {
  display: grid;
  gap: 10px;
}

.why-sakari-points article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 13px;
  background: rgba(0, 0, 0, .13);
}

.why-sakari-points article > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(216, 154, 232, .09);
}

.why-sakari-points b {
  display: block;
}

.why-sakari-points p {
  margin: 4px 0 0;
  color: var(--muted);
  line-height: 1.48;
}

@media (max-width: 920px) {
  .public-status-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .public-status-main,
  .public-status-stat {
    border-bottom: 1px solid var(--border);
  }

  .public-status-stat:nth-child(2) {
    border-right: 0;
  }

  .public-status-stat:nth-child(3),
  .public-status-stat:nth-child(4) {
    border-bottom: 0;
  }

  .why-sakari {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .public-status-bar,
  .popular-systems-grid {
    grid-template-columns: 1fr;
  }

  .public-status-main,
  .public-status-stat {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }

  .public-status-stat:nth-child(3) {
    border-bottom: 1px solid var(--border);
  }

  .public-status-stat:last-child {
    border-bottom: 0;
  }

  .home-section-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .why-sakari {
    padding: 20px;
  }
}

/* ============================================================
   Zwei gespeicherte Dashboard-Designs
   Standard bleibt unverändert – Sakari Style ist bewusst crazy.
   ============================================================ */

.theme-switcher {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
}

.theme-choice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 9px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.theme-choice:hover {
  color: var(--text);
  background: rgba(255, 255, 255, .06);
}

.theme-choice.active {
  color: #231426;
  background: linear-gradient(135deg, #c985dc, #f0b4f5);
  box-shadow: 0 5px 14px rgba(216, 154, 232, .18);
}

.theme-choice-sakari.active {
  color: #fff;
  background: linear-gradient(120deg, #ff2fba, #8b33ff 52%, #24ef8e);
  box-shadow:
    0 0 12px rgba(255, 47, 186, .42),
    0 0 19px rgba(36, 239, 142, .22);
}

body.theme-sakari {
  --bg: #050208;
  --panel: rgba(15, 8, 22, .94);
  --panel2: rgba(27, 10, 37, .95);
  --text: #fff8ff;
  --muted: #c9b7d2;
  --accent: #ff43c6;
  --discord: #6d52ff;
  --border: rgba(255, 76, 202, .24);

  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 35, 187, .25), transparent 28%),
    radial-gradient(circle at 89% 10%, rgba(38, 242, 145, .19), transparent 26%),
    radial-gradient(circle at 55% 88%, rgba(94, 65, 255, .21), transparent 31%),
    #050208;
}

body.theme-sakari::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .48;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(255,68,202,.9) 0 1.2px, transparent 2px),
    radial-gradient(circle, rgba(50,255,162,.85) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(139,92,255,.8) 0 1px, transparent 1.8px);
  background-size: 67px 67px, 101px 101px, 139px 139px, 181px 181px;
  background-position: 0 0, 21px 31px, 48px 17px, 87px 69px;
  animation: sakari-glitter-drift 22s linear infinite;
}

body.theme-sakari::after {
  content: "";
  position: fixed;
  inset: -25%;
  z-index: 0;
  pointer-events: none;
  opacity: .32;
  background:
    conic-gradient(from 35deg at 25% 30%, transparent, rgba(255,38,183,.22), transparent 18%),
    conic-gradient(from 210deg at 80% 70%, transparent, rgba(41,255,151,.17), transparent 20%);
  filter: blur(34px);
  animation: sakari-aurora 18s ease-in-out infinite alternate;
}

body.theme-sakari .topbar {
  z-index: 30;
  border-bottom-color: rgba(255,47,186,.45);
  background:
    linear-gradient(90deg, rgba(12,4,17,.94), rgba(31,7,36,.93), rgba(5,20,17,.93));
  box-shadow:
    0 0 24px rgba(255,36,186,.18),
    0 8px 28px rgba(0,0,0,.38);
}

body.theme-sakari .page,
body.theme-sakari footer {
  position: relative;
  z-index: 1;
}

body.theme-sakari .brand {
  color: #fff;
  text-shadow:
    0 0 8px #ff35be,
    0 0 18px rgba(255,53,190,.72),
    0 0 30px rgba(48,244,150,.3);
}

body.theme-sakari .topbar nav > a:hover {
  color: #6dffb5;
  text-shadow: 0 0 13px rgba(74,255,169,.72);
}

body.theme-sakari .topbar nav > span {
  border: 1px solid rgba(255,66,198,.25);
  background:
    linear-gradient(135deg, rgba(255,45,185,.14), rgba(40,244,146,.09));
}

body.theme-sakari .theme-switcher {
  border-color: rgba(255,67,198,.38);
  background: rgba(8,3,12,.78);
  box-shadow:
    inset 0 0 13px rgba(255,36,184,.1),
    0 0 15px rgba(47,242,148,.09);
}

body.theme-sakari .hero {
  position: relative;
  isolation: isolate;
  min-height: 590px;
  margin-top: 10px;
  padding: clamp(24px,4vw,54px);
  overflow: hidden;
  border: 1px solid rgba(255,50,193,.5);
  border-radius: 28px;
  background-image:
    linear-gradient(
      90deg,
      rgba(4,1,7,.97) 0%,
      rgba(6,2,10,.82) 43%,
      rgba(6,2,10,.52) 68%,
      rgba(6,2,10,.72) 100%
    ),
    url("images/sakari-style-banner.webp");
  background-size: cover;
  background-position: center;
  box-shadow:
    0 0 0 1px rgba(66,255,163,.13),
    0 0 34px rgba(255,35,181,.27),
    0 26px 70px rgba(0,0,0,.55);
}

body.theme-sakari .hero::before {
  content: "✦  ✧  ✦  ♡  ✦  ✧";
  position: absolute;
  top: 17px;
  right: 25px;
  z-index: -1;
  color: rgba(255,255,255,.75);
  letter-spacing: 13px;
  text-shadow:
    0 0 7px #fff,
    0 0 16px #ff3dc2,
    0 0 24px #40f4a0;
  animation: sakari-twinkle 2.8s ease-in-out infinite alternate;
}

body.theme-sakari .hero > * {
  position: relative;
  z-index: 1;
}

body.theme-sakari .hero h1,
body.theme-sakari .heading h1,
body.theme-sakari .guild-head h1,
body.theme-sakari .home-section-heading h2,
body.theme-sakari .why-sakari h2 {
  color: transparent;
  background:
    linear-gradient(100deg, #fff 0%, #ff4bc9 28%, #b266ff 57%, #42f5a4 90%);
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 12px rgba(255,50,194,.24));
}

body.theme-sakari .eyebrow {
  color: #57ffad;
  text-shadow:
    0 0 8px rgba(75,255,171,.72),
    0 0 17px rgba(255,47,190,.35);
}

body.theme-sakari .steps,
body.theme-sakari .install,
body.theme-sakari .settings,
body.theme-sakari .preview,
body.theme-sakari .cards article,
body.theme-sakari .server-card,
body.theme-sakari .bot-card,
body.theme-sakari .module-card,
body.theme-sakari .health-card,
body.theme-sakari .health-check,
body.theme-sakari .popular-system-card,
body.theme-sakari .feedback-history,
body.theme-sakari .ticket-category-card,
body.theme-sakari .archive-table-wrap {
  border-color: rgba(255,61,196,.27);
  background:
    radial-gradient(circle at 100% 0, rgba(55,255,159,.09), transparent 34%),
    linear-gradient(145deg, rgba(31,9,41,.95), rgba(13,7,22,.96));
  box-shadow:
    inset 0 0 24px rgba(255,55,192,.035),
    0 13px 33px rgba(0,0,0,.23);
}

body.theme-sakari .cards article:nth-child(2n),
body.theme-sakari .popular-system-card:nth-child(2n),
body.theme-sakari .module-card:nth-child(2n) {
  border-color: rgba(49,245,151,.26);
  background:
    radial-gradient(circle at 0 0, rgba(255,48,190,.11), transparent 35%),
    linear-gradient(145deg, rgba(8,31,25,.82), rgba(15,7,23,.97));
}

body.theme-sakari .cards article,
body.theme-sakari .server-card,
body.theme-sakari .popular-system-card {
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.theme-sakari .cards article:hover,
body.theme-sakari .server-card:hover,
body.theme-sakari .popular-system-card:hover {
  transform: translateY(-4px) rotate(-.2deg);
  border-color: rgba(255,78,205,.72);
  box-shadow:
    0 0 23px rgba(255,48,188,.23),
    0 18px 40px rgba(0,0,0,.36);
}

body.theme-sakari .icon,
body.theme-sakari .popular-system-icon,
body.theme-sakari .community-invite-icon,
body.theme-sakari .health-check-icon {
  border: 1px solid rgba(255,68,202,.35);
  background:
    linear-gradient(135deg, rgba(255,47,190,.17), rgba(54,255,160,.11));
  box-shadow:
    0 0 17px rgba(255,48,190,.12),
    inset 0 0 15px rgba(55,255,161,.06);
}

body.theme-sakari .button {
  border-color: rgba(255,69,201,.35);
  background:
    linear-gradient(135deg, rgba(51,15,63,.96), rgba(18,11,29,.96));
  box-shadow:
    inset 0 0 11px rgba(255,53,193,.06),
    0 7px 19px rgba(0,0,0,.22);
}

body.theme-sakari .button:hover {
  border-color: #ff54cc;
  transform: translateY(-1px);
  box-shadow:
    0 0 15px rgba(255,48,190,.3),
    0 0 24px rgba(49,247,151,.11);
}

body.theme-sakari .button.primary,
body.theme-sakari .button.discord {
  border: 0;
  color: #fff;
  background:
    linear-gradient(110deg, #ff2eba, #8f3cff 52%, #28e98f);
  text-shadow: 0 1px 5px rgba(0,0,0,.42);
  box-shadow:
    0 0 18px rgba(255,45,185,.35),
    0 0 29px rgba(41,235,144,.14);
}

body.theme-sakari .field input[type=text],
body.theme-sakari .field input[type=url],
body.theme-sakari .field input[type=number],
body.theme-sakari .field textarea,
body.theme-sakari .field select,
body.theme-sakari .ticket-builder,
body.theme-sakari .emoji-picker {
  color: #fff;
  border-color: rgba(255,69,201,.25);
  background: rgba(7,4,12,.92);
  box-shadow: inset 0 0 13px rgba(255,48,190,.035);
}

body.theme-sakari .field input:focus,
body.theme-sakari .field textarea:focus,
body.theme-sakari .field select:focus {
  outline: none;
  border-color: #42f5a4;
  box-shadow:
    0 0 0 3px rgba(66,245,164,.11),
    0 0 17px rgba(255,47,189,.16);
}

body.theme-sakari .toggle,
body.theme-sakari .toggle.compact {
  border-color: rgba(255,67,200,.25);
  background: rgba(8,4,14,.9);
}

body.theme-sakari .toggle input:checked + i {
  background:
    linear-gradient(90deg, #ff35c0, #6f4cff, #36ef9b);
  box-shadow:
    0 0 10px rgba(255,52,192,.43),
    0 0 17px rgba(54,239,155,.19);
}

body.theme-sakari .public-status-bar {
  border-color: rgba(53,247,154,.35);
  background:
    linear-gradient(100deg, rgba(32,7,41,.98), rgba(10,23,25,.98));
  box-shadow:
    0 0 25px rgba(255,48,190,.17),
    0 15px 37px rgba(0,0,0,.33);
}

body.theme-sakari .why-sakari {
  border-color: rgba(255,55,195,.42);
  background:
    radial-gradient(circle at 82% 12%, rgba(50,247,153,.19), transparent 26%),
    radial-gradient(circle at 10% 90%, rgba(138,66,255,.2), transparent 31%),
    linear-gradient(145deg, rgba(33,7,42,.98), rgba(7,15,17,.98));
  box-shadow:
    0 0 34px rgba(255,43,185,.16),
    0 25px 60px rgba(0,0,0,.42);
}

body.theme-sakari .code-window {
  border-color: rgba(51,247,153,.36);
  box-shadow:
    0 0 22px rgba(52,246,153,.18),
    0 0 36px rgba(255,46,186,.15),
    0 24px 58px rgba(0,0,0,.45);
}

body.theme-sakari .why-sakari-points article {
  border-color: rgba(255,69,201,.19);
  background:
    linear-gradient(100deg, rgba(255,48,190,.07), rgba(52,245,151,.04)),
    rgba(0,0,0,.21);
}

body.theme-sakari .community-invite {
  border-color: rgba(255,51,193,.58);
  background:
    radial-gradient(circle at 85% 20%, rgba(48,244,153,.22), transparent 32%),
    radial-gradient(circle at 15% 90%, rgba(144,67,255,.22), transparent 34%),
    linear-gradient(140deg, rgba(40,7,49,.98), rgba(7,20,19,.98));
  box-shadow:
    0 0 27px rgba(255,48,190,.2),
    0 19px 48px rgba(0,0,0,.38);
}

body.theme-sakari .community-invite::before {
  content: "✦  GLITZER-MODUS AKTIV  ✦";
  position: absolute;
  top: 13px;
  right: 20px;
  color: #6dffb8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
  text-shadow: 0 0 11px rgba(70,255,173,.62);
}

body.theme-sakari .breadcrumbs a {
  color: #f0b5e7;
}

body.theme-sakari .breadcrumbs a:hover {
  color: #5effb2;
}

body.theme-sakari footer {
  border-top-color: rgba(255,60,198,.27);
  background:
    linear-gradient(90deg, rgba(255,47,190,.035), rgba(47,244,150,.035));
  text-shadow: 0 0 10px rgba(255,60,199,.19);
}

body.theme-sakari .dashboard-sync-button.sync-attention {
  border-color: #42f5a4;
  background:
    linear-gradient(110deg, rgba(255,46,186,.21), rgba(54,242,153,.19));
  box-shadow:
    0 0 17px rgba(255,48,190,.31),
    0 0 25px rgba(52,243,153,.2);
}

@keyframes sakari-glitter-drift {
  from {
    background-position: 0 0, 21px 31px, 48px 17px, 87px 69px;
  }
  to {
    background-position: 67px 134px, -80px 132px, 187px -122px, -94px 250px;
  }
}

@keyframes sakari-aurora {
  from {
    transform: translate3d(-2%, -1%, 0) rotate(-2deg);
  }
  to {
    transform: translate3d(2%, 1%, 0) rotate(2deg);
  }
}

@keyframes sakari-twinkle {
  from {
    opacity: .35;
    transform: scale(.97);
  }
  to {
    opacity: 1;
    transform: scale(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-sakari::before,
  body.theme-sakari::after,
  body.theme-sakari .hero::before {
    animation: none;
  }
}

@media (max-width: 1080px) {
  .theme-choice span:last-child {
    display: none;
  }

  .theme-choice {
    min-width: 34px;
    padding: 0 8px;
  }
}

@media (max-width: 760px) {
  .theme-switcher {
    order: -1;
  }

  body.theme-sakari .hero {
    padding: 25px;
    background-position: 64% center;
  }

  body.theme-sakari .hero::before {
    display: none;
  }
}

@media (max-width: 600px) {
  body.theme-sakari .hero {
    border-radius: 21px;
  }
}

/* ============================================================
   Sakari Style – Layout- und Banner-Fix
   ============================================================ */

/* Footer bleibt auch auf kurzen Seiten wirklich unten. */
html {
  min-height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.topbar {
  flex: 0 0 auto;
}

.page {
  flex: 1 0 auto;
}

footer {
  flex: 0 0 auto;
  margin-top: auto;
}

/*
 * Bot- und Serverauswahl haben oft wenig Inhalt.
 * Der Bereich wird im freien Platz angenehm mittig dargestellt,
 * statt den Footer mitten im Bildschirm stehen zu lassen.
 */
body.page-short .page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 38px;
  padding-bottom: 38px;
}

/*
 * Die öffentliche Hauptseite darf maximal glitzern.
 * Auf Verwaltungs- und Einstellungsseiten wird der bewegte Hintergrund
 * bewusst ruhiger, damit Formulare und Vorschauen im Mittelpunkt bleiben.
 */
body.theme-sakari.page-subpage::before {
  opacity: .20;
}

body.theme-sakari.page-subpage::after {
  opacity: .11;
}

body.theme-sakari.page-short::before {
  opacity: .27;
}

body.theme-sakari.page-short::after {
  opacity: .15;
}

/* Footer im Sakari Style dezenter und klar vom Inhalt getrennt. */
body.theme-sakari footer {
  border-top-color: rgba(255, 63, 199, .14);
  background:
    linear-gradient(
      90deg,
      rgba(255, 47, 190, .025),
      rgba(47, 244, 150, .025)
    ),
    rgba(4, 2, 8, .42);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, .12);
}

/*
 * Das Banner wird jetzt tatsächlich geladen.
 * Die linke Abdunklung hält den normalen Dashboard-Text lesbar,
 * während Wolf, Neon und Graffiti rechts sichtbar bleiben.
 */
body.theme-sakari.page-home .hero {
  background-image:
    linear-gradient(
      90deg,
      rgba(4, 1, 7, .96) 0%,
      rgba(6, 2, 10, .86) 34%,
      rgba(6, 2, 10, .58) 57%,
      rgba(6, 2, 10, .26) 78%,
      rgba(6, 2, 10, .30) 100%
    ),
    url("images/sakari-style-banner.webp");
  background-position: center center;
}

/* Die Schrittbox hebt sich vor dem bunten Banner stärker ab. */
body.theme-sakari.page-home .hero .steps {
  border-color: rgba(255, 72, 205, .46);
  background:
    linear-gradient(
      145deg,
      rgba(29, 7, 38, .91),
      rgba(8, 4, 14, .92)
    );
  backdrop-filter: blur(8px);
  box-shadow:
    0 0 22px rgba(255, 46, 187, .15),
    0 18px 42px rgba(0, 0, 0, .32);
}

/* Der Statusbalken soll nicht mehr in den Hero-Rahmen hineinragen. */
body.theme-sakari.page-home .public-status-bar {
  position: relative;
  z-index: 2;
  margin-top: 18px;
}

/* Auf sehr kleinen Bildschirmen bleibt das Motiv erkennbar. */
@media (max-width: 760px) {
  body.page-short .page {
    justify-content: flex-start;
    padding-top: 30px;
    padding-bottom: 50px;
  }

  body.theme-sakari.page-home .hero {
    background-position: 67% center;
  }
}



/* ============================================================
   Versteckte zentrale Bot-Verwaltung
   ============================================================ */

.secret-admin-tab {
  border: 1px solid rgba(216, 154, 232, .28);
  border-radius: 10px;
  padding: 7px 10px;
  background: rgba(216, 154, 232, .07);
}

.platform-admin-shell {
  display: grid;
  gap: 22px;
}

.platform-admin-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  min-height: 190px;
  padding: 30px;
  border: 1px solid rgba(216, 154, 232, .24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 82% 15%, rgba(216, 154, 232, .17), transparent 34%),
    radial-gradient(circle at 13% 85%, rgba(81, 225, 166, .11), transparent 38%),
    linear-gradient(135deg, rgba(28, 25, 39, .98), rgba(13, 15, 22, .98));
  box-shadow: 0 22px 50px rgba(0, 0, 0, .25);
}

.platform-admin-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 25%, rgba(255,255,255,.035) 50%, transparent 75%);
}

.platform-admin-hero > div:first-child {
  position: relative;
  z-index: 1;
  max-width: 760px;
}

.platform-admin-hero h1 {
  margin: 6px 0 10px;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.05;
}

.platform-admin-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.platform-admin-kicker {
  display: inline-block;
  color: var(--accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
}

.platform-admin-shield {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  flex: 0 0 118px;
  width: 118px;
  height: 118px;
  border: 1px solid rgba(216,154,232,.28);
  border-radius: 34px;
  background: rgba(255,255,255,.035);
  box-shadow:
    inset 0 0 30px rgba(216,154,232,.08),
    0 14px 36px rgba(0,0,0,.28);
  font-size: 58px;
}

.platform-admin-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.platform-admin-stats article {
  display: grid;
  gap: 5px;
  min-height: 96px;
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: var(--panel);
}

.platform-admin-stats span {
  color: var(--muted);
  font-size: 13px;
}

.platform-admin-stats strong {
  font-size: 30px;
}

.platform-admin-stats .stat-warning {
  border-color: rgba(231, 198, 106, .32);
}

.platform-admin-stats .stat-danger {
  border-color: rgba(208, 82, 109, .36);
}

.platform-admin-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 230px) auto;
  gap: 12px;
  align-items: end;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--panel);
}

.platform-search-field,
.platform-filter-field {
  display: grid;
  gap: 7px;
}

.platform-search-field {
  position: relative;
}

.platform-search-field > span {
  position: absolute;
  left: 14px;
  bottom: 12px;
  z-index: 1;
}

.platform-search-field input {
  padding-left: 44px;
}

.platform-filter-field > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.platform-result-count {
  align-self: center;
  justify-self: end;
  color: var(--muted);
  font-size: 13px;
  white-space: nowrap;
}

.platform-empty-search,
.platform-no-guilds {
  padding: 34px;
  border: 1px dashed var(--border);
  border-radius: 18px;
  text-align: center;
}

.platform-empty-search {
  display: grid;
  gap: 6px;
}

.platform-empty-search span {
  color: var(--muted);
}

.platform-guild-list {
  display: grid;
  gap: 16px;
}

.platform-guild-card {
  overflow: hidden;
  border: 1px solid var(--border);
  border-left: 4px solid rgba(92, 210, 148, .68);
  border-radius: 20px;
  background: var(--panel);
  box-shadow: 0 15px 34px rgba(0,0,0,.16);
}

.platform-guild-card.status-warning {
  border-left-color: rgba(231, 198, 106, .92);
}

.platform-guild-card.status-blocked {
  border-left-color: rgba(208, 82, 109, .94);
}

.platform-guild-card.status-left {
  border-left-color: rgba(135, 142, 160, .65);
  opacity: .92;
}

.platform-guild-main {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 19px 21px 13px;
}

.platform-guild-icon {
  display: grid;
  place-items: center;
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 17px;
  background: rgba(255,255,255,.035);
  font-size: 30px;
}

.platform-guild-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platform-guild-identity {
  min-width: 0;
  flex: 1;
}

.platform-guild-title-row {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.platform-guild-title-row h2 {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.platform-status-badge {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(92,210,148,.27);
  border-radius: 999px;
  background: rgba(92,210,148,.08);
  font-size: 12px;
  font-weight: 850;
}

.platform-status-badge.status-warning {
  border-color: rgba(231,198,106,.35);
  background: rgba(231,198,106,.09);
}

.platform-status-badge.status-blocked {
  border-color: rgba(208,82,109,.38);
  background: rgba(208,82,109,.1);
}

.platform-status-badge.status-left {
  border-color: rgba(135,142,160,.28);
  background: rgba(135,142,160,.08);
}

.platform-guild-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 13px;
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
}

.platform-guild-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--border);
}

.platform-guild-details > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 15px 20px;
  background: var(--panel);
}

.platform-guild-details span,
.platform-guild-details small {
  color: var(--muted);
  font-size: 12px;
}

.platform-guild-details strong,
.platform-guild-details code {
  overflow-wrap: anywhere;
}

.platform-enforcement-summary {
  display: grid;
  gap: 10px;
  padding: 15px 20px 0;
}

.platform-enforcement-summary > div {
  padding: 13px 15px;
  border: 1px solid;
  border-radius: 14px;
}

.platform-enforcement-summary p {
  margin: 6px 0;
  white-space: pre-wrap;
}

.platform-enforcement-summary small {
  color: var(--muted);
}

.enforcement-block {
  border-color: rgba(208,82,109,.34);
  background: rgba(208,82,109,.07);
}

.enforcement-warning {
  border-color: rgba(231,198,106,.34);
  background: rgba(231,198,106,.07);
}

.platform-guild-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 16px 20px 19px;
}

.platform-guild-actions form {
  display: inline-flex;
  margin: 0;
}

.warning-button {
  border-color: rgba(231,198,106,.42) !important;
  background: rgba(231,198,106,.11) !important;
}

.danger-button {
  border-color: rgba(208,82,109,.45) !important;
  background: rgba(208,82,109,.12) !important;
}

.success-button {
  border-color: rgba(92,210,148,.4) !important;
  background: rgba(92,210,148,.11) !important;
}

.platform-admin-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
}

.platform-admin-panel {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--panel);
}

.platform-panel-heading {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.platform-panel-heading h2 {
  margin: 4px 0 0;
}

.platform-count-pill {
  min-width: 38px;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  text-align: center;
  font-weight: 900;
}

.platform-admin-add-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 16px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: rgba(255,255,255,.018);
}

.platform-admin-add-form label {
  display: grid;
  gap: 7px;
}

.platform-admin-add-form label > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.platform-admin-list,
.platform-action-history {
  display: grid;
  gap: 9px;
  max-height: 480px;
  overflow: auto;
  padding-right: 4px;
}

.platform-admin-person {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
}

.platform-admin-person > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.platform-admin-person code {
  overflow-wrap: anywhere;
}

.platform-admin-person small {
  color: var(--muted);
}

.protected-admin {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.small-button {
  padding: 7px 10px !important;
  font-size: 12px !important;
}

.platform-action-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
}

.platform-action-symbol {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(216,154,232,.08);
}

.platform-action-row > div {
  display: grid;
  gap: 3px;
}

.platform-action-row span,
.platform-action-row small {
  color: var(--muted);
  font-size: 12px;
}

.platform-action-row p {
  margin: 4px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.platform-action-dialog {
  width: min(620px, calc(100vw - 28px));
  padding: 0;
  border: 1px solid rgba(216,154,232,.34);
  border-radius: 22px;
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
}

.platform-action-dialog::backdrop {
  background: rgba(4,5,9,.77);
  backdrop-filter: blur(6px);
}

.platform-action-dialog form {
  display: grid;
  gap: 17px;
  padding: 22px;
}

.platform-dialog-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: start;
}

.platform-dialog-heading h2 {
  margin: 4px 0 0;
}

.platform-dialog-close {
  width: 36px;
  height: 36px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  color: var(--text);
  font-size: 23px;
  cursor: pointer;
}

.platform-dialog-target {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
  line-height: 1.6;
}

.platform-action-dialog label {
  display: grid;
  gap: 8px;
}

.platform-action-dialog textarea {
  resize: vertical;
  min-height: 145px;
}

.platform-dialog-notice {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(92,210,148,.25);
  border-radius: 13px;
  background: rgba(92,210,148,.055);
}

.platform-dialog-notice span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.platform-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
}

body.theme-sakari .secret-admin-tab {
  border-color: rgba(255,62,196,.42);
  background:
    linear-gradient(100deg, rgba(255,48,190,.12), rgba(52,245,151,.08));
  box-shadow:
    0 0 12px rgba(255,48,190,.12),
    0 0 18px rgba(52,245,151,.08);
}

body.theme-sakari .platform-admin-hero {
  border-color: rgba(255,62,196,.4);
  background:
    radial-gradient(circle at 82% 16%, rgba(52,245,151,.18), transparent 31%),
    radial-gradient(circle at 13% 86%, rgba(255,48,190,.2), transparent 37%),
    linear-gradient(135deg, rgba(39,7,47,.98), rgba(6,20,18,.98));
  box-shadow:
    0 0 26px rgba(255,48,190,.15),
    0 24px 58px rgba(0,0,0,.38);
}

body.theme-sakari .platform-admin-shield {
  border-color: rgba(52,245,151,.4);
  box-shadow:
    inset 0 0 30px rgba(52,245,151,.1),
    0 0 24px rgba(255,48,190,.14);
}

body.theme-sakari .platform-guild-card,
body.theme-sakari .platform-admin-panel,
body.theme-sakari .platform-admin-toolbar,
body.theme-sakari .platform-admin-stats article {
  border-color: rgba(255,64,198,.19);
  background:
    linear-gradient(120deg, rgba(255,48,190,.035), rgba(52,245,151,.025)),
    rgba(8,6,13,.9);
}

@media (max-width: 980px) {
  .platform-admin-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-admin-grid {
    grid-template-columns: 1fr;
  }

  .platform-guild-details {
    grid-template-columns: 1fr;
  }

  .platform-admin-add-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .platform-admin-hero {
    padding: 23px;
  }

  .platform-admin-shield {
    display: none;
  }

  .platform-admin-toolbar {
    grid-template-columns: 1fr;
  }

  .platform-result-count {
    justify-self: start;
  }

  .platform-admin-stats {
    grid-template-columns: 1fr 1fr;
  }

  .platform-guild-title-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .platform-guild-main {
    align-items: flex-start;
  }
}

@media (max-width: 480px) {
  .platform-admin-stats {
    grid-template-columns: 1fr;
  }

  .platform-guild-main {
    padding: 16px;
  }

  .platform-guild-actions,
  .platform-enforcement-summary {
    padding-left: 16px;
    padding-right: 16px;
  }

  .platform-guild-actions .button,
  .platform-guild-actions form {
    width: 100%;
  }

  .platform-guild-actions form .button {
    width: 100%;
  }
}

/* ============================================================
   Sakari Bildhosting
   ============================================================ */
.image-host-nav-link {
  border-color: rgba(21, 198, 220, .28) !important;
}

.image-host-owner-tab {
  border-color: rgba(255, 84, 199, .34) !important;
}

.image-host-shell {
  width: min(1240px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 22px;
}

.image-host-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 30px;
  border: 1px solid rgba(16, 196, 214, .26);
  border-radius: 20px;
  background:
    radial-gradient(circle at 12% 14%, rgba(13, 217, 228, .12), transparent 34%),
    radial-gradient(circle at 88% 80%, rgba(91, 255, 143, .08), transparent 34%),
    linear-gradient(145deg, rgba(7, 29, 35, .96), rgba(7, 14, 20, .96));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .02),
    0 24px 70px rgba(0, 0, 0, .28);
}

.image-host-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(18, 217, 231, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 217, 231, .12) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, #000, transparent 70%);
}

.image-host-hero > * {
  position: relative;
  z-index: 1;
}

.image-host-hero h1 {
  margin: 8px 0 10px;
  font-size: clamp(1.75rem, 3vw, 2.65rem);
}

.image-host-hero p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.image-host-kicker {
  color: #28d8e5;
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .16em;
}

.image-host-hero-badge {
  display: grid;
  place-items: center;
  width: 90px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border: 1px solid rgba(30, 221, 231, .3);
  border-radius: 25px;
  background: rgba(10, 104, 115, .18);
  box-shadow: 0 0 35px rgba(25, 215, 230, .18);
  font-size: 2.5rem;
}

.owner-hero {
  border-color: rgba(255, 71, 190, .28);
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 55, 188, .13), transparent 34%),
    radial-gradient(circle at 88% 80%, rgba(87, 249, 155, .08), transparent 34%),
    linear-gradient(145deg, rgba(31, 8, 31, .96), rgba(7, 14, 20, .96));
}

.owner-hero .image-host-kicker {
  color: #ff70d0;
}

.owner-hero .image-host-hero-badge {
  border-color: rgba(255, 71, 190, .35);
  background: rgba(142, 24, 112, .16);
  box-shadow: 0 0 35px rgba(255, 48, 184, .16);
}

.image-host-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.image-host-stats article {
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid rgba(20, 188, 204, .2);
  border-radius: 16px;
  background: rgba(8, 22, 28, .86);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
}

.image-host-stats span {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.image-host-stats strong {
  display: block;
  overflow: hidden;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  text-overflow: ellipsis;
}

.image-host-quota,
.image-host-disk-panel {
  padding: 18px 20px;
  border: 1px solid rgba(18, 188, 203, .18);
  border-radius: 16px;
  background: rgba(8, 19, 25, .84);
}

.image-host-quota > div:first-child,
.image-host-disk-panel > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 11px;
}

.image-host-quota span,
.image-host-disk-panel span {
  color: var(--muted);
}

.image-host-quota-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
}

.image-host-quota-track i {
  display: block;
  width: 0;
  max-width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #10c3d5, #46e69c);
  box-shadow: 0 0 14px rgba(26, 214, 217, .38);
}

.image-host-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, .75fr);
  gap: 18px;
}

.image-host-upload-panel,
.image-host-rules-panel,
.image-host-admin-panel {
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(19, 185, 201, .2);
  border-radius: 18px;
  background: rgba(7, 18, 24, .9);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
}

.image-host-panel-heading,
.image-host-gallery-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.image-host-panel-heading h2,
.image-host-gallery-heading h2 {
  margin: 5px 0 0;
}

.image-host-count-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(25, 203, 218, .22);
  border-radius: 999px;
  color: #85eaf0;
  background: rgba(18, 178, 193, .08);
  font-size: .77rem;
  white-space: nowrap;
}

.image-host-upload-form {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.image-host-dropzone {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 260px;
  padding: 30px;
  overflow: hidden;
  border: 1px dashed rgba(29, 218, 229, .45);
  border-radius: 18px;
  background:
    radial-gradient(circle at center, rgba(15, 195, 210, .12), transparent 55%),
    rgba(5, 16, 21, .72);
  text-align: center;
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.image-host-dropzone:hover,
.image-host-dropzone.is-dragging {
  border-color: rgba(67, 241, 210, .85);
  background:
    radial-gradient(circle at center, rgba(25, 221, 208, .18), transparent 58%),
    rgba(5, 22, 26, .82);
  transform: translateY(-2px);
}

.image-host-dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.image-host-dropzone strong,
.image-host-dropzone small {
  display: block;
}

.image-host-dropzone strong {
  margin-top: 12px;
  font-size: 1.1rem;
}

.image-host-dropzone small {
  max-width: 520px;
  margin-top: 7px;
  color: var(--muted);
  line-height: 1.5;
}

.image-host-drop-icon {
  display: grid;
  place-items: center;
  width: 62px;
  aspect-ratio: 1;
  border: 1px solid rgba(24, 211, 223, .3);
  border-radius: 18px;
  background: rgba(16, 172, 185, .12);
  font-size: 1.75rem;
}

.image-host-upload-preview {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px;
  border: 1px solid rgba(19, 190, 204, .18);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
}

.image-host-upload-preview[hidden] {
  display: none;
}

.image-host-upload-preview img {
  width: 76px;
  height: 60px;
  object-fit: cover;
  border-radius: 10px;
}

.image-host-upload-preview b,
.image-host-upload-preview span {
  display: block;
  overflow-wrap: anywhere;
}

.image-host-upload-preview span {
  margin-top: 4px;
  color: var(--muted);
}

.image-host-upload-button {
  width: 100%;
}

.image-host-security-note {
  margin-top: 18px;
  padding: 14px 16px;
  border-left: 3px solid #20cfda;
  border-radius: 10px;
  background: rgba(17, 190, 204, .055);
}

.image-host-security-note p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.image-host-rule-list {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.image-host-rule-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 13px;
  background: rgba(255, 255, 255, .022);
}

.image-host-rule-list li > span {
  font-size: 1.2rem;
}

.image-host-rule-list b,
.image-host-rule-list small {
  display: block;
}

.image-host-rule-list small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.45;
}

.image-host-gallery-heading {
  margin-top: 8px;
}

.image-host-search {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: min(440px, 100%);
  padding: 0 14px;
  border: 1px solid rgba(20, 185, 201, .2);
  border-radius: 13px;
  background: rgba(6, 16, 21, .88);
}

.image-host-search input {
  width: 100%;
  min-height: 44px;
  border: 0;
  outline: 0;
  color: inherit;
  background: transparent;
}

.image-host-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.image-host-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(20, 183, 199, .2);
  border-radius: 17px;
  background: rgba(6, 17, 23, .94);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .24);
}

.image-host-card[hidden] {
  display: none;
}

.image-host-card-preview {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: rgba(0, 0, 0, .28);
}

.image-host-card-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.image-host-card-preview:hover img {
  transform: scale(1.025);
}

.image-host-card-body {
  display: grid;
  gap: 11px;
  padding: 14px;
}

.image-host-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.image-host-card-title b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.image-host-card-title span {
  padding: 3px 7px;
  border-radius: 999px;
  color: #75e5ec;
  background: rgba(15, 190, 204, .1);
  font-size: .7rem;
  font-weight: 800;
}

.image-host-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 11px;
  color: var(--muted);
  font-size: .78rem;
}

.image-host-link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.image-host-link-row input {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  color: var(--muted);
  background: rgba(0, 0, 0, .22);
  font-size: .75rem;
}

.image-host-card-actions,
.image-host-admin-image-actions,
.image-host-user-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.image-host-card-actions form,
.image-host-admin-image-actions form,
.image-host-user-actions form {
  margin: 0;
}

.image-host-empty {
  grid-column: 1 / -1;
  padding: 44px 20px;
  border: 1px dashed rgba(25, 188, 203, .22);
  border-radius: 17px;
  color: var(--muted);
  background: rgba(7, 18, 23, .58);
  text-align: center;
}

.image-host-empty[hidden] {
  display: none;
}

.image-host-empty > span {
  font-size: 2rem;
}

.image-host-empty h2 {
  margin: 10px 0 5px;
  color: var(--text);
}

.image-host-empty p {
  margin: 0;
}

.image-host-admin-panel {
  display: grid;
  gap: 18px;
}

.image-host-admin-add-form {
  display: grid;
  grid-template-columns: 1fr 1fr minmax(170px, .55fr) auto;
  align-items: end;
  gap: 12px;
}

.image-host-admin-add-form label,
.image-host-inline-form label {
  display: grid;
  gap: 6px;
}

.image-host-admin-add-form label > span,
.image-host-inline-form label > span {
  color: var(--muted);
  font-size: .78rem;
}

.image-host-admin-add-form input,
.image-host-inline-form input,
.image-host-admin-filter select {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(25, 187, 202, .2);
  border-radius: 10px;
  color: inherit;
  background: rgba(2, 11, 15, .76);
}

.image-host-admin-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 12px;
}

.image-host-admin-filter {
  display: grid;
  gap: 5px;
}

.image-host-admin-filter span {
  color: var(--muted);
  font-size: .75rem;
}

.image-host-user-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.image-host-user-card {
  display: grid;
  gap: 15px;
  padding: 18px;
  border: 1px solid rgba(22, 188, 203, .2);
  border-radius: 16px;
  background: rgba(7, 18, 24, .9);
}

.image-host-user-card[hidden] {
  display: none;
}

.image-host-user-card.is-disabled {
  border-color: rgba(255, 102, 116, .2);
  opacity: .78;
}

.image-host-user-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.image-host-user-avatar {
  display: grid;
  place-items: center;
  width: 52px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(21, 202, 215, .2);
  border-radius: 15px;
  background: rgba(19, 186, 201, .08);
}

.image-host-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-host-user-head h3 {
  margin: 0 0 4px;
}

.image-host-user-head code,
.image-host-user-head small {
  display: block;
  overflow-wrap: anywhere;
}

.image-host-user-head small {
  margin-top: 4px;
  color: var(--muted);
}

.image-host-user-quota > div:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.image-host-user-quota span {
  color: var(--muted);
}

.image-host-inline-form {
  display: flex !important;
  align-items: end;
  gap: 8px;
}

.image-host-inline-form label {
  width: 118px;
}

.image-host-protected {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(255, 92, 205, .2);
  border-radius: 9px;
  color: #ffa5df;
  background: rgba(255, 50, 188, .06);
  font-size: .78rem;
}

.image-host-wide-search {
  min-width: 0;
  width: 100%;
}

.image-host-admin-image-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.image-host-admin-image {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(22, 184, 200, .18);
  border-radius: 14px;
  background: rgba(3, 13, 18, .78);
}

.image-host-admin-image[hidden] {
  display: none;
}

.image-host-admin-image > a {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.image-host-admin-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-host-admin-image > div {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.image-host-admin-image b,
.image-host-admin-image span,
.image-host-admin-image small {
  overflow: hidden;
  text-overflow: ellipsis;
}

.image-host-admin-image b {
  white-space: nowrap;
}

.image-host-admin-image span,
.image-host-admin-image small {
  color: var(--muted);
  font-size: .75rem;
  overflow-wrap: anywhere;
}

.image-host-action-list {
  display: grid;
  gap: 9px;
  max-height: 540px;
  overflow: auto;
}

.image-host-action-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 12px;
  background: rgba(255, 255, 255, .02);
}

.image-host-action-row p {
  margin: 4px 0;
  color: var(--muted);
}

.image-host-action-row small {
  color: var(--muted);
}

body.theme-sakari .image-host-hero,
body.theme-sakari .image-host-upload-panel,
body.theme-sakari .image-host-rules-panel,
body.theme-sakari .image-host-admin-panel,
body.theme-sakari .image-host-card,
body.theme-sakari .image-host-user-card {
  border-color: rgba(255, 69, 199, .25);
  box-shadow:
    0 0 22px rgba(255, 44, 190, .07),
    0 18px 48px rgba(0, 0, 0, .24);
}

body.theme-sakari .image-host-kicker {
  color: #ff7bd7;
}

body.theme-sakari .image-host-quota-track i {
  background: linear-gradient(90deg, #ff35c2, #6d9cff, #44ef9c);
}

@media (max-width: 1040px) {
  .image-host-gallery,
  .image-host-admin-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .image-host-admin-add-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .image-host-admin-add-form button {
    width: 100%;
  }
}

@media (max-width: 820px) {
  .image-host-stats,
  .image-host-user-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .image-host-main-grid {
    grid-template-columns: 1fr;
  }

  .image-host-gallery-heading,
  .image-host-panel-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .image-host-search {
    min-width: 0;
    width: 100%;
  }

  .image-host-admin-toolbar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 580px) {
  .image-host-hero {
    align-items: flex-start;
    padding: 22px;
  }

  .image-host-hero-badge {
    width: 58px;
    border-radius: 17px;
    font-size: 1.55rem;
  }

  .image-host-stats,
  .image-host-gallery,
  .image-host-admin-image-grid,
  .image-host-user-list,
  .image-host-admin-add-form {
    grid-template-columns: 1fr;
  }

  .image-host-link-row {
    grid-template-columns: 1fr;
  }

  .image-host-user-head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .image-host-user-head .image-host-count-pill {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .image-host-inline-form {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .image-host-inline-form label {
    width: 100%;
  }
}

/* ============================================================
   Dashboard-Navigation V2 – kompakt und klar zweizeilig
   ============================================================ */

.topbar nav span {
  display: inline;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.topbar {
  height: auto;
  min-height: 0;
  display: block;
  padding: 8px 0 7px;
}

.topbar-shell {
  width: min(1160px, calc(100% - 28px));
  margin: 0 auto;
  display: grid;
  gap: 7px;
}

.topbar-primary {
  min-width: 0;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.topbar .brand {
  flex: 0 0 auto;
  max-width: 310px;
  white-space: nowrap;
  line-height: 1.1;
}

.topbar-nav-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 7px;
}

.dashboard-sync-form,
.theme-switcher {
  flex: 0 0 auto;
}

.dashboard-sync-button {
  min-height: 35px;
  padding-left: 11px;
  padding-right: 11px;
}

.theme-switcher {
  min-height: 35px;
}

.theme-choice {
  min-height: 29px;
  padding-left: 8px;
  padding-right: 8px;
}

.topbar-account {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .03);
}

.topbar nav .topbar-user-name,
.topbar .topbar-user-name {
  min-width: 0;
  max-width: 130px;
  display: block;
  overflow: hidden;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 800;
}

.topbar-logout-link {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-left: 1px solid var(--border);
  color: var(--muted);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 750;
}

.topbar-logout-link:hover {
  color: var(--text);
  background: rgba(255, 255, 255, .055);
}

.topbar-nav {
  width: 100%;
  display: block;
}

.topbar-nav-links {
  width: 100%;
  min-height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px;
  padding: 3px 5px;
  border: 1px solid rgba(255, 255, 255, .045);
  border-radius: 12px;
  background: rgba(255, 255, 255, .018);
}

.topbar-nav-link {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--muted);
  white-space: nowrap;
  line-height: 1;
  font-size: 13px;
  font-weight: 720;
  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

.topbar-nav-link:hover {
  color: var(--text);
  background: rgba(255, 255, 255, .055);
}

.topbar-nav-link[aria-current="page"] {
  color: var(--text);
  border-color: rgba(216, 154, 232, .25);
  background: rgba(216, 154, 232, .09);
}

.topbar-nav-link.secret-admin-tab {
  padding: 0 11px;
}

body.theme-sakari .topbar-primary {
  position: relative;
}

body.theme-sakari .topbar-nav-links {
  border-color: rgba(255, 66, 198, .16);
  background:
    linear-gradient(
      90deg,
      rgba(255, 48, 190, .035),
      rgba(52, 245, 151, .025)
    ),
    rgba(5, 2, 8, .28);
  box-shadow:
    inset 0 0 18px rgba(255, 48, 190, .025);
}

body.theme-sakari .topbar-account {
  border-color: rgba(255, 66, 198, .25);
  background:
    linear-gradient(
      135deg,
      rgba(255, 45, 185, .10),
      rgba(40, 244, 146, .055)
    );
}

body.theme-sakari .topbar-logout-link {
  border-left-color: rgba(255, 66, 198, .22);
}

body.theme-sakari .topbar-nav-link:hover {
  color: #77ffba;
  border-color: rgba(62, 247, 158, .18);
  background: rgba(40, 244, 146, .06);
  text-shadow: 0 0 10px rgba(74, 255, 169, .45);
}

body.theme-sakari .topbar-nav-link[aria-current="page"] {
  color: #fff;
  border-color: rgba(255, 67, 198, .38);
  background:
    linear-gradient(
      110deg,
      rgba(255, 47, 186, .16),
      rgba(52, 245, 151, .08)
    );
  box-shadow:
    0 0 12px rgba(255, 47, 186, .10),
    inset 0 0 10px rgba(52, 245, 151, .035);
}

/* Verwaltungslinks bleiben hervorgehoben, aber nicht mehr übergroß. */
.topbar-nav-link.secret-admin-tab {
  min-height: 30px;
  border-radius: 9px;
}

@media (max-width: 980px) {
  .topbar-primary {
    align-items: stretch;
    flex-direction: column;
    gap: 7px;
  }

  .topbar .brand {
    align-self: center;
    text-align: center;
  }

  .topbar-nav-actions {
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 680px) {
  .topbar {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .topbar-shell {
    width: min(100% - 20px, 1160px);
  }

  .topbar nav span {
    display: inline;
  }

  .topbar-nav-actions {
    gap: 5px;
  }

  .topbar nav .topbar-user-name,
  .topbar .topbar-user-name {
    display: none;
  }

  .topbar-account {
    min-height: 35px;
  }

  .topbar-logout-link {
    border-left: 0;
  }

  .topbar-nav-links {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .topbar-nav-link {
    flex: 0 0 auto;
  }
}

@media (max-width: 480px) {
  .topbar .brand {
    font-size: 17px;
  }

  .dashboard-sync-button {
    padding-left: 8px;
    padding-right: 8px;
  }

  .dashboard-sync-button
  [data-dashboard-sync-label] {
    display: none;
  }

  .theme-choice {
    padding-left: 7px;
    padding-right: 7px;
  }
}

/* =========================================================
   Sicherer Backup-Manager
   ========================================================= */
.backup-manager-shell{
  width:min(1220px,100%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.backup-manager-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:27px 30px;
  border:1px solid rgba(216,154,232,.28);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 15%,rgba(216,154,232,.15),transparent 32%),
    linear-gradient(145deg,var(--panel2),var(--panel));
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.backup-manager-hero h1{
  margin:5px 0 8px;
  font-size:clamp(30px,4vw,47px);
  line-height:1.05;
}
.backup-manager-hero p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.backup-manager-hero-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  border:1px solid rgba(216,154,232,.28);
  border-radius:25px;
  background:rgba(216,154,232,.08);
  font-size:48px;
  transform:rotate(3deg);
}
.backup-manager-kicker{
  color:var(--accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
}
.backup-manager-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.backup-manager-stats article{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:17px 18px;
  border:1px solid var(--border);
  border-radius:15px;
  background:linear-gradient(145deg,var(--panel2),var(--panel));
}
.backup-manager-stats span,
.backup-manager-stats small{
  color:var(--muted);
}
.backup-manager-stats strong{
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:25px;
}
.backup-manager-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.backup-manager-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:22px;
  border:1px solid var(--border);
  border-radius:19px;
  background:linear-gradient(145deg,var(--panel2),var(--panel));
}
.backup-project-card{border-color:rgba(216,154,232,.32)}
.backup-database-card{border-color:rgba(84,157,255,.30)}
.backup-card-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.backup-card-heading h2{
  margin:5px 0 0;
}
.backup-manager-card>p{
  color:var(--muted);
  line-height:1.55;
}
.backup-status-badge{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.backup-status-badge.status-ready{
  color:#8ce9ac;
  background:rgba(70,200,115,.13);
  border:1px solid rgba(70,200,115,.25);
}
.backup-status-badge.status-missing{
  color:#ffc878;
  background:rgba(255,185,75,.12);
  border:1px solid rgba(255,185,75,.26);
}
.backup-security-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:5px 0 20px;
  padding:0;
  list-style:none;
  color:#d9dce5;
  font-size:14px;
  line-height:1.45;
}
.backup-create-form{
  margin-top:auto;
}
.backup-create-form .button{
  width:100%;
  min-height:43px;
}
.backup-primary-button{
  border:0;
  background:linear-gradient(135deg,#9e5cc1,#e397f0);
  color:#fff;
}
.backup-database-button{
  border:0;
  background:linear-gradient(135deg,#477fd1,#75adff);
  color:#fff;
}
.backup-create-form .button:disabled{
  opacity:.45;
  cursor:not-allowed;
  filter:saturate(.35);
}
.backup-tool-path{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:5px 0 20px;
  padding:12px;
  border:1px solid rgba(70,200,115,.22);
  border-radius:11px;
  background:rgba(70,200,115,.07);
}
.backup-tool-path span{color:#8ce9ac;font-weight:800;font-size:12px}
.backup-tool-path code{
  overflow-wrap:anywhere;
  color:#dff8e7;
}
.backup-tool-warning{
  margin:5px 0 20px;
  padding:13px 14px;
  border:1px solid rgba(255,185,75,.30);
  border-radius:12px;
  background:rgba(255,185,75,.09);
}
.backup-tool-warning b{color:#ffc878}
.backup-tool-warning p{margin:6px 0 0;color:var(--muted);line-height:1.5}
.backup-storage-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  border:1px solid var(--border);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}
.backup-storage-panel h2{margin:4px 0 9px}
.backup-storage-panel code{
  display:block;
  width:max-content;
  max-width:100%;
  overflow-wrap:anywhere;
  padding:7px 9px;
  border-radius:8px;
  background:rgba(0,0,0,.22);
  color:#f0d9f5;
}
.backup-storage-panel p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.backup-storage-panel form{flex:0 0 auto}
.backup-list-section,
.backup-audit-panel{
  padding:21px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--panel);
}
.backup-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:15px;
}
.backup-section-heading h2{margin:4px 0 0}
.backup-section-heading>span{
  color:var(--muted);
  font-size:13px;
}
.backup-table-wrap{
  overflow:auto;
  border:1px solid var(--border);
  border-radius:14px;
}
.backup-table{
  width:100%;
  min-width:940px;
  border-collapse:collapse;
  background:var(--panel2);
}
.backup-table th,
.backup-table td{
  padding:13px 14px;
  border-bottom:1px solid var(--border);
  text-align:left;
  vertical-align:middle;
}
.backup-table tr:last-child td{border-bottom:0}
.backup-table th{
  color:var(--accent);
  background:rgba(255,255,255,.025);
  font-size:12px;
  letter-spacing:.04em;
}
.backup-table td>strong,
.backup-table td>small,
.backup-table td>code{
  display:block;
}
.backup-table td>small{
  margin-top:4px;
  color:var(--muted);
}
.backup-table td>code{
  max-width:310px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.backup-row-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.backup-row-actions form{margin:0}
.backup-row-actions .button{
  padding:8px 10px;
  font-size:12px;
  white-space:nowrap;
}
.backup-empty-state{
  padding:35px 20px;
  text-align:center;
  border:1px dashed var(--border);
  border-radius:14px;
  color:var(--muted);
}
.backup-empty-state>span{font-size:43px}
.backup-empty-state h3{margin:9px 0 5px;color:var(--text)}
.backup-empty-state p{margin:0}
.backup-audit-list{
  display:flex;
  flex-direction:column;
  max-height:420px;
  overflow:auto;
}
.backup-audit-list article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 2px;
  border-bottom:1px solid var(--border);
}
.backup-audit-list article:last-child{border-bottom:0}
.backup-audit-list article>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.backup-audit-list small{color:var(--muted)}
.backup-audit-list code{
  max-width:470px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.backup-audit-empty{margin:0;color:var(--muted)}
.backup-restore-note{
  padding:17px 18px;
  border:1px solid rgba(255,185,75,.32);
  border-radius:14px;
  background:rgba(255,185,75,.08);
}
.backup-restore-note b{color:#ffc878}
.backup-restore-note p{margin:6px 0 0;color:var(--muted);line-height:1.55}
body.theme-sakari .backup-manager-hero{
  border-color:rgba(255,65,198,.31);
  background:
    radial-gradient(circle at 88% 12%,rgba(49,255,155,.10),transparent 30%),
    radial-gradient(circle at 12% 0%,rgba(255,48,190,.13),transparent 34%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
body.theme-sakari .backup-manager-hero-icon{
  border-color:rgba(49,255,155,.28);
  box-shadow:0 0 22px rgba(255,48,190,.10);
}
body.theme-sakari .backup-manager-kicker{
  color:#68ffb1;
  text-shadow:0 0 11px rgba(49,255,155,.35);
}
@media(max-width:900px){
  .backup-manager-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .backup-manager-grid{grid-template-columns:1fr}
  .backup-storage-panel{align-items:stretch;flex-direction:column}
  .backup-storage-panel form,.backup-storage-panel .button{width:100%}
}
@media(max-width:600px){
  .backup-manager-hero{padding:22px 19px}
  .backup-manager-hero-icon{display:none}
  .backup-manager-stats{grid-template-columns:1fr 1fr}
  .backup-manager-stats strong{font-size:20px}
  .backup-manager-card,.backup-list-section,.backup-audit-panel{padding:16px}
  .backup-card-heading,.backup-section-heading{align-items:flex-start;flex-direction:column}
  .backup-audit-list article{align-items:flex-start;flex-direction:column}
}

/* ============================================================
   Automatische Server-Bereinigung
   ============================================================ */
.guild-cleanup-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
  padding:28px 30px;
  border:1px solid var(--border);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 12%,rgba(255,90,90,.09),transparent 34%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
.guild-cleanup-kicker{
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em;
}
.guild-cleanup-hero h1{margin:6px 0 8px}
.guild-cleanup-hero p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.guild-cleanup-hero-icon{
  flex:0 0 auto;
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  font-size:35px;
}
.guild-cleanup-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.guild-cleanup-stats article{
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
}
.guild-cleanup-stats span{
  display:block;
  color:var(--muted);
  font-size:12px;
}
.guild-cleanup-stats strong{
  display:block;
  margin-top:5px;
  font-size:24px;
}
.guild-cleanup-explanation{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:18px;
}
.guild-cleanup-explanation>div{
  padding:17px 18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
}
.guild-cleanup-explanation b{color:var(--accent)}
.guild-cleanup-explanation p{
  margin:7px 0 0;
  color:var(--muted);
  line-height:1.55;
}
.guild-cleanup-toolbar,
.guild-cleanup-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.guild-cleanup-toolbar{
  margin-bottom:12px;
  padding:16px 18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
}
.guild-cleanup-toolbar h2,
.guild-cleanup-section-heading h2{margin:0}
.guild-cleanup-toolbar p,
.guild-cleanup-section-heading p{
  margin:5px 0 0;
  color:var(--muted);
}
.guild-cleanup-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.guild-cleanup-card{
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.guild-cleanup-card.status-failed{
  border-color:rgba(255,90,90,.4);
}
.guild-cleanup-card.status-held{
  border-color:rgba(255,185,75,.35);
}
.guild-cleanup-card-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.guild-cleanup-card-title{
  display:flex;
  align-items:center;
  gap:12px;
}
.guild-cleanup-card-title h3{margin:0 0 4px}
.guild-cleanup-card-title code{color:var(--muted)}
.guild-cleanup-server-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--panel2);
  font-size:21px;
}
.guild-cleanup-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}
.guild-cleanup-status.status-pending{
  color:#ffd17e;
  border-color:rgba(255,185,75,.35);
  background:rgba(255,185,75,.08);
}
.guild-cleanup-status.status-held{
  color:#8ed7ff;
  border-color:rgba(70,180,255,.35);
  background:rgba(70,180,255,.08);
}
.guild-cleanup-status.status-purged,
.guild-cleanup-status.status-failed{
  color:#ff9b9b;
  border-color:rgba(255,90,90,.35);
  background:rgba(255,90,90,.08);
}
.guild-cleanup-status.status-restored{
  color:#79efae;
  border-color:rgba(55,225,135,.35);
  background:rgba(55,225,135,.08);
}
.guild-cleanup-details{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:16px;
}
.guild-cleanup-details>div{
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--panel2);
}
.guild-cleanup-details span,
.guild-cleanup-details small{
  display:block;
  color:var(--muted);
  font-size:11px;
}
.guild-cleanup-details strong{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.guild-cleanup-reason{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.5;
}
.guild-cleanup-error{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid rgba(255,90,90,.35);
  border-radius:12px;
  background:rgba(255,90,90,.07);
}
.guild-cleanup-error p{margin:5px 0 0}
.guild-cleanup-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}
.guild-cleanup-actions form{margin:0}
.guild-cleanup-empty{
  padding:40px 20px;
  border:1px dashed var(--border);
  border-radius:16px;
  text-align:center;
  color:var(--muted);
}
.guild-cleanup-empty span{font-size:42px}
.guild-cleanup-empty h3{margin:8px 0 5px;color:var(--text)}
.guild-cleanup-empty p{margin:0}
.guild-cleanup-history,
.guild-cleanup-audit{
  margin-top:18px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.guild-cleanup-table-wrap{
  margin-top:13px;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:12px;
}
.guild-cleanup-table{
  width:100%;
  border-collapse:collapse;
  background:var(--panel2);
}
.guild-cleanup-table th,
.guild-cleanup-table td{
  padding:12px 13px;
  border-bottom:1px solid var(--border);
  text-align:left;
  vertical-align:middle;
}
.guild-cleanup-table tr:last-child td{border-bottom:0}
.guild-cleanup-table th{
  color:var(--accent);
  font-size:11px;
  letter-spacing:.04em;
}
.guild-cleanup-table td strong,
.guild-cleanup-table td code{display:block}
.guild-cleanup-table td code{
  margin-top:3px;
  color:var(--muted);
}
.guild-cleanup-audit-list{
  max-height:430px;
  margin-top:12px;
  overflow:auto;
}
.guild-cleanup-audit-list article{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:11px 2px;
  border-bottom:1px solid var(--border);
}
.guild-cleanup-audit-list article:last-child{border-bottom:0}
.guild-cleanup-audit-list article>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.guild-cleanup-audit-list span,
.guild-cleanup-audit-list small,
.guild-cleanup-audit-list time{color:var(--muted)}
body.theme-sakari .guild-cleanup-hero{
  border-color:rgba(255,65,198,.28);
  background:
    radial-gradient(circle at 90% 10%,rgba(255,70,120,.10),transparent 32%),
    radial-gradient(circle at 12% 0%,rgba(255,48,190,.12),transparent 35%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
body.theme-sakari .guild-cleanup-kicker{
  color:#69ffb2;
  text-shadow:0 0 11px rgba(49,255,155,.3);
}
@media(max-width:1000px){
  .guild-cleanup-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .guild-cleanup-details{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .guild-cleanup-hero{padding:22px 19px}
  .guild-cleanup-hero-icon{display:none}
  .guild-cleanup-stats{grid-template-columns:1fr 1fr}
  .guild-cleanup-explanation{grid-template-columns:1fr}
  .guild-cleanup-toolbar,
  .guild-cleanup-card-main,
  .guild-cleanup-section-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .guild-cleanup-details{grid-template-columns:1fr}
  .guild-cleanup-actions,
  .guild-cleanup-actions form,
  .guild-cleanup-actions .button{
    width:100%;
  }
  .guild-cleanup-audit-list article{
    flex-direction:column;
  }
}

/* ============================================================
   Eigene Befehle – Dashboard-Baukasten
   ============================================================ */
.custom-command-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin-bottom:16px;padding:25px 27px;border:1px solid var(--border);
  border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));
}
.custom-command-kicker,.custom-command-section-head>div>span,
.custom-command-list-head>div>span{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.12em}
.custom-command-hero h1{margin:6px 0 7px}.custom-command-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.55}
.custom-command-hero-code{flex:0 0 auto;padding:13px 16px;border:1px solid var(--border);border-radius:13px;background:rgba(0,0,0,.18)}
.custom-command-hero-code span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px}.custom-command-hero-code code{font-size:18px;color:var(--accent)}
.custom-command-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.custom-command-stats article{padding:14px 16px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}
.custom-command-stats span{display:block;color:var(--muted);font-size:11px}.custom-command-stats strong{display:block;margin-top:4px;font-size:22px}
.custom-command-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.75fr);gap:16px;align-items:start}
.custom-command-editor,.custom-command-preview-sticky,.custom-command-list-section,.custom-command-audit{border:1px solid var(--border);border-radius:17px;background:var(--panel)}
.custom-command-editor{padding:20px}.custom-command-section-head,.custom-command-list-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.custom-command-section-head h2,.custom-command-list-head h2{margin:4px 0 0}.custom-command-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}
.custom-command-form-grid .field-wide{grid-column:1/-1}.custom-command-name-input,.custom-command-number-input{display:flex;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.custom-command-name-input b{padding:0 0 0 12px;color:var(--accent);font-size:18px}.custom-command-name-input input,.custom-command-number-input input{border:0!important;background:transparent!important}
.custom-command-number-input span{padding-right:12px;color:var(--muted);font-size:12px}.custom-command-enabled-toggle{grid-column:1/-1;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.custom-command-enabled-toggle small{display:block;margin-top:3px;color:var(--muted);font-weight:400}
.custom-command-response-panel,.custom-command-options,.custom-command-placeholders{margin-top:15px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}
.custom-command-response-panel h3,.custom-command-options h3,.custom-command-placeholders h3{margin:0}.custom-command-section-title p{margin:5px 0 0;color:var(--muted)}
.custom-command-button-editor{display:flex;flex-direction:column;gap:8px;margin-top:13px}.custom-command-button-row{display:grid;grid-template-columns:32px 70px 1fr 1.6fr;gap:8px;align-items:center}
.custom-command-button-row>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted)}
.custom-command-placeholders>div{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 11px;margin-top:12px;align-items:center}.custom-command-placeholders code{color:var(--accent)}.custom-command-placeholders span{color:var(--muted);font-size:12px}
.custom-command-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.custom-command-savebar span{color:var(--muted);font-size:12px}
.custom-command-preview-sticky{position:sticky;top:142px;padding:17px}.custom-command-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.custom-command-preview-heading span{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.12em}.custom-command-preview-heading h2{margin:3px 0 0}.custom-command-preview-heading i{padding:5px 8px;border-radius:999px;background:#5865f2;color:#fff;font-size:10px;font-style:normal;font-weight:800}
.custom-command-discord-message{display:flex;gap:10px;padding:15px;border-radius:12px;background:#313338;color:#dbdee1;font-family:Arial,sans-serif}.custom-command-avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#1e1f22}.custom-command-message-body{min-width:0;flex:1}.custom-command-author{color:#f2f3f5;font-weight:700}.custom-command-author b{padding:2px 4px;border-radius:3px;background:#5865f2;font-size:8px}.custom-command-author small{color:#949ba4;font-weight:400}.custom-command-text-preview{margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}
.custom-command-embed-preview{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;margin-top:6px;padding:11px 11px 0 13px;border-left:4px solid #ff4ccb;border-radius:4px;background:#2b2d31}.custom-command-embed-copy{min-width:0;padding-bottom:10px}.custom-command-embed-copy strong{display:block;color:#f2f3f5}.custom-command-embed-copy p{margin:7px 0;color:#dbdee1;white-space:pre-wrap;overflow-wrap:anywhere}.custom-command-embed-copy small{color:#b5bac1}.custom-command-thumbnail-preview{width:70px;height:70px;margin-left:10px;border-radius:5px;object-fit:cover}.custom-command-image-preview{grid-column:1/-1;width:100%;max-height:250px;border-radius:5px;object-fit:cover}
.custom-command-button-preview{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.custom-command-button-preview span{padding:7px 12px;border-radius:4px;background:#4e5058;color:#fff;font-size:12px;font-weight:650}.custom-command-preview-note{margin-top:11px;color:var(--muted);font-size:11px;line-height:1.5}
.custom-command-list-section,.custom-command-audit{margin-top:16px;padding:19px}.custom-command-search{display:flex;align-items:center;gap:7px;min-width:260px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}.custom-command-search input{border:0!important;background:transparent!important}
.custom-command-list{display:flex;flex-direction:column;gap:10px;margin-top:13px}.custom-command-card{display:grid;grid-template-columns:minmax(230px,1fr) minmax(250px,auto) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--panel2)}.custom-command-card.is-disabled{opacity:.68}.custom-command-card-main{display:flex;align-items:center;gap:11px}.custom-command-card-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--panel);font-size:19px}.custom-command-card h3{margin:0}.custom-command-card p{margin:4px 0 0;color:var(--muted)}.custom-command-card-badges{display:flex;flex-wrap:wrap;gap:5px}.custom-command-card-badges span{padding:4px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px;font-weight:750}.custom-command-card-badges span.active{color:#78efae;border-color:rgba(55,225,135,.3);background:rgba(55,225,135,.07)}.custom-command-card-badges span.inactive{color:#ffca7a;border-color:rgba(255,185,75,.3);background:rgba(255,185,75,.07)}.custom-command-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.custom-command-card-actions form{margin:0}.custom-command-card-actions .button{min-height:34px;padding:0 10px}
.custom-command-empty{padding:32px 18px;border:1px dashed var(--border);border-radius:13px;text-align:center;color:var(--muted)}.custom-command-empty span{font-size:34px}.custom-command-empty h3{margin:7px 0 4px;color:var(--text)}.custom-command-empty p{margin:0}.custom-command-audit-list{max-height:360px;margin-top:12px;overflow:auto}.custom-command-audit-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px solid var(--border)}.custom-command-audit-list article:last-child{border-bottom:0}.custom-command-audit-list article>div{display:flex;flex-direction:column;gap:3px}.custom-command-audit-list span,.custom-command-audit-list small,.custom-command-audit-list time{color:var(--muted)}
body.theme-sakari .custom-command-hero{border-color:rgba(255,66,198,.3);background:radial-gradient(circle at 92% 10%,rgba(52,245,151,.08),transparent 34%),linear-gradient(145deg,var(--panel2),var(--panel))}body.theme-sakari .custom-command-preview-sticky{border-color:rgba(52,245,151,.23);box-shadow:0 0 26px rgba(255,48,190,.06)}
@media(max-width:1100px){.custom-command-layout{grid-template-columns:1fr}.custom-command-preview-sticky{position:static}.custom-command-card{grid-template-columns:1fr}.custom-command-card-actions{justify-content:flex-start}}
@media(max-width:720px){.custom-command-hero{align-items:flex-start;flex-direction:column}.custom-command-stats{grid-template-columns:1fr 1fr}.custom-command-form-grid{grid-template-columns:1fr}.custom-command-form-grid .field-wide,.custom-command-enabled-toggle{grid-column:auto}.custom-command-button-row{grid-template-columns:28px 58px 1fr}.custom-command-button-row input[type="url"]{grid-column:2/-1}.custom-command-placeholders>div{grid-template-columns:auto 1fr}.custom-command-savebar,.custom-command-list-head,.custom-command-audit-list article{align-items:flex-start;flex-direction:column}.custom-command-search{width:100%;min-width:0}.custom-command-card-actions,.custom-command-card-actions form,.custom-command-card-actions .button{width:100%}}

/* ============================================================
   Geplante Nachrichten
   ============================================================ */
.scheduled-message-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
  padding:27px 29px;
  border:1px solid var(--border);
  border-radius:18px;
  background:
    radial-gradient(circle at 91% 10%,rgba(101,174,255,.11),transparent 34%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
.scheduled-message-kicker,
.scheduled-message-section-head>div>span,
.scheduled-message-list-head>div>span,
.scheduled-message-module-settings>div>span{
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
}
.scheduled-message-hero h1{margin:6px 0 8px}
.scheduled-message-hero p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.scheduled-message-hero-clock{
  flex:0 0 auto;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  font-size:34px;
}
.scheduled-message-module-settings{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  gap:18px;
  margin-bottom:14px;
  padding:19px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.scheduled-message-module-settings h2{margin:5px 0 7px}
.scheduled-message-module-settings p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.scheduled-message-module-settings form{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;
  align-items:end;
  gap:10px;
}
.scheduled-message-module-toggle{
  min-height:54px;
  margin:0;
}
.scheduled-message-disabled-notice{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
  padding:13px 15px;
  border:1px solid rgba(255,190,75,.32);
  border-radius:13px;
  color:#ffd68e;
  background:rgba(255,185,75,.065);
}
.scheduled-message-disabled-notice span{color:var(--muted)}
.scheduled-message-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.scheduled-message-stats article{
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
}
.scheduled-message-stats span{
  display:block;
  color:var(--muted);
  font-size:12px;
}
.scheduled-message-stats strong{
  display:block;
  margin-top:5px;
  font-size:24px;
}
.scheduled-message-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);
  align-items:start;
  gap:16px;
}
.scheduled-message-editor,
.scheduled-message-preview-sticky,
.scheduled-message-list-section,
.scheduled-message-audit{
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--panel);
}
.scheduled-message-editor{padding:20px}
.scheduled-message-section-head,
.scheduled-message-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.scheduled-message-section-head h2,
.scheduled-message-list-head h2{margin:4px 0 0}
.scheduled-message-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:17px;
}
.scheduled-message-form-grid .field-wide{grid-column:1/-1}
.scheduled-message-enabled-toggle{
  min-height:68px;
  margin:0;
}
.scheduled-message-response-panel,
.scheduled-message-options,
.scheduled-message-placeholders{
  margin-top:15px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel2);
}
.scheduled-message-response-panel h3,
.scheduled-message-options h3,
.scheduled-message-placeholders h3{margin:0 0 12px}
.scheduled-message-section-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.scheduled-message-section-title p{
  margin:5px 0 0;
  color:var(--muted);
}
.scheduled-message-button-editor{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.scheduled-message-button-row{
  display:grid;
  grid-template-columns:30px 72px minmax(150px,.7fr) minmax(210px,1.3fr);
  gap:8px;
  align-items:center;
}
.scheduled-message-button-row>b{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:8px;
  color:var(--muted);
  background:var(--panel);
}
.scheduled-message-placeholders>div{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr;
  gap:7px 10px;
  align-items:center;
}
.scheduled-message-placeholders span{color:var(--muted)}
.scheduled-message-savebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid var(--border);
}
.scheduled-message-savebar span{
  color:var(--muted);
  font-size:12px;
}
.scheduled-message-preview-wrap{min-width:0}
.scheduled-message-preview-sticky{
  position:sticky;
  top:116px;
  padding:17px;
}
.scheduled-message-preview-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.scheduled-message-preview-heading span{
  color:var(--accent);
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}
.scheduled-message-preview-heading h2{margin:4px 0 0}
.scheduled-message-preview-heading i{
  padding:4px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  font-size:10px;
  font-style:normal;
}
.scheduled-message-discord-message{
  display:flex;
  gap:11px;
  min-height:170px;
  padding:14px;
  border-radius:12px;
  background:#303338;
  color:#f2f3f5;
}
.scheduled-message-avatar{
  flex:0 0 auto;
  width:41px;
  height:41px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1e1f22;
}
.scheduled-message-message-body{
  min-width:0;
  flex:1;
}
.scheduled-message-author{
  margin-bottom:5px;
  font-weight:700;
}
.scheduled-message-author>b{
  padding:1px 4px;
  border-radius:3px;
  background:#5865f2;
  font-size:9px;
}
.scheduled-message-author small{
  color:#949ba4;
  font-weight:400;
}
.scheduled-message-role-preview{
  margin-bottom:5px;
  color:#c9cdfb;
  font-weight:650;
}
.scheduled-message-text-preview{
  white-space:pre-wrap;
  word-break:break-word;
}
.scheduled-message-embed-preview{
  position:relative;
  overflow:hidden;
  margin-top:6px;
  padding:12px;
  border-left:4px solid #ff4ccb;
  border-radius:4px;
  background:#2b2d31;
}
.scheduled-message-embed-copy strong,
.scheduled-message-embed-copy p,
.scheduled-message-embed-copy small{display:block}
.scheduled-message-embed-copy p{
  margin:7px 0;
  white-space:pre-wrap;
  color:#dbdee1;
}
.scheduled-message-embed-copy small{color:#b5bac1}
.scheduled-message-thumbnail-preview{
  position:absolute;
  top:10px;
  right:10px;
  width:64px;
  height:64px;
  border-radius:5px;
  object-fit:cover;
}
.scheduled-message-image-preview{
  width:100%;
  max-height:230px;
  margin-top:11px;
  border-radius:5px;
  object-fit:cover;
}
.scheduled-message-button-preview{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.scheduled-message-button-preview span{
  padding:7px 10px;
  border-radius:4px;
  background:#4e5058;
  font-size:12px;
}
.scheduled-message-preview-note{
  margin-top:11px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.scheduled-message-list-section,
.scheduled-message-audit{
  margin-top:16px;
  padding:18px;
}
.scheduled-message-search{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:250px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel2);
}
.scheduled-message-search input{
  border:0;
  background:transparent;
}
.scheduled-message-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.scheduled-message-card{
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel2);
}
.scheduled-message-card.is-disabled{opacity:.78}
.scheduled-message-card-main{
  display:flex;
  align-items:center;
  gap:11px;
}
.scheduled-message-card-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--panel);
  font-size:20px;
}
.scheduled-message-card h3{margin:0 0 4px}
.scheduled-message-card p{
  margin:0;
  color:var(--muted);
}
.scheduled-message-card-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.scheduled-message-card-badges span{
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  font-size:11px;
}
.scheduled-message-card-badges span.active{
  color:#7defb0;
  border-color:rgba(60,225,135,.3);
  background:rgba(60,225,135,.06);
}
.scheduled-message-card-badges span.inactive{
  color:#ffc66f;
  border-color:rgba(255,185,70,.3);
  background:rgba(255,185,70,.06);
}
.scheduled-message-card-error{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:11px;
  padding:10px 12px;
  border:1px solid rgba(255,80,100,.34);
  border-radius:10px;
  color:#ff9eaa;
  background:rgba(255,70,90,.065);
}
.scheduled-message-card-error span{
  color:var(--muted);
  word-break:break-word;
}
.scheduled-message-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}
.scheduled-message-card-actions form{margin:0}
.scheduled-message-empty{
  padding:36px 20px;
  border:1px dashed var(--border);
  border-radius:14px;
  text-align:center;
  color:var(--muted);
}
.scheduled-message-empty>span{font-size:38px}
.scheduled-message-empty h3{
  margin:7px 0 4px;
  color:var(--text);
}
.scheduled-message-empty p{margin:0}
.scheduled-message-audit-list{
  max-height:420px;
  margin-top:12px;
  overflow:auto;
}
.scheduled-message-audit-list article{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  padding:10px 2px;
  border-bottom:1px solid var(--border);
}
.scheduled-message-audit-list article:last-child{border-bottom:0}
.scheduled-message-audit-list article>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.scheduled-message-audit-list span,
.scheduled-message-audit-list small,
.scheduled-message-audit-list time{color:var(--muted)}
body.theme-sakari .scheduled-message-hero{
  border-color:rgba(255,65,198,.27);
  background:
    radial-gradient(circle at 90% 10%,rgba(50,245,155,.09),transparent 34%),
    radial-gradient(circle at 11% 0%,rgba(255,48,190,.11),transparent 36%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
body.theme-sakari .scheduled-message-kicker,
body.theme-sakari .scheduled-message-section-head>div>span,
body.theme-sakari .scheduled-message-list-head>div>span,
body.theme-sakari .scheduled-message-module-settings>div>span{
  color:#68ffb1;
  text-shadow:0 0 11px rgba(50,255,155,.28);
}
@media(max-width:1100px){
  .scheduled-message-module-settings{
    grid-template-columns:1fr;
  }
  .scheduled-message-module-settings form{
    grid-template-columns:1fr 1fr auto;
  }
  .scheduled-message-layout{
    grid-template-columns:1fr;
  }
  .scheduled-message-preview-sticky{
    position:static;
  }
}
@media(max-width:820px){
  .scheduled-message-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .scheduled-message-form-grid{
    grid-template-columns:1fr;
  }
  .scheduled-message-form-grid .field-wide{
    grid-column:auto;
  }
  .scheduled-message-button-row{
    grid-template-columns:30px 65px 1fr;
  }
  .scheduled-message-button-row input[type="url"]{
    grid-column:2/-1;
  }
}
@media(max-width:650px){
  .scheduled-message-hero{
    padding:21px 18px;
  }
  .scheduled-message-hero-clock{display:none}
  .scheduled-message-module-settings form{
    grid-template-columns:1fr;
  }
  .scheduled-message-disabled-notice{
    align-items:flex-start;
    flex-direction:column;
  }
  .scheduled-message-stats{
    grid-template-columns:1fr 1fr;
  }
  .scheduled-message-section-head,
  .scheduled-message-list-head,
  .scheduled-message-savebar,
  .scheduled-message-audit-list article{
    align-items:flex-start;
    flex-direction:column;
  }
  .scheduled-message-search{
    width:100%;
    min-width:0;
  }
  .scheduled-message-card-actions,
  .scheduled-message-card-actions form,
  .scheduled-message-card-actions .button{
    width:100%;
  }
  .scheduled-message-placeholders>div{
    grid-template-columns:auto 1fr;
  }
}

/* ============================================================
   Web-Support-Center
   ============================================================ */
.support-heading{margin-bottom:18px}
.support-feedback-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}
.support-form-title span,
.support-admin-hero .eyebrow,
.support-ticket-hero .eyebrow{
  color:var(--accent);
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
}
.support-form-title h2{margin:5px 0 15px}
.support-ticket-history{max-height:760px;overflow:auto}
.support-user-ticket-list{display:flex;flex-direction:column;gap:9px}
.support-user-ticket{
  display:block;
  padding:13px;
  border:1px solid var(--border);
  border-radius:13px;
  color:var(--text);
  background:var(--panel2);
  text-decoration:none;
  transition:.18s ease;
}
.support-user-ticket:hover{
  transform:translateY(-1px);
  border-color:var(--accent);
}
.support-user-ticket.has-unread{
  box-shadow:0 0 0 1px rgba(255,75,205,.2),0 0 24px rgba(255,75,205,.07);
}
.support-user-ticket-top,
.support-admin-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.support-user-ticket small{display:block;margin-top:9px;color:var(--muted)}
.support-new-answer{
  flex:0 0 auto;
  padding:4px 8px;
  border:1px solid rgba(80,235,170,.35);
  border-radius:999px;
  color:#83efbd;
  background:rgba(60,220,150,.08);
  font-size:10px;
  font-weight:800;
}
.support-ticket-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.support-ticket-badges>span,
.support-ticket-hero-badges>span{
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  background:rgba(255,255,255,.025);
  font-size:11px;
}
.priority-low{color:#90c8ff!important}
.priority-normal{color:#c9c9d5!important}
.priority-high{color:#ffd07d!important;border-color:rgba(255,190,75,.32)!important}
.priority-urgent{color:#ff91a4!important;border-color:rgba(255,75,100,.38)!important}
.status-open{color:#7defb0!important;border-color:rgba(60,225,135,.3)!important}
.status-closed{color:#b8bdc8!important}
.support-ticket-hero,
.support-admin-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-bottom:16px;
  padding:24px 26px;
  border:1px solid var(--border);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(70,235,170,.09),transparent 34%),
    radial-gradient(circle at 12% 0%,rgba(255,70,205,.1),transparent 38%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
.support-ticket-hero h1,
.support-admin-hero h1{margin:5px 0 7px}
.support-ticket-hero p,
.support-admin-hero p{margin:0;color:var(--muted)}
.support-ticket-hero-badges{display:flex;flex-wrap:wrap;gap:7px}
.support-admin-hero-icon{
  flex:0 0 auto;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid rgba(70,235,170,.32);
  border-radius:20px;
  background:rgba(45,210,145,.06);
  font-size:34px;
}
.support-ticket-page{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);
  align-items:start;
  gap:16px;
}
.support-conversation{display:flex;flex-direction:column;gap:11px}
.support-message{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--panel);
}
.support-message-user{border-left:3px solid #6caeff}
.support-message-staff{border-left:3px solid #ff4ccb}
.support-message-system{border-left:3px solid #65e6aa;background:rgba(50,180,130,.035)}
.support-message-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:13px;
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  background:var(--panel2);
}
.support-message-header>div{display:flex;flex-direction:column;gap:2px}
.support-message-header span,
.support-message-header time{color:var(--muted);font-size:11px}
.support-message-body{padding:15px}
.support-message-body>p{
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  line-height:1.65;
}
.support-extra{
  margin-top:13px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel2);
}
.support-extra p{margin:6px 0 0;white-space:pre-wrap}
.support-attachment{
  display:inline-flex;
  margin-top:12px;
  color:var(--accent);
  font-weight:750;
}
.support-ticket-sidebar{
  position:sticky;
  top:116px;
  display:flex;
  flex-direction:column;
  gap:13px;
}
.support-ticket-info,
.support-ticket-controls,
.support-reply-form,
.support-ticket-closed-note{
  padding:16px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--panel);
}
.support-ticket-info h2,
.support-ticket-controls h2,
.support-reply-form h2{margin:0 0 13px}
.support-ticket-info dl,
.support-ticket-controls dl{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 13px;
}
.support-ticket-info dl>div,
.support-ticket-controls dl>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
}
.support-ticket-info dt,
.support-ticket-controls dt{color:var(--muted)}
.support-ticket-info dd,
.support-ticket-controls dd{margin:0;text-align:right;overflow-wrap:anywhere}
.support-reply-form>p{margin:-5px 0 13px;color:var(--muted);line-height:1.5}
.support-ticket-closed-note{
  color:#8fe8b9;
  background:rgba(55,205,140,.05);
}
.support-ticket-closed-note p{margin:7px 0 0;color:var(--muted)}
.support-delivery-status{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.support-delivery-status span{
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  font-size:10px;
}
.support-assignment-note{
  margin:9px 0 13px;
  color:var(--muted);
  text-align:center;
}
.support-inline-control{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:8px;
  margin-bottom:10px;
}
.support-admin-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:15px;
}
.support-admin-stats article{
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
}
.support-admin-stats span{display:block;color:var(--muted);font-size:11px}
.support-admin-stats strong{display:block;margin-top:5px;font-size:24px}
.support-admin-filters{
  display:grid;
  grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(140px,.65fr)) auto;
  align-items:end;
  gap:9px;
  margin-bottom:14px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--panel);
}
.support-admin-list{display:flex;flex-direction:column;gap:10px}
.support-admin-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:15px;
  color:var(--text);
  background:var(--panel);
  text-decoration:none;
  transition:.18s ease;
}
.support-admin-card:hover{
  transform:translateY(-1px);
  border-color:var(--accent);
}
.support-admin-card.has-unread{
  border-color:rgba(70,235,170,.34);
  box-shadow:0 0 26px rgba(55,210,145,.06);
}
.support-admin-card-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--panel2);
  font-size:21px;
}
.support-admin-card h2{margin:0;font-size:17px}
.support-admin-card p{
  margin:7px 0 0;
  color:var(--muted);
  line-height:1.5;
}
.support-admin-card>time{color:var(--muted);font-size:11px;white-space:nowrap}
.support-admin-empty{
  padding:48px 20px;
  border:1px dashed var(--border);
  border-radius:16px;
  text-align:center;
  color:var(--muted);
}
.support-admin-empty>span{font-size:42px}
.support-admin-empty h2{margin:8px 0 4px;color:var(--text)}
.support-admin-empty p{margin:0}
body.theme-sakari .support-center-nav-link{
  border-color:rgba(60,230,160,.28);
}
body.theme-sakari .support-ticket-hero,
body.theme-sakari .support-admin-hero{
  border-color:rgba(255,65,198,.27);
}
@media(max-width:1120px){
  .support-ticket-page{grid-template-columns:1fr}
  .support-ticket-sidebar{position:static}
  .support-admin-filters{grid-template-columns:1fr 1fr 1fr}
  .support-admin-filters .button{width:100%}
}
@media(max-width:850px){
  .support-feedback-layout{grid-template-columns:1fr}
  .support-ticket-history{position:static;max-height:none}
  .support-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .support-admin-card{grid-template-columns:44px minmax(0,1fr)}
  .support-admin-card>time{grid-column:2}
}
@media(max-width:650px){
  .support-ticket-hero,
  .support-admin-hero{
    align-items:flex-start;
    flex-direction:column;
    padding:20px 17px;
  }
  .support-admin-hero-icon{display:none}
  .support-admin-stats{grid-template-columns:1fr 1fr}
  .support-admin-filters{grid-template-columns:1fr}
  .support-message-header,
  .support-user-ticket-top,
  .support-admin-card-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .support-admin-card{grid-template-columns:1fr}
  .support-admin-card-icon{display:none}
  .support-admin-card>time{grid-column:1}
  .support-inline-control{grid-template-columns:1fr}
}

.platform-support-shortcut{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  margin-top:14px;
  text-decoration:none;
}
.platform-support-shortcut span{
  padding-left:9px;
  border-left:1px solid rgba(255,255,255,.22);
  font-size:10px;
  opacity:.82;
}

/* ============================================================
   Support-Live-Updates und Benachrichtigungen
   ============================================================ */
.support-nav-badge{
  min-width:19px;
  height:19px;
  display:inline-grid;
  place-items:center;
  margin-left:5px;
  padding:0 5px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#07130e;
  background:#75efb3;
  box-shadow:0 0 15px rgba(70,235,165,.34);
  font-size:10px;
  font-weight:900;
  line-height:1;
}
.support-nav-badge.staff{
  color:#fff;
  background:#e04dbb;
  box-shadow:0 0 15px rgba(230,60,190,.32);
}
.support-global-alert{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:15px;
  padding:13px 15px;
  border:1px solid rgba(70,235,165,.4);
  border-radius:14px;
  color:var(--text);
  background:
    radial-gradient(circle at 95% 5%,rgba(255,65,195,.1),transparent 33%),
    linear-gradient(135deg,rgba(45,205,140,.11),var(--panel));
  box-shadow:0 0 28px rgba(50,215,150,.07);
  text-decoration:none;
  animation:supportAlertPulse 2.2s ease-in-out infinite;
}
.support-global-alert:hover{
  border-color:#75efb3;
  transform:translateY(-1px);
}
.support-global-alert-icon{
  flex:0 0 auto;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(70,235,165,.34);
  border-radius:12px;
  background:rgba(45,210,145,.08);
  font-size:21px;
}
.support-global-alert>span:nth-child(2){
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.support-global-alert small{
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.support-global-alert>strong{
  flex:0 0 auto;
  color:#82efb8;
  font-size:12px;
}
.support-live-notice{
  position:sticky;
  top:104px;
  z-index:6;
  margin-bottom:10px;
  padding:10px 13px;
  border:1px solid rgba(70,235,165,.42);
  border-radius:11px;
  color:#90f2c0;
  background:rgba(10,30,24,.96);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  opacity:0;
  transform:translateY(-7px);
  transition:.22s ease;
}
.support-live-notice.is-visible{
  opacity:1;
  transform:translateY(0);
}
.support-message[data-support-message-id]{
  animation:supportMessageArrive .34s ease both;
}
@keyframes supportMessageArrive{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes supportAlertPulse{
  0%,100%{box-shadow:0 0 22px rgba(50,215,150,.06)}
  50%{box-shadow:0 0 32px rgba(50,215,150,.15)}
}
@media(max-width:650px){
  .support-global-alert{
    align-items:flex-start;
  }
  .support-global-alert>strong{
    display:none;
  }
  .support-global-alert small{
    white-space:normal;
  }
}

.support-ticket-delete-form{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.support-ticket-delete-form small{
  display:block;
  margin-top:8px;
  color:var(--muted);
  line-height:1.45;
  text-align:center;
}

.support-live-notice.is-deleted{
  border-color:rgba(255,95,120,.48);
  color:#ffb0bd;
  background:rgba(45,12,20,.97);
  box-shadow:0 10px 28px rgba(0,0,0,.3);
}

/* ============================================================
   Selbstrollen & Button-Rollen
   ============================================================ */
.self-role-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:15px;
  padding:24px 26px;
  border:1px solid var(--border);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 10%,rgba(65,235,165,.1),transparent 34%),
    radial-gradient(circle at 10% 0%,rgba(255,70,205,.11),transparent 38%),
    linear-gradient(145deg,var(--panel2),var(--panel));
}
.self-role-hero h1{margin:5px 0 8px}
.self-role-hero p{max-width:780px;margin:0;color:var(--muted);line-height:1.6}
.self-role-shield{
  flex:0 0 auto;
  min-width:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:18px;
  border:1px solid rgba(70,235,165,.32);
  border-radius:16px;
  background:rgba(45,205,140,.055);
  text-align:center;
}
.self-role-shield>span{font-size:35px}
.self-role-shield small{color:var(--muted)}
.self-role-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:15px;
}
.self-role-stats article{
  padding:14px 15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
}
.self-role-stats article.has-problem{border-color:rgba(255,95,120,.35)}
.self-role-stats span{display:block;color:var(--muted);font-size:11px}
.self-role-stats strong{display:block;margin-top:4px;font-size:24px}
.self-role-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  align-items:start;
  gap:16px;
}
.self-role-editor{padding:18px}
.self-role-editor-head,
.self-role-builder-toolbar,
.self-role-list-head,
.self-role-preview-head,
.self-role-panel-title,
.self-role-item-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.self-role-editor-head h2,
.self-role-preview-head h2,
.self-role-list-head h2{margin:4px 0 0}
.self-role-safety-summary,
.self-role-final-check{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:14px 0;
  padding:12px 13px;
  border:1px solid rgba(70,235,165,.3);
  border-radius:12px;
  background:rgba(45,205,140,.05);
}
.self-role-safety-summary>span,
.self-role-final-check>span{font-size:22px}
.self-role-safety-summary>div,
.self-role-final-check>div{display:flex;flex-direction:column;gap:3px}
.self-role-safety-summary small,
.self-role-final-check small{color:var(--muted);line-height:1.45}
.self-role-final-check.has-problem{
  border-color:rgba(255,95,120,.38);
  background:rgba(255,65,95,.055);
}
.self-role-form-section{
  margin-top:15px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel2);
}
.self-role-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.self-role-section-title>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,75,205,.32);
  border-radius:10px;
  color:var(--accent);
  background:rgba(255,75,205,.055);
  font-weight:900;
}
.self-role-section-title>div{display:flex;flex-direction:column;gap:2px}
.self-role-section-title small{color:var(--muted)}
.self-role-main-toggle{margin-top:4px}
.self-role-builder{
  padding:13px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--panel);
}
.self-role-builder-toolbar{align-items:center;margin-bottom:10px}
.self-role-builder-toolbar>div{display:flex;flex-direction:column;gap:2px}
.self-role-builder-toolbar small{color:var(--muted)}
.self-role-builder-warning{
  margin-bottom:10px;
  padding:9px 11px;
  border:1px solid rgba(255,95,120,.4);
  border-radius:10px;
  color:#ffacb9;
  background:rgba(255,65,95,.06);
}
.self-role-item-list{display:flex;flex-direction:column;gap:10px}
.self-role-item-card{
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--panel2);
}
.self-role-item-head{align-items:center;margin-bottom:11px}
.self-role-item-head>div:first-child{
  display:flex;
  align-items:center;
  gap:9px;
}
.self-role-item-head>div:first-child>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--panel);
  font-weight:850;
}
.self-role-item-head>div:first-child>div{display:flex;flex-direction:column;gap:2px}
.self-role-item-head small{color:var(--muted)}
.self-role-item-controls{display:flex;gap:5px}
.self-role-item-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.self-role-emoji-row{display:grid;grid-template-columns:1fr 1.25fr;gap:7px}
.self-role-empty,
.self-role-no-panels{
  padding:28px 18px;
  border:1px dashed var(--border);
  border-radius:12px;
  text-align:center;
}
.self-role-empty>span,
.self-role-no-panels>span{display:block;font-size:36px}
.self-role-empty b{display:block;margin-top:4px}
.self-role-empty small{display:block;margin-top:4px;color:var(--muted)}
.self-role-explanation{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel);
}
.self-role-explanation summary{cursor:pointer;font-weight:800}
.self-role-explanation p{margin:8px 0 0;color:var(--muted);line-height:1.55}
.self-role-save{margin-top:12px}
.self-role-preview-column{
  position:sticky;
  top:116px;
  display:flex;
  flex-direction:column;
  gap:13px;
}
.self-role-preview-shell,
.self-role-guard-list{
  padding:15px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--panel);
}
.self-role-preview-head>span{
  padding:5px 8px;
  border:1px solid rgba(70,235,165,.3);
  border-radius:999px;
  color:#86efbb;
  font-size:10px;
}
.self-role-discord-preview{
  margin-top:13px;
  padding:14px;
  border-radius:12px;
  background:#303338;
  color:#f2f3f5;
}
.self-role-discord-author{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:9px;
}
.self-role-discord-author>div{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1e1f22;
}
.self-role-discord-author>span{display:flex;flex-direction:column}
.self-role-discord-author small{color:#b5bac1;font-size:10px}
.self-role-embed-preview{
  position:relative;
  overflow:hidden;
  padding:13px;
  border-left:4px solid #ff4ccb;
  border-radius:4px;
  background:#2b2d31;
}
.self-role-preview-copy{padding-right:70px}
.self-role-embed-preview h3{margin:0 0 7px;font-size:15px}
.self-role-embed-preview p{
  margin:0;
  color:#dbdee1;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  line-height:1.45;
  font-size:12px;
}
.self-role-embed-preview>small{display:block;margin-top:11px;color:#b5bac1;font-size:10px}
.self-role-embed-preview>[data-self-role-preview-thumbnail]{
  position:absolute;
  top:12px;
  right:12px;
  width:58px;
  height:58px;
  border-radius:6px;
  object-fit:cover;
}
.self-role-preview-image{
  width:100%;
  max-height:230px;
  margin-top:11px;
  border-radius:6px;
  object-fit:cover;
}
.self-role-component-preview{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.self-role-preview-button{
  min-height:32px;
  padding:6px 11px;
  border:0;
  border-radius:4px;
  color:#fff;
  opacity:1!important;
  font-size:11px;
  font-weight:650;
}
.self-role-preview-button.style-primary{background:#5865f2}
.self-role-preview-button.style-secondary{background:#4e5058}
.self-role-preview-button.style-success{background:#248046}
.self-role-preview-button.style-danger{background:#da373c}
.self-role-fake-select{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  border:1px solid #1e1f22;
  border-radius:4px;
  color:#b5bac1;
  background:#1e1f22;
  font-size:11px;
}
.self-role-guard-list h2{margin:0 0 10px}
.self-role-guard-list ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.75}
.self-role-existing{margin-top:18px}
.self-role-panel-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.self-role-panel-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--panel);
}
.self-role-panel-card.status-error{border-color:rgba(255,95,120,.38)}
.self-role-panel-card.status-active{border-color:rgba(70,235,165,.25)}
.self-role-panel-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--panel2);
  font-size:21px;
}
.self-role-panel-title{align-items:center}
.self-role-panel-title h3{margin:0}
.self-role-status{
  padding:4px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  font-size:10px;
  white-space:nowrap;
}
.self-role-status-active{color:#82efb8;border-color:rgba(70,235,165,.3)}
.self-role-status-error{color:#ff9caf;border-color:rgba(255,95,120,.35)}
.self-role-status-pending{color:#ffd07d;border-color:rgba(255,190,75,.3)}
.self-role-panel-main>p{margin:7px 0 0;color:var(--muted)}
.self-role-panel-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.self-role-panel-meta span{
  padding:4px 7px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  font-size:10px;
}
.self-role-panel-error,
.self-role-panel-note{
  margin-top:9px;
  padding:8px 9px;
  border-radius:9px;
  color:#ffacb9;
  background:rgba(255,65,95,.06);
  font-size:11px;
}
.self-role-panel-note{color:#ffd793;background:rgba(255,190,70,.055)}
.self-role-panel-actions{display:flex;flex-direction:column;gap:6px;min-width:150px}
.self-role-panel-actions form,
.self-role-panel-actions .button{width:100%}
.self-role-audit{margin-top:16px}
.self-role-audit>summary{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.self-role-audit>summary>span{font-size:22px}
.self-role-audit>summary>div{display:flex;flex-direction:column;gap:2px}
.self-role-audit>summary small{color:var(--muted)}
.self-role-audit-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.self-role-audit-list article{
  display:grid;
  grid-template-columns:minmax(150px,.5fr) minmax(180px,.7fr) auto;
  gap:10px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel2);
}
.self-role-audit-list article>span{color:var(--accent);font-weight:750}
.self-role-audit-list article>small{color:var(--muted);text-align:right}
.self-role-audit-list article>p{grid-column:1/-1;margin:0;color:var(--muted);line-height:1.45}
.field-error-text{color:#ff9caf!important}
@media(max-width:1120px){
  .self-role-workspace{grid-template-columns:1fr}
  .self-role-preview-column{position:static;display:grid;grid-template-columns:1fr 1fr}
  .self-role-panel-card{grid-template-columns:46px minmax(0,1fr)}
  .self-role-panel-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}
  .self-role-panel-actions form,
  .self-role-panel-actions .button{width:auto}
}
@media(max-width:820px){
  .self-role-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .self-role-preview-column{grid-template-columns:1fr}
  .self-role-item-fields{grid-template-columns:1fr}
  .self-role-audit-list article{grid-template-columns:1fr}
  .self-role-audit-list article>small{text-align:left}
  .self-role-audit-list article>p{grid-column:1}
}
@media(max-width:650px){
  .self-role-hero{align-items:flex-start;flex-direction:column;padding:19px 16px}
  .self-role-shield{width:100%;min-width:0}
  .self-role-stats{grid-template-columns:1fr 1fr}
  .self-role-editor-head,
  .self-role-builder-toolbar,
  .self-role-panel-title,
  .self-role-item-head{flex-direction:column}
  .self-role-item-controls{width:100%}
  .self-role-panel-card{grid-template-columns:1fr}
  .self-role-panel-icon{display:none}
  .self-role-panel-actions{grid-column:1;flex-direction:column}
  .self-role-panel-actions form,
  .self-role-panel-actions .button{width:100%}
  .self-role-emoji-row{grid-template-columns:1fr}
}


/* ============================================================
   Discord-Ticketsystem V2
   ============================================================ */
.ticket-v2-heading{align-items:flex-start}
.ticket-v2-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}
.ticket-v2-stats a{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text);text-decoration:none}
.ticket-v2-stats a:hover{border-color:var(--accent);transform:translateY(-1px)}
.ticket-v2-stats small{color:var(--muted)}
.ticket-v2-stats b{font-size:26px}
.ticket-v2-filter{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.ticket-v2-filter label,.ticket-v2-action-form label,.ticket-v2-danger-zone label{display:flex;flex-direction:column;gap:7px}
.ticket-v2-filter label>span,.ticket-v2-action-form label>span,.ticket-v2-danger-zone label>span{font-size:12px;font-weight:800;color:var(--muted)}
.ticket-v2-filter-actions{display:flex;gap:8px}
.ticket-v2-list{display:grid;gap:12px}
.ticket-v2-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}
.ticket-v2-card-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.ticket-v2-status{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ticket-v2-status.status-open,.ticket-v2-action.status-done{color:#85efb9;border-color:rgba(85,230,160,.38);background:rgba(40,180,125,.09)}
.ticket-v2-status.status-closed{color:#ffd789;border-color:rgba(235,190,90,.38);background:rgba(210,155,45,.09)}
.ticket-v2-status.status-deleted,.ticket-v2-action.status-failed{color:#ffacba;border-color:rgba(255,90,120,.38);background:rgba(210,50,80,.09)}
.ticket-v2-status.status-creating,.ticket-v2-status.status-running,.ticket-v2-action.status-pending,.ticket-v2-action.status-running{color:#b8c9ff;border-color:rgba(100,135,255,.38);background:rgba(75,105,220,.09)}
.ticket-v2-card-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.6fr);gap:22px}
.ticket-v2-card-main h3{margin:4px 0 7px}
.ticket-v2-card-main p{margin:0;color:var(--muted);line-height:1.5}
.ticket-v2-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ticket-v2-card-meta span{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:11px;background:var(--panel-2,rgba(255,255,255,.025));font-size:12px;word-break:break-word}
.ticket-v2-card-meta small,.ticket-v2-card-meta em{color:var(--muted);font-style:normal}
.ticket-v2-card-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}
.ticket-v2-card-footer .button{margin-left:auto}
.ticket-v2-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:16px;align-items:start}
.ticket-v2-detail-main,.ticket-v2-detail-side{display:grid;gap:16px}
.ticket-v2-detail-side{position:sticky;top:104px}
.ticket-v2-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.ticket-v2-section-head h2{margin:0}
.ticket-v2-section-head p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.ticket-v2-overview dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.ticket-v2-overview dl div{padding:11px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.02)}
.ticket-v2-overview dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}
.ticket-v2-overview dd{margin:5px 0 0;word-break:break-word}
.ticket-v2-overview dd small{display:block;color:var(--muted);margin-top:3px}
.ticket-v2-close-reason{margin-top:12px;padding:12px;border-left:3px solid #e6bd60;background:rgba(220,175,70,.07)}
.ticket-v2-close-reason p{margin:5px 0 0}
.ticket-v2-note-form{display:grid;gap:9px;margin-bottom:14px}
.ticket-v2-note-form textarea,.ticket-v2-action-form textarea{min-height:95px}
.ticket-v2-notes{display:grid;gap:10px}
.ticket-v2-notes article{padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}
.ticket-v2-notes header{display:flex;justify-content:space-between;gap:12px}
.ticket-v2-notes time{color:var(--muted);font-size:11px}
.ticket-v2-notes p{white-space:pre-wrap;line-height:1.5}
.ticket-v2-transcripts{display:grid;gap:9px}
.ticket-v2-transcripts article{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:11px}
.ticket-v2-transcripts article>div:first-child{display:flex;flex-direction:column;gap:4px}
.ticket-v2-transcripts small{color:var(--muted)}
.ticket-v2-transcripts article>div:last-child{display:flex;gap:7px;flex-wrap:wrap}
.ticket-v2-detail-side form{margin-bottom:10px}
.ticket-v2-action-form{display:grid;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.ticket-v2-pending{margin-bottom:12px;padding:10px;border:1px solid rgba(100,135,255,.38);border-radius:10px;color:#b8c9ff;background:rgba(75,105,220,.09)}
.ticket-v2-danger-zone{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,90,120,.32)}
.ticket-v2-danger-zone code{display:block;padding:8px;border-radius:8px;background:rgba(255,90,120,.08);color:#ffacba;user-select:all}
.ticket-v2-danger-zone small{color:var(--muted);line-height:1.4}
.ticket-v2-actions{display:grid;gap:9px}
.ticket-v2-action{padding:10px;border:1px solid var(--border);border-radius:10px}
.ticket-v2-action header{display:flex;justify-content:space-between;gap:8px}
.ticket-v2-action small{display:block;margin-top:4px;color:var(--muted)}
.ticket-v2-action p{margin:7px 0 0;line-height:1.4;white-space:pre-wrap}
.archive-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1100px){.ticket-v2-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-v2-filter-actions{grid-column:1/-1}.ticket-v2-detail-grid{grid-template-columns:1fr}.ticket-v2-detail-side{position:static}.ticket-v2-card-main{grid-template-columns:1fr}}
@media(max-width:720px){.ticket-v2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-v2-filter{grid-template-columns:1fr}.ticket-v2-filter-actions{grid-column:auto;flex-wrap:wrap}.ticket-v2-card-meta,.ticket-v2-overview dl{grid-template-columns:1fr}.ticket-v2-card-footer .button{margin-left:0}.ticket-v2-transcripts article{align-items:flex-start;flex-direction:column}}

/* Mehrfachauswahl für Lockdown-Channels */
.channel-checklist{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:12px;
  background:#10131a;
}
.channel-checklist-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  padding:10px;
  border-bottom:1px solid var(--border);
}
.channel-checklist-actions .button{
  min-height:34px;
  padding:0 12px;
  font-size:13px;
}
.channel-checklist-actions span{
  margin-left:auto;
  color:var(--muted);
  font-size:13px;
}
.channel-checklist-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:330px;
  overflow:auto;
  padding:10px;
}
.channel-check-option{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel2);
  cursor:pointer;
}
.channel-check-option:hover{
  border-color:rgba(216,154,232,.55);
}
.channel-check-option input{
  width:18px;
  height:18px;
  flex:0 0 auto;
  accent-color:var(--accent);
}
.channel-check-option span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.channel-check-option small{
  margin-left:auto;
  color:#ffb0bc;
  font-size:11px;
}
.channel-check-option.is-disabled{
  opacity:.5;
  cursor:not-allowed;
}
@media(max-width:720px){
  .channel-checklist-options{grid-template-columns:1fr}
  .channel-checklist-actions span{width:100%;margin-left:0}
}
body.theme-sakari .channel-checklist{
  background:rgba(25,14,8,.72);
  border-color:rgba(214,180,95,.24);
}
body.theme-sakari .channel-check-option{
  background:rgba(42,24,12,.78);
  border-color:rgba(214,180,95,.22);
}
body.theme-sakari .channel-check-option:hover{
  border-color:rgba(214,180,95,.62);
}


/* AutoMod & Raid-Schutz V2 */
.automod-module-layout{
  grid-template-columns:minmax(0,1fr);
}
.automod-module-layout>form{
  min-width:0;
  width:100%;
}
.automod-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.automod-overview-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:16px;
  background:linear-gradient(145deg,var(--panel2),var(--panel));
}
.automod-overview-card>span{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:13px;
  background:rgba(216,154,232,.12);
  font-size:21px;
}
.automod-overview-card div{
  display:grid;
  min-width:0;
  gap:3px;
}
.automod-overview-card small{
  color:var(--muted);
  font-size:11px;
  font-weight:750;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.automod-overview-card b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.automod-overview-card.is-on{border-color:rgba(70,200,115,.45)}
.automod-overview-card.is-off{border-color:rgba(255,185,75,.34)}

.automod-section-nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:0 0 16px;
}
.automod-section-nav a{
  display:grid;
  grid-template-columns:27px 28px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--panel2);
  color:var(--text);
  text-decoration:none;
  transition:.16s ease;
}
.automod-section-nav a:hover{
  transform:translateY(-1px);
  border-color:rgba(216,154,232,.56);
}
.automod-section-nav a>span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  background:rgba(216,154,232,.13);
  color:var(--accent);
  font-size:12px;
  font-weight:850;
}
.automod-section-nav a>b{font-size:18px;text-align:center}
.automod-section-nav a>small{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:12px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.automod-settings-section{
  overflow:hidden;
  padding:0;
  scroll-margin-top:92px;
}
.automod-section-summary{
  display:grid;
  grid-template-columns:34px 42px minmax(0,1fr) auto 24px;
  align-items:center;
  gap:11px;
  padding:17px 19px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.automod-section-summary::-webkit-details-marker{display:none}
.automod-section-summary:hover{background:rgba(216,154,232,.035)}
.automod-section-number{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:rgba(216,154,232,.13);
  color:var(--accent);
  font-size:13px;
  font-weight:850;
}
.automod-section-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--panel2);
  font-size:21px;
}
.automod-section-heading{
  display:grid;
  min-width:0;
  gap:4px;
}
.automod-section-heading>b{font-size:17px}
.automod-section-heading>small{
  color:var(--muted);
  line-height:1.4;
}
.automod-section-problem{
  padding:6px 9px;
  border-radius:99px;
  background:rgba(255,185,75,.12);
  color:#ffc36c;
  font-size:12px;
  font-weight:800;
}
.automod-section-chevron{
  color:var(--muted);
  font-size:20px;
  transition:transform .18s ease;
}
.automod-settings-section[open] .automod-section-chevron{transform:rotate(180deg)}
.automod-section-content{
  padding:0 19px 20px;
  border-top:1px solid var(--border);
}
.automod-section-content>.fields{margin-top:19px}
.automod-module-layout .toggle span{
  display:grid;
  gap:4px;
  padding-right:16px;
}
.automod-module-layout .toggle span small{
  color:var(--muted);
  font-size:12px;
  font-weight:500;
  line-height:1.4;
}
.automod-module-layout .field-help{line-height:1.45}
.field-shell[hidden]{display:none!important}

.multi-checklist{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:14px;
  background:#10131a;
}
.multi-checklist-toolbar{
  position:sticky;
  top:0;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  align-items:center;
  gap:10px;
  padding:11px;
  border-bottom:1px solid var(--border);
  background:#10131a;
}
.multi-checklist-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--panel2);
}
.multi-checklist-search input{
  width:100%;
  min-height:38px;
  padding:0;
  border:0!important;
  outline:0;
  background:transparent!important;
  color:var(--text);
}
.multi-checklist-buttons{display:flex;gap:7px;flex-wrap:wrap}
.multi-checklist-buttons .button{
  min-height:38px;
  padding:0 12px;
  font-size:12px;
}
.multi-checklist-count{
  min-width:94px;
  color:var(--muted);
  font-size:12px;
  text-align:right;
}
.multi-checklist-count b{color:var(--text)}
.multi-checklist-options{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  max-height:430px;
  overflow:auto;
  padding:10px;
}
.multi-check-option{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--panel2);
  cursor:pointer;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}
.multi-check-option:hover{
  transform:translateY(-1px);
  border-color:rgba(216,154,232,.5);
}
.multi-check-option:has(input:checked){
  border-color:rgba(216,154,232,.64);
  background:rgba(216,154,232,.09);
}
.multi-check-option>input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.multi-check-mark{
  position:relative;
  display:block;
  width:21px;
  height:21px;
  border:2px solid #555b6d;
  border-radius:6px;
  background:#0d1016;
}
.multi-check-option input:checked+.multi-check-mark{
  border-color:var(--accent);
  background:var(--accent);
}
.multi-check-option input:checked+.multi-check-mark:after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:5px;
  height:10px;
  border:solid #211225;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.multi-check-label{
  display:grid;
  min-width:0;
  gap:2px;
}
.multi-check-label b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.multi-check-label small{
  color:var(--muted);
  font-size:10px;
  font-weight:500;
}
.multi-check-option em{
  padding:4px 7px;
  border-radius:99px;
  background:rgba(255,90,120,.1);
  color:#ffacba;
  font-size:10px;
  font-style:normal;
  font-weight:750;
}
.multi-check-option.is-disabled{
  opacity:.48;
  cursor:not-allowed;
}
.multi-check-option.is-disabled:hover{transform:none;border-color:var(--border)}
.multi-checklist-empty{
  margin:0;
  padding:22px;
  color:var(--muted);
  text-align:center;
}


.discord-selection-guidance{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:9px;
}
.discord-selection-guidance small{
  flex:1;
  color:var(--muted);
  line-height:1.5;
}
.selection-requirement{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid rgba(126,224,161,.26);
  border-radius:99px;
  background:rgba(70,200,115,.08);
  color:#8ee5aa;
  font-size:10px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.selection-requirement.is-required{
  border-color:rgba(255,185,75,.30);
  background:rgba(255,185,75,.09);
  color:#ffc978;
}
.single-discord-picker{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:14px;
  background:#10131a;
}
.single-discord-picker>summary{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  align-items:center;
  gap:11px;
  min-height:62px;
  padding:10px 13px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.single-discord-picker>summary::-webkit-details-marker{display:none}
.single-discord-picker>summary:hover{background:rgba(216,154,232,.035)}
.single-picker-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--panel2);
  color:var(--accent);
  font-size:18px;
  font-weight:900;
}
.single-picker-current{display:grid;min-width:0;gap:3px}
.single-picker-current small{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.single-picker-current b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-picker-chevron{color:var(--muted);font-size:20px;transition:transform .18s ease}
.single-discord-picker[open] .single-picker-chevron{transform:rotate(180deg)}
.single-discord-picker.has-selection{border-color:rgba(70,200,115,.34)}
.single-discord-picker.has-selection .single-picker-icon{border-color:rgba(70,200,115,.30);color:#8ee5aa}
.single-discord-picker.is-empty .single-picker-current b{color:var(--muted)}
.single-picker-panel{padding:11px;border-top:1px solid var(--border)}
.single-picker-search{margin-bottom:9px}
.single-picker-options{display:grid;gap:7px;max-height:390px;overflow:auto}
.single-picker-option{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--panel2);
  cursor:pointer;
  transition:border-color .14s ease,background .14s ease,transform .14s ease;
}
.single-picker-option:hover{transform:translateY(-1px);border-color:rgba(216,154,232,.5)}
.single-picker-option:has(input:checked){border-color:rgba(216,154,232,.64);background:rgba(216,154,232,.09)}
.single-picker-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.single-picker-mark{position:relative;display:block;width:21px;height:21px;border:2px solid #555b6d;border-radius:50%;background:#0d1016}
.single-picker-option input:checked+.single-picker-mark{border-color:var(--accent)}
.single-picker-option input:checked+.single-picker-mark:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--accent)}
.single-picker-option>span:nth-of-type(2){display:grid;min-width:0;gap:2px}
.single-picker-option>span:nth-of-type(2)>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-picker-option>span:nth-of-type(2)>small{color:var(--muted);font-size:10px;font-weight:500}
.single-picker-option em{max-width:260px;padding:4px 7px;border-radius:99px;background:rgba(255,90,120,.1);color:#ffacba;font-size:10px;font-style:normal;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-picker-option.is-disabled{opacity:.48;cursor:not-allowed}
.single-picker-option.is-disabled:hover{transform:none;border-color:var(--border)}
body.theme-sakari .single-discord-picker,
body.theme-sakari .single-picker-panel{
  border-color:rgba(214,180,95,.24);
  background:rgba(25,14,8,.9);
}
body.theme-sakari .single-picker-option,
body.theme-sakari .single-picker-icon{
  border-color:rgba(214,180,95,.22);
  background:rgba(48,27,13,.82);
}
body.theme-sakari .single-picker-option:has(input:checked){border-color:rgba(214,180,95,.68);background:rgba(214,180,95,.1)}

.single-discord-picker{width:100%}
.health-discord-picker{grid-column:1/-1;display:grid;gap:7px}
.discord-picker-card .single-discord-picker{margin-top:2px}
.field-card .single-picker-option>input{width:1px!important;height:1px!important}
.selection-limit-note{margin:0;padding:9px 11px;border-top:1px solid rgba(255,185,75,.22);background:rgba(255,185,75,.07);color:#ffc978;font-size:11px;line-height:1.4}

@media(max-width:980px){
  .automod-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .automod-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .automod-overview,.automod-section-nav{grid-template-columns:1fr}
  .automod-section-summary{
    grid-template-columns:32px 38px minmax(0,1fr) 20px;
    padding:14px;
  }
  .automod-section-problem{grid-column:3/5;justify-self:start}
  .automod-section-content{padding:0 13px 15px}
  .multi-checklist-toolbar{grid-template-columns:1fr}
  .multi-checklist-buttons{width:100%}
  .multi-checklist-buttons .button{flex:1}
  .multi-checklist-count{text-align:left}
  .discord-selection-guidance{flex-direction:column;gap:6px}
  .single-picker-option{grid-template-columns:22px minmax(0,1fr)}
  .single-picker-option em{grid-column:2;justify-self:start;max-width:100%}
}
body.theme-sakari .automod-overview-card,
body.theme-sakari .automod-section-nav a,
body.theme-sakari .automod-section-icon{
  border-color:rgba(214,180,95,.23);
  background:linear-gradient(145deg,rgba(55,30,14,.92),rgba(31,18,10,.95));
}
body.theme-sakari .automod-section-nav a:hover,
body.theme-sakari .multi-check-option:hover{
  border-color:rgba(214,180,95,.62);
}
body.theme-sakari .multi-checklist,
body.theme-sakari .multi-checklist-toolbar{
  border-color:rgba(214,180,95,.24);
  background:rgba(25,14,8,.9);
}
body.theme-sakari .multi-check-option,
body.theme-sakari .multi-checklist-search{
  border-color:rgba(214,180,95,.22);
  background:rgba(48,27,13,.82);
}
body.theme-sakari .multi-check-option:has(input:checked){
  border-color:rgba(214,180,95,.68);
  background:rgba(214,180,95,.1);
}

/* Partnerschafts-Zentrale */
.partner-center{width:100%}
.partner-notice{
  display:flex;align-items:flex-start;gap:13px;margin:0 0 16px;padding:15px 17px;
  border:1px solid rgba(255,185,75,.35);border-radius:15px;background:rgba(255,185,75,.08)
}
.partner-notice>span{font-size:23px}.partner-notice b{display:block;margin-bottom:4px}.partner-notice p{margin:0;color:var(--muted);line-height:1.5}
.partner-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.partner-overview-card{
  display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--border);
  border-radius:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));min-width:0
}
.partner-overview-card>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(216,154,232,.12);font-size:21px}
.partner-overview-card>div{display:grid;gap:3px;min-width:0}.partner-overview-card small{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.partner-overview-card b{font-size:22px}.partner-overview-card.is-on{border-color:rgba(70,200,115,.45)}
.partner-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 16px}
.partner-section-nav a{display:grid;grid-template-columns:27px 28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel2);color:var(--text);text-decoration:none;transition:.16s ease}
.partner-section-nav a:hover{transform:translateY(-1px);border-color:rgba(216,154,232,.56)}
.partner-section-nav a>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(216,154,232,.13);color:var(--accent);font-size:12px;font-weight:850}
.partner-section-nav a>b{font-size:18px;text-align:center}.partner-section-nav a>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;font-weight:750}
.partner-section{overflow:hidden;padding:0;scroll-margin-top:92px}
.partner-section-summary{display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto 24px;align-items:center;gap:11px;padding:17px 19px;cursor:pointer;list-style:none;user-select:none}
.partner-section-summary::-webkit-details-marker{display:none}.partner-section-summary:hover{background:rgba(216,154,232,.035)}
.partner-section-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(216,154,232,.13);color:var(--accent);font-size:13px;font-weight:850}
.partner-section-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:13px;background:var(--panel2);font-size:21px}
.partner-section-heading{display:grid;min-width:0;gap:4px}.partner-section-heading>b{font-size:17px}.partner-section-heading>small{color:var(--muted);line-height:1.4}
.partner-section-count{display:grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:99px;background:rgba(216,154,232,.12);color:var(--accent);font-size:12px;font-weight:850}
.partner-section-chevron{color:var(--muted);font-size:20px;transition:transform .18s ease}.partner-section[open] .partner-section-chevron{transform:rotate(180deg)}
.partner-section-content{padding:18px 19px 20px;border-top:1px solid var(--border)}
.partner-record-list{display:grid;gap:13px}
.partner-record-card{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:rgba(16,19,26,.72)}
.partner-record-card.status-active{border-color:rgba(70,200,115,.35)}.partner-record-card.status-paused{border-color:rgba(255,185,75,.30)}
.partner-record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 17px;border-bottom:1px solid var(--border)}
.partner-record-kicker{margin-bottom:5px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.partner-record-head h3{margin:0 0 4px;font-size:21px}.partner-record-head p{margin:0;color:var(--muted)}
.partner-badges{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.partner-badges span{padding:6px 9px;border:1px solid var(--border);border-radius:99px;background:var(--panel2);font-size:11px;font-weight:750}.partner-badges .is-pending{color:#ffc36c;border-color:rgba(255,185,75,.32)}
.partner-inline-error{margin:12px 16px 0;padding:11px 12px;border:1px solid rgba(255,90,120,.32);border-radius:11px;background:rgba(255,90,120,.08);color:#ffacba;line-height:1.45}
.partner-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:15px 17px}
.partner-record-grid>div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--panel2)}
.partner-record-grid .partner-record-wide{grid-column:1/-1}.partner-record-grid small{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.partner-record-grid p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.partner-record-grid a{color:var(--accent)}
.partner-edit-box{margin:0 17px 15px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.partner-edit-box>summary{padding:12px 14px;cursor:pointer;font-weight:800;list-style:none}.partner-edit-box>summary::-webkit-details-marker{display:none}.partner-edit-box>form{padding:14px;border-top:1px solid var(--border)}
.partner-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:12px}.partner-edit-grid label{display:grid;gap:6px}.partner-edit-grid label.wide{grid-column:1/-1}.partner-edit-grid label>span{font-size:12px;font-weight:750}
.partner-edit-grid input,.partner-edit-grid textarea,.partner-reason-action input{width:100%;border:1px solid var(--border);border-radius:10px;background:#10131a;color:var(--text);font:inherit;padding:11px}.partner-edit-grid textarea{min-height:95px;resize:vertical}
.partner-sync-check{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);font-size:12px}
.partner-record-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 17px;border-top:1px solid var(--border);background:rgba(0,0,0,.08);text-align:left}
.partner-record-actions form{margin:0}.partner-reason-action{display:flex;align-items:center;gap:8px;flex:1;min-width:300px}.partner-reason-action input{min-width:190px}
.button.danger{border-color:rgba(255,90,120,.35);background:rgba(255,90,120,.10);color:#ffacba}.button.danger:hover{border-color:rgba(255,90,120,.65)}
.partner-empty{display:grid;place-items:center;gap:6px;padding:42px 20px;color:var(--muted);text-align:center}.partner-empty>span{font-size:31px}.partner-empty>b{color:var(--text);font-size:17px}.partner-empty p{margin:0}
.partner-history-list,.partner-action-log{display:grid;gap:8px}.partner-history-list article{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(240px,1.3fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--panel2)}
.partner-history-list article>div{display:grid;gap:3px}.partner-history-list small,.partner-action-log small{color:var(--muted)}.partner-history-list p{margin:0;line-height:1.4}
.partner-action-log article{display:grid;grid-template-columns:145px minmax(190px,.7fr) minmax(0,1.5fr);gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}.partner-action-log article>span{color:var(--muted);font-size:12px}
@media(max-width:980px){.partner-overview,.partner-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-history-list article{grid-template-columns:1fr}.partner-action-log article{grid-template-columns:120px 1fr}.partner-action-log small{grid-column:1/-1}}
@media(max-width:720px){.partner-overview,.partner-section-nav{grid-template-columns:1fr}.partner-section-summary{grid-template-columns:32px 38px minmax(0,1fr) 20px;padding:14px}.partner-section-count{grid-column:3/5;justify-self:start}.partner-section-content{padding:13px}.partner-record-head{align-items:flex-start;flex-direction:column}.partner-badges{justify-content:flex-start}.partner-record-grid,.partner-edit-grid{grid-template-columns:1fr}.partner-record-grid .partner-record-wide,.partner-edit-grid label.wide{grid-column:auto}.partner-record-actions,.partner-record-actions form,.partner-record-actions .button,.partner-reason-action{width:100%}.partner-reason-action{min-width:0;flex-direction:column;align-items:stretch}.partner-action-log article{grid-template-columns:1fr}.partner-action-log small{grid-column:auto}}
body.theme-sakari .partner-overview-card,body.theme-sakari .partner-section-nav a,body.theme-sakari .partner-section-icon,body.theme-sakari .partner-record-card,body.theme-sakari .partner-record-grid>div,body.theme-sakari .partner-edit-box,body.theme-sakari .partner-history-list article,body.theme-sakari .partner-action-log article{border-color:rgba(214,180,95,.23);background:linear-gradient(145deg,rgba(55,30,14,.92),rgba(31,18,10,.95))}
body.theme-sakari .partner-section-nav a:hover{border-color:rgba(214,180,95,.62)}

/* =========================================================
   Sakari-Auswahlstil V2
   Nur die neuen Discord-Rollen-/Channel-Auswahlkomponenten.
   Der restliche Sakari-Style bleibt unverändert.
   ========================================================= */
body.theme-sakari .multi-checklist,
body.theme-sakari .single-discord-picker{
  border-color:rgba(242,73,255,.34);
  background:
    radial-gradient(circle at 4% 0%,rgba(255,43,207,.12),transparent 34%),
    radial-gradient(circle at 96% 100%,rgba(65,211,255,.09),transparent 38%),
    linear-gradient(145deg,rgba(17,7,29,.98),rgba(7,8,20,.98));
  box-shadow:
    inset 0 0 0 1px rgba(126,89,255,.06),
    0 14px 34px rgba(0,0,0,.28);
}
body.theme-sakari .multi-checklist-toolbar,
body.theme-sakari .single-picker-panel{
  border-color:rgba(242,73,255,.23);
  background:
    linear-gradient(90deg,rgba(27,8,38,.98),rgba(9,9,25,.98));
}
body.theme-sakari .multi-checklist-search,
body.theme-sakari .single-picker-search{
  border-color:rgba(180,83,255,.34);
  background:rgba(8,9,22,.88);
  box-shadow:inset 0 0 16px rgba(124,71,255,.035);
}
body.theme-sakari .multi-checklist-search:focus-within,
body.theme-sakari .single-picker-search:focus-within{
  border-color:rgba(255,69,211,.76);
  box-shadow:
    0 0 0 2px rgba(255,69,211,.11),
    0 0 20px rgba(123,75,255,.13);
}
body.theme-sakari .multi-checklist-search input,
body.theme-sakari .single-picker-search input{
  color:#fff7ff;
  caret-color:#ff55d9;
}
body.theme-sakari .multi-checklist-search input::placeholder,
body.theme-sakari .single-picker-search input::placeholder{
  color:rgba(224,207,238,.52);
}
body.theme-sakari .multi-checklist-buttons .button{
  border-color:rgba(203,73,255,.48);
  background:linear-gradient(135deg,rgba(101,41,157,.9),rgba(62,24,104,.94));
  color:#fff8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
body.theme-sakari .multi-checklist-buttons .button:hover{
  border-color:rgba(255,86,218,.82);
  background:linear-gradient(135deg,rgba(153,48,178,.96),rgba(79,42,154,.96));
  box-shadow:0 0 17px rgba(255,66,209,.17);
  transform:translateY(-1px);
}
body.theme-sakari .multi-checklist-buttons .button:last-child{
  border-color:rgba(113,115,174,.48);
  background:linear-gradient(135deg,rgba(38,30,69,.96),rgba(21,20,44,.96));
}
body.theme-sakari .multi-checklist-buttons .button:last-child:hover{
  border-color:rgba(104,211,255,.68);
  background:linear-gradient(135deg,rgba(40,42,87,.98),rgba(25,25,58,.98));
  box-shadow:0 0 17px rgba(68,199,255,.13);
}
body.theme-sakari .multi-checklist-count,
body.theme-sakari .multi-checklist-count b{
  color:#f7dcff;
}
body.theme-sakari .multi-checklist-count b{
  text-shadow:0 0 11px rgba(255,67,214,.42);
}
body.theme-sakari .multi-check-option,
body.theme-sakari .single-picker-option{
  border-color:rgba(150,83,224,.27);
  background:
    linear-gradient(135deg,rgba(33,13,48,.96),rgba(13,12,29,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.theme-sakari .multi-check-option:hover,
body.theme-sakari .single-picker-option:hover{
  border-color:rgba(255,72,214,.72);
  background:
    linear-gradient(135deg,rgba(49,15,62,.98),rgba(17,14,38,.99));
  box-shadow:
    inset 3px 0 0 rgba(255,68,214,.78),
    0 0 20px rgba(166,58,255,.12);
}
body.theme-sakari .multi-check-option:has(input:checked),
body.theme-sakari .single-picker-option:has(input:checked){
  border-color:rgba(255,79,218,.84);
  background:
    radial-gradient(circle at 90% 10%,rgba(54,211,255,.11),transparent 38%),
    linear-gradient(135deg,rgba(255,45,198,.18),rgba(104,71,255,.15) 58%,rgba(37,198,255,.08));
  box-shadow:
    inset 3px 0 0 #ff4fd8,
    0 0 0 1px rgba(126,87,255,.12),
    0 0 22px rgba(255,54,207,.14);
}
body.theme-sakari .multi-check-mark,
body.theme-sakari .single-picker-mark{
  border-color:rgba(133,113,194,.75);
  background:rgba(5,8,20,.96);
  box-shadow:inset 0 0 8px rgba(85,57,164,.17);
}
body.theme-sakari .multi-check-option input:checked+.multi-check-mark{
  border-color:transparent;
  background:linear-gradient(135deg,#ff4fd8,#765dff 58%,#3ad9ff);
  box-shadow:
    0 0 0 2px rgba(255,79,216,.13),
    0 0 14px rgba(255,72,211,.34);
}
body.theme-sakari .multi-check-option input:checked+.multi-check-mark:after{
  border-color:#fff;
}
body.theme-sakari .single-picker-option input:checked+.single-picker-mark{
  border-color:#ff54da;
  box-shadow:0 0 13px rgba(255,72,211,.34);
}
body.theme-sakari .single-picker-option input:checked+.single-picker-mark:after{
  background:linear-gradient(135deg,#ff4fd8,#775eff 58%,#3ad9ff);
  box-shadow:0 0 10px rgba(255,72,211,.38);
}
body.theme-sakari .multi-check-label b,
body.theme-sakari .single-picker-option>span:nth-of-type(2)>b,
body.theme-sakari .single-picker-current b{
  color:#fff9ff;
}
body.theme-sakari .multi-check-label small,
body.theme-sakari .single-picker-option>span:nth-of-type(2)>small,
body.theme-sakari .single-picker-current small{
  color:rgba(201,190,220,.68);
}
body.theme-sakari .single-discord-picker>summary:hover{
  background:linear-gradient(90deg,rgba(255,48,206,.055),rgba(82,83,255,.035));
}
body.theme-sakari .single-picker-icon{
  border-color:rgba(207,76,255,.34);
  background:linear-gradient(145deg,rgba(46,18,69,.97),rgba(16,14,36,.98));
  color:#ff7be3;
  box-shadow:inset 0 0 14px rgba(124,72,255,.08);
}
body.theme-sakari .single-discord-picker.has-selection{
  border-color:rgba(74,225,180,.43);
  box-shadow:
    inset 0 0 0 1px rgba(74,225,180,.05),
    0 14px 34px rgba(0,0,0,.28);
}
body.theme-sakari .single-discord-picker.has-selection .single-picker-icon{
  border-color:rgba(67,224,180,.46);
  color:#72f0c5;
  box-shadow:0 0 16px rgba(51,218,170,.11);
}
body.theme-sakari .multi-checklist-options,
body.theme-sakari .single-picker-options{
  scrollbar-color:#b84dca rgba(8,7,18,.92);
  scrollbar-width:thin;
}
body.theme-sakari .multi-checklist-options::-webkit-scrollbar,
body.theme-sakari .single-picker-options::-webkit-scrollbar{
  width:10px;
}
body.theme-sakari .multi-checklist-options::-webkit-scrollbar-track,
body.theme-sakari .single-picker-options::-webkit-scrollbar-track{
  background:rgba(8,7,18,.94);
  border-left:1px solid rgba(160,74,226,.12);
}
body.theme-sakari .multi-checklist-options::-webkit-scrollbar-thumb,
body.theme-sakari .single-picker-options::-webkit-scrollbar-thumb{
  border:2px solid rgba(8,7,18,.94);
  border-radius:99px;
  background:linear-gradient(#ff4fd8,#765dff,#3ad9ff);
}
body.theme-sakari .multi-check-option.is-disabled,
body.theme-sakari .single-picker-option.is-disabled{
  filter:saturate(.45);
  opacity:.48;
}


/* --- Sakari fix: dark form fields for status center and new field-card forms --- */
body.theme-sakari .field-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="hidden"]),
body.theme-sakari .field-card select,
body.theme-sakari .field-card textarea,
body.theme-sakari .status-center-page .multi-checklist-search input,
body.theme-sakari .status-center-page .single-picker-search input {
  width: 100%;
  font: inherit;
  color: #f8e8ff;
  background: linear-gradient(180deg, rgba(28, 16, 45, 0.96), rgba(15, 10, 26, 0.98));
  border: 1px solid rgba(232, 102, 255, 0.26);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 8px 24px rgba(9, 3, 17, 0.26);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
  outline: none;
}
body.theme-sakari .field-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="hidden"]):hover,
body.theme-sakari .field-card select:hover,
body.theme-sakari .field-card textarea:hover,
body.theme-sakari .status-center-page .multi-checklist-search input:hover,
body.theme-sakari .status-center-page .single-picker-search input:hover {
  border-color: rgba(255, 116, 237, 0.42);
  background: linear-gradient(180deg, rgba(33, 20, 53, 0.98), rgba(17, 11, 29, 0.99));
}
body.theme-sakari .field-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="hidden"]):focus,
body.theme-sakari .field-card select:focus,
body.theme-sakari .field-card textarea:focus,
body.theme-sakari .status-center-page .multi-checklist-search input:focus,
body.theme-sakari .status-center-page .single-picker-search input:focus {
  border-color: rgba(255, 99, 224, 0.75);
  box-shadow: 0 0 0 3px rgba(255, 77, 201, 0.16), 0 12px 28px rgba(18, 4, 31, 0.32), inset 0 1px 0 rgba(255,255,255,0.06);
  background: linear-gradient(180deg, rgba(36, 21, 57, 1), rgba(18, 12, 31, 1));
}
body.theme-sakari .field-card input::placeholder,
body.theme-sakari .field-card textarea::placeholder,
body.theme-sakari .status-center-page .multi-checklist-search input::placeholder,
body.theme-sakari .status-center-page .single-picker-search input::placeholder {
  color: rgba(235, 212, 255, 0.48);
}
body.theme-sakari .field-card textarea {
  resize: vertical;
  min-height: 92px;
}
body.theme-sakari .field-card select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 42px;
  background-image: linear-gradient(180deg, rgba(28, 16, 45, 0.96), rgba(15, 10, 26, 0.98)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f0b3ff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, right 12px center;
  background-size: auto, 16px;
}
body.theme-sakari .field-card select option,
body.theme-sakari .field-card optgroup {
  background: #140d22;
  color: #f8e8ff;
}
body.theme-sakari .field-card input[type="datetime-local"],
body.theme-sakari .field-card input[type="date"],
body.theme-sakari .field-card input[type="time"] {
  color-scheme: dark;
}
body.theme-sakari .field-card input[type="datetime-local"]::-webkit-calendar-picker-indicator,
body.theme-sakari .field-card input[type="date"]::-webkit-calendar-picker-indicator,
body.theme-sakari .field-card input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(84%) sepia(22%) saturate(778%) hue-rotate(273deg) brightness(106%) contrast(103%);
  cursor: pointer;
}
body.theme-sakari .field-card .input-with-unit {
  display: flex;
  align-items: stretch;
  gap: 0;
  border: 1px solid rgba(232, 102, 255, 0.26);
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(28, 16, 45, 0.96), rgba(15, 10, 26, 0.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 8px 24px rgba(9, 3, 17, 0.26);
}
body.theme-sakari .field-card .input-with-unit input {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
body.theme-sakari .field-card .input-with-unit b {
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  font-size: 12px;
  color: #f2b4ff;
  background: linear-gradient(180deg, rgba(50, 23, 66, 0.86), rgba(24, 13, 37, 0.92));
  border-left: 1px solid rgba(232, 102, 255, 0.22);
  white-space: nowrap;
}
body.theme-sakari .field-card .input-with-unit:focus-within {
  border-color: rgba(255, 99, 224, 0.75);
  box-shadow: 0 0 0 3px rgba(255, 77, 201, 0.16), 0 12px 28px rgba(18, 4, 31, 0.32), inset 0 1px 0 rgba(255,255,255,0.06);
}
body.theme-sakari .field-card input[readonly] {
  opacity: .88;
  cursor: default;
}


/* --- Birthday module UI polish --- */
body.theme-sakari .birthday-page{
  display:flex;
  flex-direction:column;
  gap:22px;
}
body.theme-sakari .birthday-hero{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding:26px 28px;
  border-radius:24px;
  border:1px solid rgba(240,112,255,.20);
  background:linear-gradient(135deg, rgba(31,15,43,.94), rgba(12,8,22,.96));
  box-shadow:0 20px 60px rgba(8,3,16,.32), inset 0 1px 0 rgba(255,255,255,.04);
}
body.theme-sakari .birthday-hero h1{margin:8px 0 10px;font-size:36px;line-height:1.05}
body.theme-sakari .birthday-hero p{margin:0;color:rgba(244,226,255,.78);max-width:760px}
body.theme-sakari .birthday-module-state{
  min-width:170px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  padding:16px 18px;border-radius:18px;border:1px solid rgba(240,112,255,.22);
  background:linear-gradient(180deg, rgba(22,12,32,.96), rgba(12,8,20,.98));
}
body.theme-sakari .birthday-module-state span{width:12px;height:12px;border-radius:999px;display:block;box-shadow:0 0 0 4px rgba(255,255,255,.03)}
body.theme-sakari .birthday-module-state.is-on span{background:#53d987;box-shadow:0 0 0 5px rgba(83,217,135,.12)}
body.theme-sakari .birthday-module-state.is-off span{background:#9590a7;box-shadow:0 0 0 5px rgba(149,144,167,.12)}
body.theme-sakari .birthday-module-state small{color:rgba(232,211,246,.66)}
body.theme-sakari .birthday-module-state b{font-size:20px}
body.theme-sakari .birthday-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.theme-sakari .birthday-stats article,
body.theme-sakari .birthday-nav a,
body.theme-sakari .birthday-panel{
  border:1px solid rgba(240,112,255,.18);
  background:linear-gradient(135deg, rgba(28,15,40,.92), rgba(11,8,20,.96));
  box-shadow:0 16px 40px rgba(8,3,16,.18), inset 0 1px 0 rgba(255,255,255,.03);
}
body.theme-sakari .birthday-stats article{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px}
body.theme-sakari .birthday-stats article>span{font-size:28px}
body.theme-sakari .birthday-stats article small{display:block;color:rgba(232,211,246,.66);margin-bottom:4px}
body.theme-sakari .birthday-stats article b{font-size:20px}
body.theme-sakari .birthday-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.theme-sakari .birthday-nav a{
  display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;text-decoration:none;color:#ffeaff;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.theme-sakari .birthday-nav a:hover{transform:translateY(-1px);border-color:rgba(255,119,231,.4);box-shadow:0 18px 40px rgba(16,4,30,.28)}
body.theme-sakari .birthday-nav a span{
  width:36px;height:36px;display:grid;place-items:center;border-radius:12px;flex:none;
  background:linear-gradient(135deg, rgba(255,63,189,.95), rgba(126,89,255,.92));
  color:white;font-weight:800;box-shadow:0 8px 20px rgba(255,73,191,.24);
}
body.theme-sakari .birthday-nav a b{display:block;font-size:16px}
body.theme-sakari .birthday-nav a small{display:block;color:rgba(232,211,246,.68);margin-top:2px}
body.theme-sakari .birthday-panel{padding:22px;border-radius:24px;display:flex;flex-direction:column;gap:18px}
body.theme-sakari .birthday-panel-head{display:flex;align-items:flex-start;gap:14px}
body.theme-sakari .birthday-panel-head>span{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;font-weight:800;
  color:white;background:linear-gradient(135deg, rgba(255,58,183,.96), rgba(76,208,195,.96)); box-shadow:0 10px 28px rgba(255,85,201,.22)
}
body.theme-sakari .birthday-panel-head h2{margin:0 0 5px}
body.theme-sakari .birthday-panel-head p{margin:0;color:rgba(242,226,255,.72)}
body.theme-sakari .birthday-settings-form{display:flex;flex-direction:column;gap:16px}
body.theme-sakari .birthday-section{
  border:1px solid rgba(232,102,255,.18);border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg, rgba(18,10,28,.88), rgba(9,7,17,.92));
}
body.theme-sakari .birthday-section summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer}
body.theme-sakari .birthday-section summary::-webkit-details-marker{display:none}
body.theme-sakari .birthday-section summary>span:first-child{font-size:20px}
body.theme-sakari .birthday-section summary div{flex:1}
body.theme-sakari .birthday-section summary b{display:block;font-size:18px}
body.theme-sakari .birthday-section summary small{display:block;color:rgba(232,211,246,.68);margin-top:4px}
body.theme-sakari .birthday-section summary em{font-style:normal;color:#ffb9ff;font-size:18px}
body.theme-sakari .birthday-section-body{padding:0 18px 18px;display:flex;flex-direction:column;gap:16px}
body.theme-sakari .birthday-picker-grid,
body.theme-sakari .birthday-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.theme-sakari .birthday-form-grid.messages{grid-template-columns:repeat(2,minmax(0,1fr))}
body.theme-sakari .birthday-form-grid .wide,
body.theme-sakari .birthday-picker-grid .wide{grid-column:1/-1}
body.theme-sakari .birthday-message-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:18px;align-items:start}
body.theme-sakari .birthday-preview{padding:16px;border-radius:18px;border:1px solid rgba(255,119,231,.26);background:linear-gradient(180deg, rgba(20,12,31,.96), rgba(10,8,18,.98));position:sticky;top:84px}
body.theme-sakari .birthday-preview small{display:block;color:#ffb6f0;letter-spacing:.12em;margin-bottom:10px}
body.theme-sakari .birthday-preview-card{border-left:4px solid #ff4ad0;padding:16px;border-radius:16px;background:linear-gradient(180deg, rgba(32,18,46,.94), rgba(13,10,22,.98));box-shadow:0 8px 24px rgba(13,4,24,.24)}
body.theme-sakari .birthday-preview-card b{display:block;font-size:18px;margin-bottom:8px}
body.theme-sakari .birthday-preview-card p{margin:0 0 12px;white-space:pre-wrap;color:rgba(249,236,255,.88)}
body.theme-sakari .birthday-preview-card div{display:flex;align-items:center;gap:8px;margin-bottom:10px}
body.theme-sakari .birthday-preview-card footer{font-size:12px;color:rgba(232,211,246,.66)}
body.theme-sakari .birthday-upcoming-grid,
body.theme-sakari .birthday-profile-list,
body.theme-sakari .birthday-history-list{display:grid;gap:14px}
body.theme-sakari .birthday-upcoming-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
body.theme-sakari .birthday-upcoming-grid article,
body.theme-sakari .birthday-profile-list article,
body.theme-sakari .birthday-history-list article{
  display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;
  border:1px solid rgba(232,102,255,.16);background:linear-gradient(180deg, rgba(22,12,34,.92), rgba(11,8,20,.96));
}
body.theme-sakari .birthday-upcoming-grid article>span,
body.theme-sakari .birthday-history-list article>span,
body.theme-sakari .birthday-profile-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;flex:none;background:linear-gradient(135deg, rgba(255,70,195,.95), rgba(120,84,255,.92));box-shadow:0 10px 24px rgba(255,73,191,.2)}
body.theme-sakari .birthday-upcoming-grid article div,
body.theme-sakari .birthday-profile-list article div,
body.theme-sakari .birthday-history-list article div{flex:1;min-width:0}
body.theme-sakari .birthday-upcoming-grid article p,
body.theme-sakari .birthday-profile-list article p,
body.theme-sakari .birthday-history-list article p{margin:3px 0 4px;color:rgba(249,236,255,.84)}
body.theme-sakari .birthday-upcoming-grid article small,
body.theme-sakari .birthday-profile-list article small,
body.theme-sakari .birthday-history-list article small,
body.theme-sakari .birthday-inline-empty{color:rgba(232,211,246,.68)}
body.theme-sakari .birthday-profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:14px;align-items:end}
body.theme-sakari .birthday-profile-form .field-card{height:100%}
body.theme-sakari .birthday-delete{margin-left:auto}
body.theme-sakari .birthday-delete summary{list-style:none;cursor:pointer;color:#ffc0f3}
body.theme-sakari .birthday-delete summary::-webkit-details-marker{display:none}
body.theme-sakari .birthday-delete form{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,111,170,.28);background:linear-gradient(180deg, rgba(42,16,28,.88), rgba(24,8,16,.92));display:flex;flex-direction:column;gap:10px;min-width:200px}
body.theme-sakari .birthday-history{overflow:hidden}
body.theme-sakari .birthday-history summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer}
body.theme-sakari .birthday-history summary::-webkit-details-marker{display:none}
body.theme-sakari .birthday-history summary>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg, rgba(255,70,195,.95), rgba(120,84,255,.92))}
body.theme-sakari .birthday-history summary div{flex:1}
body.theme-sakari .birthday-history summary h2{margin:0 0 4px}
body.theme-sakari .birthday-history summary p{margin:0;color:rgba(242,226,255,.72)}
body.theme-sakari .birthday-empty{padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border:1px dashed rgba(232,102,255,.22);border-radius:20px;background:linear-gradient(180deg, rgba(18,11,29,.78), rgba(9,7,17,.82))}
body.theme-sakari .birthday-empty span{font-size:28px}
body.theme-sakari .birthday-empty p{margin:0;color:rgba(232,211,246,.68)}
body.theme-sakari .birthday-save{align-self:flex-start}
/* dark form fields in birthday module */
body.theme-sakari .birthday-page .field-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.theme-sakari .birthday-page .field-card select,
body.theme-sakari .birthday-page .field-card textarea{
  width:100%;font:inherit;color:#f8e8ff;background:linear-gradient(180deg, rgba(28,16,45,.96), rgba(15,10,26,.98));
  border:1px solid rgba(232,102,255,.26);border-radius:12px;padding:12px 14px;outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(9,3,17,.26);
}
body.theme-sakari .birthday-page .field-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
body.theme-sakari .birthday-page .field-card select:focus,
body.theme-sakari .birthday-page .field-card textarea:focus{border-color:rgba(255,99,224,.75);box-shadow:0 0 0 3px rgba(255,77,201,.16), 0 12px 28px rgba(18,4,31,.32), inset 0 1px 0 rgba(255,255,255,.06)}
body.theme-sakari .birthday-page .field-card input::placeholder,
body.theme-sakari .birthday-page .field-card textarea::placeholder{color:rgba(235,212,255,.48)}
body.theme-sakari .birthday-page .field-card textarea{resize:vertical;min-height:100px}
body.theme-sakari .birthday-page .field-card input[type="time"],
body.theme-sakari .birthday-page .field-card input[type="date"]{color-scheme:dark}
body.theme-sakari .birthday-page .field-card .input-with-unit{display:flex;align-items:stretch;gap:0;border:1px solid rgba(232,102,255,.26);border-radius:12px;overflow:hidden;background:linear-gradient(180deg, rgba(28,16,45,.96), rgba(15,10,26,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(9,3,17,.26)}
body.theme-sakari .birthday-page .field-card .input-with-unit input{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
body.theme-sakari .birthday-page .field-card .input-with-unit b{display:inline-flex;align-items:center;padding:0 12px;font-size:12px;color:#f2b4ff;background:linear-gradient(180deg, rgba(50,23,66,.86), rgba(24,13,37,.92));border-left:1px solid rgba(232,102,255,.22);white-space:nowrap}
body.theme-sakari .birthday-page .field-card .input-with-unit:focus-within{border-color:rgba(255,99,224,.75);box-shadow:0 0 0 3px rgba(255,77,201,.16), 0 12px 28px rgba(18,4,31,.32), inset 0 1px 0 rgba(255,255,255,.06)}
@media (max-width: 1100px){
  body.theme-sakari .birthday-stats, body.theme-sakari .birthday-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-sakari .birthday-message-layout{grid-template-columns:1fr}
  body.theme-sakari .birthday-preview{position:static}
  body.theme-sakari .birthday-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  body.theme-sakari .birthday-hero{flex-direction:column}
  body.theme-sakari .birthday-stats, body.theme-sakari .birthday-nav, body.theme-sakari .birthday-picker-grid, body.theme-sakari .birthday-form-grid, body.theme-sakari .birthday-profile-form{grid-template-columns:1fr}
}

/* Geburtstage V3 – bewusst im AutoMod-Schema */
.birthday-v3>main{min-width:0;width:100%}
.birthday-v3 .settings{margin-bottom:16px}
.birthday-v3-settings{display:block}
.birthday-v3-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.birthday-v3 .field em{font-size:10px;font-style:normal;color:#78d8f0;background:rgba(62,185,220,.12);padding:3px 6px;border-radius:99px}
.birthday-v3 .field input[type="text"],
.birthday-v3 .field input[type="time"],
.birthday-v3 .field input[type="number"],
.birthday-v3 .field textarea,
.birthday-v3 .field select{
  width:100%;background:#10131a;border:1px solid var(--border);border-radius:11px;padding:12px;color:var(--text);font:inherit;outline:none
}
.birthday-v3 .field input:focus,.birthday-v3 .field textarea:focus,.birthday-v3 .field select:focus{border-color:rgba(216,154,232,.62);box-shadow:0 0 0 3px rgba(216,154,232,.10)}
.birthday-v3 .field input[type="time"]{color-scheme:dark}
.birthday-v3 .field textarea{resize:vertical;min-height:105px}
.birthday-v3 .input-with-unit{display:flex;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#10131a}
.birthday-v3 .input-with-unit input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.birthday-v3 .input-with-unit b{display:flex;align-items:center;padding:0 12px;color:var(--muted);border-left:1px solid var(--border);background:var(--panel2);font-size:12px;white-space:nowrap}
.birthday-v3-message-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding-top:19px!important}
.birthday-v3-message-fields{margin-top:0!important}
.birthday-v3-preview{position:sticky;top:90px;padding:17px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--panel2),var(--panel))}
.birthday-v3-preview .discord{margin-top:10px}
.birthday-v3-preview-embed{margin-top:10px;padding:14px;border-left:4px solid var(--accent);border-radius:5px;background:#2b2d31}
.birthday-v3-preview-embed>b{font-size:16px}.birthday-v3-preview-embed>p{white-space:pre-wrap;color:#ddd;line-height:1.45}.birthday-v3-preview-embed footer{margin-top:10px;color:#aeb2bd;font-size:11px}
.birthday-v3-preview>p{color:var(--muted);font-size:12px;line-height:1.45}
.birthday-v3-save{margin:0 0 16px}
.birthday-v3-upcoming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding-top:19px}
.birthday-v3-upcoming-grid article,.birthday-v3-profile-list article,.birthday-v3-history-list article{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}
.birthday-v3-upcoming-grid article>span,.birthday-v3-avatar,.birthday-v3-history-list article>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(216,154,232,.12);font-size:21px}
.birthday-v3-upcoming-grid article>div,.birthday-v3-profile-list article>div,.birthday-v3-history-list article>div{min-width:0;flex:1}
.birthday-v3-upcoming-grid p,.birthday-v3-profile-list p,.birthday-v3-history-list p{margin:4px 0;color:var(--text)}
.birthday-v3-upcoming-grid small,.birthday-v3-profile-list small,.birthday-v3-history-list small{color:var(--muted)}
.birthday-v3-profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:19px 0;border-bottom:1px solid var(--border)}
.birthday-v3-profile-form .field-shell{min-width:0}
.birthday-v3-profile-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}
.birthday-v3-profile-list,.birthday-v3-history-list{display:grid;gap:10px;padding-top:19px}
.birthday-v3-delete{position:relative}
.birthday-v3-delete>summary{list-style:none}.birthday-v3-delete>summary::-webkit-details-marker{display:none}
.birthday-v3-delete form{position:absolute;right:0;top:50px;z-index:5;width:310px;padding:14px;border:1px solid rgba(255,90,120,.36);border-radius:14px;background:#171019;box-shadow:0 20px 45px rgba(0,0,0,.45);display:grid;gap:12px}
.birthday-v3-delete form label{display:flex;gap:8px;align-items:flex-start;color:#ffb4c0;font-size:12px;line-height:1.45}
.birthday-v3-empty{margin-top:19px;padding:36px 20px;border:1px dashed var(--border);border-radius:14px;background:rgba(16,19,26,.55)}
.birthday-v3-empty.compact{padding:22px}.birthday-v3-empty>span{font-size:28px}.birthday-v3-empty p{margin:6px 0 0;color:var(--muted)}
@media(max-width:1050px){.birthday-v3-message-layout{grid-template-columns:1fr}.birthday-v3-preview{position:static}.birthday-v3-profile-form{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.birthday-v3-picker-grid,.birthday-v3-profile-form{grid-template-columns:1fr}.birthday-v3-delete form{position:static;width:100%;margin-top:8px}.birthday-v3-profile-list article{align-items:flex-start;flex-wrap:wrap}}
/* Geburtstage V3 – Löschbereich bleibt wie andere sichere Bereiche im Panel sichtbar */
.birthday-v3-profile-list article{flex-wrap:wrap}
.birthday-v3-delete{margin-left:auto}
.birthday-v3-delete[open]{flex:1 0 100%;margin-left:55px}
.birthday-v3-delete form{position:static;width:100%;margin-top:10px}

/* =========================================================
   Discord Server Builder · festes AutoMod-Schema
   ========================================================= */
.server-builder-page{display:flex;flex-direction:column;gap:18px}
.builder-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px;border:1px solid rgba(216,154,232,.24);border-radius:24px;background:linear-gradient(135deg,rgba(32,17,44,.96),rgba(10,13,25,.98));box-shadow:0 18px 55px rgba(4,2,10,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.builder-hero h1{margin:8px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.05}
.builder-hero p{margin:0;max-width:850px;color:var(--muted);line-height:1.55}
.builder-owner-seal{min-width:230px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:16px 18px;border-radius:18px;border:1px solid rgba(70,200,115,.38);background:linear-gradient(145deg,rgba(20,52,42,.68),rgba(14,17,28,.94));box-shadow:0 0 30px rgba(70,200,115,.08)}
.builder-owner-seal>span{grid-row:1/4;font-size:32px}
.builder-owner-seal small{color:rgba(220,245,233,.64);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.builder-owner-seal b{font-size:18px;color:#dffbed}
.builder-owner-seal code{font-size:11px;color:#a9e9c4;overflow-wrap:anywhere}
.builder-owner-notice,.builder-health-item,.builder-warning-box{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:18px}
.builder-owner-notice{border:1px solid rgba(70,200,115,.32);background:linear-gradient(135deg,rgba(18,58,43,.56),rgba(13,18,29,.92))}
.builder-owner-notice>span,.builder-health-item>span,.builder-warning-box>span{font-size:25px;line-height:1}
.builder-owner-notice b,.builder-health-item b,.builder-warning-box b{font-size:16px}
.builder-owner-notice p,.builder-health-item p,.builder-warning-box p{margin:5px 0 0;color:var(--muted);line-height:1.5}
.builder-owner-notice code{color:#b6f2ce}
.builder-health-list{display:grid;gap:10px}
.builder-health-item.is-error{border:1px solid rgba(225,82,105,.42);background:linear-gradient(135deg,rgba(72,20,35,.64),rgba(20,12,22,.94))}
.builder-health-item.is-warning{border:1px solid rgba(231,198,106,.38);background:linear-gradient(135deg,rgba(68,52,19,.58),rgba(20,17,18,.94))}
.builder-health-item.is-info{border:1px solid rgba(78,158,255,.36);background:linear-gradient(135deg,rgba(18,40,72,.58),rgba(13,16,27,.94))}
.builder-section-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.builder-safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.builder-safety-grid article{display:flex;gap:12px;padding:15px;border:1px solid rgba(216,154,232,.16);border-radius:16px;background:rgba(17,12,27,.7)}
.builder-safety-grid article>span{font-size:24px}
.builder-safety-grid b{display:block;margin-bottom:4px}
.builder-safety-grid p{margin:0;color:var(--muted);line-height:1.45}
.builder-settings-form,.builder-capture-form,.builder-preview-form,.builder-execute-form{display:flex;flex-direction:column;gap:16px}
.builder-settings-form>.button,.builder-capture-form>.button,.builder-preview-form>.button{align-self:flex-start}
.builder-share-search{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}
.builder-share-search .field-card{margin:0}
.builder-subhead{display:flex;justify-content:space-between;align-items:end;margin:12px 0 10px}
.builder-subhead h3{margin:0 0 4px}
.builder-subhead p{margin:0;color:var(--muted)}
.builder-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}
.builder-template-card{display:flex;flex-direction:column;gap:12px;padding:17px;border:1px solid rgba(216,154,232,.17);border-radius:18px;background:linear-gradient(145deg,rgba(25,15,36,.9),rgba(11,10,20,.96));box-shadow:0 12px 34px rgba(5,2,12,.18);transition:.18s ease}
.builder-template-card:hover{transform:translateY(-2px);border-color:rgba(216,154,232,.36)}
.builder-template-card.is-selected{border-color:rgba(70,200,115,.62);box-shadow:0 0 0 2px rgba(70,200,115,.10),0 18px 42px rgba(5,2,12,.25)}
.builder-template-top{display:flex;gap:12px;align-items:center}
.builder-template-top>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,rgba(165,80,194,.34),rgba(30,154,144,.2));border:1px solid rgba(216,154,232,.18)}
.builder-template-top div{min-width:0}
.builder-template-top b{display:block;font-size:16px;overflow-wrap:anywhere}
.builder-template-top small{display:block;color:var(--muted);margin-top:3px}
.builder-template-card>p{margin:0;color:var(--muted);line-height:1.45;min-height:42px}
.builder-template-counts{display:flex;flex-wrap:wrap;gap:7px}
.builder-template-counts span,.builder-job-counts span{padding:6px 9px;border-radius:10px;background:rgba(216,154,232,.08);border:1px solid rgba(216,154,232,.12);font-size:12px}
.builder-risk{padding:8px 10px;border-radius:11px;font-size:12px;font-weight:700}
.builder-risk.is-safe{border:1px solid rgba(70,200,115,.3);background:rgba(70,200,115,.08);color:#a9efc5}
.builder-risk.is-warning{border:1px solid rgba(231,198,106,.3);background:rgba(231,198,106,.08);color:#f5df9d}
.builder-risk.is-critical{border:1px solid rgba(225,82,105,.35);background:rgba(225,82,105,.09);color:#ffb2c0}
.builder-share-code{padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.25);color:#dbb8e9;overflow-wrap:anywhere}
.builder-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;margin-top:auto}
.builder-card-actions form{margin:0}
.builder-template-manage{position:relative}
.builder-template-manage>summary,.builder-rollback>summary{list-style:none;cursor:pointer}
.builder-template-manage>summary::-webkit-details-marker,.builder-rollback>summary::-webkit-details-marker{display:none}
.builder-template-manage>div{position:absolute;z-index:8;right:0;top:calc(100% + 8px);width:min(330px,82vw);padding:14px;border:1px solid rgba(216,154,232,.26);border-radius:16px;background:#15101f;box-shadow:0 18px 45px rgba(0,0,0,.5)}
.builder-template-manage form{display:flex;flex-direction:column;gap:9px}
.builder-template-manage label{display:flex;flex-direction:column;gap:6px;font-size:13px}
.builder-template-manage select{width:100%}
.builder-delete-form{margin-top:14px!important;padding-top:14px;border-top:1px solid rgba(225,82,105,.2)}
.builder-delete-form label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}
.builder-warning-box.is-info{border:1px solid rgba(78,158,255,.3);background:rgba(78,158,255,.07)}
.builder-warning-box.is-warning{border:1px solid rgba(231,198,106,.34);background:rgba(231,198,106,.07)}
.builder-warning-box.is-error{border:1px solid rgba(225,82,105,.36);background:rgba(225,82,105,.08)}
.builder-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.builder-form-grid .builder-wide{grid-column:1/-1}
.builder-checkbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.builder-checkbox-grid>label{position:relative;display:block;cursor:pointer}
.builder-checkbox-grid input{position:absolute;opacity:0;pointer-events:none}
.builder-checkbox-grid>label>span{height:100%;display:flex;flex-direction:column;gap:4px;padding:15px;border:1px solid rgba(216,154,232,.16);border-radius:16px;background:rgba(17,12,27,.72);transition:.16s ease}
.builder-checkbox-grid>label>span:first-letter{font-size:22px}
.builder-checkbox-grid b{margin-top:4px}
.builder-checkbox-grid small{color:var(--muted);line-height:1.35}
.builder-checkbox-grid input:checked+span{border-color:rgba(70,200,115,.55);background:linear-gradient(145deg,rgba(31,78,57,.34),rgba(18,18,30,.9));box-shadow:0 0 0 2px rgba(70,200,115,.08)}
.builder-selected-template{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid rgba(70,200,115,.32);border-radius:18px;background:linear-gradient(145deg,rgba(24,57,45,.34),rgba(13,12,23,.92))}
.builder-selected-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;font-size:30px;background:rgba(216,154,232,.12);border:1px solid rgba(216,154,232,.2)}
.builder-selected-template small{color:#a9e9c4;letter-spacing:.08em;font-size:10px}
.builder-selected-template h3{margin:4px 0 6px;font-size:22px}
.builder-selected-template p{margin:0 0 5px;color:var(--muted)}
.builder-selected-template span{font-size:12px;color:var(--muted)}
.builder-selected-counts{display:grid;grid-template-columns:auto auto;gap:2px 8px;text-align:right}
.builder-selected-counts b{font-size:20px;color:#dffbed}
.builder-selected-counts small{align-self:center;color:var(--muted);letter-spacing:0}
.builder-plan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.builder-plan-summary article{display:flex;gap:11px;align-items:center;padding:15px;border:1px solid rgba(216,154,232,.16);border-radius:16px;background:rgba(17,12,27,.72)}
.builder-plan-summary article>span{font-size:23px}
.builder-plan-summary small{display:block;color:var(--muted);margin-bottom:4px}
.builder-plan-summary b{font-size:14px;line-height:1.35}
.builder-plan-summary .is-create{border-color:rgba(70,200,115,.28)}
.builder-plan-summary .is-reuse{border-color:rgba(78,158,255,.28)}
.builder-operation-list{border:1px solid rgba(216,154,232,.18);border-radius:17px;overflow:hidden;background:rgba(13,10,22,.65)}
.builder-operation-list>summary{list-style:none;display:flex;gap:12px;align-items:center;padding:15px 17px;cursor:pointer}
.builder-operation-list>summary::-webkit-details-marker{display:none}
.builder-operation-list>summary>span{font-size:23px}
.builder-operation-list>summary>div{flex:1}
.builder-operation-list>summary b{display:block}
.builder-operation-list>summary small{display:block;color:var(--muted);margin-top:3px}
.builder-operation-list>summary em{font-style:normal;color:var(--muted);transition:.16s ease}
.builder-operation-list[open]>summary em{transform:rotate(180deg)}
.builder-operation-list>div{max-height:420px;overflow:auto;padding:0 14px 14px;display:grid;gap:7px}
.builder-operation-list article{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(216,154,232,.055)}
.builder-operation-list article>div{display:flex;flex-direction:column}
.builder-operation-list article small{color:var(--muted)}
.builder-execute-form{padding:17px;border:1px solid rgba(225,82,105,.24);border-radius:18px;background:linear-gradient(145deg,rgba(61,18,34,.2),rgba(15,11,22,.9))}
.builder-confirmations{display:grid;gap:10px}
.builder-confirmations>label{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid rgba(216,154,232,.15);border-radius:14px;background:rgba(10,8,16,.4)}
.builder-confirmations input{margin-top:3px}
.builder-confirmations b{display:block}
.builder-confirmations small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}
.builder-cooldown-note{margin:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(231,198,106,.3);background:rgba(231,198,106,.07)}
.builder-cooldown-note.is-exempt{border-color:rgba(216,154,232,.36);background:rgba(216,154,232,.08)}
.builder-launch-button{font-size:16px;padding:13px 20px}
.builder-job-list{display:grid;gap:13px}
.builder-job{padding:17px;border:1px solid rgba(216,154,232,.17);border-radius:18px;background:linear-gradient(145deg,rgba(24,14,35,.88),rgba(11,10,19,.96))}
.builder-job.is-completed{border-color:rgba(70,200,115,.34)}
.builder-job.is-failed,.builder-job.is-rollback_failed{border-color:rgba(225,82,105,.4)}
.builder-job.is-running,.builder-job.is-rolling_back{border-color:rgba(78,158,255,.42);box-shadow:0 0 30px rgba(78,158,255,.06)}
.builder-job.is-rolled_back{border-color:rgba(231,198,106,.34)}
.builder-job-head{display:flex;gap:12px;align-items:center}
.builder-job-head>span{font-size:26px}
.builder-job-head>div{flex:1;min-width:0}
.builder-job-head b{display:block;overflow-wrap:anywhere}
.builder-job-head small{display:block;color:var(--muted);margin-top:3px}
.builder-job-head em{font-style:normal;font-weight:800;color:#d8a9e7}
.builder-progress{height:8px;margin:13px 0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055)}
.builder-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d852bd,#45c98a);transition:width .3s ease}
.builder-job>p{margin:0 0 11px;color:var(--muted)}
.builder-job-error{padding:10px 12px;margin-bottom:11px;border-radius:12px;border:1px solid rgba(225,82,105,.3);background:rgba(225,82,105,.08);color:#ffc1cc}
.builder-job-counts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.builder-rollback{position:relative}
.builder-rollback form{position:absolute;z-index:8;right:0;top:calc(100% + 8px);width:min(420px,82vw);display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid rgba(225,82,105,.3);border-radius:16px;background:#171019;box-shadow:0 18px 45px rgba(0,0,0,.5)}
.builder-rollback p{margin:0;color:var(--muted);line-height:1.45}
.builder-empty{min-height:130px}
.server-builder-page .field-card{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid rgba(216,154,232,.16);border-radius:16px;background:rgba(17,12,27,.72)}
.server-builder-page .field-card>span{font-weight:700}
.server-builder-page .field-card>small{color:var(--muted);line-height:1.4}
.server-builder-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.server-builder-page select,.server-builder-page textarea{width:100%;font:inherit;color:#f8e8ff;background:linear-gradient(180deg,rgba(28,16,45,.96),rgba(15,10,26,.98));border:1px solid rgba(232,102,255,.26);border-radius:12px;padding:11px 13px;outline:none}
.server-builder-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,.server-builder-page select:focus,.server-builder-page textarea:focus{border-color:rgba(255,99,224,.72);box-shadow:0 0 0 3px rgba(255,77,201,.14)}
.server-builder-page textarea{resize:vertical}
.server-builder-page input[readonly]{opacity:.8}
.server-builder-page button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}
@media (max-width:1250px){.builder-section-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:850px){.builder-hero{flex-direction:column}.builder-owner-seal{width:100%}.builder-safety-grid,.builder-form-grid,.builder-plan-summary{grid-template-columns:1fr}.builder-selected-template{grid-template-columns:auto 1fr}.builder-selected-counts{grid-column:1/-1;display:flex;gap:8px;text-align:left}.builder-share-search{grid-template-columns:1fr}}
@media (max-width:620px){.builder-section-nav,.builder-checkbox-grid{grid-template-columns:1fr}.builder-template-grid{grid-template-columns:1fr}.builder-card-actions{flex-direction:column;align-items:stretch}.builder-card-actions>.button,.builder-card-actions form .button,.builder-card-actions details>.button{width:100%}.builder-owner-seal{min-width:0}.builder-template-manage>div,.builder-rollback form{position:static;width:100%;margin-top:8px}}

/* --- Level & Aktivität --- */
.activity-level-page{display:block}
.activity-settings-form{display:flex;flex-direction:column;gap:18px}
.activity-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.activity-rule-note{margin:18px 0 0}
.activity-curve-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}
.activity-curve-grid article{padding:15px 16px;border:1px solid rgba(216,154,232,.16);border-radius:16px;background:linear-gradient(180deg,rgba(24,15,34,.92),rgba(12,9,20,.96));display:flex;flex-direction:column;gap:5px}
.activity-curve-grid small{color:var(--muted)}
.activity-curve-grid b{font-size:17px}
.activity-rewards{margin-top:18px;border:1px solid rgba(216,154,232,.18);border-radius:18px;background:rgba(10,7,17,.42);padding:16px}
.activity-reward-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}
.activity-reward-head small{display:block;color:var(--muted);margin-top:3px}
.activity-reward-row{display:grid;grid-template-columns:180px minmax(260px,1fr) auto;gap:12px;align-items:end;padding:14px;border-top:1px solid rgba(216,154,232,.12)}
.activity-reward-row:first-child{border-top:0}
.activity-reward-row .field{margin:0}
.activity-reward-empty{margin:8px 0 0;padding:20px}
.activity-exclusion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.activity-checklist{border:1px solid rgba(216,154,232,.18);border-radius:18px;background:rgba(10,7,17,.42);padding:16px;min-width:0}
.activity-checklist-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.activity-checklist-head small{display:block;color:var(--muted);margin-top:3px}
.activity-checklist-options{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:4px;margin-top:12px}
.activity-checklist-options label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(216,154,232,.12);border-radius:12px;background:rgba(24,15,34,.62);cursor:pointer}
.activity-checklist-options label:hover{border-color:rgba(236,120,255,.34)}
.activity-checklist-options label small{color:var(--muted);font-size:11px}
.activity-checklist-options input{accent-color:#d86cff}
.activity-admin-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:16px;margin:18px 0}
.activity-adjust-form,.activity-reset-form{display:grid;gap:12px;padding:18px;border:1px solid rgba(216,154,232,.18);border-radius:18px;background:linear-gradient(180deg,rgba(24,15,34,.92),rgba(12,9,20,.96))}
.activity-adjust-form h3,.activity-reset-form h3{margin:0 0 4px}
.activity-reset-form{border-color:rgba(255,104,148,.25);background:linear-gradient(180deg,rgba(39,14,27,.78),rgba(17,8,15,.94))}
.activity-danger-confirm{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(255,104,148,.24);border-radius:12px;background:rgba(95,20,49,.2);font-size:13px;line-height:1.45}
.activity-leaderboard{display:grid;gap:10px}
.activity-leaderboard article{display:grid;grid-template-columns:58px minmax(220px,1fr) minmax(220px,.8fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(216,154,232,.14);border-radius:16px;background:linear-gradient(180deg,rgba(24,15,34,.86),rgba(12,9,20,.94))}
.activity-rank{font-size:20px;font-weight:800;text-align:center}
.activity-user,.activity-level{display:flex;flex-direction:column;gap:4px;min-width:0}
.activity-user small,.activity-level small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-level>div{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:4px}
.activity-level>div i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff48be,#9b66ff,#54d4c1)}
.activity-audit-list{display:grid;gap:10px}
.activity-audit-list article{display:flex;gap:13px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(216,154,232,.14);border-radius:15px;background:rgba(18,11,28,.72)}
.activity-audit-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(216,108,255,.12);flex:none}
.activity-audit-list p{margin:4px 0}
.activity-audit-list small{color:var(--muted)}
.activity-empty{padding:24px;text-align:center;border:1px dashed rgba(216,154,232,.22);border-radius:18px;background:rgba(10,7,17,.35)}
.activity-empty span{font-size:30px;display:block;margin-bottom:8px}
.activity-empty p{color:var(--muted);margin:7px 0 0}
.activity-empty.compact{padding:18px}
.activity-save{margin-top:0}
body.theme-sakari .activity-curve-grid article,
body.theme-sakari .activity-rewards,
body.theme-sakari .activity-checklist,
body.theme-sakari .activity-adjust-form,
body.theme-sakari .activity-leaderboard article,
body.theme-sakari .activity-audit-list article{border-color:rgba(236,105,255,.18);background:linear-gradient(180deg,rgba(26,14,39,.94),rgba(11,8,20,.97))}
@media (max-width:1100px){
  .activity-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-admin-grid{grid-template-columns:1fr}
}
@media (max-width:780px){
  .activity-number-grid,.activity-exclusion-grid{grid-template-columns:1fr}
  .activity-reward-row{grid-template-columns:1fr}
  .activity-reward-row>.button{justify-self:start}
  .activity-leaderboard article{grid-template-columns:46px 1fr}
  .activity-level{grid-column:2}
  .activity-reward-head{align-items:flex-start;flex-direction:column}
}


/* --- Level & Aktivität: Auswahl- und Rang-XP-Fix --- */
.activity-exclusion-card{min-width:0;padding:0;background:transparent;border:0}
.activity-exclusion-card>.field{display:grid;gap:10px;margin:0;min-width:0}
.activity-exclusion-card>.field>span{font-size:15px;font-weight:800}
.activity-exclusion-card .multi-checklist-options{max-height:430px}
.activity-reward-note{margin:0 0 12px}
.activity-reward-row{
  grid-template-columns:minmax(240px,.75fr) minmax(300px,1.25fr) auto;
  align-items:end;
  margin-top:10px;
  padding:16px;
  border:1px solid rgba(216,154,232,.14);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(24,15,34,.88),rgba(12,9,20,.95));
}
.activity-reward-row:first-child{border-top:1px solid rgba(216,154,232,.14)}
.activity-reward-row .field{display:grid;gap:7px}
.activity-reward-row .field label{font-weight:800}
.activity-reward-row .field-help{margin-top:0}
.activity-reward-row>.danger-button{min-height:43px}
body.theme-sakari .activity-reward-row{
  border-color:rgba(236,105,255,.20);
  background:linear-gradient(180deg,rgba(28,14,42,.96),rgba(11,8,20,.98));
}
@media (max-width:900px){
  .activity-reward-row{grid-template-columns:1fr}
  .activity-reward-row>.danger-button{justify-self:start}
}

/* --- Command Manager --- */
body.theme-sakari .command-manager-page code{font-family:Consolas,Monaco,monospace;color:#ffd5ff}
body.theme-sakari .command-manager-form{display:flex;flex-direction:column;gap:18px}
body.theme-sakari .command-search{max-width:620px;margin-bottom:16px}
body.theme-sakari .command-module-list{display:grid;gap:16px}
body.theme-sakari .command-module-card{
  overflow:hidden;border:1px solid rgba(234,92,222,.22);border-radius:20px;
  background:linear-gradient(180deg,rgba(26,13,39,.94),rgba(11,8,20,.98));
  box-shadow:0 16px 38px rgba(8,3,16,.18),inset 0 1px 0 rgba(255,255,255,.03)
}
body.theme-sakari .command-module-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(234,92,222,.15)}
body.theme-sakari .command-module-card>header>div{display:flex;align-items:center;gap:12px;min-width:0}
body.theme-sakari .command-module-card>header>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;font-size:21px;background:linear-gradient(135deg,rgba(255,63,189,.22),rgba(75,207,196,.18));border:1px solid rgba(238,111,226,.24)}
body.theme-sakari .command-module-card>header b{display:block;font-size:17px}
body.theme-sakari .command-module-card>header small{display:block;margin-top:3px;color:rgba(236,216,249,.64)}
body.theme-sakari .command-module-state{font-style:normal;font-size:12px;font-weight:800;padding:7px 10px;border-radius:999px;white-space:nowrap}
body.theme-sakari .command-module-state.is-active{color:#a8f5c8;background:rgba(56,202,125,.12);border:1px solid rgba(56,202,125,.25)}
body.theme-sakari .command-module-state.is-inactive{color:#d5cede;background:rgba(155,147,170,.1);border:1px solid rgba(155,147,170,.2)}
body.theme-sakari .command-module-card.is-inactive{border-color:rgba(154,145,169,.2);opacity:.86}
body.theme-sakari .command-module-note{margin:14px 16px 0;padding:11px 13px;border-radius:13px;color:#e6dbe9;background:rgba(130,120,145,.09);border:1px solid rgba(154,145,169,.18);font-size:13px}
body.theme-sakari .command-row-list{display:grid;gap:1px;padding:14px}
body.theme-sakari .command-edit-row{
  display:grid;grid-template-columns:auto minmax(260px,1.2fr) minmax(240px,.8fr) auto;align-items:center;gap:16px;
  padding:15px;border-radius:16px;border:1px solid transparent;transition:.16s ease
}
body.theme-sakari .command-edit-row:hover{border-color:rgba(235,105,224,.2);background:rgba(255,255,255,.018)}
body.theme-sakari .command-edit-row.is-disabled{opacity:.58;background:rgba(110,95,120,.04)}
body.theme-sakari .command-enabled-toggle{position:relative;width:43px;height:25px;flex:none;cursor:pointer}
body.theme-sakari .command-enabled-toggle input{position:absolute;opacity:0;pointer-events:none}
body.theme-sakari .command-enabled-toggle i{position:absolute;inset:0;border-radius:999px;background:#30283d;border:1px solid rgba(220,190,235,.22);transition:.18s ease}
body.theme-sakari .command-enabled-toggle i:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#aaa1b7;transition:.18s ease}
body.theme-sakari .command-enabled-toggle input:checked+i{background:linear-gradient(90deg,#e43ebc,#42cbbb);border-color:rgba(255,128,231,.42);box-shadow:0 0 0 3px rgba(231,66,193,.09)}
body.theme-sakari .command-enabled-toggle input:checked+i:after{transform:translateX(18px);background:#fff}
body.theme-sakari .command-info{min-width:0}
body.theme-sakari .command-info>b{display:block;font-size:15px;margin-bottom:5px}
body.theme-sakari .command-info p{margin:0 0 6px;color:rgba(247,234,255,.82)}
body.theme-sakari .command-info small{display:block;color:rgba(228,207,241,.58);line-height:1.45}
body.theme-sakari .command-name-field{margin:0}
body.theme-sakari .command-name-field label{font-weight:750;margin-bottom:6px}
body.theme-sakari .command-reset-one{white-space:nowrap;align-self:center}
body.theme-sakari .command-protected-list{display:grid;gap:10px}
body.theme-sakari .command-protected-list article{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:16px;border:1px solid rgba(230,102,219,.15);background:linear-gradient(180deg,rgba(22,12,33,.9),rgba(10,8,18,.95))}
body.theme-sakari .command-protected-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(226,67,190,.12)}
body.theme-sakari .command-protected-list article>div{flex:1;min-width:0}
body.theme-sakari .command-protected-list article p{margin:4px 0 0;color:rgba(241,226,250,.72)}
body.theme-sakari .command-protected-list article em{font-style:normal;font-size:12px;font-weight:800;color:#ffd0f6;border:1px solid rgba(239,100,218,.23);background:rgba(231,64,190,.1);padding:6px 9px;border-radius:999px}
body.theme-sakari .command-help-preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:start}
body.theme-sakari .command-help-preview{padding:20px;border-radius:19px;border:1px solid rgba(238,99,222,.22);background:linear-gradient(145deg,rgba(31,15,43,.94),rgba(11,8,20,.98));box-shadow:0 18px 42px rgba(9,3,17,.2)}
body.theme-sakari .command-help-preview>small{color:#ffb8ed;letter-spacing:.12em;font-weight:850}
body.theme-sakari .command-help-preview h3{margin:8px 0 10px;font-size:23px}
body.theme-sakari .command-help-preview>p{color:rgba(244,229,252,.76)}
body.theme-sakari .command-help-preview>div{display:flex;gap:10px;padding:11px 0;border-top:1px solid rgba(233,105,223,.12)}
body.theme-sakari .command-help-preview>div>span{font-size:18px}
body.theme-sakari .command-help-preview>div p{margin:0;color:rgba(244,229,252,.76)}
body.theme-sakari .command-manager-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(max-width:1050px){body.theme-sakari .command-edit-row{grid-template-columns:auto 1fr minmax(220px,.8fr)}body.theme-sakari .command-reset-one{grid-column:2/-1;justify-self:start}body.theme-sakari .command-help-preview-grid{grid-template-columns:1fr}}
@media(max-width:720px){body.theme-sakari .command-module-card>header{align-items:flex-start;flex-direction:column}body.theme-sakari .command-edit-row{grid-template-columns:auto 1fr}body.theme-sakari .command-name-field{grid-column:1/-1}body.theme-sakari .command-reset-one{grid-column:1/-1}.command-manager-actions .button{width:100%}}

/* --- Service Status Center: ordered layout polish --- */
body.theme-sakari .status-center-page{
  display:flex;
  flex-direction:column;
  gap:22px;
}
body.theme-sakari .status-center-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:26px 28px;
  border-radius:24px;
  border:1px solid rgba(240,112,255,.20);
  background:linear-gradient(135deg, rgba(31,15,43,.94), rgba(12,8,22,.96));
  box-shadow:0 20px 60px rgba(8,3,16,.32), inset 0 1px 0 rgba(255,255,255,.04);
}
body.theme-sakari .status-center-heading h1{margin:8px 0 10px;font-size:44px;line-height:1.04}
body.theme-sakari .status-center-heading p{margin:0;color:rgba(244,226,255,.78);max-width:800px}
body.theme-sakari .status-overview-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
body.theme-sakari .status-overview-card,
body.theme-sakari .status-step-nav a,
body.theme-sakari .status-panel,
body.theme-sakari .status-wizard-note{
  border:1px solid rgba(240,112,255,.18);
  background:linear-gradient(135deg, rgba(28,15,40,.92), rgba(11,8,20,.96));
  box-shadow:0 16px 40px rgba(8,3,16,.18), inset 0 1px 0 rgba(255,255,255,.03);
}
body.theme-sakari .status-overview-card{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:16px 18px;
  border-radius:20px;
}
body.theme-sakari .status-overview-card>span{font-size:28px;flex:none}
body.theme-sakari .status-overview-card small{display:block;color:rgba(232,211,246,.66);margin-bottom:4px}
body.theme-sakari .status-overview-card b{font-size:19px;line-height:1.2;word-break:break-word}
body.theme-sakari .status-overview-card.is-online{border-color:rgba(83,217,135,.34)}
body.theme-sakari .status-overview-card.is-offline{border-color:rgba(255,104,148,.34)}
body.theme-sakari .status-overview-card.is-muted{border-color:rgba(160,160,175,.26)}
body.theme-sakari .status-step-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
body.theme-sakari .status-step-nav a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border-radius:18px;
  text-decoration:none;
  color:#ffeaff;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.theme-sakari .status-step-nav a:hover{transform:translateY(-1px);border-color:rgba(255,119,231,.4);box-shadow:0 18px 40px rgba(16,4,30,.28)}
body.theme-sakari .status-step-nav a span{
  width:36px;height:36px;display:grid;place-items:center;border-radius:12px;flex:none;
  background:linear-gradient(135deg, rgba(255,63,189,.95), rgba(126,89,255,.92));
  color:white;font-weight:800;box-shadow:0 8px 20px rgba(255,73,191,.24);
}
body.theme-sakari .status-step-nav a b{display:block;font-size:16px}
body.theme-sakari .status-step-nav a small{display:block;color:rgba(232,211,246,.68);margin-top:2px}
body.theme-sakari .status-wizard-note{
  display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:20px;
}
body.theme-sakari .status-wizard-note>span{font-size:30px;line-height:1}
body.theme-sakari .status-wizard-note b{display:block;margin-bottom:5px}
body.theme-sakari .status-wizard-note p{margin:0;color:rgba(244,226,255,.76)}
body.theme-sakari .status-panel{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:22px;
  border-radius:24px;
}
body.theme-sakari .status-panel summary{list-style:none;cursor:pointer}
body.theme-sakari .status-panel summary::-webkit-details-marker{display:none}
body.theme-sakari .status-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
body.theme-sakari .status-panel-head>span,
body.theme-sakari .status-history-panel summary>span{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;font-weight:800;
  color:white;background:linear-gradient(135deg, rgba(255,58,183,.96), rgba(76,208,195,.96));
  box-shadow:0 10px 28px rgba(255,85,201,.22)
}
body.theme-sakari .status-panel-head h2,
body.theme-sakari .status-history-panel h2{margin:0 0 5px}
body.theme-sakari .status-panel-head p,
body.theme-sakari .status-history-panel p{margin:0;color:rgba(232,211,246,.72);line-height:1.45}
body.theme-sakari .status-settings-form,
body.theme-sakari .status-monitor-form,
body.theme-sakari .status-maintenance-form{display:flex;flex-direction:column;gap:18px}
body.theme-sakari .status-form-grid,
body.theme-sakari .status-simple-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body.theme-sakari .field-card,
body.theme-sakari .discord-picker-card{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  padding:15px;
  border:1px solid rgba(216,154,232,.16);
  border-radius:16px;
  background:rgba(17,12,27,.72);
}
body.theme-sakari .field-card>span,
body.theme-sakari .discord-picker-card>span{font-weight:700}
body.theme-sakari .field-card>small,
body.theme-sakari .discord-picker-card>small{color:var(--muted);line-height:1.4}
body.theme-sakari .field-card.wide,
body.theme-sakari .discord-picker-card.wide,
body.theme-sakari .status-toggle-card.wide,
body.theme-sakari .status-advanced.wide,
body.theme-sakari .status-public-preview.wide{grid-column:1/-1}
body.theme-sakari .status-toggle-grid,
body.theme-sakari .status-kind-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.theme-sakari .status-toggle-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
body.theme-sakari .status-toggle-card,
body.theme-sakari .status-kind-card{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding:16px 18px;
  border:1px solid rgba(236,105,255,.18);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(26,14,39,.94), rgba(11,8,20,.97));
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.theme-sakari .status-toggle-card:hover,
body.theme-sakari .status-kind-card:hover{transform:translateY(-1px);border-color:rgba(255,119,231,.4);box-shadow:0 18px 40px rgba(16,4,30,.24)}
body.theme-sakari .status-toggle-card input,
body.theme-sakari .status-kind-card input{margin-top:4px;accent-color:#ff5edb}
body.theme-sakari .status-toggle-card>span,
body.theme-sakari .status-kind-card>span{
  width:34px;height:34px;display:grid;place-items:center;flex:none;
  border-radius:12px;background:rgba(255,85,201,.1);color:#ffb3f2;font-size:19px;
}
body.theme-sakari .status-toggle-card b,
body.theme-sakari .status-kind-card b{display:block;font-size:15px}
body.theme-sakari .status-toggle-card small,
body.theme-sakari .status-kind-card small{display:block;color:rgba(232,211,246,.68);line-height:1.4;margin-top:4px}
body.theme-sakari .status-kind-card input:checked ~ span,
body.theme-sakari .status-toggle-card.important>span{
  background:linear-gradient(135deg, rgba(255,63,189,.95), rgba(126,89,255,.92));
  color:#fff;
  box-shadow:0 8px 20px rgba(255,73,191,.24);
}
body.theme-sakari .status-auto-explain,
body.theme-sakari .status-probe-result{
  display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:18px;
  border:1px solid rgba(216,154,232,.16);background:rgba(13,10,23,.64)
}
body.theme-sakari .status-auto-explain>span,
body.theme-sakari .status-probe-result>span{font-size:26px;line-height:1}
body.theme-sakari .status-auto-explain p,
body.theme-sakari .status-probe-result p{margin:4px 0 0;color:rgba(232,211,246,.72)}
body.theme-sakari .status-probe-result.is-success{border-color:rgba(83,217,135,.34);background:rgba(26,54,39,.24)}
body.theme-sakari .status-probe-result.is-error{border-color:rgba(255,104,148,.34);background:rgba(70,18,33,.24)}
body.theme-sakari .status-advanced{
  border:1px solid rgba(216,154,232,.18);
  border-radius:18px;
  background:rgba(10,7,17,.42);
  overflow:hidden;
}
body.theme-sakari .status-advanced>summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;
  font-weight:700;color:#ffe6fb;background:rgba(255,255,255,.02)
}
body.theme-sakari .status-advanced[open]>summary{border-bottom:1px solid rgba(216,154,232,.14)}
body.theme-sakari .status-advanced>div,
body.theme-sakari .status-advanced .status-button-grid{padding:16px}
body.theme-sakari .status-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.theme-sakari .status-public-preview{
  padding:18px;
  border:1px solid rgba(216,154,232,.16);
  border-radius:18px;
  background:rgba(10,7,17,.42);
}
body.theme-sakari .status-public-preview-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}
body.theme-sakari .status-public-preview-head small{color:rgba(232,211,246,.68)}
body.theme-sakari .status-public-preview-embed{
  border-left:4px solid #7c5dff;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(36,42,56,.9), rgba(23,27,38,.96));
  box-shadow:0 12px 30px rgba(0,0,0,.26);
}
body.theme-sakari .status-public-preview-embed img{display:block;width:100%;max-height:210px;object-fit:cover;background:#120d1f}
body.theme-sakari .status-public-preview-body{display:flex;flex-direction:column;gap:10px;padding:18px;color:#eef1f6}
body.theme-sakari .status-public-preview-body h3{margin:0;font-size:20px}
body.theme-sakari .status-public-preview-body p{margin:0;color:#cfd4df;line-height:1.5}
body.theme-sakari .status-public-preview-body article{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05)}
body.theme-sakari .status-public-preview-body article small{display:block;margin-top:6px;color:#b7c1d0}
body.theme-sakari .status-public-preview-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
body.theme-sakari .status-public-preview-buttons span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.08)}
body.theme-sakari .status-inline-sync-form,
body.theme-sakari .status-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.theme-sakari .status-inline-sync-form small{color:rgba(232,211,246,.68)}
body.theme-sakari .status-monitor-list,
body.theme-sakari .status-maintenance-list,
body.theme-sakari .status-incident-list{display:grid;gap:14px}
body.theme-sakari .status-monitor-card,
body.theme-sakari .status-maintenance-list article,
body.theme-sakari .status-incident-list article{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px;
  border:1px solid rgba(216,154,232,.16);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(24,15,34,.86), rgba(12,9,20,.94));
}
body.theme-sakari .status-monitor-online{border-color:rgba(83,217,135,.28)}
body.theme-sakari .status-monitor-offline{border-color:rgba(255,104,148,.34)}
body.theme-sakari .status-monitor-maintenance{border-color:rgba(231,198,106,.34)}
body.theme-sakari .status-monitor-unknown{border-color:rgba(137,141,160,.26)}
body.theme-sakari .status-monitor-card.is-paused{opacity:.85}
body.theme-sakari .status-monitor-main{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
body.theme-sakari .status-monitor-main>div:last-child{flex:1;min-width:0}
body.theme-sakari .status-monitor-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:rgba(255,85,201,.1);flex:none}
body.theme-sakari .status-monitor-title{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
body.theme-sakari .status-monitor-title h3{margin:0;font-size:22px}
body.theme-sakari .status-monitor-title span,
body.theme-sakari .status-monitor-title em{font-style:normal;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:#f7dcff}
body.theme-sakari .status-monitor-main p{margin:0;color:rgba(232,211,246,.72);line-height:1.45}
body.theme-sakari .status-monitor-main code{padding:3px 7px;border-radius:8px;background:rgba(255,255,255,.06);color:#ffe9fb}
body.theme-sakari .status-monitor-main small{display:block;margin-top:5px;color:rgba(232,211,246,.65);line-height:1.45}
body.theme-sakari .status-monitor-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
body.theme-sakari .status-monitor-metrics>div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);min-width:0}
body.theme-sakari .status-monitor-metrics small{display:block;color:rgba(232,211,246,.66);margin-bottom:4px}
body.theme-sakari .status-monitor-metrics b{font-size:18px;word-break:break-word}
body.theme-sakari .status-monitor-error{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,104,148,.28);background:rgba(95,20,49,.18)}
body.theme-sakari .status-monitor-error p{margin:6px 0 0;color:#ffd2df}
body.theme-sakari .status-monitor-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
body.theme-sakari .status-monitor-actions form{margin:0}
body.theme-sakari .status-danger-action{position:relative}
body.theme-sakari .status-danger-action>summary{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,104,148,.3);background:rgba(95,20,49,.14);font-weight:700}
body.theme-sakari .status-danger-action[open]>summary{margin-bottom:10px}
body.theme-sakari .status-danger-action form{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(255,104,148,.24);background:rgba(18,10,18,.95);max-width:420px}
body.theme-sakari .status-danger-action label{display:flex;gap:10px;align-items:flex-start;color:rgba(248,232,255,.8)}
body.theme-sakari .status-maintenance-list article,
body.theme-sakari .status-incident-list article{flex-direction:row;align-items:flex-start;justify-content:space-between}
body.theme-sakari .status-maintenance-list article>span,
body.theme-sakari .status-incident-list article>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.05);flex:none;font-size:20px}
body.theme-sakari .status-maintenance-list article>div,
body.theme-sakari .status-incident-list article>div{flex:1;min-width:0}
body.theme-sakari .status-maintenance-list article p,
body.theme-sakari .status-incident-list article p{margin:5px 0 0;color:rgba(232,211,246,.72)}
body.theme-sakari .status-maintenance-list article small,
body.theme-sakari .status-incident-list article small{display:block;margin-top:6px;color:rgba(232,211,246,.65)}
body.theme-sakari .status-inline-empty,
body.theme-sakari .status-empty,
body.theme-sakari .status-health-empty{padding:18px;border-radius:18px;border:1px dashed rgba(216,154,232,.22);background:rgba(10,7,17,.35);color:rgba(244,226,255,.82)}
body.theme-sakari .status-empty{text-align:center;padding:28px}
body.theme-sakari .status-empty span{display:block;font-size:32px;margin-bottom:8px}
body.theme-sakari .status-empty p{margin:7px 0 0;color:rgba(232,211,246,.68)}
body.theme-sakari .status-history-panel summary{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.theme-sakari .status-history-panel summary>div{flex:1;min-width:0}
body.theme-sakari .status-history-panel summary>b{font-size:18px;color:#f3b8ff}

@media (max-width:1250px){
  body.theme-sakari .status-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.theme-sakari .status-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  body.theme-sakari .status-center-heading{flex-direction:column}
  body.theme-sakari .status-toggle-grid,
  body.theme-sakari .status-kind-grid,
  body.theme-sakari .status-button-grid,
  body.theme-sakari .status-form-grid,
  body.theme-sakari .status-simple-fields,
  body.theme-sakari .status-monitor-metrics{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body.theme-sakari .status-overview-grid,
  body.theme-sakari .status-step-nav,
  body.theme-sakari .status-toggle-grid,
  body.theme-sakari .status-kind-grid,
  body.theme-sakari .status-button-grid,
  body.theme-sakari .status-form-grid,
  body.theme-sakari .status-simple-fields,
  body.theme-sakari .status-monitor-metrics{grid-template-columns:1fr}
  body.theme-sakari .status-panel,
  body.theme-sakari .status-center-heading{padding:18px}
  body.theme-sakari .status-monitor-main,
  body.theme-sakari .status-panel-head,
  body.theme-sakari .status-maintenance-list article,
  body.theme-sakari .status-incident-list article,
  body.theme-sakari .status-public-preview-head{flex-direction:column;align-items:flex-start}
  body.theme-sakari .status-form-actions>*{width:100%}
}

/* ============================================================
   Statuszentrum – clean layout matching "Geplante Nachrichten"
   ============================================================ */
.status-clean-page{display:flex;flex-direction:column;gap:16px}
.status-clean-hero{margin-bottom:0}
.status-clean-hero-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.status-clean-module-settings{margin-bottom:0}
.status-clean-module-summary{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:10px;align-self:stretch}
.status-clean-module-summary>div{display:flex;flex-direction:column;justify-content:center;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.status-clean-module-summary small{color:var(--muted);font-size:11px}
.status-clean-module-summary b{margin-top:4px;font-size:22px}
.status-clean-good{color:#7defb0!important}
.status-clean-bad{color:#ff8fa1!important}
.status-clean-notice{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}
.status-clean-notice span{color:var(--muted)}
.status-clean-notice.is-ok{border-color:rgba(60,225,135,.3);background:rgba(60,225,135,.06)}
.status-clean-notice.is-ok b{color:#7defb0}
.status-clean-notice.is-muted{border-color:rgba(255,190,75,.28);background:rgba(255,185,75,.055)}
.status-clean-notice.is-muted b{color:#ffd68e}
.status-clean-health,.status-clean-card{padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--panel)}
.status-clean-health{display:flex;flex-direction:column;gap:10px}
.status-clean-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.status-clean-section-head>div>span{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.12em}
.status-clean-section-head h2{margin:4px 0 0}
.status-clean-section-head p{margin:6px 0 0;color:var(--muted);line-height:1.5}
.status-clean-section-head>small{color:var(--muted)}
.status-clean-step{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--panel2);font-weight:850;color:var(--accent)}
.status-clean-stats{margin-bottom:0}
.status-clean-stat-text{font-size:18px!important}
.status-clean-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.status-clean-toggle-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.status-clean-toggle{min-height:72px;margin:0}
.status-clean-toggle.important{border-color:rgba(255,88,205,.34);background:linear-gradient(145deg,rgba(255,77,194,.055),var(--panel2))}
.status-clean-settings-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;align-items:start}
.status-clean-settings-fields{display:flex;flex-direction:column;gap:12px;min-width:0}
.status-clean-preview{position:sticky;top:116px;min-width:0;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--panel2)}
.status-clean-preview-note{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.status-clean-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.status-clean-form-grid .field-wide{grid-column:1/-1}
.status-clean-details{margin-top:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel2);overflow:hidden}
.status-clean-details>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 15px;list-style:none;cursor:pointer}
.status-clean-details>summary::-webkit-details-marker{display:none}
.status-clean-details>summary>span{font-weight:750}
.status-clean-details>summary>small{color:var(--muted)}
.status-clean-details>summary>b{color:var(--muted);transition:transform .15s ease}
.status-clean-details[open]>summary>b{transform:rotate(180deg)}
.status-clean-detail-body{padding:15px;border-top:1px solid var(--border)}
.status-clean-discord-details{margin-top:16px}
.status-clean-role-list .multi-checklist-options{max-height:260px}
.status-clean-savebar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}
.status-clean-savebar>span{color:var(--muted);font-size:12px}
.status-clean-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.status-inline-sync-form{display:flex;align-items:center;gap:10px;margin-top:12px}
.status-inline-sync-form small{color:var(--muted)}
.status-clean-workspace{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(360px,.72fr);gap:16px;align-items:start}
.status-clean-editor,.status-clean-monitor-section{min-width:0}
.status-clean-kind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.status-clean-kind{position:relative;display:flex;align-items:center;gap:11px;min-height:74px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--panel2);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.status-clean-kind:hover{transform:translateY(-1px);border-color:rgba(255,98,213,.35)}
.status-clean-kind input{position:absolute;opacity:0;pointer-events:none}
.status-clean-kind>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:11px;background:var(--panel);font-size:19px}
.status-clean-kind b{display:block}
.status-clean-kind small{display:block;margin-top:3px;color:var(--muted)}
.status-clean-kind:has(input:checked){border-color:rgba(255,84,205,.52);box-shadow:0 0 0 2px rgba(255,72,194,.08),0 12px 28px rgba(0,0,0,.16)}
.status-clean-kind:has(input:checked)>span{border-color:rgba(255,84,205,.48);background:rgba(255,72,194,.08)}
.status-clean-auto,.status-clean-probe{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--panel2)}
.status-clean-auto>span,.status-clean-probe>span{font-size:22px;line-height:1}
.status-clean-auto p,.status-clean-probe p{margin:4px 0 0;color:var(--muted);line-height:1.45}
.status-clean-probe.is-success{border-color:rgba(60,225,135,.3);background:rgba(60,225,135,.05)}
.status-clean-probe.is-error{border-color:rgba(255,80,100,.34);background:rgba(255,70,90,.055)}
.status-clean-monitor-list{display:flex;flex-direction:column;gap:10px;max-height:880px;overflow:auto;padding-right:2px}
.status-clean-monitor{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}
.status-clean-monitor.is-paused{opacity:.76}
.status-clean-monitor.status-monitor-online{border-color:rgba(60,225,135,.28)}
.status-clean-monitor.status-monitor-offline{border-color:rgba(255,80,100,.34)}
.status-clean-monitor.status-monitor-maintenance{border-color:rgba(255,190,75,.32)}
.status-clean-monitor-head{display:flex;align-items:flex-start;gap:11px}
.status-clean-monitor-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:20px}
.status-clean-monitor-head>div{min-width:0;flex:1}
.status-clean-monitor-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.status-clean-monitor-title h3{margin:0;font-size:17px}
.status-clean-monitor-title span,.status-clean-monitor-title em{padding:4px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:10px;font-style:normal;font-weight:750}
.status-clean-monitor-head p{margin:4px 0 0;color:var(--muted);word-break:break-word}
.status-clean-monitor-head small{display:block;margin-top:4px;color:var(--muted);line-height:1.4}
.status-clean-monitor-head code{white-space:normal;word-break:break-all}
.status-clean-monitor-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.status-clean-monitor-metrics>div{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}
.status-clean-monitor-metrics small{display:block;color:var(--muted);font-size:10px}
.status-clean-monitor-metrics b{display:block;margin-top:3px;font-size:13px;word-break:break-word}
.status-clean-monitor-error{margin-top:10px;padding:10px 11px;border:1px solid rgba(255,80,100,.3);border-radius:10px;background:rgba(255,70,90,.055)}
.status-clean-monitor-error p{margin:4px 0 0;color:#ffb3bf;line-height:1.4}
.status-clean-monitor-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.status-clean-monitor-actions form{margin:0}
.status-clean-monitor-actions .button,.status-clean-delete>summary{min-height:34px;padding:0 10px}
.status-clean-delete{position:relative}
.status-clean-delete>summary{display:flex;align-items:center;border:1px solid rgba(255,80,100,.28);border-radius:9px;color:#ff9eaa;background:rgba(255,70,90,.045);cursor:pointer;list-style:none;font-size:12px;font-weight:700}
.status-clean-delete>summary::-webkit-details-marker{display:none}
.status-clean-delete>form{position:absolute;z-index:12;right:0;top:calc(100% + 7px);width:min(360px,76vw);display:flex;flex-direction:column;gap:10px;padding:13px;border:1px solid rgba(255,80,100,.32);border-radius:12px;background:var(--panel);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.status-clean-delete label{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.4}
.status-clean-empty{padding:28px 18px}
.status-clean-maintenance-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;align-items:start}
.status-clean-maintenance-current{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--panel2)}
.status-clean-maintenance-current h3{margin:0 0 12px}
.status-clean-maintenance-list{display:flex;flex-direction:column;gap:8px}
.status-clean-maintenance-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--panel)}
.status-clean-maintenance-list article>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.status-clean-maintenance-list p{margin:3px 0 0;color:var(--muted)}
.status-clean-maintenance-list small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
.status-clean-small-empty{padding:18px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}
.status-clean-history{padding:0;overflow:hidden}
.status-clean-history>summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px;list-style:none;cursor:pointer}
.status-clean-history>summary::-webkit-details-marker{display:none}
.status-clean-history>summary>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:var(--panel2)}
.status-clean-history>summary b{display:block}
.status-clean-history>summary small{display:block;margin-top:3px;color:var(--muted)}
.status-clean-history>summary em{font-style:normal;color:var(--muted);transition:transform .15s ease}
.status-clean-history[open]>summary em{transform:rotate(180deg)}
.status-clean-incident-list{display:flex;flex-direction:column;gap:8px;padding:0 18px 18px;border-top:1px solid var(--border)}
.status-clean-incident-list article{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}
.status-clean-incident-list article:last-child{border-bottom:0}
.status-clean-incident-list p{margin:4px 0 0;color:var(--muted)}
.status-clean-incident-list small{display:block;margin-top:4px;color:var(--muted)}
.status-clean-history>.status-clean-small-empty{margin:0 18px 18px}
.status-public-preview-embed{overflow:hidden;border-left:4px solid #5865f2;border-radius:6px;background:#2b2d31;color:#f2f3f5}
.status-public-preview-embed>img{display:block;width:100%;max-height:190px;object-fit:cover}
.status-public-preview-body{padding:13px}
.status-public-preview-body h3{margin:0 0 7px}
.status-public-preview-body>p{margin:0 0 9px;color:#dbdee1;line-height:1.45}
.status-public-preview-body>strong{display:block;margin-bottom:8px}
.status-public-preview-body article{padding:10px;border-radius:5px;background:rgba(255,255,255,.035)}
.status-public-preview-body article p{margin:5px 0;color:#dbdee1}
.status-public-preview-body article small{color:#b5bac1}
.status-public-preview-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.status-public-preview-buttons span{padding:7px 10px;border-radius:4px;background:#4e5058;font-size:12px}
body.theme-sakari .status-clean-section-head>div>span,body.theme-sakari .status-clean-step{color:#68ffb1;text-shadow:0 0 11px rgba(50,255,155,.28)}
body.theme-sakari .status-clean-card,body.theme-sakari .status-clean-health{border-color:rgba(255,65,198,.20)}
body.theme-sakari .status-clean-preview{border-color:rgba(52,245,151,.22);box-shadow:0 0 26px rgba(255,48,190,.05)}
body.theme-sakari .status-clean-kind:has(input:checked){border-color:rgba(255,73,201,.62);box-shadow:0 0 0 2px rgba(255,73,201,.08),0 12px 28px rgba(0,0,0,.18)}
@media(max-width:1180px){
  .status-clean-toggle-grid{grid-template-columns:1fr 1fr}
  .status-clean-settings-layout,.status-clean-workspace,.status-clean-maintenance-layout{grid-template-columns:1fr}
  .status-clean-preview{position:static}
  .status-clean-monitor-list{max-height:none}
}
@media(max-width:820px){
  .status-clean-module-settings{grid-template-columns:1fr}
  .status-clean-module-summary{grid-template-columns:repeat(3,1fr)}
  .status-clean-form-grid,.status-clean-kind-grid,.status-clean-toggle-grid,.status-clean-toggle-grid.compact{grid-template-columns:1fr}
  .status-clean-form-grid .field-wide{grid-column:auto}
  .status-clean-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .status-clean-details>summary{grid-template-columns:1fr auto}
  .status-clean-details>summary>small{grid-column:1/-1;grid-row:2}
}
@media(max-width:650px){
  .status-clean-hero-actions{width:100%;justify-content:space-between}
  .status-clean-hero-actions .scheduled-message-hero-clock{display:grid}
  .status-clean-module-summary,.status-clean-stats{grid-template-columns:1fr 1fr}
  .status-clean-section-head,.status-clean-savebar,.status-clean-notice,.status-inline-sync-form{align-items:flex-start;flex-direction:column}
  .status-clean-actions,.status-clean-actions .button,.status-clean-savebar>.button,.status-clean-savebar>div{width:100%}
  .status-clean-actions{flex-direction:column}
  .status-clean-module-summary>div:last-child{grid-column:1/-1}
  .status-clean-maintenance-list article{grid-template-columns:auto 1fr}
  .status-clean-maintenance-list article form{grid-column:1/-1}
  .status-clean-delete>form{position:static;width:100%;margin-top:7px}
}

/* ============================================================
   Statuszentrum – channel/alert layout fix v2
   Zielchannel bleibt immer sichtbar; nur lange Rollenliste klappt ein.
   ============================================================ */
.status-clean-destination-panel,
.status-clean-alert-panel{
  margin-top:16px;
  padding:17px;
  border:1px solid var(--border);
  border-radius:15px;
  background:var(--panel2);
}
.status-clean-destination-panel{
  border-color:rgba(88,101,242,.28);
  background:linear-gradient(145deg,rgba(88,101,242,.055),var(--panel2));
}
.status-clean-alert-panel{
  border-color:rgba(255,185,75,.22);
  background:linear-gradient(145deg,rgba(255,185,75,.035),var(--panel2));
}
.status-clean-subhead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:14px;
}
.status-clean-subhead.compact{margin-bottom:0}
.status-clean-subhead>div{min-width:0}
.status-clean-subhead>div>span{
  color:var(--accent);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
}
.status-clean-subhead h3{margin:4px 0 0;font-size:18px}
.status-clean-subhead p{margin:5px 0 0;color:var(--muted);line-height:1.45}
.status-clean-channel-field{
  padding:14px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--panel);
}
.status-clean-channel-field>span{font-weight:750}
.status-clean-channel-field>.discord-selection-guidance{margin:6px 0 10px}
.status-clean-channel-picker{margin-top:2px}
.status-clean-channel-picker>summary{min-height:62px}
.status-clean-channel-picker .single-picker-options{max-height:330px}
.status-clean-settings-layout{margin-top:16px}
.status-clean-alert-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:14px;
  align-items:stretch;
}
.status-clean-alert-options{
  display:grid;
  grid-template-rows:auto 1fr;
  gap:10px;
  min-width:0;
}
.status-clean-alert-options>.status-clean-toggle,
.status-clean-alert-options>.field{height:100%;margin:0}
.status-clean-role-details{margin-top:14px}
.status-clean-detail-note{margin:0 0 12px;color:var(--muted);line-height:1.45}
.status-clean-role-details .multi-checklist-options{max-height:310px}
.status-clean-savebar{margin-top:18px}
body.theme-sakari .status-clean-destination-panel{
  border-color:rgba(107,120,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.10);
}
body.theme-sakari .status-clean-alert-panel{
  border-color:rgba(255,185,75,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.theme-sakari .status-clean-subhead>div>span{
  color:#68ffb1;
  text-shadow:0 0 11px rgba(50,255,155,.24);
}
body.theme-sakari .status-clean-channel-field{
  border-color:rgba(216,154,232,.17);
  background:linear-gradient(180deg,rgba(24,15,34,.84),rgba(12,9,20,.94));
}
body.theme-sakari .status-clean-channel-picker{
  border-color:rgba(95,214,214,.28);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
@media(max-width:980px){
  .status-clean-alert-grid{grid-template-columns:1fr}
  .status-clean-alert-options{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:650px){
  .status-clean-destination-panel,.status-clean-alert-panel{padding:13px}
  .status-clean-subhead{flex-direction:column}
  .status-clean-alert-options{grid-template-columns:1fr}
  .status-clean-channel-picker .single-picker-options{max-height:280px}
}